*{	-webkit-transition: .3s ease-out;
   -moz-transition: .3s ease-out;
   -o-transition:  .3s ease-out;
   transition: .3s ease-out;
   list-style: none;
}

/*================================
TYPOGRAPHY
================================*/
body{ font-family:'Roboto', sans-serif; line-height:1.8em; padding-top:68px;}

.bigicon {font-size: 3em;}

h2{font-size: 34px;}
h3{font-size: 28px;}
h4{font-size: 18px; line-height: 1.4em;}

p{
    letter-spacing: 1px;
    color: #999;
    font-weight: lighter;
}

@font-face {
    font-family: 'Roboto-Bold';
    src:url('../fonts/Roboto-Bold.ttf?v=4.4.0') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Light';
    src:url('../fonts/Roboto-Light.ttf?v=4.4.0') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src:url('../fonts/Roboto-Regular.ttf?v=4.4.0') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Medium';
    src:url('../fonts/Roboto-Medium.ttf?v=4.4.0') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/*================================
DEFAULT STYLE & FORMATING
================================*/
ul{padding: 0;}
a{color: #ea9312}
a:hover{color: #c3c3c3; text-decoration: none;}

#services{text-align: center;}
/*.col-md-4, .col-md-6{padding-bottom: 50px;}*/

.sectionhead{
    text-align: center;
    padding-bottom: 50px;
}

hr.separetor{
    width: 80px;
    color: #363942;
    border-top: 2px solid #ea9312;
}

.btn-warning, .btn-danger{ border-radius:50px; padding:4px 20px 5px;}
.btn-default {
    background: #004A97 none repeat scroll 0 0;
    border: 1px solid #004A97;
    border-radius:30px;
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 0;
    line-height:normal;
    margin: 1em 0 0;
    padding:4px 20px 5px;
    text-transform: none;
}

.btn-default:hover{
    background: none;
    color: #004A97;
    border:1px solid #004A97;
}

.btnicon, .brandicon{
    margin-right: 10px;
}
.clr::after {
    box-sizing: border-box;
    clear: both;
    content: " ";
    display: table;
}
.alert {
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 3px 10px;
}
.circle{
    border-radius:50%;
}
.form-control::-moz-placeholder {
    color: #cccccc;
    font-size: 12px;
    opacity: 1;
}
.clear5{
    margin:5px;}
.clear10{
    margin:10px;}
.clear15{
    margin:15px;}
.clear20{
    margin:20px;}
.clear30{
    margin:30px;}
.clear40{
    margin:40px;}
.clear50{
    margin:50px;}
.clear60{
    margin:60px;}
.clear70{
    margin:70px;}
select::after{  border-color: #808080 rgba(0, 0, 0, 0);
                border-style: solid;
                border-width: 6px 6px 0;
                content: "";
                height: 0;
                margin-top: -3px;
                position: absolute;
                right: 16px;
                top: 50%;
                width: 0;}	

input[type="radio"], input[type="checkbox"] {
    line-height: normal;
    margin: 5px 2px 0 0;
}
label {
    color: #444444;
    display: inline-block;
    font-family: "Roboto-Medium";
    margin-bottom: 5px;
    line-height: 17px;
    margin: 0 6px;
    max-width: 100%;
}
.btn-success {
    background: #fb7a16 none repeat scroll 0 0;
    border: 1px solid #fb7a16;
    border-radius:50px;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height:normal;
    margin: 1em 0 0;
    padding:4px 20px 5px;
}
.btn-success:hover{
    background:none;
    color:#FB7A16;
    border: 1px solid #FB7A16;
}
strong{
    font-family:'Roboto-Bold';}

*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
.modal-header {
    background: #cccccc none repeat scroll 0 0;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.43px;
    padding: 15px;
}
.modal-title {
    color: #000000;
    font-family: "Roboto-Medium";
    line-height: 1.42857;
    margin: 0;
}
.modal-body .contact-form {
    background: #ffffff none repeat scroll 0 0;
}	
/*================================
HERO AREA
================================*/
#hero{ color: #fff; text-align: center; max-height: 880px; overflow: hidden; height: 100%; min-height: 400px; position:relative;
       background-position:center bottom; background-size:cover; background-attachment:fixed;}
#hero:before{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; height:100%; background:rgba(0, 0, 0, 0.65);}
#support{
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0) url("../img/support_bg.jpg") no-repeat fixed center / cover  ;
    overflow: hidden;
    padding:3em 0;
}
#hero .btn-default {
    margin: 1em 0 0;
    padding: 7px 25px;
    text-transform: uppercase;
}
.hero-inner{
    height:340px;}
.herocontent{
    padding-top: 100px;
    width: 100%;
    max-width: 960px;
    position: relative;
}
/*.herocontent h2{
    text-transform:uppercase;
    text-shadow: 3px 3px 3px #000000;
}
*/
.herocontent h2{ text-transform:uppercase; text-shadow:none; font-size:28px;}

/*.herocontent h4{
    font-family:'Roboto-Light';
    letter-spacing:0.5px;
    font-size: 20px;
    text-shadow: 3px 3px 3px #000000;
}
*/
.herocontent h4{ font-family:'Roboto-Light'; font-size:18px;}
.heroshot{
    margin-top: 20px;
    width: 100%;
    max-width: 1200px;

}
.container herocontent .btn-default{
    margin: 7em 0;}
/*================================
NAVBAR
================================*/
.logo{ display:block; margin:0;}
.innerLogo{ margin:35px 0 0;}

.navbar-inverse {
    background-color: #fff;
    border-top:3px solid #eaeff4;
    border-bottom:1px solid #EEE;
}

.navbar-brand {
    float:left;
    padding:0;
    height:auto;
    margin:6px 0;
}
.navbar-nav {
    margin:14px 0;
}
/*.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    border: 1px solid #1386b5;
    border-radius:4px;
    color: #1386b5;
    outline: medium none;
    background:#f9fcff;
}
*/
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    border:0;
    border-radius:4px;
    color:#1386b5;
    outline:medium none;
    background:none;
}
.navbar-nav > li > a {
    border:0;
    font-family: "Roboto-medium";
    line-height: 15px;
    padding: 8px 12px;
    text-transform: uppercase;
}
.navbar-inverse .navbar-nav > li > a {
    color: #000;
}
.nav > li {
    margin: 0 0 0 10px;

}
/*.navbar-inverse .navbar-nav > .active > a{
    background-color: #f9fcff;
    border-radius:4px;
    color: #1386b5;
    border-color:#1386b5;
}
*/
.navbar-inverse .navbar-nav > .active > a{
    background-color:transparent;
    border-radius:4px;
    color:#1386b5;
    border:0;
}
.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background:none;
    border:0;
    color:#1386b5;
}
.navbar-inverse .navbar-nav .btn_login a{
    background-color: #fb7a16; border-radius:4px; color:#FFF; padding:10px 20px;
}
.navbar-inverse .navbar-nav .btn_login:hover a,.navbar-inverse .navbar-nav .btn_login:focus a{ background-color:transparent; border-color:#fb7a16; color:#fb7a16;}
.navbar-inverse .navbar-toggle {
    border-color: #1c8cba;
}
.navbar-toggle {
    background-color: #004A97;
    margin-top: 19px;
    padding: 9px 10px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #dddddd;
}

/*================================
ABOUT SECTION
================================*/

.about-section {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff913b+0,fc7913+100 */
    background: #ff913b; /* Old browsers */
    background: -moz-linear-gradient(top, #ff913b 0%, #fc7913 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff913b 0%,#fc7913 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff913b 0%,#fc7913 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff913b', endColorstr='#fc7913',GradientType=0 ); /* IE6-9 */
}
.about-section-heading {
    font-size:23px;
    padding:3.5em 0 2.5em;
    text-align: center;
    background:#ededed;
    letter-spacing:-1px;
}
.about-section-heading hr.separetor {
    border-top: 2px solid #e45d03;
    color: #363942;
    width: 100px;
}
#about{ padding: 50px 0; text-align:center;}
#about h2,#about h4{ color:#fff;}

#about h2{
    font-size:22px;
    font-weight:bold;
    text-transform:uppercase;}


#about h4{ font-size:15px;}
.myapps{margin-top: 25px;}
.myapps li{display: inline}
.myapps li img{
    width: 30px;
}

/*================================
SERVICES SECTION
================================*/
/*#services{ background:url(../img/services_arrow.gif) no-repeat center;}*/

.service-box {
    margin:30px 20px;
    position: relative;
    height:250px;
    overflow:hidden;
}

.build-community{ background:url(../img/AJB2132.jpg) no-repeat center / cover;}
.feedback{ background:url(../img/feedback-pic.jpg) no-repeat center / cover;}
.building-score{ background:url("../img/creditScorE.jpg") no-repeat center / cover;}
.mobile-view{ background:url(../img/615600-commonwealth-bank-app.jpg) no-repeat center / cover;}

.service-box:hover .mask{
    opacity:0;
    top:-250px;

}	
.mask {

    bottom: 0;
    cursor: pointer;
    opacity: 0.9;
    position: absolute;
    top: 0;
    transition: all 0.5s;
    width: 100%;
    height:100%;
}
.blue1{
    background:#1aadff;
}
.blue2{
    background:#169cd5;
}
.blue3{
    background:#1287b8;
}
.blue4{
    background:#085eac;
}
.quote{overflow: hidden}
.quote h5 {
    bottom: 0;
    color: #ffffff;
    font-size: 26px;
    margin: 20px;
    position: absolute;
    text-shadow: 1px 2px 1px #3f3f3f;
}	
#clients{
    padding-top: 30px;
}
#clients h4{
    text-transform: uppercase;
    padding-top: 10px;
}

