body{line-height: 1.2;}
.validation-error {color: #a94442;}
.validation-error, .validation-success {display: block; margin-top: 10px; margin-bottom: 5px; font-weight: bold;}
.action-row .extra-row {display: none;}
.datebetween_holder {display:block; }
.action-row .toggle-row {margin-top: 5px; margin-bottom: 5px;}
.action-row .padded {padding-top: 15px; padding-bottom: 15px;}
.panel-body > .action-row:nth-of-type(odd) {background-color: #f9f9f9; border-bottom: 1px solid #999; border-top: 1px solid #999;}
.extra-row {padding-top: 10px; padding-bottom: 10px; border-top: 1px dashed #999;}
.validation-success {color: #3c763d;}
.validation-error:before {content: "* ";}
.vertically_centered {max-width: 600px; margin: 0 auto; transform: translatey(50%);}
.perPageFilterSel.form-control {width: auto; display: inline-block;}
.inv_confirm_notice .ui-pnotify-container {background: #fff; border:1px solid #666;}
.admin_logo_holder {max-height: 50px!important;   padding-left: 70px!important;}
.panel-body.stat-blue {border: 1px solid rgba(51,51,51, .10)!important; background-color: rgba(51,51,51, .01)!important;}
.panel-body.stat-red{
     border: 1px solid rgba(51,51,51, .10)!important;
     background-color: rgba(51,51,51, .01)!important;
}
.panel-body.stat-green{
    border: 1px solid rgba(51,51,51, .10)!important;
    background-color: rgba(51,51,51, .01)!important;
}
.panel-heading.stat-red{
    border: 1px solid rgba(51,51,51, .10)!important;
   color: #000000!important;
    background-color: rgba(255,255,255, .60)!important; 
}
.panel-heading.stat-blue{
    border: 1px solid rgba(51,51,51, .10)!important;
    color: #000000!important;
    background-color: rgba(255,255,255, .60)!important;
}
.panel-heading.stat-green{
    border: 1px solid rgba(51,51,51, .10)!important;
color: #000000!important;
    background-color: rgba(255,255,255, .60)!important;
}
.panel-heading.stat-purple{
    border: 1px solid rgba(51,51,51, .10)!important;
    color: #000000!important;
    background-color: rgba(255,255,255, .60)!important;
}
.stat-title {margin-top: 40px;}
.stat-num .badge{
    color: #333333!important;
    background-color: #e9ecf5!important;
    border: 1px solid rgba(183,183,183, .20);
    font-size: 120px!important;

}
.nav.nav-tabs.nav-stacked {margin-top: 15%;}
.nav-tabs>li.active>a {border: none!important;}
.fa.fw.fa-dashboard {font-size: 25px!important;}
.fa.fw.fa-calendar-o {font-size: 25px!important;}
.fa.fw.fa-building {font-size: 25px!important;}
.fa.fw.fa-users {font-size: 25px!important;}
.fa.fw.fa-gears {font-size: 25px!important;}
.fa.fw.fa-thumb-tack {font-size: 20px!important;}
.fa.fw.fa-lock {font-size: 20px!important;}
.fa.fw.fa-bars {font-size: 20px!important;}
/*.ui-datepicker.ui-widget {background-color: #222; color: #FFF; padding: 10px; display: none;}
.ui-datepicker-calendar td {border: 1px solid #FFF;}
.ui-datepicker-calendar td a {display: inline-block; color: #FFF; text-decoration: none; padding: 3px 5px; text-align: center; width: 100%; -webkit-transition: all 200ms linear 0s; transition: all 200ms linear 0s; font-weight: bold;}
.ui-datepicker-calendar td a.ui-state-active {background-color: #2780e3;}
.ui-datepicker-calendar td a:hover {background-color: #2780e3;}
.ui-datepicker-header {text-align: center;}
.ui-datepicker-header .ui-datepicker-prev {float: left;}
.ui-datepicker-header .ui-datepicker-next {float: right;}
.ui-datepicker-calendar th {text-align: center;}
.ui-datepicker-header .ui-datepicker-prev span {display: none;}
.ui-datepicker-header .ui-datepicker-next span {display: none;}
.ui-datepicker-header .ui-datepicker-prev:before {content: '\f137'; font-family: FontAwesome; color: #FFF; -webkit-transition: all 200ms linear 0s; transition: all 200ms linear 0s; font-size: 18px; cursor: pointer;}
.ui-datepicker-header .ui-datepicker-next:before {content: '\f138'; font-family: FontAwesome; color: #FFF; -webkit-transition: all 200ms linear 0s; transition: all 200ms linear 0s; font-size: 18px; cursor: pointer;}
.ui-datepicker-header .ui-datepicker-prev:hover:before {color: #2780e3;} 
.ui-datepicker-header .ui-datepicker-next:hover:before {color: #2780e3;} 
.ui-datepicker-month, .ui-datepicker-year {font-weight: bold;}
.ui-datepicker-title {padding-top: 2px; padding-bottom: 2px;}*/
.login_image_overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.login_image_holder {
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #1a1c1d;
}
.over_image_holder {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    z-index: 50000;
}
.login_holder_holder {
    height: 100vh;
}
.login_image_holder {
    background-size: cover;
}
.login_item {
    border-radius: 0px;
    border: 0px solid #000;
    height: 55px;
    padding-left: 20px;
}
.login_item:focus{
    outline:none;
    box-shadow: none;
}
.form-horizontal.login_form {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width:100%;
}

.btn-login,.btn-forgot {
    border-radius: 0px;
    border: 0px solid #000;
    height: 55px;
    text-align: left;
    padding-left: 20px;
    font-size: 20px;
    line-height:45px;
}

/*** Form Styles ***/
.form-control-feedback {
    position: static;
    line-height: 36px;
    text-align: left;
    pointer-events: none;
    width: 100%;
    height: auto;
}



.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}
/*** TOP BAR STYLES ***/
#top_bar {
	min-height: 55px;
	background: #000;
	color: #fff;
}
img.settings_preview_image {
    max-width: 100%;
}
.sb_holder{ position:fixed;top:60px; }

.top_padded{padding:15px 0px;}
.admin_logo_holder{max-height:55px;width:auto;}
/* make sidebar nav vertical */ 
.sidebar-nav {
		min-height: calc( 100vh - 77px );
}

/*** Menu Builder Styles ***/
.menu_holder {
    border: 1px dashed #ddd;
    min-height: 300px;
}

.menu_items {
    border: 1px dotted #ddd;
    min-height: 300px;
}
ul.menu_item_ul,.menu_builder {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}
li.menu_item,.organized_menu {
    min-height: 34px !important;
    height:auto !important;
    width:100% !important;
    line-height: 34px;
    border: 1px solid #000;
    margin: 5px 0px;
    padding-left:10px;
    cursor:pointer;
}
.inv_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: rgba(0,0,0,.5);
    height: 100%;
}
.inv_menu_edit {
    width: 325px;
    background: #fff;
    min-height: 250px;
    padding: 10px;
    margin: auto;
    position: fixed;
    left: 50%;
    top: 25%;
    transform: translate(-50%, -25%);
}
ul.submenu li {
    border: 1px dashed #555;
    list-style-type: none;
    min-height: 34px !important;
    height:auto !important;
    width:100% !important;
    line-height: 34px;
    padding-left:10px;
    cursor:pointer;
}

/*** Menu Styles */
span.menu_toggle {
    position: static;
    cursor: pointer;
    display: inline-block;
    width: 2em;
    text-align: center;
}
.sb_holder .sidebar-nav .navbar li.has_sub_items a {
    width: calc( 100% - 2em );
    display: inline-block;
}
ul.sub_menu li {
    position: relative;
    line-height: 1;
    width: 100%;
}
ul.sub_menu li a{ 
    display:block; 
    padding: 10px 15px;
}
ul.sub_menu li a:hover{ 
    text-decoration:none;
}
.sidebar-nav{
    border-right: 1px solid #E1E1E1;
}

/*** Menu Toggler ***/
.menu_hider {
    position: absolute;
    z-index: 500000000;
    right: -10px;
    font-size: 20px;
    bottom: 10px;
    padding: 5px 10px;
    border: 1px solid #000;
    background: #f06725;
    color: #fff;
    cursor: pointer;
}
.menu_shower {
    position: fixed;
    top: 95vh;
    padding: 5px 10px;
    border: 1px solid #000;
    background: #f06725;
    color: #fff;
    cursor: pointer;
    z-index: 500000000;
}

.property_details{
    position:absolute;
    bottom:0px;
    color:#fff;
    padding: 15px 0px;
}
/**Table styles**/
.table-striped>tbody>tr:nth-of-type(odd){
    background-color: rgba(243, 246, 251, 0.55);
}
.table>tbody>tr>td{
    vertical-align: middle!important;
    padding: 3px!important;
}
/*** CSV IMPORT STYLES ***/
input.table_input {
    border: 0px;
    background: transparent;
    text-align: center;
}
input.table_input:focus{
    outline: none;
    border:1px solid red;
}
select.input_select {
    border: 0px;
    width: 100%;
    height: 24px;
    background: transparent;
}
.input_select.has-error{ border: 1px solid red; }
select.input_select:focus{
    outline: none;
    border:1px solid red;
}
.field_mapper.has-error{
    border-color:red;
}

.edit_trigger {
    border-bottom: 1px dotted;
    cursor: pointer;
}

.modal-content {
    border-radius: 0;
}

.modal-header {
    border-bottom: 0;
    background-color: #e9ecf5;
    color: #b7b7b7;
}

.modal-header .close {
    margin-top: -6px;
    font-size: 1.75em;
}

.modal-footer {
    border-top: 0;
}

.dataTables_wrapper .btn-group {
    position: absolute;
}

@media only screen and (max-width:768px){
	.sidebar-nav {
		min-height: 0px;
	}
    .sb_holder {
        position: static;
        top: 60px;
    }
    .property_details{ display:none; }
}

@media only screen and (min-width: 768px) {
	.sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		max-height: none;
	}
	.sidebar-nav .navbar ul {
		float: none;
		display: block;
	}
	.sidebar-nav .navbar li {
		float: none;
		display: block;
	}
	.sidebar-nav .navbar li a {
		padding-top: 12px;
		padding-bottom: 12px;
	}
}