.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;left:100%;margin-top:-6px;
}
/* rotate caret on hover */
.dropdown-menu >li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}

.sharethis {
	min-height: 43px;
	padding: 5px;
	margin-bottom: 20px;
	background-color: #F5F5F5;
	border: 1px solid #E3E3E3;
	border-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	float: right;
	margin-right: 100px;
	margin-top: 30px;
}

.content-card {
    min-height: 370px;
    max-height:100%;
    overflow-y:auto;"
}
.widget-user-2 .widget-user-image > img {
    width: 65px;
    height: auto;
    float: left;
}

.dot {
    display: inline-block;
    height: 10px;
    width: 10px;
    #background-color: red;
    border-radius: 50%;
}

.pages_img {
    vertical-align: middle;
    text-align:center; 
}

.blog .blog-item .blog-content {
  padding-bottom: 25px;
  
}

.blog-content p{
	font-size: 16px;
	margin-left: 50px;
	margin-right: 70px;
}

.blog .blog-item .blog-content h2 {
  margin-top: 0;
  font-size: 30px;
}

.readmore{
  margin-top: 0;
}

.blog .blog-item .blog-content h3 {
  color: #858586;
  margin-bottom: 40px;
  font-size: 18px;
  margin-left: 30px
  /* font-weight: 300 */}

.blog .blog-item .blog-content h4 {
  font-size: 14px;
  margin-left: 50px;
}

.forgot-pwd {
	color:#ffffff;
	margin-top:5px;
	font-size:13px;
	padding-bottom:10px !important;
	display:block;
}
.semi-transparent-bg {
	#padding:10px;
	margin-left: -30px;
	margin-top:-50px;
	background-color: rgba(255, 255, 255, 0.6);
	background: rgba(255, 255, 255, 0.6);
	min-height: calc(100% - 30px);
}

.rounded-corners {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 5px;
	margin-bottom: 50px;
	margin-left: 10px;
    margin-right: 10px;
}
/*************************
*******Home Page******
**************************/
#middle {
  background: #ffffff;
    background:url(../img/bgimg.jpg);
    background-size: cover;
    padding-bottom: 10px;
    padding-top: 2px;
    left: 0px;
    right: 0px;
    min-height: calc(100% - 55px);
    height: calc(100% - 55px);
    position: relative;
}

#middle-directory {
    background: #ffffff;
    background:url(../img/bgimg.jpg);
    background-size: cover;
    padding-bottom: 10px;
    left: 0px;
    right: 0px;
    min-height: calc(100% - 50px);
    height: auto;
    position: absolute;
}

#wrapper {
    height: 100%;
}

.bottom-nav {
    /*position: fixed;
    bottom: 50px;*/
}

.wrapper-height {
    height: calc(100% - 50px)
}

#page-content-wrapper {
    /*min-height: calc(100% - 50px);
    height: calc(100% - 50px);*/
}

.header_color{color:silver; font-size: 1.5rem;}
.container {
    height: 100%;
}

.container-fluid {
    height: 100%;
}

#home-call {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    height: 100%;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    padding: 19px;
    float: left;
}
#home-call-store {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    height: 100%;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    padding: 19px;
    float: left;
    width: inherit;
}

#signup_div{
    display: none;
}

.card-body {
    padding-top: 0.25rem;
    padding-left: 0.75rem;
    padding-right: 0.25rem;
    padding-bottom: 0.25rem;
}

@media only screen and (min-width : 800px) {
    .login_middle {
        left: 30%;
    }
    .content_middle {
        position: relative;
        vertical-align: middle;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
    .members {
        min-height: 150px;
        padding: 20px;
    }
    #signup_div{
        display:block;
    }

    .service_content{
        margin-left: 25px;
    }
    #mob-buttons{
        display: none;
    }
    .content_card{
        height: calc(100% - 60px);
        min-height: 350px
    }
}

.container {
    display: content;
    padding-right: 0px;
}

.dash_img{
    height: 45px;
}

@media only screen and (max-width : 768px) {
    .nav-link{
        padding: .5rem .5rem;
    }
    .dash_img{
        height: 30px
    }
    .dash_span{
        font-size: 0.4em;
    }
    .dash_sub_item{
        width: 50%
    }
    .col-sm-12 .col-xs-12{
        padding:0px;
        overflow-x: auto;
    }
    .info-box-content {
        overflow-x: auto;
    }
    .grid_table {
        overflow-x: auto;
    }
    #inst-buttons{
        display: none;
    }
    .topnav {
        top: -10px;
    }
    #collapsibleNavbar {
        background: lightgray;
    }
}

