.layout-top-nav .main-header .navbar {
 margin-left: 270px !important;
} 
.topNav .nav a > i, .topNav .nav a.dropdown-toggle i{display:block;}
.topNav .dropdown-menu>li>a{color:#fff;}
.topNav .nav > li > a > i{font-size:24px;}
.topNav .nav ul.dropdown-menu a i{display:inline-block;}
.topNav .nav ul.sub-menu,.topNav2 .nav ul.sub-menu{position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding:0;
    margin:0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);*/
    border-radius:0 0 4px 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
	background-color: #21375c;
	border-color:#21375c;   
	transform: translateY(-1em);
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; 
	opacity:0;
	    height: 0;
    overflow: hidden;
}

.topNav .nav .dropdown:hover .sub-menu,.topNav2 .nav .dropdown:hover .sub-menu { transform: translateY(0%); transition-delay: 0s, 0s, 0.3s;opacity:1;    height: auto;
    overflow: visible;}
.topNav .nav ul.sub-menu a i { display: inline-block;}
.topNav .sub-menu>li>a {display: block;padding: 3px 10px;clear: both;font-weight: 400;line-height: 1.42857143;color: #fff;white-space: nowrap;}
.topNav .sub-menu>li>a:hover, .topNav2 .sub-menu>li>a:hover {background-color:rgba(255,255,255,.2)}
.topNav .dropdown-toggle .caret {position: absolute; bottom: 6px;left: 45%;}

.skin-blue.topNav2 .main-header .navbar {background:#fff;}
header {box-shadow:0 3px 3px #999;max-height:130px !important;}
.topNav2 header .dropdown-menu>li>a, .topNav2 li>a, .main-header .topNav.navbar .nav > li > a {
    color: #555 !important;
}

.topNav2 header .nav > li > a > i{    font-size: 18px;
    background-color: #00a7d1;
    width: 30px;
    height: 30px;
    padding: 6px 4px 4px 4px;
    border-radius: 35px;
    text-align: center;
    vertical-align: bottom;
    color: #fff;
    margin: 0 auto;box-shadow: 0 2px 2px #ccc;}
.topNav2 header .nav > li:nth-child(1) > a > i{    background-color: #00a7d1;}
.topNav2 header .nav > li:nth-child(2) > a > i{background-color: #008d4b;}
.topNav2 header .nav > li:nth-child(3) > a > i{background-color: #dc8a0a;}
.topNav2 header .nav > li:nth-child(4) > a > i{background-color: #d43724;}
.topNav2 header .nav > li:nth-child(5) > a > i{background-color: #00d12d;}
.topNav2 header .nav > li:nth-child(6) > a > i{background-color: #b100d1;}
.topNav2 header .nav > li:nth-child(7) > a > i{background-color: #d10087a8;}
.topNav2 header .nav > li:nth-child(8) > a > i{background-color: #607D8B;}
.topNav2 header .nav > li:nth-child(9) > a > i{background-color: #05a66b73;}
.topNav2 header .nav > li:nth-child(10) > a > i{background-color: #3f51b5d6;}

.topNav2 header .nav ul.sub-menu {background-color: #ce1041;}
.topNav2 header .nav ul.sub-menu a {color: #fff !important;}
.topNav2 .navbar-collapse,.topNav .navbar-collapse {padding-left:20px;}
.control-sidebar {padding-top: 100px;}

.skin-blue .main-header .navbar .nav>li>a {padding: 10px 15px;}
.skin-blue.topNav2 .main-header .navbar .nav>li>a {padding: 7px 10px;}
.main-header .logo-mini img{width:65px;}
.column-2 .sub-menu {width:450px;}
.column-2 li {width:50%; float:left;}
.skin-blue .main-header .navbar {background: #ce1041;background: -moz-linear-gradient(top, #ce1041 0%, #cc3d60 100%);background: -webkit-linear-gradient(top, #ce1041 0%,#cc3d60 100%); background: linear-gradient(to bottom, #ce1041 0%,#cc3d60 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce1041', endColorstr='#cc3d60',GradientType=0 );border-bottom: 1px solid #dddddd;
}
.logo-mini a:after {
    width: 0;
    height: 0;
    border-top: 65px solid #21375c;
    border-right: 30px solid transparent;
    content: "";
    position: absolute;
    z-index: 9999;
    left: 270px;
}
.info-box-content h3 {line-height:80px;  margin:0;    text-transform: uppercase;
    font-size: 20px;}
.info-box {  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); }
.info-box:hover {cursor:pointer; opacity:.8; -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); 
  transition: all 0.2s ease-in; }
 .control-sidebar-ul {margin:10px; padding:0; list-style:none;}
 .control-sidebar-ul > li a {padding:4px 0; color:#ffffff !important; display:block;}
 .control-sidebar-ul > li a:hover {color:#fff;}
 .control-sidebar .panel-body{margin:0;padding:0;}
 .control-sidebar .panel-body .control-sidebar-ul > li a{color:#333 !important;}
 .control-sidebar .panel h4 a{font-size:14px; font-weight:bold;}
 .control-sidebar .panel h4 a:hover, .control-sidebar .panel h4 a:active, .control-sidebar .panel h4 a:focus{color:#fff;}
 .skin-blue.topNav .wrapper {background-color:#fff;}
 .skin-blue.topNav .wrapper .logo-mini a:after {border-top: 65px solid #fff;}
 .topNav2 .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a {

    color: #ffffff !important;
}
 .topNav2 .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a {

    color: #fff !important;
}
.nav-tabs-custom>.nav-tabs>li>a {font-size:16px; font-weight:bold;opacity:.7;}
.nav-tabs-custom>.nav-tabs>li.active>a {color: #3c8dbc;opacity:1;}
.settings .sub-menu { background-color:#fff !important;}
.settings .sub-menu li a { color:#21375c !important;}
.settings .sub-menu li a:hover { color:#fff !important;background-color: #21375c;}


.timeline>li>.timeline-item>.timeline-footer {    background-color: #f2f2f2; padding: 4px 10px;}
input.customCheck[type=checkbox] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
}

input.customCheck[type=checkbox] {
  display: none;
}
.timeline input.customCheck[type=checkbox] + label {margin-left:-8px;}
input.customCheck[type=checkbox] + label:before {
    content: "\2714";
    border: 0.1em solid #337ab7;
    border-radius: 0.2em;
    display: inline-block;
    width: 16px;
    height: 16px;
    padding-left: 0;
    padding-top: 0;
    margin-right: 6px;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
    line-height: 16px;
}

input.customCheck[type=checkbox] + label:active:before {
  transform: scale(0);
}

input.customCheck[type=checkbox]:checked + label:before {
  background-color: #337ab7;
  border-color: #337ab7;
  color: #fff;
}

input.customCheck[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

input.customCheck[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}
.timeline .done{background-color: rgba(51, 122, 183,.2); text-decoration: line-through;}
.timeline .done .timeline-header{opacity: .7;}
.clientLogo {height:60px; line-height:60px;}
.clientLogo img {max-height:100%; max-width:200px; display:inline-block;}

/*loader */
.loader-main {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100
}

.loader-main .loader-bg {
  background-color: rgba(0, 0, 0, .5);
  width: 100%;
  height: 100%
}

.loader-main .loader-circle {
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url(../img/loader-logo.svg) center center no-repeat #fafafa;
  border-radius: 50px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -65px;
  margin-top: -65px;
  background-size: 70%;
}

.loader-main .loader-circle:after {
  content: " ";
  display: block;
  width: 80px;
  height: 80px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #e7b90f;
  border-color: #e7b90f transparent;
  animation: loader-circle 1.2s linear infinite
}

@keyframes loader-circle {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
/* loader */
.viewSections li a span.img.auction:before {
    content: "Auction";
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    height: 0;
    border-bottom: 20px solid #c30b31;
    border-right: 20px solid #0000;
    padding-left: 2px;
}
.viewSections li a .img_label_rent {
   position: absolute;
    left: -4px;
    background: url(label.png) no-repeat left top;
    width: 160px;
    height: 33px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    text-align: left;
    text-indent: 4px;
    bottom: 0px;
}
.viewSections li a span.img.rentsale:after {
    content: 'Sale/Rent';
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    height: 0;
    border-bottom: 20px solid #3c8dbc;
    border-left: 20px solid transparent;
    padding-right: 2px;
}
.viewSections li a span.img.rentrev:after {
    content: 'Rent Review';
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    height: 0;
    border-bottom: 20px solid #3c8dbc;
    border-left: 20px solid transparent;
    padding-right: 2px;
}
.viewSections li a span.img.acquisition:after {
    content: 'Acquisition';
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    height: 0;
    border-bottom: 20px solid #3c8dbc;
    border-left: 20px solid transparent;
    padding-right: 2px;
}
.farm-black {background:url('farm_black.svg') no-repeat center center;width:20px;height:20px;margin-right: 4px;margin-bottom: -6px;}

/*@media (min-width:1367px) { */
@media (min-width:1025px) { 
 .main-header .navbar-brand{display:none;}
 }
@media (max-width:767px) { 
 .navbar-toggle{background-color: #4c1d27;padding:18px 10px;border-radius: 0;font-weight: normal; float:left;}
 .main-header .navbar-toggle .icon-bar{background-color: #fff;}
 .main-header .logo-mini {display:none;}
 .main-header .navbar-brand {     padding: 0 10px;
    background-color: #c30b31;}
 .skin-blue.topNav2 .main-header .navbar .nav>li>a {padding:4px;}
 .navbar-collapse.pull-left+.navbar-custom-menu { right:0;top:4px;}
 .layout-top-nav .main-header .navbar {margin-left:0 !important;}
 .navbar-nav>.user-menu .user-image {margin-top:0;}
 .navbar-custom-menu li img {max-height:40px;}
 .navbar-collapse.pull-left {background-color:#fafafa;}
 .topNav .nav a > i, .topNav .nav a.dropdown-toggle i {display:inline-block}
 .skin-blue .main-header .navbar .nav>li>a {text-align:left !important;}
 .topNav .dropdown-toggle .caret {right:5%;left:inherit;}
 .skin-blue .main-header .navbar .nav .column-2 li {width: 100%;float: none;display: block;}
 .topNav .nav ul.sub-menu, .topNav2 .nav ul.sub-menu {width:100%; position:static;padding:0;transition:inherit;}
 .topNav .nav .dropdown:hover .sub-menu,.topNav2 .nav .dropdown:hover .sub-menu { transform: translateY(0%); transition-delay: 0s, 0s, 0;}
 .clientLogo {max-width:150px;height:auto; line-height:40px;}
.clientLogo img {max-height:inherit; max-width:100%; display:inline-block;}
.topNav .nav > li {clear:both;}
.topNav .navbar-custom-menu .nav > li {clear:inherit}
#mainMenu .navbar-nav.nav > li > a > i {margin:0 10px}

							   
.navbar-brand > img {
   width:50px; height:50px;

}
.navbar-brand:after {
width: 0;
    height: 0;
    border-top: 50px solid #c30b31;
    border-right: 15px solid transparent;
    content: "";
    position: absolute;
    z-index: 9999;
    left: 112px;
}
.headerBot ul.listMenu > li{display:block}
}

/*@media screen and (max-width: 1366px) and (min-width: 768px) {*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
 /*.main-header .logo-mini {display:none;}*/
 .main-header .logo-mini {position: absolute;background-color: #c30b31;z-index: 10000;height:50px;}
 .logo-mini a:after {
    border-top: 50px solid #c30b31 !Important;
}
 .main-header .logo-mini img {width: 270px; margin-top: 10px !important;}
 .layout-top-nav .main-header .navbar {margin-left: 0 !important;}
 .main-header .navbar-brand {padding:0px;}
 .topNav2 .navbar-collapse, .topNav .navbar-collapse {padding-left: 0;width: 100%;clear: both;background-color: #fafafa;border-top: 1px solid #f2f2f2;}
 .topNav .nav li:last-child ul.sub-menu {left:inherit; right:0;}
 .navbar-collapse.pull-left+.navbar-custom-menu{right:0;position:absolute;}
 .clientLogo {height:40px; line-height:40px;}
 .skin-blue.topNav2 .main-header .navbar .nav>li>a {
    padding: 7px 8px;
}
}

/*NEW THEME CSS - 12062019*/
.headerBot {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f4f4+0,ffffff+100 */
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.skin-blue .wrapper {background-color:#c30b31;}
.logo-mini a:after {border-top:65px solid #c30b31;}
.main-header .logo-mini img {width: 270px;    margin-top: 20px;}

.headerBot ul.listMenu {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 35px;
}
.headerBot ul.listMenu > li {
    display: inline-block;
    list-style: none;
    color: #333;
    padding: 4px 10px;
    vertical-align: middle;
    line-height: 20px;
}
.headerBot ul.listMenu > li i { color:#edc21e;}

.user-menu span {color:#c30b31;}
.user-menu .user-header {height: 105px;padding: 10px;text-align: center;background-color: #e7ba0c !important;}
.user-menu .user-footer {    background-color: #f9f9f9;
    padding: 10px;    overflow: hidden;}
.user-menu>.dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 280px;
	right:0;
	left:inherit;
}
header + .content-wrapper .container-fluid {    padding-right: 0;
    padding-left: 0;}
a {
    color: #c30b31;
}
.panel-primary {
    border-color: #eec217;
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #eec217;
    border-color: #eec217;
}
.btn-primary {
    background-color: #c30b31;
    border-color: #c30b31;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover,  .btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus,.open > .dropdown-toggle.btn-primary {
	opacity:.7;
	background-color: #c30b31;
	border-color: #c30b31;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active,.btn-warning:active:hover,  .btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus,.open > .dropdown-toggle.btn-warning {
	opacity:.7;
	background-color: #4c1d27;
	border-color: #4c1d27;
}
.btn-warning {
    background-color: #4c1d27;
    border-color: #4c1d27;
}
.btn-info {
    background-color: #eec217;
    border-color: #eec217;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:active:hover, .btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus,.open > .dropdown-toggle.btn-info {
	opacity:.7;
	background-color: #eec217;
	border-color: #eec217;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:active:hover,.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success {
	opacity:.7;
	background-color: #ef1800;
	border-color: #ef1800;
}
.btn-success {
    background-color: #ef1800;
    border-color: #ef1800;
}

.homeTabs.nav-tabs-custom>.tab-content {
    background-color: #ecf0f5;
    border: 1px solid #c30b31;
}
.bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer {
    background-color: #c30b31 !important;
}
.bg-green-active, .modal-success .modal-header, .modal-success .modal-footer {
    background-color: #4c1d27 !important;
}
.bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer {
    background-color: #eec217 !important;
}
.widget-user-header.bg-aqua-active + .box-body {border-color: #c30b31 !important;}
.widget-user-header.bg-green-active + .box-body {border-color: #4c1d27 !important;}
.widget-user-header.bg-red-active + .box-body {border-color: #eec217 !important;}

.box.box-success, .box.box-primary {
    border-top-color: #c30b31;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #c30b31;
    border-color: #c30b31;
	    color: #ffffff !important;
}
.table > thead > tr > th {
    background-color: #4c1d27;
}
.topNav2 header .nav > li > a > i:after{content:"";/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */width:100%;height:50%;position:absolute;left:0;top:0%;opacity:.5;}
.topNav2 header .nav > li > a > i.glyphicon:after{    border-radius: 50px 50px 0 0;}

.control-sidebar-dark {
    color: #f2f2f2;
}
img.user-image {
    max-height: 20px;
} /* Kiran fix for user image - 12th june 2019*/

.customPanel >.panel-heading {
    background-color: #4c1d27;
}
.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #edc21e;
}
.innerTabs.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
border-left-color: #edc21e;}
.innerTabs.nav-tabs-custom>.nav-tabs>li.active>a {
    background-color: #f2f2f2;
    color: #edc21e;
    border-right-color: #edc21e;
    border-left-color: #edc21e;
}
.innerTabs.nav-tabs-custom>.tab-content {
    background-color: #f2f2f2;
    border: 1px solid #edc21e;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
    background-color: #ef1800 !important;
}
.bg-yellow, .callout.callout-warning, .alert-warning, .label-waring, .modal-warning .modal-body {
    background-color: #4c1d27 !important;
}
.bg-blue {
    background-color: #eec217 !important;
}
.modal {background: none;}
.modal-bg-none {background: none;}

/* Inspections css */

.form-check-label {
    font-size: 20px;
    color: #bbb;
    background-color: #e2e2e2;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    padding: 2px;
    text-align: center;
    line-height: 20px;
}
.ms-0 {
    margin-left: 0!important;
}
.float-none {
    float: none!important;
}
.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
}
.form-check-input[type=radio] {
    border-radius: 50%;
}
.form-check-input {
    background-color: #ffffff;
    border: 1px solid #ebebeb;
}
.check-hand input[type=radio] {
    position: absolute;
    visibility: hidden;
}
.check-hand label.good.active {
    color: #fff;
    background-color: #198754;
}
.check-hand label.no.active {
    color: #fff;
    background-color: #ea4c62;
}
.form-check-input:checked[type=radio] {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e);
}
.check-hand input[type=radio] {
    position: absolute;
    visibility: hidden;
}

.form-check-input:checked {
    background-color: #ed1a3b;
    border-color: #ed1a3b;
}
 
.remove {
    position: absolute;
    right: 0;
    top: -20px;
}
.add_block { position:relative;}

label.form-check-label.active.fair {
    color: #fff;
    background-color: #f1b10f;
}

.fair i {
    transform: rotate(-90deg);
}