/*===========================================
  General Styles    
=============================================*/

/*for stop rendering error messages on DOm before page completely load*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

body
{
  background-color: #f6f6f6;
  color: #333;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.42857;
}
.wrap-container
{ 
  max-width:1200px; 
  /*min-width:767px;*/ 
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
label{font-weight: normal;font-size: 16px; margin-bottom: 6px;}
*:focus {outline: 0 !important;}

/*===========================================
  Start Comman       
=============================================*/
.btn-border-blue{border: 1px solid #4169e1; color:#4169e1;}
.vicicheck-btn{background-color: #e9e9e9 !important; padding-top: 8px !important;}
.vicicheck-btn:hover, .vicicheck-btn:focus{background-color: #4169e1 !important;}

.btn-org{background-color: #ec591f; color: #fff; border: 1px solid #ec591f;}
.btn-org:hover, .btn-org:focus {background-color: #df4e15; color: #fff; border: 1px solid #df4e15;}

.btn-green{background-color: #a1b11a; color: #fff; border:1px solid #a1b11a;}
.btn-green:hover, .btn-green:focus{background-color: #899902; color: #fff; border:1px solid #899902;}

.link-org{color: #fcb042; font-size: 16px;}
.link-org:hover, .link-org:focus{color: #ffd466; text-decoration: underline!important;}

.c-blue{color: #4169e1;}
.f-13{font-size: 13px !important;}
.f-17{font-size: 17px;}
.f-20{font-size: 20px;}
.f-26{font-size: 26px;}

.m-b-10{margin-bottom: 10px;}
.m-b-13{margin-bottom: 13px;}
.m-b-15{margin-bottom: 15px;}
.m-b-20{margin-bottom: 20px;}
.m-b-30{margin-bottom: 30px;}

.m-t-0{margin-top: -15px !important;}
.m-t-15{margin-top: 15px;}
.m-t-28{margin-top: 28px;}
.m-t-30{margin-top: 30px;}
.m-t-45{margin-top: 45px;}

.m-t-n-10{margin-top: -10px;}

.m-r-10{margin-right: 10px;}
.m-l-10{margin-left: 10px;}
.m-l-55{margin-left: 55px;}
.p-6{padding: 6px !important;}
.p-l-0{padding-left: 0px;}
.w-100{width: 100px !important;}

.h-44{height: 44px;}

.btn-lg{ border-radius: 3px; height: 44px;}

.error-text{color: #fcb042;}

option{padding: 6px;}

.navbar-right {float: right !important;margin-right: 0px;}
textarea{resize:none;}
/*===========================================
  End Comman   
=============================================*/

/*===========================================
  Start Login   
=============================================*/
.login-btn{margin-top: 45px; margin-bottom: 65px;}
.login-btn ul li{width: 23%; margin-right: 28px;}
.login-btn ul li:last-child{margin-right: 0px;}
.login-btn ul li a{padding: 14px 0px; font-size: 18px;}
/*.login-btn ul li a:hover, .login-btn ul li a:focus {color:#fff !important; background-color: #4169e1; }*/
.login-btn ul li a:hover {color:#fff !important; background-color: #4169e1; }
.active-blue{color:#fff !important; background-color: #4169e1 !important; }
.login-filed-bg{background-color: #4169e1; padding: 40px;}
.login-filed-bg img{margin-bottom: 35px; margin-top: -30px;}
.login-input{font-size: 16px; height: 42px; }
.btn-text-org{color: #fcb042;font-size: 12px; position: relative;}
.visi-text{display: block;line-height: 7px;padding-top: 10px;vertical-align: middle;}
/*check box uses*/
.checkbox label:after, 
.radio label:after {
  content: '';
  display: table;
  clear: both;
}
.checkbox .cr,
.radio .cr{
  position: relative;
  display: inline-block;
  border: 1px solid #fff;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .7em;
  background-color: #fff;
  border-radius: 3px;
}
.radio .cr{border-radius: 50%;}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 20%;
  color: #4169e1;
}
.radio .cr .cr-icon {
  margin-left: 0.04em;
}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
  display: none;
}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all .3s ease-in;
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
  opacity: .5;
}
/*check box uses*/
.checkbox label {font-size:18px; padding-left: 0px;}
.remember-me{color: #fff;}
.login-org-brn{width: 120px; float: right; color: #fff; font-size: 18px;font-weight: 500;}

/*===========================================
  End Login
=============================================*/
/*===========================================
  Start Client Search and Detail
=============================================*/
.header{background-color: #4169e1; border-radius: 0; height: 70px;border: 1px solid #224ac2;}
.navbar-inverse .navbar-nav > li > a {color: #fff;font-size: 15px;}
.navbar-inverse .navbar-nav > li > a:hover {color: #e6e6e6; background-color: #3054c1;}
.navbar-inverse .navbar-nav > li > a:active, .navbar-inverse .navbar-nav > li > a:focus {background-color: #3054c1; color: #fcbf72 !important;}
.navbar-header a img{ margin-right: 100px; margin-top: 3px; width: 130px;}
.header-text ul li a{padding: 24px 10px;}
.header-active{background-color: #3054c1; color: #fcbf72 !important;}
.search-bg{background-color: #e2e2e2;padding: 18px;text-align: center;}
.search-fild-sm input{border-radius: 2px; font-size: 16px; height: 44px; margin-left: 15px;margin-right: 15px; width: 230px !important;}
.search-fild-sm{background: #ddd;padding: 18px;text-align: center;}
.search-lg{ margin-left: 15px; margin-right: 15px; width: 450px !important; height: 44px;font-size: 16px; border-radius: 2px; }
.enter-btn{border-radius: 3px;height: 44px;font-size: 18px; width: 85px;}
.search-bg label{font-size: 18px;}
.search-bg button{margin-right: 15px;}
.side-nav-btn li a{margin-bottom: 10px; font-size: 17px;}
.client-left-btn .col-md-3 {width: 21%;}
.client-left-btn .col-md-9 {width: 79%;}
.active-l-btn{background-color: #4169e1 ;border: 1px solid #4169e1; color: #fff;}
.bg-white{background-color: #fff; border: 1px solid #e4e4e4;padding: 20px;min-height: 20px; margin-bottom: 20px;}
.c-detail p{font-size: 18px;}
.bottom-btn button{margin-right: 20px; margin-bottom: 30px;}
.btn-blue{background-color: #4169e1 !important;border: 1px solid #224ac2 !important; color: #fff !important;}
.action a i {font-size: 17px; margin-left: 5px;}
/*===========================================
  End Client Search and Detail
=============================================*/

/*===========================================
  Start Monthly Reports
=============================================*/
.client-name span{font-size: 24px; margin-right: 5px;}
.month-year-btn button{ border-radius: 3px;font-size: 16px;height: 40px;margin-right: 10px; width: 140px; margin-bottom: 30px;}
.month-year-btn button:last-child{margin-right: 0px;width: 65px;}
/*.sub-btn{margin-top:20px;}*/
.panel-heading{font-size: 20px;}
.total-vlaue-bg{background-color: #ffeee7; border:1px solid #fde1d6;min-height: 74px; margin-bottom: 30px;border-radius: 4px;}
.total-vlaue-bg h4{color: #8f472a; font-weight: normal;}
.pagination{margin: 4px 0px;}
.pagination-btn{margin-bottom: 30px;}
.panel{margin-bottom: 25px;}
/*===========================================
  End Monthly Reports
=============================================*/

/*===========================================
  Start Client Main Setup
=============================================*/
.client-main-detail p {font-size: 15px;line-height: 15px;}
.left-big-bot img {height: 588px;}
.left-big-bot{margin-top: -20px;}
.w-65{width: 65px !important}
.guest-limit-form input{width: 70px !important;margin-left: 10px;margin-right: 10px}
.s-data-file button{font-size: 17px;height:44px; width: 210px;padding: 8px;}
.make-sure button {width: 120px; font-size: 18px;height: 40px!important;padding:6px;}
.star{color: #ff0000;display: inline-block;font-size: 24px;vertical-align: middle;}
.btn-file {overflow: hidden;position: relative;}
.btn-file input[type=file]
  {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
  }
  .input-btn {
    font-size: 17px;
    height: 40px!important;
    padding: 8px;
    width: 240px;
  }
/*===========================================
  End Client Main Setup
=============================================*/
/*===========================================
  start search client
=============================================*/
.three-search input{height: 44px;}
.three-search select{height: 44px;}
.three-search button{margin-top: 28px;}
.three-search .col-md-3{width: 30%;}
.three-search .col-md-2 {width: 10%;}
.four-search .col-md-3{width: 22%;}
.three-search-bg{background-color: #e2e2e2;float: left;min-height: 40px;padding: 10px;width: 100%;}
/*===========================================
  end search client
=============================================*/

/*===========================================
  start resident information
=============================================*/
.resident-info p{font-size: 17px;}

/*===========================================
  Start @media css
=============================================*/

/*start min-width 768 to 990*/
@media (min-width: 768px) and (max-width: 990px){
  .navbar-inverse .navbar-nav > li > a{color: #fff;font-size: 13px;}
  .login-btn ul li {margin-right:22px; width: 22.4%;}
  .login-btn ul li:last-child {margin-right: 0;}
  .login-filed-bg {background-color: #4169e1; padding: 18px;}
  .container {width: auto;}
  .login-filed-bg img {margin-bottom: 35px;margin-top: -10px;}
  .checkbox label {font-size:15px; padding-left: 0px;}
  .header-text ul li a {padding: 24px 4px !important;}
  .navbar-header a img {margin-right: 10px !important; margin-top: 3px !important; width: 112px !important;}
  .guest-limit-form input {margin-left: 4px !important;margin-right: 4px !important;width: 50px !important;}
  .three-search button{margin-top: 28px;}
  .three-search .col-md-3{width: 49%;}
  .three-search .col-md-2 {width: 49%;}
  .three-search-bg {background-color: #e2e2e2;height: 185px;min-height: 40px;padding: 10px;}
}/*end min-width 768 to 990*/

/*start min-width 991 to 1200*/
@media (min-width: 991px) and (max-width: 1200px){
  .navbar-inverse .navbar-nav > li > a{color: #fff;font-size: 13px;}
  .login-btn ul li {margin-right:30px; width: 22.4%;}
  .login-btn ul li:last-child {margin-right: 0;}
  .three-search .col-md-3{width: 29%;}
  .three-search .col-md-2 {width: 12%;}

}/*end min-width 991 to 1200*/

@media (min-width: 820px) and (max-width: 991px){
.navbar-inverse .navbar-nav > li > a{color: #fff;font-size: 11px !important;}
}

@media (min-width: 767px) and (max-width: 819px){
.navbar-inverse .navbar-nav > li > a{color: #fff;font-size: 10px !important;}
}

/*start min-width 768 to 1200*/
@media (min-width: 768px) and (max-width: 1200px){
/*.navbar-inverse .navbar-nav > li > a{color: #fff;font-size: 12px;}*/
.navbar-header a img {margin-right: 30px;margin-top: 3px;width: 130px;}
.header-text ul li a {padding: 24px 7px;}
.guest-limit-form input {margin-left: 8px;margin-right: 7px;}
.month-year-btn button {width: auto;}
/*.hight-sm{height: 104px !important;}*/

}/*end min-width 991 to 1200*/

/*start min-width 320 to 768*/
@media (min-width: 320px) and (max-width: 767px){
  .header{height: auto;}
  .navbar-header a img {margin-bottom: 10px; margin-left: 15px; }
  .header-text ul li a {padding: 15px 15px;}
  .navbar-right {float: none !important; margin-right: -15px;}
  .guest-limit-form input {margin-left: 0px; margin-right: 0px;width: 100% !important;}
  .bg-img {
    background-image: url("../../Assets/img/boat_img_big.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
    margin-top: -20px;
    padding: 20px;
  }
  .client-detail-mob .c-blue{color: #ffa500;}
  .client-main-detail p { font-size: 15px;line-height: 20px;}
  .client-detail-mob textarea{height: 100px !important;}
  .make-sure button{margin-bottom: 10px;}
  .three-search-bg {height: auto !important;min-height: 40px;}
  .three-search button{margin-top: 10px; margin-bottom: 10px;}
  .three-search .col-md-3{width: 100%;}
  .three-search .col-md-2 {width: 100%;}
  .navbar-inverse .navbar-toggle {border-color: #fff;}
  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {border-color: #333;}
  .month-year-btn button {width: auto; margin-bottom: 15px;}
  .client-name{margin-bottom: 20px;}
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{background-color: #3054c1;}

}/*end min-width 320 to 768*/

/*start min-width 511 to 767*/
@media (min-width: 511px) and (max-width: 767px){
  .login-btn ul li {margin-bottom:15px;margin-right:16px; width: 48%;}
  .login-btn {margin-bottom: 15px; margin-top: 30px;}
  .login-btn ul li:last-child{margin-right: 0px;}
  .login-btn ul li:nth-last-child(2){margin-left: 0px; }
  .login-btn ul li:nth-last-child(3){margin-right: 0px; }
  .wrap-container{padding-left: 0px;padding-right: 0px;}
  .login-org-brn {width: 180px;}
  .guest-limit-form .form-group {float: left; margin-right: 14px; width: 16%;}

}/*end min-width 511 to 767*/

/*start min-width 319 to 510*/
@media (min-width: 319px) and (max-width: 510px){
  .login-btn ul li {margin-bottom: 15px;margin-right: 28px;width: 100%;}
  .login-filed-bg {background-color: #4169e1; padding: 15px;}
  .login-filed-bg img {margin-bottom: 35px; margin-top: 0;}
  .login-btn {margin-bottom: 15px; margin-top: 30px;}
  .login-btn ul li{margin-right: 0px;}
  .login-btn ul li:last-child{margin-right: 0px;}
  .login-btn ul li:first-child{margin-left: 2px; }
  .login-org-brn {color: #fff;display: block;float: left;margin-bottom: 20px;margin-top: 20px;width: 100%;}
  .wrap-container{padding-left: 0px;padding-right: 0px;}
  .checkbox label{margin-bottom: 18px; width: 100%}
  .t-center{text-align: center; display: block;}
  .guest-limit-form .form-group {float: left; margin-right: 14px; width: 30%;}
  .guest-limit-form .form-group:nth-last-child(3){margin-right: 0px;}
  .client-name span {font-size: 18px; margin-right: 0px;}
  .total-vlaue-bg {min-height: 110px;}
  .page-tab nav{text-align: center; float: none !important;}
  .save-pdf-btn {margin-bottom: 20px;text-align: center;}
  .search-lg{margin-left: 0; width: 100% !important;}
}/*end min-width 319 to 510*/

/*===========================================
  End @media css
=============================================*/

.refresh-pointer{cursor:pointer;}
.red-color{ color:red !important; font-size:13px!important;}
.hover-red:hover{color:red;}
.pagination li a{
    -webkit-transition: all .3s ease; /* Safari and Chrome */
  	-moz-transition: all .3s ease; /* Firefox */
  	-o-transition: all .3s ease; /* IE 9 */
  	-ms-transition: all .3s ease; /* Opera */
  	transition: all .3s ease;
}

.pagination li a:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.10); /* Safari and Chrome */
    -moz-transform:scale(1.10); /* Firefox */
    -ms-transform:scale(1.10); /* IE 9 */
    -o-transform:translatZ(0) scale(1.10); /* Opera */
    transform:translatZ(0) scale(1.10);
}
  
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background-color: #3054c1;
    color: #fff;
}

.dropdown-menu > li > a{color:#3054c1; padding: 10px !important;}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #f5f5f5;
    color: #636363;
    text-decoration: none;
}
a {transition: all 0.25s ease 0s; text-decoration: none!important;}

.disabled-gray{ color: gray; }
.disabled-gray-dark{ background-color: #A9A9A9 !important; }
.disabled-pointer{pointer-events:none;}