.formthumb {
    height: 20px
}

.prof-dob {
	width:30% !important;
	display:inline-block;
	padding:0 !important; 
	padding-left:5px !important;
}
.prof-dob input {
	padding:0 !important; 
	padding-left:5px !important;
}

.navbar-toggler .navbar-brand {
    padding-top: 0 !important;
}

.nodisplay {
	display:none;
}
#dimmedDiv {
	width:100%;
	height:100%;
	display:none;
	position:absolute;
	z-index:99;
	background:black url(../img/preloader.gif) center center no-repeat;
    filter: alpha(opacity=75); /* internet explorer */
    -khtml-opacity: 0.75;      /* khtml, old safari */
      -moz-opacity: 0.75;      /* mozilla, netscape */
           opacity: 0.75;      /* fx, safari, opera */
}
#error404 .container {
	min-height:50vh;
}
#forgotPwd .container {
	min-height:50vh;
	width:100%;
}
#centeredDiv {
	position:relative;
	margin-left:auto;
	margin-right:auto;
} 
.clear {
	clear:both;
}

.blank_div{
    min-height:4vh;
}
.headerAlerts {
	width:100%;
	padding:10px 20px;
	text-align:center;
}
#preview {
	width:16%;
	margin-left:1%;
	float:left;
	min-height:50px;
	margin-top:10px;
}
#preview1 {
	width:16%;
	margin-left:1%;
	float:left;
	min-height:50px;
	margin-top:10px;
}
#preview2 {
	width: 64px;
	margin-left: 1%;
	float: left;
	max-height: 64px;
	margin-top: 10px;
	display: none;
}
#preview2 img{
	width:64px;
}
.fileUpload input.upload {
    position: absolute;
    padding: 0;
    width: 200px;
    margin-top: -25px;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.btn-upload {
	background:#F5F5F5;
}
.hidden {
	display:none;
}
.errorLog {
	padding:5px;
	margin:0;
}
.feed-spinner {
	color:#09F;
	font-size:15px;
	font-weight:800;
	float:right;
	margin-right:10px;
	margin-top:7px;
}
.separator {
	clear:both;
	margin-top:10px;
}
.social-count {
	padding-bottom:5px;
	width:100%;
	border-bottom:solid thin #EAEAEA;
	margin-bottom:5px;
	font-size:14px !important;
}
.feed-action {
	font-size:12px !important;
	margin-right:10px;
}
.processingFAction {
	margin-right:10px;
	margin-top:5px;
	display:none;
	font-size:14px;
	font-weight:800;
	color:#06F;
}
#loader-feed{
	width:100%;
}

#loader-feed i {
	text-align:center;
	font-size:20px;
	margin-left:-50px;
	margin-top:-20px;
}
.modal-header {
	padding:10px;
	margin:0;
	background:#EEE;
	border-bottom:solid thin #D1D1D1;
}
.modal-footer {
	padding:10px;
	margin:0;
	background:#EEE;
	border-top:solid thin #D1D1D1;
}
.modal-title {
	font-size:15px;
	font-weight:600;
}
.sh-feed {
	background:#F4F4F4;
	padding:10px 5px;
	margin-bottom:5px !important;
	margin-top:-5px;
	margin-left:10px;
	word-wrap: break-word;
  	word-wrap: break-all;
}
.sharedTtext {
	color: #AEAEAE !important;
	font-weight: 500 !important;
	}
.sh-feed p {
	padding-left:10px;
	margin:0;
}
.members {
	background:#FFF;
	min-height:390px;
}
.pend_f_req {
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	padding:5px;
}
.f_req_exists {
	border:solid thin #060 !important;
}
.showme {
	position:relative;
	background:#090;
	color:#FFF;
	font-size:12px;
}
.f_req_exists:hover > .showme{
	display:block;
}

.notifications {
    text-align: left;
    font-size: small;
}

.not_count {
    border-radius: 50%;
    height: 50%;
    margin-top: 5px;
    padding-bottom: 12px;
    padding-left: 2px;
    padding-right: 3px;
    font-size: x-small;
}