#clients .col-md-4{
    padding-bottom: 0;
}

#clients ul{float: right}

#clients li{
    display: inline;
    margin-right: 35px;
}

#clients li:last-child{
    margin-right: 0px;
}


/*================================
WORK WITH SECTION
================================*/
#work-with{
    background: #e9f7ff none repeat scroll 0 0;
    margin-top: 30px;
    padding: 50px 0 70px;
    text-align: center;
}
.categories-heading{
    font-size:30px;
    color:#1287b8;

}
.name-heading{
    font-size:25px;
    color:#000;

}
#work-with h3 {
    color: #000000;
    font-size:25px;
    margin-top:0;
}
#work-with .mainTitle{ font-size:30px; text-transform:uppercase;}
.text-area{
    text-align:left;
    padding:20px 0px 0px 70px;}	

.name-heading span{ color:#676767; font-size:20px;} 

#work-with p{ color:#5e5e5e; font-size:17px;}

.image-div{ padding:0px; border-radius:4px; border:1px solid #ffffff; text-align:left;}
.image-div-r{ padding:0px; border-radius:4px; border:1px solid #ffffff; text-align:right;}



#shotsByPlayerId li{
    width: 31%;
    float: left;
    padding: 15px;
    margin: 10px;
    background: #fff;
    border-radius: 5px;
}

#shotsByPlayerId li:hover{
    box-shadow: 1px 2px 25px rgba(160, 160, 160, 0.4);
    -webkit-transition: .7s ease-out;
    -moz-transition: .7s ease-out;
    -o-transition:  .7s ease-out;
    transition: .7s ease-out;
}

#shotsByPlayerId li img{
    width: 100%;
    border-radius: 5px;
}

#shotsByPlayerId img:hover{
    opacity: .5;
    overflow: hidden;
}

#shotsByPlayerId a:hover{color: #ea9312;}

#shotsByPlayerId h3{
    text-align: left;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: normal;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;}

#shotsByPlayerId h3 a{color: #363942;}