.cover-photo {
	height:300px;
	width:100%;
	padding:0 !important;
	margin-top:-20px;
	margin-left: -10px;
}
.cover-photo img {
	width:100%; 
	height:100%;
	margin:auto;
	display:block;
}
.profile-pic-box {
	/*margin-top:-150px !important;*/
	border-radius: 50%;
	border-top:none !important;
}

.social_img{
    min-height: 300px;
    max-height: 500px;
    width: -moz-available;
}


.change-cover-photo {
	position:absolute;
	right:0;
	bottom:0;
	margin-bottom:5px;
	background:#FFF;
	padding:5px 20px;
	display:none;
}
.cover-photo:hover > .change-cover-photo {
	display:block;
}
.prof-nav {
	margin-top: 10px;
	background-color: #F8F8F8;
}

.topnav-mr {
    margin-right: 10px
}

.alert {
	padding:7px;
}
.error {
	background:#A40000;
	color:#FFF;
}
.success {
	background:#060;
	color:#FFF;
}

.divider{
    width:15px;
    height:auto;
    display:inline-block;
}

.dash_container {
    float: left;
    display: flex;
    flex-wrap: wrap;
    min-height: 400px;
}

.astpp_search_form_container{
    float: left;
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
}

.astpp_search_form_items{
    flex-grow: 1;
    /*text-align: center;*/
    padding-bottom: 10px;
}

.no-padding-card {padding:0px;}

@media only screen and (min-width: 800px) {
    .no-padding-card {
        padding: 15px;
    }
}

.astpp_search_sub_item {
    flex-grow: 1;
    text-align: center;
    padding-bottom: 10px;
}
.category_container{
    float: left;
    display: flex;
    flex-wrap: wrap;
}
.con_container{
    display: flex;
    flex-wrap: wrap;
}
.row {
    flex-wrap: nowrap;
}
.dash_item {
    flex-grow: 1;
    text-align: center;
    padding-bottom: 15px;
}

.dash_sub_item {
    flex-grow: 1;
    text-align: center;
    padding-bottom: 15px;
}

.astpp_gridrow{
    padding: 10px;
    text-align: center;
    width: 120px;
    white-space:normal;
    margin-left: 5px;
    display: flex;
}
.cart_overview {
    text-align: left;
    padding-bottom: 15px;
}

.dash_span {
    vertical-align: middle;
    font-size: 14px;
}

.legend_head {
    font-size: 20px;
    font-style: italic;
    font-family: 'Comic Sans MS', cursive, sans-serif;
}

.custom_well {
    min-height: 20px;
    padding: 12px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-sizing: border-box;
    overflow: hidden;
    padding-left: 2px;
}

.content_full {
    margin-top:3px;
    font-size: 15px;
    height: auto;
    overflow: hidden;
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 5px;
}

@media only screen and (min-width : 800px) {
    .content_full {

    }
}

.content_pg {
    color: black;
    margin: 5px 10px 10px;
    margin-left: 15px;
    margin-top: 10px;
}

.input-group-addon
{
	width:10%;
}

.new_col-md-3
{ width: 18% !important;}
.padding-15{padding:15px !important;}
.padding-10{padding:10px !important;}
.padding-b-10{padding-bottom:10px !important;}
.padding-b-20{padding-bottom:20px !important;}
.padding-t-5{padding-top:5px;}
.padding-t-10{padding-top:10px;}
.padding-t-20{padding-top:20px !important;}
.padding-y-10{padding:10px 0px !important;}
.padding-x-4{padding:0 4px !important;}
.padding-x-8{padding:0px 8px!important;}
.padding-y-8{padding:8px 0px!important;}
.padding-x-16{padding:0px 16px !important;}
.padding-x-20{padding:0px 20px;}
.padding-l-16{padding-left:16px !important;}
.padding-r-16{padding-right:16px !important;}
.padding-l-32{padding-left:45px !important;}
.padding-r-32{padding-right:45px !important;}
.padding-l-20{padding-left:10x !important;}
.padding-r-20{padding-right:20px !important;}
.padding-y-16{padding:10px 0 !important;}
.padding-l-20{margin:0px 0px 0px 20px;}
.padding-t-r-b-l{padding:20px 20px 20px 20px;}
.padding-trb-l{padding:0px 0px 0px 5px !important;}
.padding-tbl-r{padding:0px 5px 0px 0px !important;}
.text-center{text-align:center !important;}
.margin-b-10{margin-bottom:10px;}
.margin-b-15{margin-bottom:15px;}
.margin-b-20{margin-bottom:20px;}
.margin-l-20{margin-left:20px;}
.margin-l-10{margin-left:10px;}
.margin-l-15{margin-left:15px;}
.margin-l-30{margin-left:30px;}
.margin-r-20{margin-right:30px;}
.margin-t-10{margin-top:10px !important;}
.margin-t-15{margin-top:15px;}
.margin-t-51{margin-top:3px;}
.margin-t-20{margin-top:20px;}
.margin-y-10{margin:10px 0;}
.margin-y-20{margin:20px 0;}
.margin-x-20{margin:0 20px;}
.margin-x-10{margin:0 10px;}
.margin-x-4{margin:0 4px !important;}
.margin-r-10{margin-right:10px !important;}
.strong{font-weight:bold !important;}

.form-light .form-control{margin-bottom:0px; background:#FAFBFC;border-top-right-radius: 0px !important;
border-bottom-right-radius: 5px !important; border:1px solid #DADFE3;padding: 6px 10px !important;}
.form-light label{color:#232222; text-transform:capitalize; font-weight:normal}
.form-light label .org{color:#ed6b49;}
.form-light .form-control:focus{-webkit-box-shadow:none; box-shadow:none;border:1px solid #66AFE9;}
.form-light .form-control:-moz-placeholder{color:#9ab2cc}
.form-light .form-control::-moz-placeholder{color:#9ab2cc}
.form-light .form-control:-ms-input-placeholder{color:#9ab2cc}
.form-light .form-control::-webkit-input-placeholder{color:#9ab2cc}

.sign-in-wr{margin-top:26px; padding-top:15px; border: 5px solid rgba(52, 52, 51, 0.9) !important;}
.sign-in-wr input{border-radius:0px;/*border-top-right-radius:4px; border-bottom-right-radius: 4px;*/}
.sign-in-wr .form-icon{display:block; width:80px; height:80px; border-radius:80px; margin:25px auto; text-align:center; line-height:80px; font-size:40px;}
.sign-in-wr h4{padding:0 15px;}

.w-box
{
	margin-bottom:15px;
	border:1px solid #E1E5E6;
	background:#FFF; -webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
	position:relative;
	overflow:hidden;
	cursor:default;
}
.w-box h2{font-family: "Noto Sans",sans-serif;margin:0; padding:10px 15px; border-bottom:1px solid #f1f1f1; color:#9ab2cc; font-weight:500; font-size:16px;}
.w-box h3{font-family: "Noto Sans",sans-serif;margin:0; color:#283a44; font-weight:500; font-size:17px; text-transform:none !important; line-height:25px;}
.w-box.inner h2{padding:10px 0;}
.w-box small{display:block; font-size:12px; margin-top:3px;}
.w-box p{margin:0; font-size:15px; padding:15px; color:#687177;}
.w-box li{list-style:none;line-height:30px; color:#687177;}
.w-box p.social-icons{margin:0; padding:5px 15px; border-top:1px solid #f1f1f1;}
.w-box p.social-icons a{display:inline-block; margin-right:5px; width:32px; padding:6px 0; text-align:center; font-size:14px; background:#697e93; color:#FFF; border-radius:2px;}
.w-box p.social-icons a:hover{background:#3d4754;}
.w-box .w-footer{display:block; padding:10px 15px; color:#a1a1a1; border-top:1px solid #f1f1f1;}
.w-box .w-footer small{font-size:12px;}
.w-box .w-box-parent{-webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.w-box:hover .w-box-parent{
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-0px);
	-ms-transform: translateY(-0px);
	-o-transform: translateY(-0px);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	-o-transition: -o-transform 0.4s;
	transition: transform 0.4s;
}
.w-box_login{border:1px solid #DADFE3; background:#FAFBFC; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; position:relative; overflow:hidden;color:#93A8A8; cursor:default; }

.w-box .w-box-parent .w-box-button.animated{position:absolute; bottom:10px; margin-bottom:-40px; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; }

.w-box.dark{background:#fefefe; border-color:#eeeeee;}
.w-box.dark p{color:#555555;}
.w-box.dark p a{color:#2f8fe0; text-decoration:none;} .w-box.dark p a:hover{color:#0966b3;}
.w-box.dark h1{color:#FFF; border-bottom:1px solid #2c343e; text-align:center;}
.w-box.dark h2{color:#555555; border-bottom:0px solid #eeeeee;font-size:24px;}
.w-box.dark .thmb-img{text-align:center; padding:15px 0;}
.w-box.dark .thmb-img i{font-size:64px; color:#FFF;}
.w-box .color-one{background:#fafafa;}
.w-box .color-two{background:#f2f2f3;}
.w-box .color-three{background:#ecedee;}
.w-box .color-foure{background:#e6e7e9;}

.w-section{padding-bottom:25px;}
.w-section:before, .w-section:after {display:table; content:" ";}
.w-section:after{clear:both;}

.w-section.inverse{-moz-box-shadow:0 0 0; -webkit-box-shadow:0 0 0; box-shadow:0 0 0;}
.w-section.inverse p{ text-transform:capitalize; font-size:14px; text-align:justify; line-height:30px;}
.w-section.inverse h2{ text-transform:capitalize;}
.w-section.inverse h2 .span{ text-transform:lowercase;font-size:25px;color:#8c8c8c;line-height:2.2 !important;}
.w-section.inverse h1{ text-transform:capitalize;}
.w-section.inner{margin:15px 0;}
.w-section li{list-style:none; text-transform:capitalize; line-height:20px;}
.w-section iframe{width:100%;}
.border_box
{
	border-top:0px solid #D3D7DA;
	border-bottom: 1px solid #D3D7DA;

        /*background-color:#474544  !important;*/
        background-color:#454e59 !important;
}

section.slice{ position:relative; /*margin:0px;*/ color:#5E5E5E;display:block;}
.color-one{background:#fff;}

.panel-heading {
    width: 100%;
    float: left;
    border-bottom: 1px solid transparent;
    border-bottom-color: transparent;
    font-size: 18px;
    color: white;
}

.voip_dash {
    min-height: 350px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    overflow-x: auto;
}

.dash_card{
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 0px;
}

#did_grid {
    margin-top: 10px;
    overflow-x: auto;
}

.flexigrid {
    font-family: "Noto Sans",sans-serif;
    font-size: 10px;
    position: relative;
    border: 0px solid #eee;
    overflow: hidden;
    color: #333232;
    text-decoration: none;
    background-color: #fff;
    padding: 0px 2px 1px 2px;
}

.second {
    color: black;
    opacity: 0.4;
    border: 0px;
    width: 95%;
    padding: 60px 0px 60px 0px;
    padding-right: 0px;
    padding-left: 0px;
    margin: 5px;
    display: relative;
    text-align: center;
    font-size: 250%;
}

.btn {
    font-size:13px;
    font-weight:normal;
    line-height:1.428571429;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    cursor:pointer;
    background-image:none;
    border:1px solid transparent;
}

.btn-warning {
    color: #fff;
    background-color: #D16868;
}

.color-three {
    background: #fff;
    color: #728ba5;
}
.content_border {
    border: 1px solid #e7eaec;
    min-height: inherit ! important
}

.btn-line-warning, .btn-line-warning a {
    color: #f59c1a;
    background-color: transparent;
    border-color: #f59c1a ! important;
    text-decoration:none;
}
.btn-line-warning:hover, .btn-line-warning:hover a, .btn-line-warning:focus, .btn-line-warning:active, .btn-line-warning.active {
    color: #FFF;
    background-color: #FFB61C;transition: all 0.35s ease 0s;
}
.btn-line-danger {
    color: #ff5b57;
    background-color: transparent;
    border-color: #ff5b57 ! important;
}
.btn-line-danger:hover, .btn-line-danger:focus, .btn-line-danger:active, .btn-line-danger.active {
    color: #FFF;
    background-color: #ff5b57;transition: all 0.35s ease 0s;
}
.btn-line-success {
    color: #1F9978;
    background-color: transparent;
    border-color: #1F9978 ! important;
}
.btn-line-success:hover, .btn-line-success:focus, .btn-line-success:active, .btn-line-success.active {
    color: #FFF;
    background-color: #23AE89;transition: all 0.35s ease 0s;
}
.btn-line-parrot {
    color: #1e9676;
    background-color:#cff3fc;
    border-color: #23ae89 ! important;
    border-radius:3px;

}
.btn-line-parrot:hover, .btn-line-parrot:focus, .btn-line-parrot:active, .btn-line-parrot.active {
    color: #FFF;
    background-color: #1e9676;transition: all 0.35s ease 0s;
}
.btn-line-purple {
    color: #FFF;
    background-color:#3f51b5;
    border-color: #3f51b5 ! important;
    border-radius:3px;

}
.btn-line-purple:hover, .btn-line-purple:focus, .btn-line-purple:active, .btn-line-purple.active {
    color: #FFF;
    background-color: #2e3d93;transition: all 0.35s ease 0s;
}

.btn-line-blue {
    color: #0d88b5;
    background-color: transparent;
    border-color: #109ed3;
	border-radius:3px;
}
.btn-line-blue:hover, .btn-line-blue:focus, .btn-line-blue:active, .btn-line-blue.active {
    color: #FFF;
    background-color: #109ed3;transition: all 0.35s ease 0s;
}
.btn-line-sky {
    color: #109ed3;
    background-color:#cff3fc;
    border-color: #109ed3 ! important;
    border-radius:3px;
    /*background-color: #109ed3;*/
}
.btn-line-sky:hover, .btn-line-sky:focus, .btn-line-sky:active, .btn-line-sky.active {
    color: #FFF;
    background-color: #0f8bb9;transition: all 0.35s ease 0s;
}

.btn-warning {
    color: #fff;
    background-color: #D16868;
    border-color: #D16868;
}

.btn-xing {
    color: #025e60;
    background-color:transparent;
    border-color: #025e60 !important;
}
.btn-xing:hover, .btn-xing:focus, .btn-xing:active, .btn-xing.active {
    color: #FFF;
    background-color: #025e60;transition: all 0.35s ease 0s;
}

.btn-close
{
color: #FFF;
border-radius: 3px;
background-color: #775554;
font-size: 12px;
font-weight: normal;
padding: 3px 7px !important;
/*margin: 10px 10px -26px 0px;*/
}
.close {
    color: #000 !important;
    float: right !important;
    font-size: 21px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

i {
  display: block;
  color: #fff;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.arrow {
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 60px; /*change with size of arrow to make sit on bottom */
/*   background-image: url(); */
/*   background-size: contain; */
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.img-grid {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    /*height: 100%;*/
}
i{color: steelblue;}

.tabs-below > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-bottom > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-bottom > .nav-tabs > li {
  margin-top: 7px;
  margin-bottom: 7px;
  padding-right: 10px;
}

.tabs-bottom > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-bottom > .nav-tabs > .active > a,
.tabs-bottom > .nav-tabs > .active > a:hover,
.tabs-bottom > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.jumbotron {
    padding: 1rem 0.5rem;
    margin-bottom: 1rem;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
}

/* Style the active/current link */
.pagination a.active {
  background-color: dodgerblue;
  color: white;
}

/* Add a grey background color on mouse-over */
.pagination a:hover:not(.active) {background-color: #ddd;}

.instructions {
    max-height: 180px;
    overflow-y: auto;
}

canvas {
    -moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.navbar-nav > .user-menu .user-image {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 3px;
}
@media (max-width: 767px) {
  .navbar-nav > .user-menu .user-image {
    float: none;
    margin-right: 0;
    margin-top: -8px;
    line-height: 10px;
  }
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  padding: 10px;
  text-align: center;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
  z-index: 5;
  height: 90px;
  width: 90px;
  border: 3px solid;
  border-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
  z-index: 5;
  font-size: 17px;
  margin-top: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
  display: block;
  font-size: 12px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  padding: 15px;
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #dddddd;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
  color: #444 !important;
}
@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    background: #fff !important;
    color: #444 !important;
  }
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  background-color: #f9f9f9;
  padding: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  color: #666666;
}
@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
    background-color: #f9f9f9;
  }
}

.modal-properties {
    padding-bottom: 10px;
    font-weight: normal;
}

.modal-properties > p {
    font-weight: normal;
    margin-top: 10px;
}

.project-tab {
    padding: 5%;
    margin-top: -3%;
}
.project-tab #tabs{
    background: #007b5e;
    color: #eee;
}
.project-tab #tabs h6.section-title{
    color: #eee;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0062cc;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
    font-size: 16px;
    font-weight: bold;
}
.project-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #0062cc;
    font-size: 16px;
    font-weight: 600;
}
.project-tab .nav-link:hover {
    border: none;
}
.project-tab thead{
    background: #f3f3f3;
    color: #333;
}
.project-tab a{
    text-decoration: none;
    color: #333;
    font-weight: 600;
}
.project-tab-margin {
    margin: 10px 0 20px 10px;
    font-size: 18px;
}