.likecount a{float: left; color: #c3c3c3;}
.commentcount a{float: right; color: #c3c3c3;}

/*================================
TESTIMONIAL SECTION
================================*/

.clientsphoto img{
    width: 80px;
    float: left;
    margin-right: 20px;
    border-radius: 50%;
}

.clientsphoto img:hover{
    border-radius: 15%;
}

blockquote{
    margin: 0;
    padding: 0 0 10px 0;
    border: none;
}

blockquote p{   
    font-style: italic;
    font-size: 14px;
}


/*================================
REQUEST/TRY IT SECTION
================================*/
#request{ background:url(../img/div-back.jpg) no-repeat fixed center center / cover; padding:100px 0; position:relative;}
/*#request:before{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; height:100%; background:rgba(229, 86, 0, 0.55);}*/
#request:before{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; height:100%;}
#request h2{ color:#FFF; font-size:22px; text-align:center; border:1px solid #ababab; border-radius:4px; padding:10px 10px 15px;
             box-shadow:1px 2px 3px 1px #000000; text-transform:uppercase;}
#request .request{ margin-top:2em; padding: 2px 18px;}
#request:before{
    background: -moz-linear-gradient(top, rgba(226,94,0,0.87) 0%, rgba(226,94,0,0.55) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(226,94,0,0.87) 0%,rgba(226,94,0,0.55) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(226,94,0,0.87) 0%,rgba(226,94,0,0.55) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee25e00', endColorstr='#8ce25e00',GradientType=0 );
}

.bttn {

    border-radius: 25px;
    box-shadow: 1px 2px 3px 1px #000;
    color: #fff;
    font-size: 20px;
    padding: 12px 50px;
    text-align: center;
    text-transform: uppercase;
    display:inline-block;
    width:260px;
    outline: medium none !important;
}
.request{
    border:2px solid #00a4ff;
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    color:#fff;
    font-size: 18px;
    padding: 2px 18px;
    width: auto !important;
}
.btn-r{
    text-align:right;}	
.btn-l{text-align:left;}	
.request:hover{
    background:#00a4ff;
    color:#fff;}	
.tryit{
    border:2px solid #ff701a;
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
}
.tryit:hover{
    background:#ff701a;
    color:#fff;}
#request .text {
    color: #ffffff;
    font-family: "Roboto-Light";
    font-size: 40px;
    line-height: 40px;
    text-align: center;
}
/*================================
PRODUCT PAGE
================================*/
.product {
    padding-bottom: 40px;
}
.product hr.separetor {
    border-bottom: 1px solid #e5e5e5;
    border-top: medium none;
    color: #363942;
    height: 20px;
    margin-bottom: 30px;
    width: 100%;
}
.product .image-div img{ max-width:530px; width:100%;}
.product .text-area{ padding:0 15px; /*text-align:justify;*/}
.product .name-heading{ line-height:1.5;}

/*================================
PRICING PAGE
================================*/	
.pricing{
    padding-bottom: 80px;
}
.price-section-heading{
    text-transform:uppercase;
    font-size:28px;}
.about-title {
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 35px;
    text-align: center;
    text-transform: uppercase;
}
.price-box{
    text-align:center;
    border:1px solid #ccc;
    padding:20px;
    box-shadow: 0 3px 6px 0 #cccccc;
    background:#fff;
    margin-bottom:20px;
}

.price-heading{
    color:#3f3f3f;
    text-transform:uppercase;
    padding:10px 0px;
    text-align:center;
    border-bottom:1px dotted #ccc;
    margin-bottom:20px;}
.price-circle {

    background: #004A97 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    float: none;
    font-size: 22px;
    font-weight: bold;
    height: 100px;
    line-height: 100px;
    margin: auto;
    text-align: center;
    width: 100px;
}
.price-circle:hover{
    background:#3f3f3f;}
.price-box:hover {
    box-shadow: 1px 4px 12px 3px #777777;
    cursor: pointer;
    margin-top:-30px;
}	
.price-circle span{font-size:14px;
                   font-weight:normal;
}	
.price-box p{
    margin:10px 0px;
}
.btn-success.price-btn{
    padding:2px 10px;
    font-size: 14px;}				
/*================================
LOGIN SECTION
================================*/
.login-section{
    background:rgba(0, 0, 0, 0) url("../img/212146.jpg") no-repeat fixed center top / cover  ;
    padding:200px 0px;}
.login-content {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    border-radius: 5px;
    padding: 30px 30px 0;
}
.login-header {
    color: #ffffff;
    font-size: 30px;
    padding: 17px;;
    border-bottom: 1px dashed #3f3f3f;
    width:300px;
    margin:auto;
    text-align:center;
}
.login-fields {
    padding:30px 0px;
}
.login-section .login-fields label {
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    width: 100%;
}
.log-col{
    margin:auto;
    float:none;}
.login-content i {
    color: #00baff;
    margin-right: 4px;
}								
.login-btn{
    background-color: #fb7a16; border-radius:4px; color:#FFF; padding:10px 20px; font-size:18px;    line-height: 10px; text-transform:uppercase;
}
.login-btn:focus, .login-btn:hover{ background-color:transparent; border-color:#fb7a16; color:#fb7a16;}

/*================================
DASHBOARD SECTION
================================*/
.innerHeading h3{ font-size:25px;}
.innerHeading p{ margin:0; letter-spacing:normal; color:#666;}
.mainNav{ border:0; margin:0; padding:0 40px!important; overflow:hidden;}
.mainNav .li{ float:left; margin-bottom:-1px; width:100%; text-align:center;}
/*
.mainNav .li a{ background:rgba(255, 255, 255, 0.2); border: 1px solid #ffffff; border-radius: 4px 4px 0 0;
color: #FFF; display: block; font-family: "Roboto-Medium"; font-size:13px; line-height:1.42857; margin-right:2px; padding:6px 14px;}
.mainNav .li a:hover{ color: #FFF; text-shadow:none; background-color:rgba(255, 255, 255, 0.4);
border:1px solid #fff; border-bottom:0;}
.mainNav .active a, .mainNav .active a:hover, .mainNav .active a:focus{ background:#FFF;
color:#004a97; cursor: default; text-shadow:none; border:1px solid #FFF; border-bottom:0;}
*/
.mainNav .li a{ background:rgba(255, 255, 255, 1); border: 1px solid #ffffff; border-radius: 4px 4px 0 0;
                color: #004a97; display: block; font-family: "Roboto-Medium"; font-size:12px; line-height:1.42857; margin-right:2px; padding:4px 8px;}
.mainNav .li a:hover{ color: #FFF; text-shadow:none; background-color:rgba(255, 255, 255, 0.4);
                      border:1px solid #fff; border-bottom:0;}
.mainNav .active a, .mainNav .active a:hover, .mainNav .active a:focus
{ background:#1588b6;color:#FFF; cursor: default; text-shadow:none; border:1px solid #FFF; border-bottom:0;}
.owlNav{ position:relative;}
.owlNav a{ font-size:17px; color:#999;/* border:1px solid #999;*/ position:absolute; left:0; top:-65px; padding:4px 14px; z-index:11;}
.owlNav a:hover{ border-color:#FFF; color:#FFF;}
.owlNav a.next{ left:auto; right:0;}

.dash-top{ padding-top:0px;}

.dashboard-header{ background-position:center; background-size:cover; position:relative;}
.dashboard-header:before{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; height:100%; background:rgba(0, 0, 0, 0.65);}

.user-section{ color:#FFF; margin:0 0 30px;}

.profile-img img {
    border-radius: 50%;
    height: 150px;
    margin: auto;
    width: 150px;
}
.heder-top  .profile-img img {
    border-radius:100%;
    height:35px;
    margin: auto;
    width:35px;
}

.heder-top .profile-img{ float:left; margin-right:10px; border: 1px solid #CCC; border-radius:100%;}

.user-name{ font-family:"Roboto-Medium"; font-size:20px;}

.user-category {
    color: #fc984b;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 4px 5px 2px #000000;
}	

.d-h-boxes .title i {
    margin-right: 5px;
    color: #fff;
}
.dashboard-menu {

}
.negative-margin {
    position: relative;
    top:-34px;
    z-index: 10;
}

.tab-content{ margin:30px 0 20px;}


/**************DASHBOARD HEADER TOP CONTENT***************/	
.heder-top {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f1f1f1 0%, #e5e5e5 100%) repeat scroll 0 0;
    left: 0;
    margin-top:-34px;
    position: absolute;
    right: 0;
    border-bottom:1px solid #DDD;
}
.heder-top .user-name { line-height:33px;}

.nav-tabs{ border:0; margin:0; padding:3px 0 0;}
.nav-tabs > li > a {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 4px 4px 0 0;
    color: #ffffff;
    display: block;
    font-family: "Roboto-Medium";
    line-height: 1.42857;
    margin-right: 2px;
    padding:6px 14px;
    font-size:13px;
}



.d-banner-name{
    color: #dddddd;
    font-family: "Roboto-Light";
    margin:12em 0;
    text-shadow: 1px 3px 3px #000000;
    text-transform: uppercase;
}

.d-banner-name h1{ font-size:28px; margin:0;}

.dashboard-right{ background: rgba(0, 0, 0, 0.6); padding: 20px;}

.heder-top > a { line-height: 2.5; padding: 0 10px;}
.heder-top form{ padding:5px 0 4px;}
.heder-top .rightIcons > a, .heder-top .rightIcons .notifi_dropDown > a{ display:inline-block; font-size:17px; padding:8px 0; width:35px; margin:2px 0;}
.heder-top .rightIcons > a:hover, .heder-top .rightIcons .notifi_dropDown > a:hover{ background:#FFF; border-radius:100%;}
.heder-top .rightIcons > .open > a{ background:#1588b6 !important; border-radius:100%;}
.heder-top .rightIcons > .open > a > i{ color:#FFF !important;}
.heder-top .rightIcons a i{ display:block; color:#fb7a16; text-align:center;}
.heder-top .notifi_dropDown{ display:inline-block; position:relative;}
.heder-top .notifi_dropDown .notifiPic img{ width:40px; height:40px;}
.dropdown-menu{ padding:0; left:auto; right:-8px; min-width:400px;}
.dropdown-menu:after{ border-bottom: 12px solid #ffffff; border-left: 12px solid rgba(0, 0, 0, 0); border-right: 12px solid rgba(0, 0, 0, 0);
                      content: ""; height: 0; position: absolute; right: 12px; top: -12px; width: 0;}
.dropdown-menu .headr{ border-bottom:1px solid #ccc; color:#3f3f3f;padding:3px 15px; font-size:13px; font-weight:600; text-transform:uppercase;}
.dropDown_list li{ padding:10px 15px; border-bottom:1px solid #EEE; font-size:12px; cursor:pointer;}
.dropDown_list li:hover{ background:#f9f9f9; border-left:4px solid #fb7a16;}
.dropDown_list li .text{ margin-left:50px;}
.dropDown_list li .comments{ line-height:normal;}
.dropDown_list li .date{ color:#999; font-size:11px; line-height:normal;}
.dropdown-menu .seeAll_btn{ display:block; text-align:center; background:#f6f6f6; padding:2px; width:100%; border-top:1px solid #CCC;
                            box-shadow:0 -2px 3px 0 #e8e8e8; color:#004a97; font-size:11px; font-weight:bold; font-family:Tahoma; border-radius:0 0 4px 4px;}
.notifi_slidePanel{ position:fixed; top:0; left:0; right:0; width:100%; background:rgba(255, 255, 255, 0.97); z-index:99999;}
.notifi_slidePanel .container{ max-width:1000px;}
.notifi_slidePanel .headr{ font-size:21px; color:#fb7a16; margin:0; padding:14px 0; text-align:center; border-bottom:1px solid #CCC;
                           background:#FFF; box-shadow:0 3px 4px -2px #CCC; text-transform:uppercase;}
.notifi_slidePanel .headr:last-child{ box-shadow:0 -4px 4px -2px #cccccc; border-top:1px solid #CCC;}
.notifi_slidePanel .headr:last-child a{ font-size:29px; display:block;}
.notifi_slidePanel li{ padding:10px 15px; border-bottom:1px solid #DDD; font-size:12px; cursor:pointer;}
.notifi_slidePanel li:hover{ background:#EEE; border-left:4px solid #fb7a16;}
.notifi_slidePanel li .notifiPic img{ width:40px; height:40px; border:1px solid #CCC;}
.notifi_slidePanel li .text{ margin-left:50px; color:#000;}
.notifi_slidePanel li:hover .text{ color:#000;}
.notifi_slidePanel li .comments{ line-height:normal;}
.notifi_slidePanel li .date{ color:#999; font-size:11px; line-height:normal;}
/***Umair***/
.notifi_slidePanel .dropDown_list {overflow-y: scroll;}
.dropDown_list::-webkit-scrollbar {width: 5px;} 
.dropDown_list::-webkit-scrollbar-track {background-color: #000;}
.dropDown_list::-webkit-scrollbar-thumb {background-color: #f0f0f0;} 
.dropDown_list::-webkit-scrollbar-button {background-color: #000;} 
.dropDown_list::-webkit-scrollbar-corner {background-color: #fff;} 
/*****end******/
.select_buildings{ margin:11.5em 0 0 1.5em; padding:0;}
.select_buildings:before{ content: "\f0f7"; display:inline-block; font-family:FontAwesome; font-size:1em;
                          color:#FFF; font-size:1em; left:15px; margin:5px 10px 0 0; padding:0 4px 3px; position:absolute; width:21px; z-index: 1;
                          border-bottom: 1px solid #8e8e8e;}
.select_buildings select{ color:#FFF; background:transparent; border:0; border-bottom:1px solid #8e8e8e; border-radius:0; padding:0;
                          -webkit-appearance:value; -moz-appearance:none; appearance:none;
                          background-image:linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, #FFF 50%), linear-gradient(135deg, #FFF 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(to right, #FFF, #FFF);
                          background-position: calc(100% - 13px) calc(1em + 1px), calc(100% - 8px) calc(1em + 1px), calc(100% - 2.5em) 0.5em;
                          background-repeat: no-repeat;
                          background-size: 5px 5px, 5px 5px, 0 1.5em;
}
.select_buildings select:focus{ box-shadow:none;}
.select_buildings select option{ color:#000; padding:10px; background:transparent; border:0; border-bottom:1px solid #EEE;}

.select_buildings select option:before
{ content: "\f0f7"; display:inline-block; font-family:FontAwesome; font-size:1em; margin:0 10px 0 0;}


/*================================
HOME TAB
================================*/
.d-h-boxes {
    /*
    border-radius: 5px;
    border: 1px solid #979797;
    box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.1);
    */
    background-color: #f8f8f8;
    height: 260px;
    margin: 20px 60px 12px;
    overflow: hidden;
}
.d-h-boxes.announcement-doc-box{
    padding: 40px;
}
.d-h-boxes .image{ height:200px; width:100%;}
.d-h-boxes .image.managemnt{ background:url(../img/d-h-img1.jpg) no-repeat center top;}
.d-h-boxes .image.rating{ background:url(../img/d-h-img3.jpg) no-repeat center top;}
.d-h-boxes .image.community{ background:url(../img/d-h-img2.jpg) no-repeat center top;}
.d-h-boxes .text-area{ padding:0;}
.d-h-boxes .title {
    background:#f7f7f7;
    border-bottom: 1px solid #e5e5e5;
    color: #fff;
    font-family: "Roboto-Medium";
    font-size:16px;
    font-weight: 200;
    padding: 10px 15px;
    text-transform: capitalize;
    margin-bottom:10px;
    letter-spacing:-.5px;
}
.d-h-boxes ul li a {
    color: #777777;
    display: block;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    text-transform:capitalize;
}
.d-h-boxes .text-area ul li {
    /*    border-bottom: 1px dotted #f1f1f1;*/
    margin:1px 5px;
    padding:10px 15px
}
.d-h-boxes .text-area ul li:hover{ background:#fafafa;}
.announcment {
    background: #f1f1f1 url("../img/icons/announcement.png") no-repeat scroll 2% center;

}
.calender {
    background: #f1f1f1 url("../img/icons/managemnt.png") no-repeat scroll 2% center;

}
.staff{
    background: #f1f1f1 url("../img/icons/staff.png") no-repeat scroll 2% center;

}
.my-rating{
    background: #f1f1f1 url("../img/icons/m-rating.png") no-repeat scroll 2% center;

}
.all-rating{
    background: #f1f1f1 url("../img/icons/my-rating.png") no-repeat scroll 2% center;

}
.sort-rating{
    background: #f1f1f1 url("../img/icons/rate-sorting.png") no-repeat scroll 2% center;

}
.m-profile{
    background: #f1f1f1 url("../img/icons/my-profile.png") no-repeat scroll 2% center;

}
.n-profile{
    background: #f1f1f1 url("../img/icons/nieghboir.png") no-repeat scroll 2% center;

}
.my-comments{
    background: #f1f1f1 url("../img/icons/my-comments.png") no-repeat scroll 2% center;


}
.all-comments{
    background: #f1f1f1 url("../img/icons/communication.png") no-repeat scroll 2% center;


}	
.d-h-boxes ul li a:hover{color:#00baff; text-decoration:none;}
.d-h-boxes ul li i{color:#00baff; margin-right:5px;  font-size: 15px;}
.d-help-l{ margin-top:5em; background:#fff; padding: 10px 0;}
.d-help-l h3{ text-align:center;}	
.d-help-l .icon{
    margin:auto;
    text-align:center;
}
.d-help-l .icon {
    background: #00baff none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 30px;
}	
a.help-l-title{ color:#000; font-size:16px; margin:15px 0; text-transform:uppercase; display:block;}
a.help-l-title:hover{ color:#00baff;}

/**************INNER TAB***************/
.inner-tabs{
    margin:auto;
    float:none;}
.inner-tabs	> ul{
    text-align:center;}	
.inner-tabs	.nav-tabs > li{
    float:none;
    display:inline-block;
    margin:0px 15px;}
.inner-tabs .nav-tabs > li > a{
    border-radius: 4px 4px 0 0;
    display: block;
    font-family: "Roboto-Medium";
    font-size: 15px;
    color:#8a8a8a;
    letter-spacing: 0.5px;
    line-height: 12px;
    margin-right: 2px;
    padding:8px 0;
    text-shadow: none;
    text-transform: uppercase ;
    border:0;
    border-bottom:3px solid #FFF;
}
.inner-tabs .nav-tabs li a:hover,.inner-tabs .nav-tabs li.active a{
    color:#000; border:0; border-bottom:3px solid #fb7a16;}
/*================================
BUILDING TAB# 2
================================*/
/*********ANNOUNCEMNET TAB # 2.1*********/
.announcement-box {
    border: 1px solid #e5e5e5;
    margin: 20px 0;
}
.announcement-box .image {
    background: #e5e5e5 none repeat scroll 0 0;
    height: 120px;
    padding: 10px 0;
    text-align: center;
}
.announcement-box .image .circle{
    width:100px;
    height:100px;
    border-radius:50%;
}
.announcement-box .image img{
    width:100%;}

.announcement-box .announce-box{
    padding:5px 20px;
    background:#f8f8f8;
    font-size:16px;
    color:#3f3f3f;
    width:100%;}
.announcement-box .name-heading a {
    color: #00baff;}
.announcement-box a:hover{
    text-decoration:underline;} 			
/*******STAFF DIRECTORY TAB # 2.2*******/
.staff-boxes{
    display:inline-block;
    padding:10px;
    margin:20px 0px;
    text-align:center;}
.staff-boxes .image {
    height: 210px;
    text-align: center;
    width: 200px;
}	
.staff-boxes .image img{
    width:100%;}

.name-heading{
    margin-bottom: 0;}
.name-heading a {
    color: #3f3f3f;
    font-size: 18px;
    margin:10px 0 0;
    text-align: center;
    text-transform: uppercase;
    display:block;

}
table tr td .name-heading a {
    font-size: 15px;


}				
.name-heading a:hover {
    color: #00baff;
}
.category{
    font-size:14px;
    color:#999;}
.online {
    color: #279800;
    font-size: 14px;
    margin: auto;
    text-align: center;
    width:60px;
    border-bottom:2px solid #279800;
}
.offline{
    color:#BF0000;
    font-size:14px;
    text-align:center;
    margin: auto;
    width: 60px;
    border-bottom:2px solid #BF0000;
}		


/*******MANAGEMNT TAB # 2.3*******/	
.managemnet-form {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 20px;
}


/*================================
RATING TAB# 3
================================*/

.rating-section{}
.rating-section .c-comment-section  > ul > li{
    width:100%;
    display:block;}
.rating-section .c-comment-section  > ul > li > label{
    width:50%;}	
.rating-section .c-comment-section > ul > li span{}	
.rating-section .c-comment-section i {
    float: right;
    padding: 5px 4px 0;
    vertical-align: baseline;
}
.rating-section .c-comment-section .comment-box {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    min-height: 115px;
    padding: 5px 10px;
}
.comment-box ul li{
    text-align:left;
}
.comment-box > ul > li > i {
    color: #004A97;
    float: left;
    font-size: 14px;
    line-height: 17px;
    margin-right: 5px;
}	
/******Rating bar*******/
.rating-bar{
    width:132px;
    float:right;}
.rating-bar > li{
    width:150px;
    position:relative;}

.rating-bar > li > ul > li ul{
    position:absolute;
    left:26px;}
.rating-bar > li > ul li{
    cursor:pointer;
    width:25px;
    height:20px;
    background:#e5e5e5;}
.rating-bar > li > ul > .first{
    border-radius:15px 0px 0px 15px;}
.last{
    border-radius:0px 15px 15px 0px;	}		
.rating-bar > li > ul > .one:hover, .one.active{ background:#CC0000;}
.rating-bar > li > ul > .one:hover .two:hover ,.two.active{ background:#FF3333;}
.rating-bar > li > ul > .one:hover .two:hover .three:hover ,.three.active{ background:#FFFF33;}
.rating-bar > li > ul > .one:hover .two:hover .three:hover .four:hover , .four.active{ background: #33CC33;}
.rating-bar > li > ul > .one:hover .two:hover .three:hover .four:hover .five:hover ,.five.active{ background: #009900;}

.sortrating-section{}
.c-comment-section.sortrating-section  .comment-box {
    min-height: 87px;
}
.c-comment-section.sortrating-section  label {
    color: #444444;
    display: inline-block;
    font-family: "Roboto-Medium";
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 21px;
    text-align: center;
    width: 100%;
}
/**************INNER child TAB***************/
.inner-child-tabs{
}
.inner-child-tabs .nav-tabs > li > a:hover, .inner-child-tabs .nav-tabs  li.active a {
    background:#004A97;
    color: #fff;
    border-bottom:none;
    border:1px solid #004A97; 
}
.inner-child-tabs .nav-tabs  li  a {
    border-radius:50px;
    display: block;
    font-family: "Roboto-Medium";
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 1.42857;
    margin-right: 0;
    padding:3px 20px 5px;
    text-shadow: none;
    text-transform: none;
    border:1px solid #FFF;
}
.inner-child-tabs .rating-bar {
    float: none;
    margin: auto;
    width: 132px;
}
.inner-child-tabs ul.nav-tabs {
    border-top: 1px solid #e5e5e5;
    padding: 20px;
    text-align:left;
}
.inner-child-tabs .nav-tabs  li {
    display: inline-block;
    float: none;
    margin: 0 2px;
}
.write-post{
    margin-top: -40px;}

/*================================
MY COMMUNITY TAB# 4
================================*/


/*******PUBLIC PROFILE TAB # 4.1*******/
.p-profile-section{ border:1px solid #EEE; background:#f8f8f8;padding:30px; margin:20px 0px; border-radius:4px;}
.p-profile-section label{ display:block; margin:0}
.p-profile-section span{ display:block; color:#999;}

/*******MY NEIGHBORS TAB # 4.2*******/
.sorting{
    border-bottom:1px solid #f8f8f8;
}
.sorting label{
    margin:0px 10px;}
.neibr-box {
    background:#f8f8f8;
    border:1px solid #EEE;
    box-shadow:0 1px 0 0 #CCC;
    margin:20px 0;
    padding:20px 10px;
    border-radius:4px;
    position:relative;
    min-height: 375px;
}
.boxIcons{ position:absolute; right:0; top:0; background:#FFF; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; z-index:1;
           border-radius:0 2px 0 2px;}
.boxIcons a{ padding:4px 10px 6px;}
.neibr-box h3{ font-size:14px; margin:0 0 40px; text-align:left; text-transform:uppercase;}
.neibr-box label{ display:block; line-height:normal; margin:0;}
.neibr-box span{ color:#999; display:block; line-height:normal;}
.n-image > img{ width:90px; height:90px; border:1px solid #CCC; border-radius:100%;}
/*******MY COMMUNITY COMMENTS TAB # 4.3*******/	
.c-comment-section{ border-bottom:1px solid #e5e5e5; margin:0 0 15px; padding:15px 1em; background: #fff}
.c-comment-section .c-image{ margin:auto; border-radius:100%;}
.c-comment-section .c-image img{ width:90px; height:90px; border:1px solid #ccc; border-radius:100%;}
.comment-box-top{
    background:#fff;
    border:1px solid #efefef;
    padding:2px 10px;}	
.c-comment-section .comment-box {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    min-height: 130px;
    padding: 5px 20px;
    word-wrap: break-word;
}
.c-comment-section i{
    font-size: 18px;
    padding:7px 4px;
    color: #909090;
    text-align: right;
    vertical-align: baseline;
}
.c-comment-section .fa-flag{ font-size:14px; float:none; padding:0;}
.c-comment-section i.fa-trash-o:hover{
    color:red;}
.c-comment-section i.fa-pencil-square-o:hover{
    color:#004A97;}
.c-comment-section i.fa-bookmark:hover{
    color:#3071A9;}		

.c-date {
    color: #909090;
    font-size: 12px;
}
.user-coment-box {
    background: #f1f1f1 none repeat scroll 0 0;
    margin-bottom: 10px;
    padding: 10px 20px;
    width: 100%;
}
.u-comments-icon{
    background:#fff;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;}
.u-comments-icon ul{
    margin:0px;}
.u-comments-icon ul li { display: table-cell; vertical-align:middle;}
.u-comments-icon ul.text-right li{ float:right;}


.comment-img {
    float: left;
    height: 50px;
    margin-top: 6px;
    width: 50px;
}
.comment-img img{
    width:100%;
    height:50px;}
.comment-text {
    float: right;
    width: 91%;
}
.comment-text .name{
    width:50%;
    float:left;}
.comment-text .c-date{
    width:50%;
    float:right;}
.comment-text .c-date i{
    font-size:12px;}
.comment-text .c-date span{
    border-right:1px solid #ccc;
    padding:0px 7px;
    margin:0px 2px;
}			
.comment-text .name a {
    color: #004A97;
    font-family: "Roboto-Medium";
    font-size: 14px;
    line-height: 7px;
}
.comment-text .name span {
    color: #999999;
    font-size: 13px;
    margin-left: 1px;
}
.comment-text .comment {
    line-height: 15px;
}
.inner-comment-box textarea.form-control{
    min-height:50px;
    line-height:20px;
    border-radius:0px;
}
.inner-comment-box textarea{
    resize:none;}	
.inner-comment-box {
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 0;
}	
.inner-comment-box .input-group {
    margin-top: 6px;	}		
.u-comments-icon ul li a {
    color: #158ac3;
    font-family: "Roboto-Medium";
    display:block;
    padding:4px 8px;
}
.inner-comment-box .bottom-area span{
    color:#06C;
    font-size:12px;
    padding:0px 3px;

}
.u-comments-icon ul li a:hover{color:#999;
                               text-decoration:underline;}
.u-comments-icon ul.text-left li{
    float:left;
}
.inner-comment-box .input-group .btn{
    height:50px;
    line-height: 38px;
    color:#fff;
    padding: 6px 5px;}

/**********Inner Child Comment*********/	 
.inner-child-comment {
    background: #f9f9f9 none repeat scroll 0 0;
    border-bottom: medium none;
    margin: 5px 0;
    padding: 2px 10px;
}	 
.inner-comment-box .input-group i{
    color:#fff;
    padding:0px 2px;}		
.user-coment-box .name-heading a {
    color: #000000;
    font-size: 14px;
    line-height: 10px;
    padding:0px 2px;;
}
.user-coment-box .category {
    color: #3f3f3f;}
.c-comment-section .user-coment-box .comment-box {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #f8f8f8;
    border-radius: 3px;
    min-height: 90px; }

/*================================
MY PROFILE TAB# 5
================================*/

/*******CONTACT INFO TAB # 5.1*******/

.contact-section{
}
table{
    background:#fff;}	

.contact-form{
    padding: 40px 30px;
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 5px;}	
.contact-form .col-md-9.col-sm-9 > label {
    color: #767676;
    margin: 0 38px 0 0;
}
.text-box{
    color:#3f3f3f;
    background:#fff;}
.contact-form > h4 {
    color: #31b0d5;
    font-size: 16px;
    line-height: 10px;
    margin: 5px 0 20px;
}
.option-select{
    display: block;
    font-size: 14px;
    height: 28px;
    line-height: 12px;
    padding: 3px 5px;}
.input-group-btn input[type="file"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    cursor: inherit;
    display: block;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
/*================================
MNAGER DASHBOARD 
================================*/
.site-map .comment-box > ul > li > i{ float:none !important;}
.site-map .comment-box{ min-height: 40px}
td img{ width:50px; height:50px;}
table th{ background:#dfdfdf; color:#3f3f3f; font-family:"Roboto-Bold"; text-align:left; text-transform:uppercase; font-size:12px; padding:5px !important;}

.building-staff table .btn-success {
    margin: 0;
    padding: 4px 20px;
    text-transform:none;}
.site-map .tab-content {
    margin-top: 0;
}
.c-comment-section .col-md-3.col-sm-4 > ul,.c-comment-section .col-md-3.col-sm-3 > ul {
    text-align: left;
}		
.input-group-btn .btn.btn-info i{
    color: #ffffff;
    padding: 0;
    line-height:20px;
    font-size: 15px;
}
.graphPic .note{ display:none;}
.graphPic:hover .note{ 
    background: #666666 none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: 0 0 2px 0 #a2a2a2;
    color: #ffffff;
    display: block;
    left: 0;
    position: absolute;
    top: -60px;
    padding:20px;}
.submit-rating{
    vertical-align:middle;
    font-family:'Roboto-Medium';
    color:#000;
    font-size:16px;}
.rating-report	 
.rb{
    border-right:1px solid #ccc;}
.lb{
    border-left:1px solid #ccc;}
.row.form-group .col-md-6 .comment-box li {
    color: #666666;
    font-size: 12px;
    line-height: 19px;
    margin-left: 19px;
}		
.edit-profile-section {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    margin: 20px 0;
    padding: 30px;
}
.marginNone{
    margin:0px;}
.on-duty{
    width:12px;
    height:12px;
    border-radius:50%;
    background:green;
}
.off-duty{
    width:12px;
    height:12px;
    border-radius:50%;
    background:red;
}
.btn_icon{ color:#008cc5;}
.emptyColor{ padding:8px; line-height:1; width:100%; border:1px solid #666; background-color:#e5e5e5;
             display:inline-block; text-align:center; margin:2em 0;}

.emptyGreen{ border-color: #009900; color: #009900;}
.emptyNorGreen{ border-color:#33CC33; color:#33CC33;}
.emptyRed{ border-color: #FF3333; color: #FF3333;}
.emptyOrange{ border-color: #FFFF33; color: #FFFF33;}

.scoresBox{ border: 1px solid #fb7a16; box-shadow:2px 2px 1px 0 rgba(0, 0, 0, 0.1); text-align:center; border-radius:5px; position:relative; margin-bottom:20px;
            height: 92px;
            overflow-y: hidden;
            background:rgba(26, 173, 255, 0.2);}
.scoresBox .scores{ display:block; font-size:22px; margin:6px 0;}
.scoresBox p{ font-size:16px; margin:0 0 6px; color: #6b6b6b;}
.scoresBox .note{ display:none; border:1px solid #CCC; position:absolute; left:0; top:-60px; background:#666; border-radius:4px;
                  box-shadow:0 0 2px 0 #a2a2a2; color:#FFF;}
.scoresBox:hover .note{ display:block;}

.selectBuilding #hero{ height:auto !important; margin-bottom:2em;}
.selectBuilding .herocontent{ padding:0;}
.selectBuilding .herocontent h2{ margin:1em 0;}
.selectBuilding .selectBuilding_btn{ border: 1px solid #cccccc; border-radius: 4px; display: block; margin:1em 0; overflow: hidden; padding: 1em; text-align: center;}
.selectBuilding .selectBuilding_btn:hover{ box-shadow: 0 0 20px 0 #d0d6db; border:1px solid #CCC;}
.selectBuilding .selectBuilding_btn .selectPic{ overflow:hidden; width:150px; height:150px; margin:auto; text-align:center;}
.selectBuilding .selectBuilding_btn img{ display:block; width:100%; height:100%;}
.selectBuilding .selectBuilding_btn:hover h4{ color:#004a97;}

.faqList .holder{ padding:10px 0; border-bottom:1px solid #DDD; color:#004a97;}
.faqList p{ font-size:12px; letter-spacing:normal;}
.aboutPage #hero{ height:auto !important;}
.aboutPage .herocontent{ padding:8em 0;}
.aboutPic{ padding:3em 0;}
.aboutPic h4.wow{ padding:5em 0; font-size:28px; text-align:center;}
.smallheader{height:300px !important;}
.mediumheader{height:340px !important;}
.termsListing{ margin-bottom:10px; padding:0 2em 10px; border-bottom:1px solid #DDD;}
.termsListing .head{ text-transform:uppercase; color:#000; font-size:16px;}


.blog_leftMenu{ background:#f7f7f7; border-radius:4px 0 0 4px;}
.blog_leftMenu h2{ font-size:20px; margin:13px 0 5px;}
.blog_leftMenu ul li a{ display:block; color:#515151; font-size:13px; line-height:normal; padding:8px 10px 8px 36px; margin:0 -15px;
                        border-bottom:1px dotted #d6d6d6; position:relative;}
.blog_leftMenu ul li a:hover{ color:#ea9312; background:#FFF;}
.blog_leftMenu ul li a:before{ content:"\f152"; color:#ea9312; position:absolute; top:10px; left:17px; font-family:FontAwesome;}
/*.blog_rightSec{ border-left:1px dotted #d6d6d6; padding-bottom:20px;}*/
.blog_rightSec h2{ font-size:25px; margin-bottom:0;}
.blog_rightSec h2 a{ color:#2b337e;}
.blog_rightSec .btn-info{ background:none; border-color:transparent; color:#000;}
.blog_rightSec .btn-info:hover{ background-color:#5bc0de; border-color:#46b8da; color:#FFF;}
.blog_rightSec .postdate, .blog_rightSec .dsq-postid{ font-size:11px; color:#2b337e;}
.blog_rightSec p{ font-size:15px; color:#000; letter-spacing:normal; text-align: left;}
.blog_rightSec .entry img{ width:100%!important; height:auto!important;}
.blog_rightSec .commentsSec{ background:#fafafa; border:1px dotted #d6d6d6; border-left:0; margin:0 -15px -20px; padding:0 15px 15px;}
.blog_rightSec h3{ color:#2b337e; font-size:20px; margin:10px 0;}
.blog_rightSec .cmnt-head-area{ border-bottom:1px dotted #d6d6d6; margin-bottom:10px; padding-bottom:10px;}
.blog_rightSec .cmnt-head-area:last-child{ border:0; margin:0; padding:0;}
.blog_rightSec .cmnt-head-area .name{ display:inline-block; font-family:Roboto-bold; font-size:13px;}
.blog_rightSec .cmnt-head-area .date{ float:right; font-size:13px; color:#2b337e;}
.blog_rightSec .cmnt-head-area-cntnt{ font-size:12px; line-height:normal; text-align: justify;}
.blog_rightSec #formPostsComments {
    background-color: #f0f0f0;
    border-radius: 5px;
    padding: 15px;
}
.blog_rightSec .form_wrapper > label {
    font-size: 20px;
}
.blog_rightSec #formPostsComments #comment {
    height: 60px;
}
/*================================
FOOTER SECTION
================================*/

footer {
    background: rgba(0, 0, 0, 0) url("../img/footer-img.png") no-repeat scroll center center;
    padding: 130px 0 0;
    text-align: center;
}
.footer-back {
    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    margin-bottom:10px;
    padding: 10px 0 30px;
}

footer p, footer .bigicon {color: #7e7e7e;}


.footerlinks li {
    display: block;
    font-size: 11px;
    letter-spacing: 2px;
    text-align: left;
    /*text-transform: uppercase;*/
}
.innerFooter .d-footerlinks{ text-align:left;}
.innerFooter .footersocial ul{ margin:0;}
.d-footerlinks{ text-align:left;}
.d-footerlinks li{
    display:inline;
    font-size: 13px;
    letter-spacing: 2px;
    text-align: left;
    text-transform: uppercase;}
.footerlinks > h4 {
    color: #2fc1eb;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: left;
    text-transform: uppercase;
    text-align:center;
}
.footerlinks > ul{ max-width:88px; margin:auto; width:100%;}
.d-footerlinks li a{
    color:#fff;
    padding:0px 10px;
    font-size:11px;}
.d-footerlinks li:last-child{
    border-right:none;}	
.footerlinks li a {color: #000;}
.d-footerlinks li a:hover ,.footerlinks li a:hover {color: #ea9312;}
.footersocial{ margin-top:60px;}
.innerFooter .footersocial {margin-top:0; text-align:center;}
.innerFooter .copyright{ border-top:1px solid #5a5a5a; padding-top:20px; margin-bottom:-10px;}
.footersocial li {
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}
.footersocial li a {color: #fff;}
.footersocial li.facebook{
    background:#00499c;
    border:1px solid #00499c;}
.footersocial li.twitter{
    background:#00a4ff;
    border:1px solid #00a4ff;}
.footersocial li.linkedin{
    border: 1px solid #0059bf;
    background:#0059bf;}
.footersocial li.instagram{
    border:1px solid #9d7631;
    background:#9d7631;}			
.footersocial li.facebook:hover {
    border:1px solid #00499c;
    background:transparent;}
.footersocial li.twitter:hover{
    border:1px solid #00a4ff;
    background:transparent;}
.footersocial li.linkedin:hover{
    border: 1px solid #0059bf;
    background:transparent;}
.footersocial li.instagram:hover{
    border:1px solid #9d7631;
    background:transparent;}
.footersocial li.facebook:hover a{color:#00499c;}
.footersocial li.twitter:hover a{color:#00a4ff;}
.footersocial li.linkedin:hover a{color:#0059bf;}
.footersocial li.instagram:hover a{color:#9d7631;}		
/*================================
DASHBOARD FOOTER SECTION
================================*/
.d-footer{
    background:#3f3f3f;
    padding:20px 0px;}
.d-footer .footerlinks li a {
    color: #ffffff;
}


.modal-backdrop{ z-index:50;}
.modal label{ margin:0;}

/**************************
---MEDIA QUERIES
****************************/
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {
    #hero{ background-attachment:initial;}
}

@media (max-width:991px){
    .nav > li { margin: 0 0 0 2px;}
    #services { padding: 0 20px;}
    .mainNav .owl-wrapper-outer:before{ content:""; position:absolute; top:0; left:-18px; width:18px; height:37px;
                                        background:transparent; box-shadow:10px -3px 6px 1px #1b1b1b; overflow:hidden; z-index:1;}
    .mainNav .owl-wrapper-outer:after{ content:""; position:absolute; top:0; right:-18px; width:18px; height:37px;
                                       background:transparent; box-shadow:-10px -3px 6px 1px #1b1b1b; overflow:hidden; z-index:1;}
    .service-box{ margin:30px 0;}
    #hero{ background-attachment:initial;}
    .d-h-boxes{ margin:20px 0 12px;}
    .footerlinks > h4{ text-align:left;}
    .footerlinks > ul{ max-width:100% !important;}
}

@media (max-width:768px){
    #services{ background:none;}
    .select_buildings{ margin:-4em 0 6em 1.5em;}
    .d-h-boxes{ height:auto;}

    .text-area,.image-div,.image-div-r {
        text-align: center;
        width: 100%;
    }
    .text-area {
        padding: 10px;
    }
    #request .col-md-6,.btn-r {
        text-align: center;
    }	.btn-default{
    }
    .about-text {
        border-bottom: 1px solid #ff7102;
    }
    #request .bttn {
        margin:10px 0px;
        display:inline-block;
    }
    .btn-l{
        text-align:center;
        margin:5px 0px;}
    .rating-report .image img {
        width: 50%;
    }	
}
@media (max-width:640px){
    .comment-text{ width: 88%;}	
    .innerFooter .d-footerlinks{ text-align:center;}
    .innerFooter .footersocial{ text-align:center;}
}
@media (max-width:500px){
    .d-banner-name{ clear:both; margin:10em 0 6em;}
    .logoWidth{ width:100%!important;}
    .dropdown-menu{ min-width:100%;}
}
@media (max-width:480px){	
    .service-box{ width:100%;}
    .comment-text{width: 83%;}
}
@media (max-width:450px){
    .heder-top .col-xs-7, .heder-top .col-xs-5{ width:100%; text-align:center;}
    .heder-top .profile-img{ float:none; display:inline-block;}
    .heder-top .user-name{ display:inline-block;}
    .tab-content{ margin-top:60px;}
}	

/* Umair changes */
#ui-datepicker-div{
    z-index:99999 !important;
}
.calander-btn {
    background-color: #5bc0de !important;
    border: 1px solid #5bc0de !important;
    color:#fff !important;
}
.calander-btn:hover, .calander-btn:focus, .calander-btn.focus  {
    background-color: #5bc0de !important;
    border: 1px solid #5bc0de !important;
    color:#fff !important;
}
.category {
    max-height: 25px;
    overflow: hidden;
}
.emptyNorRed {
    border-color:  #CC0000;
    color:  #CC0000;
}
.emergency .comment-box-top, .emergency .comment-box-top .c-date, .emergency .comment-box {
    border-color: #6f010e;
    color: #6f010e;
}
.helpfull-links-grid{
    min-height:185px;
}
.btn-info.btn-file {
    border-radius: 50px !important;
}
.attachImage img {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 2px;
    width: 40px;
}
#Lightbox-custom .modal-dialog {
    max-width: 90%;
    width: auto;
}
#Lightbox-custom-img{
    max-width: 100%;
    width: auto;
}
#Lightbox-custom .modal-body {
    padding: 0;
}
#Lightbox-custom .btn-default {
    float: right;
    position: relative;
    right: 6px;
    top: -50px;
}
.not-anchor {
    cursor: text;
}
.not-anchor:hover {
    color: black !important;
}
.comment-submit .btn.btn-success {
    border-radius: 0;
    margin: 0;
    padding: 1px 6px 4px;
}
.attachlink {
    margin: 5px;
}
.imagecomment img {
    width: 90px !important;
}
.linkcomment {
    margin-top: 3px;
}
.linkcomment .btn-warning {
    color: #fff;
    font-weight: bold;
    padding: 4px 10px;
}
.linkcomment .btn-warning i{
    color: #fff;
    font-weight: bold;
    padding: 0;
}
.comment-helping-btns .btn {
    padding: 1px 4px;
}
.comment-helping-btns .fa {
    font-size: 10px !important;
}
#community_comment_text_all {
    border-radius: 4px 4px 0 0;
}
#community_comment_text {
    border-radius: 4px 4px 0 0;
}
#comment-file-uploader > img {
    margin-bottom: 10px;
    width: 100px;
}
.btn-small {
    font-size: 12px !important;
    line-height: 1.5 !important;
    padding: 5px 10px !important;
}
.dashboard_header{
    background:#FFF;
}
.dashboard_header .logo {
    display: block;
    margin: 5px 0 0;
}
.tooltip-custome {
    padding: 5px;
    position: absolute;
    z-index: 999;
}
.tooltip-custome:before{
    bottom:0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    right:auto;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #222;
    height: 0;
    width: 0;
    content:"";
}
.tooltip-custome p {
    background-color: #222;
    border-radius: 6px;
    color: #fff;
    margin: 0;
    font-size:12px;
    padding: 2px 10px;
}
.tooltip-custome p a{
    color:#fff;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline:none !important;
}
#clear-my-notification {
    bottom: 43px;
    float: right;
    font-size: 16px;
    margin-left: 15px;
    position: absolute;
    width: auto;
}
#unit-info-submit-form > h4 {
    color: #000;
    font-weight: bold;
}
.expiry-msg {
    clear: both;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin: 40px 0 150px;
    padding: 15px 10px;
    text-align: center;
    width: 100%;
}
.sitemap_heading {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #383838 0px, #2b2b2b 100%) repeat scroll 0 0;
    clear: both;
    color: #fff;
    font-family: inherit;
    font-size: 15px;
    font-weight: bold;
    padding: 7px 10px;
}
.advance_searcBox .menuLeft li a {
    color: #777474;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 4px;
    text-decoration: none;
    width: 100%;
}
.advance_searcBox .menuLeft a:hover, .advance_searcBox .menuLeft a.active, .advance_searcBox .menuLeft a:focus {
    background: #2c7dbf none repeat scroll 0 0;
    color: #fff;
}
.menuLeft li {
    border-bottom: 1px dashed #ccc;
    color: #777474;
    display: block;
    font-size: 15.5px;
    font-weight: normal;
    position: relative;
    text-align: left;
    text-decoration: none;
}
#import-file-uploader {
    float: right;
    font-size: 12px;
    margin-right: -20px;
    margin-top: -50px;
    padding: 2px 10px;

}
.overlay {
    background-color: rgba(0, 0, 0, 0.2);
    height: 91%;
    left: 13px;
    position: absolute;
    top: 40px;
    width: 97%;
    z-index: 12;
    text-align: center;
}
#forblockimport > img {
    margin-top: 20%;
}

.fix-img-parent{ padding:0 15px;}

.fix-img{
    margin: 0 auto;
}
.free_trial_button {
    color: #543333;
    width: auto !important;
    padding: 2px 30px;
}
.free-trial-form .bttn {
    color: #333333;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 2px 18px;
    width: auto !important;
}
.herocontent .free_trial_button {
    color: #fff;
}
.herocontent .free-trial-form .bttn {
    border-color: #fb7d16;
    color: #fff;
}
.herocontent .free-trial-form .request:hover {
    background: #fb7d16 none repeat scroll 0 0;
    color: #fff;
}
.free-trial-form .form-control {
    margin-top: 10px;
}
#message_ar2 .alert.alert-danger {
    background-color: rgba(195, 19, 19, 0.4);
    border-color: rgba(175, 19, 19, 1);
    color: #fff;
}
#request .free-trial-form .request {
    margin-top: 10px;
    color: #fff;
    padding: 2px 18px;
}
.text-white {
    color: #fff;
}
.sub-bottom-content {
    color: #fff;
}
.padding1{
    padding: 1px !important;   
}

#videoModal{ z-index: 99999 !important;}
#videoModal .modal-content{  background-color:#000;}
#videoModal .modal-content .close{ opacity: 1; color: #FFF; font-size: 50px; margin: -20px 0 0;}
#videoModal .modal-content .close:hover{ color: #FFF;}

/*10/14/16*/
.d-h-boxes2 {
    border: 1px solid #fb7a16;
    border-radius: 5px;
    margin-top: 10px;
    overflow:hidden;
    box-shadow:2px 2px 1px 0 rgba(0, 0, 0, 0.1);
}
.d-h-boxes2 p{ letter-spacing:0px !important;}
.d-h-boxes2 .title {
    background:#f7f7f7;
    border-bottom: 1px solid #e5e5e5;
    color: #000000;
    font-family: "Roboto-Medium";
    font-size:14px;
    font-weight: 200;
    padding: 6px 14px;
    text-transform: capitalize;
    margin-bottom:10px;
    letter-spacing:-.5px;
}
.post{
    border: 1px solid #eeeeee;
    margin-bottom:20px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    margin-left:15px;
    column-gap: 0;
}
.post-img{

}
.post.col-md-4.col-sm-6{
    width:30.58%;
    display:inline-block;

}
.post.col-md-4.col-sm-6 img{
    max-width:100%;

}
.title-des{font-weight:bold; font-size:15px; line-height:normal; padding-top:8px;}
.post-category{  color:#fb7a16; padding:12px 0;}
.latest{
    padding:0 15px;
    margin-bottom:20px;
}
.latest h1{
    font-size:14px; font-weight:bold; padding:0; margin:0;
    padding:10px 0 15px 0;
}
.latest h1 span{
    color:#fb7a16;
}

.nei-pic{ width:66px; height:66px; border-radius:50%;}
.pic-outer{ position:relative;}
.nei-pic-last{ width:66px; height:66px; border-radius:50%; opacity: 0.5;
               filter: alpha(opacity=50);}
.count{ position:absolute;font-weight:bold; top:20px; font-size:12px; line-height:normal; text-align:center; left:10px;}
.nei-pic-name{ color:#fb7a16; clear:both; text-align:center; letter-spacing:-0.5px; font-size: 12px;}

.user-pic{ position: absolute; left: 15px;}
.user1{
    background-color:#fbfbfb; padding:15px 15px 10px 96px; padding-bottom:10px; overflow:hidden;
}
.user2{
    padding:15px; overflow:hidden; padding-bottom:10px;
}
.user-detail{ font-size:14px; margin-top:-20px;}
.user-detail h1{ font-size:14px; font-weight:bold; padding-bottom:0; margin-bottom:0;}
.user-detail p{ color:#333; padding-bottom:0; margin-bottom:10px; line-height:normal;}
.user-detail p{ overflow: hidden; text-overflow: ellipsis; height: 38px;}
.user-detail span{ padding-right:20px; font-size:12px; color:#158ac3; display:inline-block; font-family:"Roboto-Medium";}
.user-detail span a{ color:#909090; display:inline-block;}


.padding15{padding:15px; margin-top:40px;}

.post-banner{ min-height:400px; background-repeat:no-repeat; background-size:cover; background-position:center;}

.post-banner h1{ display:table-cell; height:400px; width:1138px; color:#FFF; text-shadow:2px 2px #333;
                 text-align:center; margin:0; font-family:"Roboto-Light"; vertical-align:middle;}

.buddy-name{ text-align:center; padding:15px; font-weight:bold; font-size:16px;}
.buddy-name span{ color:#fb7a16;}
.post-content p{ padding-bottom:15px; letter-spacing:normal;
                 font-weight: lighter; color:#333;}

.red{ background-color:#C30 !important;}

.masonry {
    margin: 10px;
    padding: 0;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
}

.masonry .item {
    display: inline-block;
    background: #fff;
    padding: 5px;
    margin-bottom:10px;
    width:235px;
    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:1px solid #EEEEEE;background-color:#FFFFFF;-webkit-box-shadow: #B3B3B3 1px;-moz-box-shadow: #B3B3B3 1px; box-shadow: #B3B3B3 1px;
}
.masonry .item .post-img {
    width: 225px;
}
.masonry .item .post-img img{
    padding: 0;
}
/*
@media only screen and (min-width: 400px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}*/

@media only screen and (min-width: 1280px) {
    .wrapper {
        width: 1260px;
    }
}
.slick-prev:before, .slick-next:before
{ font-family:'FontAwesome'!important; color: #5e5e5e !important;}
.slick-prev{ left:-15px!important;}
.slick-next{ right:-15px!important;}
.slick-prev:before{ content:"\f053"!important;}
.slick-next:before{ content:"\f054"!important;}
.user1{
    cursor: pointer; position:relative;
}
.user1:hover {
    background-color: #f0f0f0;
}
.masonry .item{
    cursor: pointer;
}
.masonry .item:hover {
    background-color: #f0f0f0;
}
.masonry .item.pined:hover {
    background-color: #f0f0f0;
}
.masonry .item.pined:hover {
    background-color: #c7edfc;
}
.today-wall {
    font-size: 16px;
    margin-left: 30px;
}
.show-more-tenants-online{
    cursor: pointer;
}
.today-wall {
    color: #505050;
    float: right;
    font-size: 13px;
    font-weight: normal !important;
}
#wallpost_form .btn, #pinedpost_form .btn{ font-size:12px;}
.user-detail p.time-before{ 
    color: #c0c0c0 !important;
    font-size: 12px;
    margin-bottom: 5px !important;
    height: auto;
}
#add-wall-post small {
    font-size: 10px;
}
.highcharts-tooltip > span {
    background: #e5e5e5 none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    display: block;
    padding: 10px;
}
.highcharts-tooltip table{ background:none;}

@media only screen and (max-width:450px) {
    .cometchat_ccmobiletab_redirect{ padding:6px 10px !important; font-size:14px !important; right:15px !important;}
}
.padding-left-0 {
    padding-left: 0;
}
.padding-0 {
    padding: 0;
}
.padding-5{
    padding: 5px;
}
.min-height-fixation{
    min-height: 430px;
}
#loader_image img {
    width: 80px;
}
.loader-on-tabs{
    width: 80px;
}
.to-text-date {
    position: absolute;
    right: -4px;
    top: 3px;
}
.view-details-event-model .modal-dialog {
    width: 520px;
}
#external-events {
    /*border: 1px solid #c0c0c0;*/
    height: auto;
    margin-top: 60px;
}
#external-events h4 {
    background: #dfdfdf none repeat scroll 0 0;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 10px;
    padding: 6px 4px;
}
#external-events .fc-anemities {
    border-radius: 0;
    color: #ffffff;
    cursor: pointer;
    font-weight: lighter;
    margin: 2px 5px;
    padding: 2px 5px;
}
table {
    background: none;
}
.label-grey{
    background-color: #A0A0A0;
    border-color:#A0A0A0;
}
.label-success{
    background-color: #82AF6F;
    border-color:#82AF6F;
}
.label-danger{
    background-color: #D15B47;
    border-color:#D15B47;
}
.label-purple{
    background-color: #9585BF;
    border-color:#9585BF;
}
.label-info{
    background-color: #3A87AD;
    border-color:#3A87AD;
}
.btn.btn-primary {
    border-radius: 20px;
    margin: 12px 0 0;
    padding: 5px 45px;
}
.fc-anemities .fa {
    font-size: 20px;
    font-weight: bold;
    margin-top: 2px;
}
.fc-anemities.label-grey.active {
    background-color: #82af6f;
}
.fc-nonbusiness{
    cursor: not-allowed;
}
.btn.btn-sm.btn-danger {
    margin-top: 15px;
}
.approved_box {
    background: #00c091 none repeat scroll 0 0;
    margin: 0 5px 0 0;
    padding: 0px 8px;
}
.pending_box {
    background: #C11927 none repeat scroll 0 0;
    margin: 0 5px 0 0;
    padding: 0px 8px;
}
.guidence > label {
    font-size: 12px;
}
#external-events div.fc-event {
    border: medium none;
    cursor: pointer;
    font-size: 10px;
    font-weight: lighter;
    margin: 2px;
    padding: 4px;
}
.default-events > label {
    display: block;
    margin: 16px 0;
}
.default-events span {
    margin: 0 12px 0 0;
    padding: 1px 10px;
}
.book-amenity {
    margin-top: 90px !important;
    padding: 5px 0 !important;
    width: 60%;
    background-color: #77878B;
    border-color: #77878B;
    font-size: 12px;
}
.select-event {
    margin-top: 14px !important;
    width: 60%;
}
.drag-drop-text{
    width: 60%;
    font-size: 10px;
}
.select-amenity {
    margin-top: 14px !important;
    width: 60%;
}
.my-colored-boxes {
    margin: 0 3px 0 12px;
    padding: 1px 10px;
}
.fc-center h2 {
    font-size: 20px;
}
.add-event-model .btn {
    font-size: 13px;
    margin-left: 5px;
    padding: 1px 12px;
}
.guidence {
    width: 60%;
}
.margin-top-90{
    margin-top: 90px !important;
}
@media (max-width:991px){
    .book-amenity, .select-event{ width:100%;}

}
.btn.btn-small.btn-danger {
    margin-top: 12px;
}
#book-amenity-edit-form .btn.btn-small {
    width: 80px;
}
#add-manual-amenity-booking .btn.btn-small {
    width: 80px;
}
#amenity_calendar_model .btn.btn-small {
    width: 80px;
}
#calender_model .btn.btn-small {
    width: 80px;
}
#amenity_calender_manager_pending_model .btn.btn-small {
    width: 80px;
}
#amenity_calander_manager_model .btn.btn-small {
    width: 80px;
}
#anemity_calender {
    min-height: 700px;
}
#tabevents {
    min-height: 700px;
}
.no-padding-left{
    padding-left: 0 !important;
}
.padding-left-right-3{
    padding-left: 3px !important;
    padding-right: 3px !important;
}
.notification-counter {
    background-color: #ff2829;
    border-radius: 100%;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    position: absolute;
    right: 0;
    top: -5px;
    width: 24px;
}