@charset "UTF-8";
body {position:relative;background:#f7f7f7;color: #555;}

@font-face {
	font-family: Courgette;
	font-weight: normal;
	src: url('Courgette-Regular.ttf');
}
@font-face {
	font-family: Lemon;
	font-weight: normal;
	src: url('Lemon-Regular.ttf');
}

@font-face {
	font-family: Roboto Black;

	src: url('roboto.black.ttf');
}

@font-face {
	font-family: Roboto Bold;
	font-weight: normal;
	src: url('roboto.bold.ttf');
}

@font-face {
	font-family: Roboto Light;
	font-weight: normal;
	src: url('roboto.light.ttf');
}

@font-face {
	font-family: Orbitron;
	font-weight: normal;
	src: url('Orbitron-Regular.ttf');
}


*:before,*:after{vertical-align: initial;}
.container {padding-bottom:40px;}
.xsmall {color: inherit!important;font-size:7.2pt!important;}
.small {color: inherit!important;font-size:8pt!important;}
.fa.required {color: rgb(204, 123, 123);}
.form-group .fa-asterisk {font-size:10px!important;color: rgb(204, 123, 123);}
.bad input[required] {box-shadow: inset 0 0 12px rgba(216, 0, 0, 0.12);border-color: rgba(247, 140, 140, 0.32);}
.xmid {font-size:8pt!important;}
.mid {font-size:9pt!important;}
.midx {font-size:10pt!important;}
.large {font-size:11pt!important;}
.largex {font-size:12pt!important;}
.xlarge {font-size:14pt!important;}
.huge {font-size: 72pt!important;}
.currency {font-size:12px!important;display: inline-flex;margin-right: 4px;}
.uppercase {text-transform:uppercase!important}
.capitalize {text-transform:capitalize!important}
.font-normal {font-family:Roboto Light!important;}
.bold {font-family:Roboto Bold!important;}
.alignLeft {text-align:left!important}
.alignRight, .alignRight input.form-control {text-align:right!important;}
.alignCenter, td.alignCenter * {text-align:center!important}
.right {float:right!important;display: inline-block;}
.x_content {padding: 12px 0 5px;margin:0;display: inline-block;}
.container > #pageElement {position: relative;top: -24px;}
#pageElement > .x_content {padding:0;display: inherit;}
.postForm .x_content {border-top: 3px double rgba(0, 0, 0, 0.1);}
.postForm .view .x_content {background-color: rgba(0, 0, 0, 0.06);}
#pageElement .row  {border-left: 1px solid rgba(0, 0, 0, 0.11)!important;margin: 0;}
#pageElement .row .form-group.half  {border-right: 1px solid rgba(0, 0, 0, 0.11)!important;}
.systemForm .x_content {display: inline-block;}
.systemForm .x_content > .form-group {display: contents;}
#admin_lists .x_content > br {display:none}
.x_content.customBox {padding: 0px;}
.lock, .disabled, .readOnly {pointer-events: none;}
.x_panel.lock .fa.fa-lock.box {position: absolute;top: 0;left: 0;margin: 0;width:100%;height: 100%;text-align: center;/* box-shadow: inset 0 0 32px rgba(0, 0, 0, 0.32); *//* background-color: rgba(0, 0, 0, 0.1); */}
.x_panel.lock .box.fa:before {position:relative;display: block;z-index:1;font-size: 32pt;line-height: 100%;margin-top: 54px;color: rgba(0, 0, 0, 0.54);text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.32);}
.x_content.lock {opacity: 0.5;}
.lock .box_title h2 {color:rgba(0, 0, 0, 0.54)}
.disabled * {color:rgba(0, 0, 0, 0.42)}
.paddingHorizontal {padding:0 8px!important;}
.paddingVertical {padding:8px 0!important;}
.no-padding {padding:0!important}
.paddingLeft {padding-left: 15px!important;}
.hideElement {display:none;}

red{color:red}

.positionLeft, .positionRight {position:absolute;}
.positionLeft {left:0;}
.positionRight {right:0;}

.white {color:#FFF!important}

.x_panel.lock {opacity:0.5}
.x_panel:not(.lock) .fa.fa-lock.box {display:none}
.statusBox {width: 21%;/* background-color: #444; */position:absolute;top: 1px;right: 0;border-right: 0;}
.statusBox .select2-container {box-shadow:inset 0 0 12px rgba(0, 0, 0, 0.12)}

.viewUsers .statusBox {left:inherit;right:0;width:22%;border-right-width: 1px;}
.guestBox, .subBoxTitle {float: left;position: relative;width: calc(46% - 2px);display: inline-table;}
.subBoxTitle {width:auto;}
.subBoxTitle label {font-size: 12px;margin: 0;line-height: 28px;color: #FFF;background-color: rgb(197, 220, 13);text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.32);border-right: 3px double rgb(255, 255, 255);}
.subBoxTitle input, .edit input.alignRight {text-align:right!important;background-position:center left!important}
.subBoxTitle input {border-bottom:0!important;text-align: left;border-top: 0!important;background-position: 6px center!important;}
.guestBox .btn {position: absolute;right: 0;top: 0;padding:0;border: 0!important;border-right: 1px solid rgba(0, 0, 0, 0.1)!important;margin: 0;color: rgba(0, 0, 0, 0.48);border-radius: 0;line-height: 28px;text-shadow: 0 1px 0px rgb(255, 255, 255);background-color: rgba(216, 204, 62, 0);}
.guestBox .btn:hover {color:inherit}
.guestBox label {width: 88%;margin: 0;padding-left: 8px;line-height: 28px;border-left: 3px double rgba(0, 0, 0, 0.1);box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.12);cursor: pointer;}
.modal.viewReservations.in .modal-dialog, .modal.viewRooms.in .modal-dialog {min-width:88%;}
.modal-body .x_panel{/* box-shadow: 0 0 12px rgba(0, 0, 0, 0.08); */vertical-align: top;background-color: rgba(0, 0, 0, 0.02);}
.viewUsers .modal-body .x_panel:not(:first-child) {/* border-width: 1px 0 0; *//* margin: 0; */}
.modal-body .x_panel > .x_content {display: inline-table;border:0;}
h2 span, h4 span {vertical-align: middle;}
input.form-control,textarea.form-control, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {/* box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.12); *//* border-color: rgba(0, 0, 0, 0.12); */}
.modal-body input.form-control,.modal-body textarea.form-control, input.form-control, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {background-color:transparent;border-width: 1px 0;border-color:transparent transparent rgba(0, 0, 0, 0.1);border-style:solid;box-shadow:none;}
.has-feedback input.form-control {width: 100%;margin: 0;}
div:not(.lock):not(.readOnly) .form-group .edit > input.form-control:not([readonly]), .edit > input.form-control:not([readonly]) {background: url(../images/icon-edit-small.png) calc(100% - 10px) center no-repeat;}
.form-group input[readonly].form-control {border-top:1px;padding-right: 6px!important;box-shadow:inset 0 0 12px rgba(0, 0, 0, 0.08);}
.form-group .edit > input.form-control.alignRight {background-position:6px center!important}
div:not(.lock):not(.readOnly) .form-group .edit > input.form-control, div:not(.lock):not(.readOnly) .form-group .edit > textarea.form-control, .edit .select2-container--default .select2-selection--single {/* font-weight:bold; */font-family: Roboto Bold;vertical-align: middle;}
.form-group .edit > input.form-control.ws-number.ws-inputreplace {background:none!important}
.form-group .edit > input.form-control.ws-number.ws-inputreplace::placeholder {font-family:Roboto Light!important;background:none!important}
.disabled .number-input-buttons, .disabled .select2-selection__arrow {display:none}
.disabled .edit input.form-control, .disabled .edit textarea.form-control, .disabled .edit .select2-container--default .select2-selection--single {color:#555;border-color:transparent!important;border-bottom-color:rgba(0, 0, 0, 0.16)!important;box-shadow:none;background-image:none!important}
.item input.form-control {line-height: 30px;}

#extraPayments input[type=text].form-control {background-image:none;box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.08);border-left: 1px solid rgba(255, 255, 255, 0);}
#extraPayments label {height: 24px;line-height: 24px;margin-top: 1px;}
#extraPayments .boxSummary label {background: none!important;border: none;height: auto;line-height: 26px;}
#extraPayments .boxSummary .amountBox {text-align: right;line-height: 24px;box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.08);border-bottom: 1px solid rgba(0, 0, 0, 0.1);border-left: 1px solid rgba(0, 0, 0, 0.1);}
#extraPayments .boxSummary .form-group:last-of-type .amountBox {border-bottom: 3px double rgba(0, 0, 0, 0.25);}
#extraPayments .boxSummary .form-group:first-of-type .amountBox {border-top: 2px solid rgb(197, 220, 13);}
.readOnly .edit > input.form-control {background: url(../images/icon-lock.png) calc(100% - 8px) center no-repeat!important;}
.readOnly .number-input-buttons {display:none}
.modal-body input.form-control:not(input[type=search]):focus,.modal-body textarea.form-control:focus {border-bottom:2px solid #d0d4ac;box-shadow: inset 0 -3px 8px rgba(0, 0, 0, 0.1)!important;}
.modal-body input.form-control:focus + .fa,.modal-body textarea.form-control:focus + .fa {text-shadow:0 -1px 1px rgba(0, 0, 0, 0.26);background-color:#d0d4ac;color:#FFF}

input.form-control[readonly] {width:100%;}
input.form-control.alignRight[readonly] {padding-right: 14px;}
input[type=number] {padding-right: 0!important;}
.edit.type-number input[type=text].alignCenter {padding-right: 14px!important;}
.form-group textarea.form-control {padding: 6px;min-height: 54px;line-height: 16px;}
#other_information {min-height: 90px;}
input.form-control,textarea.form-control, .form-group label {font-size: 0.98em;padding: 6px 8px;height: 28px;line-height: 28px;}
td input.form-control, td textarea.form-control {width: 100%!important;border:0;}
.form-group input.form-control:focus {border-top-color:transparent}

input#reservation.form-control {font-family: Roboto Black; color:#777}

.form-group input.form-control#customField {border: transparent;background-color: transparent;box-shadow: none;text-align: right;border-bottom: 1px dotted  rgba(0, 0, 0, 0.2);}
.readOnly .form-group input.form-control#customField {background-image:none}
.item input, .item textarea {padding: 0 6px;}
input:-webkit-autofill {background-color:#000!important}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: rgba(0, 0, 0, 0.02)!important;}
button[disabled], button.btn[readonly]{background-color: rgba(82, 93, 21, 0.1)!important;border-color: rgba(0, 0, 0, 0.08)!important;opacity: 1!important;}
.btn.focus, .btn:focus, .btn:hover {color:#FFF;box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.32);}
button[disabled] .fa, button.btn[readonly] .fa, button.btnLock .fa {/* color: #9a9a9a!important; *//* text-shadow: 0 1px 0px rgba(255, 255, 255, 0.52); */}
.x_content:not(.customBox) .form-group div:not(:first-of-type):not(.type-button) {/* border-left: 1px solid rgba(255, 255, 255, 0); */}

.boxSummary{vertical-align: bottom;}

.selectBox {border-left: 0 double rgb(255, 255, 255)!important;/* background-color: rgba(0, 0, 0, 0.02); */}
.selectBox .select2-container--default .select2-selection--single {width:100%;margin:0;/* border-top-width: 3px; */}

.x_content:not(.customBox) .form-group div:not(:first-of-type) input[type=number].form-control {}
.x_content .form-group.item > div:not(:last-of-type) input.form-control {border-right: 1px solid rgba(0, 0, 0, 0.1);}
#optionSettings input {box-shadow:none;border:none;background-color: transparent;}
#optionSettings tr:not(.readonly) input[type=text]:hover, #optionSettings tr:not(.readonly) input:not([readonly]):focus {background:url(../images/icon-edit-small.png) 94% center no-repeat transparent}
#optionSettings tr.readonly input[type=text] {pointer-events:none}
input::placeholder, textarea::-webkit-input-placeholder, .select2-container--default .select2-selection--single .select2-selection__placeholder, .guestBox label {color: #9a9a9a!important;font-size: 8pt;font-family:Roboto Light!important;display: inherit;line-height:30px!important}
textarea::-webkit-input-placeholder {line-height:20px!important}
td .select2-container--default .select2-selection--single .select2-selection__placeholder {line-height: 28px!important;}
input:focus, textarea:focus, .select2-container--default.select2-container--open .select2-selection__rendered {background-color: rgb(235, 236, 236);}
input[type=text].metaID {text-align: inherit;max-width: 32pt;width: 100%;display: inline-flex;}
input[type=text].metaID[readonly]:hover {background: none!important;}
button:hover {border-color:rgba(0, 0, 0, 0.12)!important}
.ellipsis{text-overflow: ellipsis!important;overflow: hidden!important;white-space: nowrap!important;margin-left: 6px!important;}
.ellipsis.text-view {font-family: Roboto Black;vertical-align:middle;padding: 8px 6px 7px 6px;line-height: 16px;margin: 0;display: inherit;border-bottom: 1px solid rgba(0, 0, 0, 0.18);/* border-top: 1px solid #FFF; */}
.type-amount .text-view, .type-number .text-view {text-align:right}
td span.ellipsis.text-view {border-bottom:0;margin-left: 0!important;}
.modal-body span.ellipsis.text-view {padding: 6px 6px 5px;margin: 0!important;border-bottom-color: rgba(0, 0, 0, 0.08);}
td .ellipsis {max-width:210px;margin: 0!important;display: block;}
td.activity .ellipsis, td.loan_types .ellipsis {max-width:132px}
td.activity .ellipsis{color:#52717d}
tr.approved *, td.activity .approved {color:#487935!important}
td.date > span {min-width: 98px;}
sub {bottom:0  }

.login .query div {padding:6px 0}
.darkGrey {background-color: rgb(150, 155, 160);color:#FFF;font-weight: bold;}
.lightGrey {background-color: rgba(150, 155, 160, 0.14);font-weight: bold;}
.bgRed, .bgOrange {color:#FFF;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);}
.bgRed {background-color: #b15050;}
.bgOrange {background-color: #d28a58;}
.bgBlue {background-color: #2d73a5!important;}
.bgTeal {background-color: #5dc34b!important;}
.gray {color: #888888!important;}
.main_container .top_nav {position: fixed;width: calc(100% - 230px);top: 0;right: 0;height:55px;z-index: 9;box-shadow: 0px 2px 8px rgba(0,0,0,0.1);}
.nav-sm .main_container .top_nav {width: calc(100% - 70px);}
.nav_menu {height: 100%;margin: 0;background: url(../images/header-pattern02.png) repeat rgba(36, 44, 56, 0.82);}
.login_content h1 {font-family:Roboto Black;font-size: 22px;color: #7191a4;letter-spacing: unset;}
.login_content h1:before, .login_content h1:after{width: 16%;height: 4px;background-color: #7191a4;}
.login_wrapper {margin-top:0}
.login .nav_title {width: 100%;margin-top: 32px;background: none;}
.login .nav_title a {box-shadow: none;position: relative;height: auto;}
.registration_form, .login_form {top: 132px;}
.login_content form div a, .login_content div .reset_pass {margin-top:0!important;line-height: 32px;padding: 0 12px;}
.login_content form input[type="text"], .login_content form input[type="email"], .login_content form input[type="password"]{margin-bottom: 8px;}

.metaBox {display:block;padding-left: 0;/* width: 100%; */}

.profile_info h2 {font-family: Orbitron;font-size: 15pt;line-height: 22px;}
.profile_info span:first-of-type {font-family: Lemon;line-height: 20px;color: rgba(255, 255, 255, 0.72)!important;}
.profile_info span {line-height: inherit;color: rgba(255, 255, 255, 0.48)!important;}
.profile_info span.small {line-height: 13px!important;margin-top: 2px;display: inline-block;}
.profile_pic {margin: 8px 0 0 8px;width: 64px;height: 64px;border-radius: 50%;/* border: 1px solid rgba(0, 0, 0, 0.32); */box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.8);background-image:url(../profiles/icon-avatar-small.png);background-size: inherit;background-color: rgba(255, 255, 255, 0.72);background-position:center center;background-repeat:no-repeat;}
.profile_pic.top {margin-top: 4pt;width: 32pt;height: 32pt;background-size: 132%;}
.nameUser {background: none!important;box-shadow: none!important;}

.nav_title {font-family: Courgette;background-color: rgba(255, 255, 255, 0.88);border-top: 0;border-bottom: 0;height: initial;}
.site_title {color: rgba(0,0,0,0.54)!important;font-size:14pt;/* height: 54px; */text-align: center;padding: 0;box-shadow: inset -2px -4px 8px rgba(0,0,0,0.14);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.18);}
.site_title img {vertical-align:top;margin-top: 0;}
.login .site_title img {margin-top: 0px;}
.nav-sm .navbar.nav_title a span.iconLogo{display: inline-table;}
.boxWrapper {position: relative;display: table!important;width:100%;}
.masonry-column .boxWrapper {display:block!important}
th .boxWrapper {line-height: 12pt;}
.boxWrapper.summaryBox {background-color: rgb(168, 183, 186);}
.boxWrapper.summaryBox .x_content div:not(:first-of-type) {border-left: 3px double rgba(0, 0, 0, 0.12);}
.boxWrapper.summaryBox div span {line-height: 22px;color: #fff;font-size: 16px;}
.boxWrapper.summaryBox .x_content div:last-of-type h2 span {font-size: 20px;}
.boxTable {display: table;width:100%;}
.viewStaff .boxWrapper {/* margin-top: 4px; *//* padding-top: 8px; */border-top: 3px double rgba(0, 0, 0, 0.1);}
.iconLogo {display: inline-table;text-align:center;}
.form-group .hasBox input,.form-group .hasBox button{display: inline-table!important;padding: 0 12px;width: auto;line-height: 26px;font-weight: bold;}
.form-group .hasBox input[type=submit] {float:right}
.form-group .hasBox input[type=file]{width: 50%;background-color: transparent;padding: 0;opacity: 0;height: initial;}
.toggle {position: relative;padding-top: 0;height: 54px;width: 54px;text-align: center;vertical-align: middle;background-color: rgba(0, 0, 0, 0.2);z-index: 3;}
.toggle a {color: #FFF;display: block;padding:0;padding-top: 11px;text-shadow: 1px -1px 1px rgba(0,0,0,0.32);height: 100%;}
.toggle a:hover {box-shadow: inset 0 0 10px rgba(0,0,0,0.32);}
.toggle a i {font-size: 32px;}
.menu_section {margin-bottom: 0;}
.menu_section:last-of-type {margin-bottom: 40px;}
.nav-sm .toggle {background-color: rgb(162, 173, 71);}

.navbar.nav_title a span {display: inline-block;font-size: 18px;color: #4da0b9;letter-spacing: -0.05em;line-height: 48px;vertical-align: top;}
.login .navbar.nav_title a span {font-size: 16pt;line-height: 16pt;/* margin-right: 4px; */}
.navbar.nav_title a span sub {font-size: 18px;color:#797979;letter-spacing: -0.03em;}
.login .navbar.nav_title a span:last-of-type {position: absolute;margin: 0;top: 18px;right: 0;font-size: 7.8pt;color: #adadad;font-family: Orbitron;letter-spacing: normal;}

.nav.side-menu>li {border-right-width:3px}
.nav.side-menu>li.active {border-bottom: 1px solid rgba(255,255,255,0.12);}
.nav>li>a {padding: 6px 10px;}
.panel_toolbox>li>a {line-height: initial;border: 0;}
.x_panel .panel_toolbox>li>a {padding: 0;}
.nav.side-menu>li>a {margin-bottom:0;padding-right: 0;}
.nav-md ul.nav.child_menu li:before {margin-top: 8px;width:7px;height:7px;background-color: #aaa;}
.nav-md ul.nav.child_menu .child_menu li:before {margin-top: 6px;}
.nav-md ul.nav.child_menu .child_menu li:last-of-type {padding-bottom:4px;}
.main_menu ul.nav.side-menu li a span {line-height: 18px;display: inline-block;}
.main_menu ul.nav.child_menu li a span {text-align: right!important;font-size: 8px;line-height: 12px;height: 16px;margin-right: 2px!important;}
.nav-sm .main_menu ul.nav.side-menu li a span {margin-top: 2px;display:block;line-height: 9pt;}
.main_menu i.fa:before {/* vertical-align: middle; */font-size: 14px;}
.main_menu .fa {width: 20px;height: 18px;margin: 0!important;}
.nav-sm .nav.side-menu li, .nav-sm .nav.side-menu li.active-sm{border:0}
.nav-sm .nav.side-menu li.active-sm {background-color: rgba(255,255,255,0.16)!important;}
.nav-sm .nav.side-menu li a {padding: 0px 8px 6px 0;}
.nav-sm .nav.side-menu li a span.fa {width: 10px;position:absolute;right: 4px;top: 8px;}
.menu_section .nav.side-menu>li:first-of-type:not(.active) a {box-shadow:inset rgba(255,255,255,0.16) 0 1px 0;margin: 0;}
.menu_section:not(:first-of-type) .nav.side-menu>li:first-of-type:not(.active) a {border-top: 1px solid rgba(0, 0, 0, 0.32);}
.nav.child_menu>li>a {box-shadow:none!important;padding: 4px;}
.nav.child_menu>li.active>a {color:#FFF}
.nav.child_menu>li.btnCreate a {display:inline-block;}
.nav.child_menu>li.btnCreate a:last-of-type {opacity:0.32;position:absolute;/* left: 5%; *//* top:0; */padding: 2px 0 0 4px;}
.nav.child_menu>li.btnCreate a:last-of-type:hover {opacity:1}
.nav.child_menu .nav.child_menu>li>a {padding: 2px 4px;font-weight:normal;font-size: 12px;}
.nav.child_menu .nav.child_menu .nav.child_menu>li>a {font-size: 11.2px;}
.nav.side-menu>li.active {border-right-color: rgb(176, 191, 49);background-color: rgba(0, 0, 0, 0.32)!important;}
.nav.child_menu.active, .nav.child_menu.active > .active, .nav.child_menu.active > .active .nav.child_menu{display:block}


.nav.child_menu.active > a {font-family:Roboto Black}
.nav.side-menu>li.active>a,.nav.side-menu>li>a:hover {background:linear-gradient(rgba(255,255,255,0.18), rgba(255,255,255,0.06)),rgba(255, 255, 255, 0.06)}
.active a span.fa {text-align:center!important;}
.navbar-nav .open .dropdown-menu.msg_list {width:320px;}
.navbar-nav .open .dropdown-menu {box-shadow: -2px 2px 4px rgba(0,0,0,0.1);}
.menu_section>ul {margin:0}
.nav-sm .container.body .right_col {padding: 65px 20px;}
.nav-md .container.body .right_col {padding: 72px 20px 0;}
.container.body .right_col.listings {/* max-height: 32px!important; */min-height: unset!important;}
ul.msg_list li {padding:2px!important}

.nav.child_menu li {padding-left:22px}
.nav.child_menu ul.nav.child_menu li {padding-left:18px}

.nav-md ul.nav.child_menu li:before {left: 13px;}
.nav-md ul.nav.child_menu li:after {left: 16px;border-left: 1px solid rgba(255, 255, 255, 0.2);}
.nav-md ul.nav.child_menu ul.nav.child_menu li:before {left: 9px;}
.nav-md ul.nav.child_menu ul.nav.child_menu li:after {left: 12px;}
td span{line-height: inherit;display: inline-block;}
td.feedback span{width: 20%;border-left: 1px solid rgba(0, 0, 0, 0.12);padding: 0!important;font-weight: bold;line-height: 32px;vertical-align: middle;text-shadow: -1px 1px 0px rgba(255, 255, 255, 0.72);box-shadow: inset 2px 0 10px rgba(0, 0, 0, 0.1);/* background-color: rgba(0, 0, 0, 0.02); */}
.profile {padding-bottom: 12px;overflow:auto;background-color: rgba(0,0,0,0.21);}

html {overflow:unset}
html.loading {overflow:hidden}
html::before, .right_col::before {opacity: 0;content: '';display:block;position: fixed;top:0;left:0;width: 100%;height: 100%;background: url(../images/icon-mantool.png) center 32% no-repeat rgba(36, 58, 45, 0.96);cursor:progress;z-index: -9999;}
html.loading::before, .right_col.loading::before {opacity: 1;z-index: 9999;}

.right_col::before {/* background-color: rgb(247, 247, 247); */}

.nav-sm span.fa {display: inline-block;/* height: 54px; *//* vertical-align: top; */}
.navbar-nav>li {padding: 0 0 0 6px;}
.navbar-nav>li>a {line-height: 54px;display: inline-block;padding: 0 0 0 10px;}
.navbar-nav>li>a:hover, .navbar-nav>li.open>a {background-color:transparent!important}
.navbar-nav>li>a span {line-height: 54px;margin-left: 6px;box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.12);padding: 0 6px;display: inline-block;color: #FFF;background-color: rgba(125, 129, 130, 0.38);}
.navbar-nav>li>a span.nameUser {position:relative}
.navbar-nav>li>a span.nameUser > span {position:absolute;bottom: 4px;right: 0;font-size: 10px;color: #BBB;line-height: 16px;background: none;margin: 0;box-shadow: none;}
.navbar-nav>li>a:hover span {background-color:rgba(0, 0, 0, 0.12);}
.top_nav li a i, .nav.navbar-nav>li>a {color:#FFF!important;text-shadow: 0 1px 2px rgba(0,0,0,0.5);}
.nav>li>a>img {border: 3px solid rgba(255,255,255,0.12);vertical-align: middle;box-shadow: 0 0 6px rgba(0,0,0,0.32);}
.info-number .badge {top:6px;right: 8px;border-radius: 10px 10px 0 10px;}
ul.msg_list li a .time {right:12px}
.no-margin {margin:0}
.x_panel:not(.view) {box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.08);margin: 0;border-bottom: 3px double rgba(0, 0, 0, 0.1);}
.postForm .x_panel {padding: 0 0 8px 0px;position: relative;}
.postForm .x_panel.view {
	margin: 0!important;
	padding: 0;
}
.postForm .x_panel:not(:first-of-type) {margin-top: 6px;}
.postForm #loan_summary {height: 222px;}
form .x_panel:first-of-type {margin-top:0;}
.x_panel:not(.view) > .fieldGroup {padding-top: 8px!important;display: inherit;}
.x_panel .fieldGroup .x_panel {box-shadow:none;margin-top: 12px;border: 0;}
.modal-body .x_panel {box-shadow:none;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.modal.systems .x_panel {padding:0;border-bottom: 0;margin-bottom: 0;}
.modal.systems .x_panel button.btn {width: 100%;border-radius: 0;}
.titleWrapper {position: relative;text-align: center;display: inline-block;width: 92%;margin: 0 4%;font-weight: bold;/* border-top: 1px solid rgba(0, 0, 0, 0.18); */line-height: 30px;/* box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.16); */}
.modal .titleWrapper {text-align: left;text-indent: 12px;margin:0;width: 100%;background: url(../images/bg-menu-light.png) left center repeat-x rgba(0, 0, 0, 0.06);box-shadow: inset 0 -8px 12px rgba(0, 0, 0, 0.06);}
.x_title h2 small, .modal-header h4 small {border-left: 4px double #cacaca;padding-left: 8px;vertical-align: middle;color: #afafaf;margin-left: 10px;}
.container > div > .x_title {border-bottom:0;padding-bottom: 0;overflow: inherit;position: relative;line-height: 32px;margin-bottom: 4px;}
.container > .alignCenter > .x_title {display: inline-table;}
.container > div > .x_title h2 {margin-bottom:8px;font-size: 18pt;}

.x_panel .x_title {border: 1px solid rgba(0, 0, 0, 0.06)!important;background: url(../images/bg-menu-light.png) left center repeat-x rgba(232, 232, 232, 1);}
.x_panel .x_title h3 {margin:0;line-height: 28px;padding: 0;font-size: 11pt;font-family:Roboto Bold;}
.x_panel .x_title {padding: 6px 8px 4px;}
.x_title {overflow: hidden;border-bottom: 0;/* width: 50%; *//* display: inline-block; */margin: 0;padding: 0 0 2px 6px;}
.fieldGroup .x_title {padding: 0 12px 0px;}
.x_panel.field .x_title {overflow: auto;padding: 0;margin-bottom: 4px;border: 0;}
.x_title h2, .x_title h2 label {margin:0;/* line-height: 32px; */text-transform: capitalize;}
#pageElement .x_panel .x_title {
	/* border: 0!important; */
	text-align: left;
}
#pageElement .x_panel .x_title h2 {display: inline;}
.x_panel .x_title h2 {color: #2784a7;font-family: Roboto Bold;font-size: 16px;float: unset;text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.8);}
.x_title span {color:#888;}
.clearBox .x_title span {font-size: 24px;padding-right: 6px;/* background-color: #000; */color: #555;}
.x_title .subTitle {line-height: initial;/* vertical-align: -webkit-baseline-middle; */margin-left: 6px;}
.subTitle {font-size:12px;text-transform: capitalize;line-height: inherit;display: inline-flex;font-family: Roboto Light;margin-left: 4px;}
.box_title {font-family:Roboto Black!important;text-align: right;border-bottom: 3px double rgba(58, 41, 41, 0.1);box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.1);overflow: hidden;}
.box_title .glyphicon {font-size: 18px;line-height: inherit;width: 100%;text-align: center;color: #FFF;}
.box_title h2 > span {font-family: Roboto Black;margin-left:6px;/* font-size: 16pt; *//*text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.32);*/}
.box_title .glyphicon:before {vertical-align:baseline}
#pageElement .box_title {background-color: rgb(217, 218, 202);}
.box_title > div, .box_title > div .fa {height: 28px;}
.x_content .box_title {/* border-style: double; *//* border-width: 3px 3px 3px 1px; *//* border-color: rgba(0, 0, 0, 0.14); */}
.box_title .statusBox .select2-selection__rendered {color: rgb(123, 123, 123)!important;background-color: rgba(0, 0, 0, 0.03);text-align: left;}
.box_title .statusBox .select2-selection .select2-selection__arrow {box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.08);margin-top: 0;right: 0;}
.select2-selection .select2-selection__arrow b {border: 0!important;margin: 0!important;}
.select2-container:not([disabled]) .select2-selection__arrow:before {content:"\f141";position: relative;color: rgba(0, 0, 0, 0.32);font: normal normal normal 14px/1 FontAwesome;top: 4px;left: 11px;}
td .select2-container:not([disabled]) .select2-selection__arrow:before {top: 6px;}
.box_title .statusBox .select2-selection .select2-selection__arrow:before {right: 10px;top: 5px;left:initial;}

.box_title h2 {font-size: 11pt;padding: 6px 16px;color: rgba(0, 0, 0, 0.54);/* border-left: 1px double rgba(255, 255, 255, 0.54); */display: inline-flex;background-color: rgba(143, 158, 158, 0.32);box-shadow: -2px 0 20px rgba(0, 0, 0, 0.32);text-shadow: 0 1px 1px rgba(255, 255, 255, 0.32);}
.box_title h2.left {font-family: Roboto Bold;border-left:none;border-right: 1px double rgba(255, 255, 255, 0.54);margin: 0;vertical-align: text-bottom;}
.modal-body {padding:10px;color: #787878;}
.modal-body .col-middle {margin:0 0 32px}
.modal-body .col-middle p {margin:12px 0}
.modal-body h2{margin:0;font-weight:normal!important;}
.modal-body .userInfo h2{color: #797979;font-family: Roboto Black;font-size: 18px;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.72);}
.modal-body h2 small {display:block;font-size: 8pt;line-height: 18pt;font-family: Roboto;color: rgba(255, 255, 255, 0.82);text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.32);}
.modal-body .boxWrapper h2 {background-color: rgba(0, 0, 0, 0.03);padding: 8px;border-left: 1px solid #FFF;border-right: 1px solid rgba(0, 0, 0, 0.12);box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.10);}
.boxWrapper.summaryBox h2 {padding-bottom:0;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.32) !important;}
.modal-body .boxWrapper .no-padding:first-of-type h2 {border-left:0;}
.modal-body .boxWrapper .no-padding:last-of-type h2 {border-right:0;}

.modal-body.codemeta .metaBox {width:100%;display: contents;}
.modal-footer {padding: 10px;box-shadow: inset 0 1px 12px rgba(0, 0, 0, 0.12);line-height: 28px;}
.modal-footer span#resultScore {border-bottom:3px double #888;padding:0 6px}
.modal-body .no-background {/* border-right:0!important; *//* background:none!important; */}

.modal-body.readOnly #box_guestList, .modal-body.readOnly .select2-selection__arrow, .modal-body.readOnly .type-button, .modal-body.readOnly .select2-selection__clear, #box_guestList .type-icon {display:none;}
.modal-body.readOnly .reservations_meta {padding-left: 4%;}


.userInfo {border-top: 3px double rgb(255, 255, 255);padding: 10px 8px 0;box-shadow: inset 0 -14px 32px rgba(0, 0, 0, 0.32);background: url(../images/bg-menu-light.png) left 12px repeat-x rgba(0, 0, 0, 0.06);}
.img-circle.profile_img {margin-top:12px;}
.profile_info {padding: 12px 0 0 6px;}
.sidebar-footer a:hover {color:#FFF;background-color:rgba(0,0,0,0.48)}
.tile_count .tile_stats_count:before {display:none}
.tile_count .tile_stats_count {width: initial;margin: 0;padding: 6px 0 0;overflow: visible;border-left: 1px solid rgba(255, 255, 255, 0);border-right: 1px solid rgba(0,0,0,0.32);box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.2);background: rgb(104, 111, 115);}
.tile_count .tile_stats_count span {/* display:block; */float: left;/* width: 100%; *//* white-space: pre-wrap; */margin: 0 12px;color: #e4e4e4;text-shadow: -1px -1px 1px rgba(0,0,0,0.32);}
.tile_count .tile_stats_count .count {font-size:32px;}
.tile_count .tile_stats_count span.count_top {color: rgb(199, 199, 199)!important;text-shadow: 0px 1px 2px rgba(0,0,0,0.6);}
.tile_count .tile_stats_count span.count_bottom {font-size:8.4pt;background-color: rgba(0,0,0,0.18);margin: 0;padding: 3px 0 4px 12px;width: 100%;}
.tile_count .tile_stats_count span.count_bottom i {font-weight:bold;font-style: normal;}
.tile_count .tile_stats_count span.count_bottom i.red {color: #f79797;}
.tile_count {display: flex;margin: 0 0 12px;width: 100%;border: 3px double rgba(0,0,0,0.06);}
.tile_count .tile_stats_count:first-of-type {border-left: none;}
.tile_count .tile_stats_count:last-of-type {border-right: none;}
.page-title{height:initial!important;padding-top:0}
.pageTitle {position: absolute;width: initial;color: #f3f3f3!important;text-shadow: 1px -1px 1px #000;display: block;font-size: 14pt;top: 0;left: 64px;line-height: 34px;z-index: 2;}
.nav-sm .pageTitle {/* right: 30%; */}
ul.msg_list li a span {font-size: 11px;}
span.right {position:absolute;right: 6px;}

ul.to_do, ul.to_do li:last-of-type {margin-bottom:0}
footer {font-size:8pt;bottom: 0;position: fixed;width: calc(100% - 230px);padding: 10px;box-shadow: 0px -2px 8px rgba(0,0,0,0.1);background: url(../images/zero32-watermark02.png) 12px center rgba(255, 255, 255, 0.72) no-repeat;z-index: 9;}
.nav-sm footer {width: calc(100% - 70px);}
textarea, .left_col, .right_col, .top_nav, .navbar.nav_title, .navbar .site_title, .nav-sm .navbar.nav_title a span, .nav.side-menu>li, .toggle, .navbar-nav>li>a span, .navbar-nav>li>a,.sidebar-footer, .toggle a, footer, .sidebar-footer, .modal-header .close span, button, .form-group label, .dataTable tbody tr:hover td.feedback .fa, table.table.table tr:hover td.iconList .fa, .dt-buttons.btn-group a, .fa, .attachmentBox .dropzone
{transition: all 0.32s ease;}
.form-horizontal .form-group .control-label {padding:0;font-weight: normal;font-size: 9.4pt;}
.left_col {/* background: #434c4b; */}
.sidebar-footer {background: rgba(255, 255, 255, 0.1);}
.sidebar-footer a {/* color: rgba(255, 255, 255, 0.72); *//* background: rgb(0, 0, 0); */}
input[type=file]{display: inline-table;width: 92px;padding-left: 4px;background: #949494;vertical-align: middle;height: 32px;line-height: 32px;max-height: 32px;color: transparent;}
.btn {background-image: url(../images/bg-menu-light.png)!important;background-repeat:repeat-x!important;background-position:left center!important;border: 1px solid rgba(0, 0, 0, 0.06);}
#activateRoom.btn {margin: 0;width: 100%;height: 28px;padding: 0;border: none;background: none!important;box-shadow:none;}
label#activateRoomLabel {
	float: left;
	margin: 0;
	line-height: 28px;
	font-size: 12pt;
}
#activateRoom.btn span {box-shadow:none;height: auto;position: unset;margin: 0 auto;width: 100%;font-size: 20pt!important;line-height: 28px;text-shadow: 0px 1px 0px rgb(255, 255, 255);}
#activateRoom.btn.active span {color: #a7bb0a;}
.btn.btn-success {background-color: #b1b31f;/* text-transform: uppercase; */}
button, button.btn-default, input.btn {color: #fff;font-family: Roboto Black;background-color: #bdc716;}
.login_content input.btn {text-transform: uppercase;text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.27);}
.btn.popBtn {padding:0;line-height:32px}
th.no-sort button, .form-group button {width:100%;padding: 0;margin: 0;font-size: 16px;height: 28px;color: #fff;border-radius: 0;text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.32);background: rgba(182, 199, 36, 0.98);}
th.no-sort button .fa {padding:0;}
#optionSettings .input-group-btn {display:table;width: 100%;}
#optionSettings .input-group-btn button {color: #FFF!important;text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.32);display: inline-table;margin:0!important;width: 50%;padding: 0;line-height: 34px;border:0;border-right: 1px solid rgba(0, 0, 0, 0.12)!important;}
button.btnDelete {border-color: rgba(0, 0, 0, 0.1);background-color: rgba(0, 0, 0, 0.32)}
button.btnLock, .item.bad button.btn {pointer-events:none;border-color: rgba(0, 0, 0, 0.1)!important;cursor: not-allowed;background-color: rgb(173, 175, 161)!important;}
#optionSettings .input-group-btn button:not(:first-of-type) {border-left: 1px solid rgba(255, 255, 255, 0.18);}
#optionSettings .input-group-btn button:last-of-type {border-right:0!important;}
.item.bad {position:relative;display: flex;}
.form-group.item .alert {position:absolute;right:0;font-size: 18px;height: 100%;padding: 0;background-color: transparent;margin: 0;border: 0;text-align: center;left: inherit;}
.form-group.item .alert .fa {padding:0;position: static;display: block;font-size: 9pt;height: inherit;border: 0;color: #ffffff;vertical-align: middle;background-color: rgb(211, 118, 16);text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.32);z-index: -1;}
.form-group.item .alert::after {display:none}
button.btnSave, button.btnSave:hover {background-color:rgba(92, 136, 0, 0.66);}
button.btnDelete:hover {background-color:rgba(152, 0, 0, 0.66);}
.x_title button.btn {margin: 0;color: #888888;padding: 0;line-height: 32px;background-image: url(../images/bg-menu-light.png)!important;box-shadow: inset 0 0 12px rgba(0, 0, 0, .12);border: 0;background-color: rgba(0, 0, 0, 0.08);}
.x_title button.btn:hover {color: #5a738e;}
.modal-footer button {font-family: Roboto Black;text-transform: capitalize;color: #FFF;margin: 0!important;background-color: #9daf0c;text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.32);}
.modal-footer button:hover, .modal-footer button:focus {border-color:rgba(255, 255, 255, 0.54)!important;color:rgb(255, 255, 255)!important;box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.48)!important;}
.modal-footer button:not(#closeBtn):focus, .modal-footer button:not(#closeBtn):hover {background-color:#a7ab85!important}
.modal-footer button#closeBtn, button.cancelBtn.btn-default {background-color: rgb(140, 0, 0);}
.modal-body .btn-primary {width: auto;padding: 0 12px;margin: 0;border-radius: 0 12px 12px 0;cursor:pointer}
.form-group {display: flex;margin-bottom: 1px;background-color: #FFF;/* padding: 6px 6px 0; */}
.form-group.half {position: relative;/* margin-bottom: 6px; */display: inline-flex;/* border-left: 1px solid rgba(255, 255, 255, 0); */}
.form-group.view {box-shadow:none;text-align:inherit;overflow: unset;}
.view label {background-color: transparent!important;border-right: 1px solid rgba(0, 0, 0, 0.1)!important;border-bottom: 1px solid rgba(0, 0, 0, 0.1)!important;}
.view .text-view {margin:0!important;border-bottom-color: rgba(0, 0, 0, 0.1)!important; }
.view .text-view {text-align:inherit!important;}
.postForm .form-group.half {/* margin-right: 12px!important; */width: calc(50% - 6px)!important;}
.postForm .view .form-group.half {width: calc(50% - 2px)!important;background-color: transparent;border-bottom: 1px solid #FFF;border-right: 3px double rgba(0, 0, 0, 0.06);}
.postForm .form-group.half > div {text-align:initial;display: inherit;}
.postForm .view .form-group.half > div {background-color:#FFF;display: inline-block;box-shadow: inset 0 -1px 12px rgba(0, 0, 0, 0.08);}
.postForm .form-group.half > .type-amount, .postForm .form-group.half > .type-number {text-align:right}
.postForm #members_credit_rating_willingness_pay .select2-container {pointer-events: none;}
.modal-body .x_content .form-group{vertical-align: top;/* border-left: 1px solid rgba(0, 0, 0, 0.1); *//* box-shadow: -2px 0 0px #a9b825; */}
.modal-body.readOnly .x_content.customBox .form-group:not(.has){opacity: 0;}
.modal-body .x_content .form-group.item:first-of-type label{/* border-top: 3px double rgba(0, 0, 0, 0.04); *//* line-height: 25px; */}
.modal-body .form-group form{width: 100%;}
form#extraPayments input {text-align:right;color: #657a84;font-family: Roboto Black;padding: 0 8px;height: 25px;border-right: 1px solid rgba(0, 0, 0, 0.1);}
form#extraPayments input[type=number] {background-position: 6% center;}
.modal-body .form-group form.default input#priceTitle {background-image:url(../images/blue-star-icon.png);background-position:6px center;background-repeat:no-repeat;background-size:contain}
.half {width: 50%!important;}

.modal-body .x_panel.half {display: inline-block!important;width: calc(50% - 2px)!important;}
.viewextras .modal-body .x_panel.half {width: calc(50% - 4px)!important;margin:0 2px;}
.modal-body .half, .one-fourth, .one-third, .two-third, .three-fourth {display: inline-block!important;float: initial;/* padding-left: 10px; */vertical-align: top;margin: 0;width: 50%!important;border-color: rgba(0, 0, 0, 0.08);}
.modal-body .half:first-of-type {float: left;}
.one-fourth {width: 25%!important;}
.one-third {width: 33.3333%!important;}
.two-third {width: 66.6666%!important;}
.form-group.one-third > div {width: calc(100% - 1px);float: right;}

.modal-body .x_panel.half.overallTotal {border-top:0;}
.modal-body .x_panel.half.overallTotal > div > div {width: calc(33.3333% + 1px);}
.overallTotal label, .modal-body .overallTotal div input {background: #9ece5f!important;color: #FFF!important;text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.32)!important;}
.overallTotal label {background-color: #969798!important;}
.modal-body .x_content p {font-size: 11px;margin: 12px;}

.dropzone {border: 3px double rgba(0, 0, 0, 0.12)!important;}
.dropzone .dz-message{margin: 12px 0;}

.three-fourth {width:calc(65% - 2px)!important;}
.x_panel.summaryBox {position: absolute;padding-top: 0;/* min-height: 92px; */bottom: 0;right: 0;border: 0;background-color: transparent;}
.x_panel.summaryBox .boxSummary {padding:0;vertical-align: top;}
.x_panel.summaryBox .boxSummary .boxSummary {width: 40%!important;}
.x_panel.summaryBox .boxSummary .boxSummary:last-of-type {width: 58%!important;}
.x_panel.summaryBox .amountBox, .x_panel.summaryBox label {line-height: 16px;padding: 0 4px 0 0;border: 0!important;height: 16px;text-align: right;vertical-align: middle;box-shadow: none!important;background-color: transparent!important;}
.x_panel.summaryBox .amountBox {color: #576b75;}
.x_panel.summaryBox .form-group:last-of-type {margin-top: 4px;}
.x_panel.summaryBox .form-group:last-of-type .amountBox, .x_panel.summaryBox .form-group:last-of-type label {line-height: 26px;height: 26px;border-top: 3px double rgba(255, 255, 255, 0.16)!important;}
.x_panel.summaryBox .form-group:last-of-type .amountBox {border-top-color: rgba(0, 0, 0, 0.12)!important;box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.06)!important;}

.filterBox {display: inline-block;position: absolute;left: 6px;padding: 0;width: calc(100% - 11px);border: 1px solid rgb(255, 255, 255);z-index: 1;background: url(../images/bg-menu-light.png) left center repeat-x rgba(0, 0, 0, 0.06);box-shadow: 0 0 12px rgba(0, 0, 0, 0.14);}
.filterBox span.fa:first-of-type {padding:0;float: left;font-size: 14px;width: 32px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);line-height: 27px;text-align: center;color: rgba(0, 0, 0, 0.32);text-shadow: 0px 1px 0px rgb(255, 255, 255);background-color: rgba(255, 255, 255, 0.04);/* box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.32); */}
.filterBox .col-sm-4.col-md-4:first-of-type {width: 20%;}
.filterBox .col-sm-4.col-md-4:not(:first-of-type) {width: calc(16% - 22px);}
.filterBox .form-control-feedback.right {padding:0;margin:0;line-height:28px;height:28px;background-color: rgba(0, 0, 0, 0.06);text-shadow: 1px 1px 0 rgba(255,255,255,0.4);border-color: rgba(0, 0, 0, 0.06);}
.btn.filter, .popBoxBtn {margin:0;font-family: Roboto Black;padding: 0 6px;/* font-size: 12px; */width: auto;line-height: 26px;border-radius: 0;background-color: rgb(194, 208, 202);text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.32);}
.popBoxBtn {border-left: 1px solid rgba(255, 255, 255, 0.2);background-color: rgb(209, 210, 179);padding: 0;}
.btn.filter:hover {background-color: rgb(161, 202, 184);border-color:rgba(0, 0, 0, 0)!important}
.btn.filter i {padding:0!important}
.form-group label {font-size: inherit;color: #777;font-weight: normal;vertical-align: middle;margin: 0;padding: 0 6px 0 0;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.64);background-color: rgba(0, 0, 0, 0.04);border-bottom: 1px solid rgba(0, 0, 0, 0.06);border-right: 1px solid rgba(0, 0, 0, 0.06);}
.form-group > .col-2 > label, .form-group > .col-2 > div {width:50%}
.modal-body .form-group label:hover,.modal-body .form-group label:active {color:#a6a95d}
.modal-body .form-group label.textarea {min-height: 57px;}
.fieldGroup .form-group label, .fieldGroup .form-group input {font-size: 12px;height:32px;line-height: 32px;}
.fieldGroup .form-group label {background-color: transparent;border: 0;}
.fieldGroup .form-group input, .fieldGroup .form-group textarea, .fieldGroup .select2-container--default .select2-selection--single {border: 1px solid rgba(0, 0, 0, 0.16)!important;box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.08);}
.fieldGroup .form-group input.form-control:focus, .fieldGroup .form-group textarea.form-control:focus, .select2-container--default.select2-container--open .select2-selection__rendered {background-color:rgba(176, 188, 6, 0.12) !important}
.form-group input.form-control#customField {background: url(../images/icon-edit-small.png) 6% center rgba(0, 0, 0, 0.02) no-repeat;padding-left: 0!important;border-right: 3px double rgba(0, 0, 0, 0.06);}
.form-group input.form-control#customField:hover,.form-group input.form-control#customField:focus {background-color:rgba(0, 0, 0, 0.02)!important;box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.08)!important;}
.modal-body .form-group.no-padding {/* margin: 0 0 4px; */width: 100%;border-left: 1px solid rgba(255, 255, 255, 0);/* border-right: 1px solid rgba(0, 0, 0, 0.1); */}
.modal-body .form-group .colGroup {margin: 0;}

.deductionBox label {background-color: rgba(0, 0, 0, 0.08)!important;}

.form-group button {margin-right: 0;}

.form-group.col-3 label {width: calc(20% - 3px)!important;}
.form-group.col-3 > div {width: calc(80% + 2px)!important;}
.form-group button.btn {font-size: 10pt;/* background-color: #d9ef98; */display: block;overflow: hidden;border-color: rgba(0, 0, 0, 0.08);}
.form-group button#saveLogs {width:100%;padding: 0;}
.form-group button.btn .fa {width: 100%;right: 0;color: #FFF;padding: 0!important;}

button.btnUpload, input.btnUpload {border:none;color: #FFF;background-color: #86a9a3;padding: 0 12px;margin: 0;font-size: 14px;line-height: 32px;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.32);}
.form-group #priceDefault.checkBtn {width: 20px;margin: 4px auto 0;display: block;background-color: transparent;background-position: -110px 0;color: transparent;}
.form-group #priceDefault.checkBtn:not(.default):hover{background-position: -88px 0;}
.form-group #priceDefault.checkBtn:not(.default) {/* background-color:rgba(0, 0, 0, 0.12) */background-position: -132px 0;}
#importBox {width: 42%;float:right;background-color: #94b7b1;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.32);border-radius: 4px;overflow: hidden;}
#payrollForm #importBox {background: url(../images/icon-popup.png) 25% center no-repeat rgb(247, 247, 247);}
a.uploadBtn {color: #fff;padding: 0 0 0 12px;margin: 0;border: 0;height: 32px;line-height: 32px;}
a.uploadBtn span {font-size: 8pt;margin: 0 6px;}
.x_panel .fa {padding:6px 12px;vertical-align: middle;}
#pageElement .x_panel .fa{padding: 0;}
.mail_list .fa{padding: 0;width: 32px;text-align: center;vertical-align: top;line-height: 12px;}
.mail_list .right {width:calc(100% - 32px)}
.x_panel.tile:not(.binBox) a.close-link {display: none;}
.row.ng-scope {display:block;width: calc(100% + 20px);}
.ng-scope a.close-link {cursor:pointer;}
.ng-scope .fa {padding:0 12px}
button .fa {padding: 0 6px 0 0;font-size: 11pt;}
.dt-buttons.btn-group, .dataTables_filter {position: relative;margin-top: 1px;z-index: 1;}
.dt-buttons.btn-group {float: right;border: 1px solid rgba(0, 0, 0, 0.1);margin-right: 1px;}
.dataTables_filter {width: 18%;/* height: 32px; */background: url(../images/icon-search.png) 10px center no-repeat rgba(0, 0, 0, 0.06);overflow: hidden;border-left: 3px double rgba(255, 255, 255, 0.54);}
.dataTables_filter label {margin: 0 0 0 32px;display: block;/* box-shadow: -4px 0 8px rgba(0, 0, 0, 0.04); */border-left: 1px solid rgba(255, 255, 255, 0);}
.dataTables_filter label:after {font-family: Roboto Black;content:'Enter keyword here...';position: absolute;color: rgb(0, 0, 0);left: 42px;font-size: 8pt;line-height: 28px;text-shadow: 0px 1px 0px rgb(255, 255, 255);}
.dt-buttons.btn-group a {padding:0;width:32px;background-image: url(../images/bg-menu-light.png)!important;background-color: rgba(255, 255, 255, 0.32)!important;border:none;line-height: 26px;height: 26px;border-radius: 0;box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.12);}
.dt-buttons.btn-group a:hover {background-color: rgba(123, 130, 71, 0.2)!important;box-shadow:inset 0 0 12px rgba(0, 0, 0, 0.2)}
.dt-buttons.btn-group a:before {font-size: 10.8pt;color: #777;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.62);}
.dt-buttons.btn-group a span {display:none;}
.date-calendar {min-width: 198px;position:absolute;top: 1px;right: calc(18% + 97px);z-index: 1;}
.date-calendar .fa {width: 18px;padding: 0;text-shadow: 0px -1px 0px rgb(0, 0, 0);color: rgb(255, 255, 255);}
.date-calendar .type-date {/* width: calc(100% - 32px); */display: table;}
.date-calendar .type-date input, .date-calendar .type-date button {display:table-cell;margin: 0;padding: 0;width: unset;}
.date-calendar .type-date input {width: calc(100% - 32px);font-family: Roboto Black;font-size: 12px;text-align: center;border-top: 0;background: rgba(255, 255, 255, 0.72);box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.24);}
.date-calendar .type-date button {width: 32px;border-radius: 0;font-size: 12px;line-height: 28px;background: url(../images/bg-menu-light.png)left center repeat-x rgb(129, 129, 129);border: 0;}
.date-calendar .type-date button:hover {background-color: #52809c;}

#staffLogLists_wrapper {margin-top: -30px;}


tbody .tdate a {color:#444!important;line-height: 16px;vertical-align:middle;}
tbody td.tdate span {display:block;font-size: 12pt!important;line-height: 12pt;/* font-weight: bold; *//* color: #565656; */}
tbody td.tdate span:last-of-type {font-size:7.8pt!important;line-height: 8pt;text-transform: uppercase;font-weight: bold;}

.modal-body .fa {padding: 0;/* top: 1px; */margin: 0;width: 32px;border-left: 1px solid rgba(0, 0, 0, 0.06);border-left: 1px solid rgba(255, 255, 255, 0.06);height: 26px;line-height: 26px;/* background-color: rgba(0, 0, 0, 0.06); */}
.modal-body .type-icon .fa {width:100%;color: #b1b1b1;border: 0;text-shadow: 0 1px 0px rgb(255, 255, 255);background: transparent;}
.modal-body .type-icon .fa.fa-rub {color: rgb(136, 136, 136);background-color: rgba(0, 0, 0, 0.09);border-right: 1px solid rgb(255, 255, 255);text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.46);height: 28px;position: initial;vertical-align: top;}
.modalTopRight {color: #FFF;position:absolute;top: -30px;right: 6%;}

.ln_solid {margin: 8px 0;}
.form-horizontal .form-group {margin-bottom: 6px;}
.form-horizontal .form-input {margin: 4px 0;padding: 0 2px;}

.popupBtn,.delBtn, .popupBtn:hover,.popupBtn:focus,.popupBtn:active {border-radius:0;border: none;/* border-left: 1px solid rgba(255, 255, 255, 0.6); */margin: 0;padding: 0;width: 100%;line-height: 34px;box-shadow: inset 0 -6px 12px rgba(0, 0, 0, 0.12);background: url(../images/bg-menu-light.png) left center repeat-x rgba(0, 108, 132, 0.49);/* background: url(../images/icon-popup.png) center center no-repeat transparent!important; *//* color: transparent!important; */text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.32);}
.popupBtn.editGroups {background-color: rgba(69, 132, 0, 0.49);}
.popupBtn .fa {padding: 0;line-height: inherit;}
.modal-body .delBtn,.modal-body .popupBtn {line-height: 28px;}
.modal-body .delBtn {background-image:none!important;color:transparent;text-shadow:none;border-radius:0}
.modal-content {overflow:hidden}
.modal-header {padding: 10px 12px 8px;box-shadow: inset 0 -4px 8px rgba(0, 0, 0, 0.12);color: #FFF;border: 0;text-transform: capitalize;background-color: #3e92b5;}
.modal-header .close{margin:0;position: absolute;top: 0;right: 0;height: 43px;width: 5%;background-color: #f00;border-left: 1px solid rgba(0, 0, 0, 0.58);/* box-shadow: inset 2px 0 16px rgba(0, 0, 0, 0.8); */opacity: 1;}
.modal-header .close span {color:#FFF;font-size: 28px;text-shadow: -1px 0px 2px rgba(0, 0, 0, 0.82);}
.modal-header .close:hover span {font-size: 32px;}
.delBtn {background-image: url(../images/icons-save-delete.png)!important;background-position: center -112px!important;}
.popupBtn:hover,.popupBtn:focus,.popupBtn:active,.delBtn:hover,.delBtn:focus,.delBtn:active {box-shadow:inset 0 0 12px rgba(0, 0, 0, 0.32)}
.table#staffLogLists tr td {padding:3px 4px;border-bottom: 0;}
div.dataTables_filter input[type=search] {position: relative;margin: 0!important;width: 100%!important;box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.24);border: 0;background: rgba(255, 255, 255, 0.72);z-index: 9999;}
div.dataTables_filter input[type=search]:focus {box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.24)!important;background-color:rgb(255, 255, 255)}
div.dataTables_filter label:before {/* content: "\f1e8"; */}
#staffLogLists .popupBtn {height: 24px;}

.table#staffLogLists tr td.summary div {line-height: 22px;display: inline-table;width: 25%;box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.16);border: 1px solid #FFF;border-right: 0;font-weight: bold;padding-top: 2px;}
.table#staffLogLists tr td.summary div span {/* line-height: 22px; *//* padding-top: 2px; */vertical-align: top;}
.table#staffLogLists tr td.summary div span:not(:first-of-type) {margin-left: 4px;}
table#staffLogLists tr td.summary div:first-of-type {border-left:0;}
.select2-container {width: 100%!important;text-align: left;}
td .select2-container {background-color:rgba(0, 0, 0, 0.02)!important}
.select2-container--default .select2-search--inline .select2-search__field {margin:0;line-height: 26px;padding: 0 0 0 4px;width: 100%!important;background-color: transparent;}

.select2-container[disabled] {pointer-events: none;}
.select2-container[disabled] .select2-selection--single {/* background: rgba(0, 0, 0, 0.04); */}
.select2-container[disabled] .select2-selection--single .select2-selection__arrow {background: url(../images/icon-lock.png) center center no-repeat;border-left: none!important;}
.select2-container[disabled] .select2-selection--single .select2-selection__arrow b {display:none}
.select2-container--default .select2-selection--single .select2-selection__arrow {width: 32px;/* height: 32px!important; *//* margin-top: 0!important; *//* right: 0px!important; */border: 0;}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {min-height: 28px;width: 100%;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {padding:0}

.fieldGroup .select2-container--default .select2-selection--single {min-height:32px;}
.fieldGroup .select2-container--default .select2-selection--single * {height: 30px!important;}
.fieldGroup .select2-container--default .select2-selection--single *:before {top: 7px;}
.fieldGroup .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:30px}

.compose .select2-container--default .select2-selection--multiple {height: 28px;border-top: 0!important;border-left: 0!important;background-color: rgba(0, 0, 0, 0);}
.compose .select2-container--default .select2-selection--multiple ul {padding:0;background-color: rgba(235, 236, 236, 0);}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li:not(.select2-search--inline) {margin: 1px!important;padding: 3px 5px;}
.guestBox .select2-container--default .select2-selection--single {border-color: transparent;border-left: 3px double rgba(0, 0, 0, 0.1);}
.box_title .select2-container--default .select2-selection--single {border: 0;width: 100%;}

.lock .select2-selection__arrow * {display:none}
.lock .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .lock #customValue.form-control {background-color:rgba(255, 255, 255, 0.32);}
.select2-container--default .select2-selection--multiple .select2-selection__clear {margin-top: 2px;}

.lock .select2-selection__arrow {/* content: "\f023"; */}
.select2-results__option {padding: 4px 6px;}


.select2-container--default .select2-results__option--highlighted[aria-selected] {color: #708398;box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.2);background: #ffffff;}

.select2-container--default .select2-results__option[aria-disabled=true] {opacity: 0.48;color: rgb(100, 105, 85);background: url(../images/icon-lock.png) calc(100% - 10px) center no-repeat;}

.select2-container--open .select2-dropdown {/* top: -26px!important; */z-index: 9999;border-color: rgb(222, 222, 222);background-color: rgb(250, 250, 253);box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.32);}
.select2-search--dropdown .select2-search__field {border-color: rgba(0, 0, 0, 0.14)!important;box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.2);}
.select2-container--default .select2-results__option[aria-selected=true] {color:#FFF;background:#708398}

td .select2-container--default .select2-selection--single {border-bottom:0}
td .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 28px!important;display: inline-flex;}
.select2-container--default .select2-selection--single .select2-selection__rendered {padding-top: 0px;padding-left: 6px;padding-right: 32px;color: #555;/* font-size: 0.98em; */line-height: 26px;}
.disabled .select2-container .select2-selection__rendered {overflow: visible;}
#select2-roomRate-container, #select2-roomRate-results {/* text-align:right */}
.form-horizontal .has-feedback .form-control-feedback, .select2-container--default .select2-selection--single .select2-selection__arrow {right: 0;color: rgb(137, 146, 150);margin-top: 0;height: 26px;/* background: url(../images/bg-menu-light.png) center center rgba(0, 0, 0, 0); *//* box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.08); */text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.58);z-index: 1;/* border-left: 1px solid rgba(0, 0, 0, 0.06); */}
.form-horizontal .has-feedback .form-control-feedback, .select2-container--default .select2-selection--single .select2-selection__arrow:after {content:""}
.select2-container--open .select2-selection--single .select2-selection__arrow {background-color:rgba(112, 131, 152, 0.12);border-color:transparent!important}
.box_title .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:28px;}
.box_title .select2-container--open .select2-selection--single .select2-selection__arrow {margin-top: 0;}

.form-input *:before{vertical-align:middle;}

.select2-container .select2-selection--single .select2-selection__clear {/* right: 18px; */color: #ad5f5f;}

.boxHeader {border-bottom:1px dotted #DDD;padding:10px 0;margin: 6px 0px;}
.form-control-feedback {box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);}
.form-control-feedback.right {right: 0px;}
.form-control-feedback.left {left: 1px;border-left: 0!important;border-right: 1px solid rgba(0, 0, 0, 0.04);padding: 0!important;max-width: 36px;width: inherit!important;}
.has-feedback .form-control-feedback.right {right:0px;border-left: 1px solid rgba(0, 0, 0, 0.04);}
.has-feedback:not(.no-padding) .form-control-feedback.right {right: 11px;vertical-align: middle;line-height: 28px;border-left: 1px solid rgba(0, 0, 0, 0.04);}
#success {display: inline-table;font-weight:bold;margin-right: 6px;color: rgb(97, 160, 0);}

table.table{width:100%!important;margin:0;border-collapse: inherit;margin: 0;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16);background-color: #FFF;}
table.dataTable {top: 1px;margin: 0!important;position: relative;border-left: none;}
.modal table.dataTable {margin-bottom: 6px!important;}
.modal .rooms table.dataTable {margin-top: 4px!important;border:1px solid rgba(0, 0, 0, 0.16);border-top:3px double rgba(0, 0, 0, 0.16);}

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {padding: 5px 8px!important;}
table.dataTable thead>tr>th.no-padding.sorting {padding:0!important}
.dataTables_info, .dataTables_paginate {position:relative;top: 2px;}
.modal .dataTables_info, .modal .dataTables_paginate {top: 0;padding: 0!important;}
.modal .dataTables_info {line-height: 24px;padding-left: 6px!important;font-size: 9.6pt;}
.dataTables_paginate {}
.pagination {margin:0!important}
.dataTables_paginate a {box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.12);border: 0!important;}
.pagination>li>a, .pagination>li>span {color: #888d90;}
.modal .pagination>li>a, .modal .pagination>li>span {padding: 0 8px;line-height: 22px!important;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {color: #ffffff;background-color: rgb(171, 186, 189);}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {font-size: 8.4pt;line-height: 18px;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {color: rgb(169, 169, 169);background-color: rgba(0, 0, 0, 0.06);}

* th:before,* th:after{top: 4px;}

table.table tr, table tr th {transition: all 0.12s ease;}
table tr td.dataTables_empty {line-height:32px;font-family: Roboto Black;background-color: rgba(0, 0, 0, 0.02);color: rgba(72, 101, 102, 1);}
table tr td span.small:not(:first-of-type) {margin-left:4px}
/*
table tr.listFooter{background: url(../images/bg-menu-light.png) left center repeat-x rgb(255, 255, 255);}
table tr.listFooter td {padding: 6px 0;text-align:center; border-top: 3px double rgba(0, 0, 0, 0.12)!important;border-bottom: 1px solid rgba(0, 0, 0, 0.12)!important; border-right:none;}
table tr.listFooter td:first-of-type {padding-left:20px }

table tr.listFooter td * {font-size:14px;text-align:center;font-weight:bold}
table tr.listFooter td div {display: inline-block;font-weight: normal;}
table tr.listFooter td div div:not(.small) {font-weight: bold;}
table tr.listFooter td div.small {margin-left:4px}
*/

table.table tbody td.feedback .fa {color: rgba(2, 2, 2, 0.32);font-size: 18px;padding: 0 10px!important;}
table.table tbody td.feedback .fa, table.table tbody td.feedback sub, table.table tbody td.iconList .fa {border: 1px solid rgba(255, 255, 255, 0.32);width: 30%;vertical-align: middle;text-align: right;line-height: 33px;box-shadow: inset 0 -6px 12px rgba(0, 0, 0, 0.04);background: url(../images/bg-menu-light.png) left center repeat-x rgba(0, 0, 0, 0.0);text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.88);}
table.table tbody td.feedback .fa, table.table tbody td.feedback sub, table.table tbody td.feedback span {width: initial;min-width: 32pt;padding: 0 12px;display: table-cell;border-left-color: #FFF;}
table.table tbody td.feedback span.balance {min-width: 82px;padding-left: 6px!important;text-align: left;}
table.table tbody td.feedback sub {padding: 0 6px;text-align: center;background-color: rgba(255, 255, 255, 0);border-right-color: rgba(0, 0, 0, 0.1);}
table.table tbody td.feedback sub:not(:first-of-type) {border-left: 3px double rgba(0, 0, 0, 0.06);}

table.table tr td.iconList {padding:0 0 0 6px;overflow: hidden;}
table.table tr td.iconList .fa {float: right;min-width: 24px;text-align: center;font-size: 9pt;padding: 0;color: #9ca938;width: auto!important;border-left: 3px double rgba(255, 255, 255, 0.6);box-shadow: 0 0px 12px rgba(0, 0, 0, 0.25);}
table.table tr td.iconList.blank {border-right-color: rgba(0, 0, 0, 0.11);}
table.table tr td.iconList.blank .fa {display: block;text-align: center;font-size: 11pt;color: #709cbb;float:none;padding: 0!important;background-color: rgba(0, 0, 0, 0);border-left: 1px solid rgba(255, 255, 255, 0.32);/* text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.32); */border-right: 1px solid rgb(255, 255, 255);}
table.table tr td.iconList.blank .fa-home {color: #899c6b;}
table.table tr td.iconList span {line-height: 34px;}
table.table tr td.iconList i label {display:none!important}
table.table tr td.iconList .fa:before {color: #688096;}
/*
table.table tr td.blank .fa.status_1 {color: rgb(86, 171, 54);}
table.table tr td.blank .fa.status_2 {color: rgb(92, 155, 169);}
table.table tr td.blank .fa.status_3 {color: rgb(208, 172, 37);}
table.table tr td.blank .fa.status_4 {color: rgb(158, 125, 145);}
*/
table.table tr td.blank .fa.status_10 {color: rgb(132, 132, 132);}

table.table thead tr th {vertical-align: middle!important;background: url(../images/bg-menu-light.png) left center repeat-x rgb(234, 236, 236);color: #7f8992;border: 1px solid rgba(255, 255, 255, 0.6)!important;border-right-color: rgba(0, 0, 0, 0.1)!important;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.32);padding: 4px 8px;}
#admin_dashboard table {box-shadow:none!important}
#admin_dashboard table.table tr th {border:0!important}
table.table tr th.blank {width: 10px!important;}
table.table tr th.blank:after {display:none}
table.table tr th:last-of-type {border-right-color: rgba(255, 255, 255, 0.6)!important;}

table.table.table tr th:hover {color:#6c7884}

table.table tr td {vertical-align:middle!important;}
table.table tr td .fa {line-height: inherit;padding: 0px 7px;}
table.table.table tbody tr:hover, table.table tr th:hover {box-shadow:inset 0 0 12px rgba(0, 0, 0, 0.2);}
table.table tbody tr:hover td {color: #527596;}
table.table tbody#record-lists tr:hover {cursor:pointer}

tbody .tdate a {color:#444!important;line-height: 16px;vertical-align:middle;}
tbody td.tdate span {display:block;font-size: 12pt!important;line-height: 12pt;/* font-weight: bold; *//* color: #565656; */}

tbody td.tdate span:last-of-type {font-size:7.8pt!important;line-height: 8pt;text-transform: uppercase;font-weight: bold;}

table>tbody>tr:nth-of-type(even) td, table tr:nth-of-type(even) td {background-color: rgb(247, 247, 247);}

table.table tr td.willingness_pay {text-align:center}
table.table tr td.willingness_pay > span span:not(:first-of-type) {display:none}
table.table tr td.willingness_pay > span span:first-of-type {color: #2a64ac;font-size: 16px;}

input.form-control.total {margin:0;line-height: normal;color: #FFF;border: none;}
.form-control.editable {background-position:right center}
.form-control.editable[readonly] {cursor: pointer;background:url(../images/icon-edit-small.png) transparent calc(100% - 8px) center no-repeat;border: 0;}
.form-control.editable[readonly]:hover {color:#000;}
.form-control.editable:not([readonly]) {background: url(../images/icon-edit-product-bw.png) calc(100% - 5px) center rgba(163, 228, 192, 0) no-repeat;border: 4px solid rgba(0, 0, 0, 0.06);padding: 0px 4px;line-height: 20px;}

.daterangepicker table {border-collapse:initial}
.daterangepicker table.table-condensed thead tr th.available {padding:0}
.daterangepicker table.table-condensed thead tr th {padding: 0;border-radius: 0;}
.daterangepicker table.table-condensed thead tr:first-of-type {background-color: rgba(0, 0, 0, 0.08);}
.daterangepicker table.table-condensed thead tr:first-of-type th:hover {box-shadow:inset 0 0 12px rgba(0, 0, 0, 0.2);}
.daterangepicker table.table-condensed thead tr:not(:first-of-type) {box-shadow:inset 0 0 12px rgba(0, 0, 0, 0.2);border-top: 1px solid rgb(255, 255, 255);border-bottom: 1px solid rgb(255, 255, 255);}
.daterangepicker table.table-condensed thead tr:not(:first-of-type) th {line-height: 26px;}
.daterangepicker .calendar td {padding:5px 7px!important}
.daterangepicker.dropdown-menu {padding: 6px 2px 0;box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.32);}
.daterangepicker .daterangepicker_input {padding:0!important}
.daterangepicker .input-mini {margin:0;padding: 0;font-weight: bold;border-color:rgba(0, 0, 0, 0.1);border-radius: 0!important;text-align: center;}
.daterangepicker .input-mini.active {border-color: rgba(89, 182, 220, 0.77);}
.daterangepicker .calendar {margin: 0 6px!important;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);border: 3px double rgba(0, 0, 0, 0.08);}
.daterangepicker .calendar.left {float:left!important;}
.daterangepicker .calendar.right {float:right!important;}
.daterangepicker .calendar-table{border: 0;padding: 0!important;}
.daterangepicker .ranges {float:none!important;margin: 0 auto;min-width: 192px;clear: both;text-align: center;}
.daterangepicker .ranges button {margin: 10px 0px 4px;padding: 6px 0;width: 82px;}
.daterangepicker .ranges {width:100%}

.developerAds {width: 100%;text-align: center;padding-bottom:28px;left: 0;position: fixed;bottom: 0;background: url(../images/mantool-logo-name.png) center 12px no-repeat;box-shadow: inset 0 6px 12px rgba(0, 0, 0, 0.2);background-size: auto 42px;}
.developerAds span {color: transparent;text-shadow: none;}
.developerAds p {width: 100%;margin: 38px 0 0;color: #c0c1b2;}

.form-group.form-group.roleAccess {width: 100%;display: table;border: 1px solid rgba(68, 68, 68, 0.2);border-top: none;}
.form-group.form-group.roleAccess h2 {font-size: 9.8pt;font-family: Roboto Black;padding: 6px 0 4px;border-bottom: 1px solid rgba(0, 0, 0, 0.12);background: url(../images/bg-menu-light.png) center center repeat-x rgba(255, 255, 255, 0.32);}
.roleAccess .boxWrapper {padding: 0 4% 4px;box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.15);}
.form-group.form-group.roleAccess .fieldTitle {display: table-cell;text-align: center;/* width: 12.5%; *//* width: inherit; */background-color: #ECECEC;text-shadow: 0px 1px 0px #fff;border-right: 1px solid rgba(0, 0, 0, 0.12);}
.form-group.form-group.roleAccess .fieldTitle:last-of-type {border-right:none}


.form-group.roleAccess .fieldTitle span.checkField {position: relative;border:0;font-size: 7.2pt;padding: 0!important;display: table-cell;}
.form-group.roleAccess .fieldTitle label {display: block;padding: 0!important;font-size: 7.2pt;line-height: 22px;height: 22px;}
.form-group.roleAccess .fieldTitle label.checked, .form-group.roleAccess .fieldTitle label:hover {color: #74775f;}
.form-group.roleAccess .fieldTitle label:hover {box-shadow:none;cursor:pointer}
.icheckbox_flat-green {opacity:0.64;display: inline-block;background: url(../images/icon-un-check.png) center -54px no-repeat;/* width: 100%; */min-height: 28px;margin-right: 6px;}
.icheckbox_flat-green.checked, .icheckbox_flat-green:hover {opacity:1;}
.icheckbox_flat-green.checked {background-position: center 6px;}

.modal .rooms .dataTables_wrapper .row:first-of-type {margin: 0;border: 3px double rgba(0, 0, 0, 0.08);background-color: rgba(0, 0, 0, 0.02);box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.2);}
.modal .rooms .col-sm-6 {padding: 0;font-size: 12px;}
.modal .rooms .dataTables_filter {width:32%}
.modal .rooms .dataTables_wrapper div.dataTables_length label {margin: 0 0 0 12px;}
.modal .rooms .dataTables_wrapper div.dataTables_length label select {border-color: rgba(0, 0, 0, 0.16);height: 29px;}
.filterDetails {width:40%;position: absolute;left: 30%;font-family: Roboto Black;top: 10px;line-height: 35px;margin:0 auto;display:block;text-align: center;}

table.table tr th:first-of-type, table.table tr td:first-of-type {text-align:center!important;padding: 0;}
table.dataTable thead tr th:first-of-type, table.table.table tr th.status, table.table.table tr td.col_status {padding:0!important;width: 4%!important;text-align: center;}
table.dataTable thead tr th.idNum {width: 8%!important;}
table.table.table tr th.description {}
table.table.table tr th.status {color:rgba(0, 0, 0, 0);text-shadow:none;font-size:6px;text-align: center!important;background-color: rgba(38, 185, 154, 0.32);}
table.table.table tr th.status.groups {background-color: rgba(111, 165, 6, 0.32);}
table.table.table tr th.status::after {opacity: 1;margin:0 auto;color: #02755d;content:"\e017";font-size: 16px;display: inline-table;line-height: 18px;bottom: inherit;left: calc(50% - 8px);right: inherit;top: 5px;}
table.table.table tr th.status.groups::after {content:"\e118";}
table.table.table tr th.actionBtn .fa-plus:before {font-size: 20px!important;}

table td.titleBox {box-shadow: inset -4px 0 12px rgba(0, 0, 0, 0.04);font-family: Roboto Black;border-right: 3px double rgba(0, 0, 0, 0.12);/* background-color: #000; */}
table td.titleBox span {width: 32%;min-width: 64px;max-width: 132px;text-transform: uppercase;color: rgb(255, 255, 255);text-align:right;line-height: 26px;padding-right: 2%;margin-right: 4%;background-color: rgba(0, 0, 0, 0.3);border-right: 3px double rgba(0, 0, 0, 0.12);font-size: 7.4pt;box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.2);text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);}
table td.iconBox span:before {font-size:11pt;color:#d6d6d6}
table td.iconBox span.processing:before {color:#688096}
table td.iconBox span.reserved:before {color:#688096}
table td.iconBox span.checkedIn:before {color:#688096}
table td.iconBox span.completed:before {color:rgb(129, 156, 70)}

.tooltip.right .tooltip-arrow {border-right-color: #ffff00;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #ffff00;}
.tooltip.top .tooltip-arrow {border-top-color: #ffff00;}
.tooltip.left .tooltip-arrow {border-left-color: #ffff00;}
/*.tooltip {border:1px solid #000}*/
.tooltip-inner {background-color:#ffff00; font-family:Roboto Black;color:#000;text-shadow:0 1px 1px rgba(255, 255, 255, 0.32)}
.modal .tooltip .tooltip-inner {opacity:1!important;background-color:#536a80!important;border-radius:0}

.modal .tooltip .tooltip-arrow {opacity:1!important;border-top-color:#536a80!important;}
.popBoxBtn .fa {padding: 0 12px;}

.item .starrr {border-top: 1px solid rgb(255, 255, 255);border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.item .starrr a {width: 20%;padding: 0 6px;height: 26px;}
.item .starrr .fa:before {vertical-align:middle;}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {right: 4px!important;font-size: 10px;top: 8px;}
.table>thead>tr>th {border-top: 2px solid rgb(209, 212, 183)!important;}
.panelBox {display:block;padding:10px;border: 1px solid rgba(0, 0, 0, 0.12);box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.2);background-color: rgba(0, 0, 0, 0.04);}
.modal-body .panelBox .form-group.item:first-of-type label{color:#FFF;font-family: Roboto Black;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.54);text-transform: uppercase;background-color:rgb(138, 197, 49);}
.modal-body .panelBox .form-group {padding: 1px;border: 1px solid rgb(222, 222, 222);/* box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.2); */background-color: #FFF;}


%content {
	 font-size: 32px;
	 text-align: center;
	 margin: 0 5px;
 }
.bin, .ng-scope .item {
@extend %content
margin: 10px
padding: 9px;
	padding: 8px;
}
.bin {
	border: 3px double #a9ec3d;
}
.ng-scope .item {
	margin: 1px 2px;
	background: #f3f3f3;
	color: black;
	transition: all 0.2s ease;
	border: none;
	cursor: move;
	padding: 4px 8px;
}
.ng-scope .binBox .item {cursor: s-resize;padding: 8px;}
.ng-scope .item:hover {box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.24);}
.ng-scope .box-field {background-color: #a8e3f9;}
.ng-scope .box-group {background-color: #f9c6a8;}
.ng-scope .box-procedure {background-color: #c2ef92;}
.ng-scope .item span {line-height: 20px;display: inline-block;}
.drag {
	opacity: 0.5;
}
.over {
	background: rgba(169, 236, 61, 0.32);
}

.ng-scope .x_panel.tile .x_content {/* max-height: 65%!important; *//* display: block; *//* overflow-y: scroll; */}

.fieldGroup > .fieldGroup {border-left: 3px double rgba(0, 0, 0, 0.18);}
#tokenBox ul.token_list {/* display: table; */padding: 2px 2px 4px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
#tokenBox ul.token_list li {width: calc(25% - 2px);display: inline-block;padding: 2px 7px;border-radius: 0;margin: 1px 0 1px 2px!important;box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.12);}
#tokenBox ul.token_list li span {font-size:12px;display: inherit;}

.titleDropdown.btn-group {display: flex;}
.titleDropdown.btn-group .fa {padding:0;font-size: 14px;display:inline-block;line-height: 32px;color: #888888;}
.titleDropdown.open>.dropdown-menu {left:inherit;right:0;margin: 0;/* width: 100%; */min-width: unset;background-color: #eceff3;border: 0;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.26);}
.titleDropdown.open>.dropdown-menu a {width: auto;padding: 2px 12px;}
.titleDropdown.open>.dropdown-menu a:hover {background-color:rgba(84, 120, 156, 0.18)}
.titleDropdown.btn-group>button.dropdown-toggle {display: inline-block;padding: 0 12px 0 8px;background: none!important;box-shadow: none!important;border-radius:0;/* width: 100%; */}
.titleDropdown.open.btn-group>* {color: #5a738e!important;/* background-color: #5a738e!important; */}
.titleDropdown.open>.dropdown-menu li:first-of-type a {padding-top:8px;}
.titleDropdown.open>.dropdown-menu li:last-of-type a {padding-bottom:8px;border-radius: 0 0 4px 4px}

.compose .compose-body .editor-wrapper {min-height: 220px;}
.inbox-body {box-shadow:inset 0 0 18px rgba(0, 0, 0, 0.18);padding-bottom: 12px;min-height: 320px;}
.inbox-body .glyphicon.huge {margin: 0 auto 12px;padding-top: 64px;display:block;width: 132px;text-align: center;color: #CCC;}
.mail_list {font-family: Roboto Light;padding: 6px 0 0 0;background: none;color: inherit;/* font-size: 12px; */text-align: left;border: 0;border-bottom: 1px dotted #AAA;}
.mail_list.msgStatus0 h3 /**:not(i)*/ {font-weight: bold;}
.mail_list h3 {font-weight: normal;margin-bottom:2px;font-size: 10pt;}
.mail_list p {margin-bottom: 4px;font-size: 8pt;}
.mail_list_column {border-left:0;}
.mail_view {border-left:0}
.sender-info {display: flex;padding: 0 12px;border-bottom: 3px double #DDD;margin-bottom: 12px;}
.mail_heading h4 {padding: 14px;border:0;margin: 0 0 6px;background-color: rgba(0, 0, 0, 0.06);}
.view-mail {display:inline-block;padding:0 12px;}

.compose .form-group label {width:10%;padding:0;margin: 0;}
.compose .form-group > div {width: 100%;}
.timeline.replyMsg {border-top: 5px double #e8e8e8;}
.timeline .tags {width: 110px;}
.timeline .block {margin-left: 128px;}
.timeline .tag {padding:0 8px;line-height:30px;text-align: right;background-color: #d2d3d2;}
.timeline .tag span {font-weight: bold;color: #335471;}
.timeline .tag:after {border-left-color: #d2d3d2;}
.timeline .byline.title {position:relative;color: #8e8e8e;}
.timeline .byline.title a {color: #2a679c;}
.timeline .byline.title:before {content: "";position: absolute;left: -23px;top: 3px;display: block;width: 14px;height: 14px;border: 3px solid #d2d3d2;border-radius: 14px;background: #f9f9f9;}
.treeview {margin-top:12px;}
form .x_panel:last-of-type {margin-bottom:0}

#admin_posts #successBox button {font-family: Roboto Bold;margin: 0;border-radius: 4px 0 0 4px;padding: 0 10px 0 0;border: 0;line-height: 32px;}
#successBox button.iconRight {border-radius: 0 4px 4px 0!important;border-left: 1px solid rgb(207, 207, 207)!important;}
#successBox button:not(.iconRight) {border-right: 1px solid rgb(255, 255, 255)!important;}
#successBox button .fa{font-size: 18px;vertical-align: top;margin-right: 10px;line-height: 32px;padding: 0 8px;background-color: rgba(0, 0, 0, 0.24);text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.64);border-right: 3px double rgba(255, 255, 255, 0.64);/* border-radius: 4px 0 0 4px; */}
#admin_posts #successBox button.iconRight {padding:0 0 0 8px;}
#successBox button.iconRight .fa {float:right;margin:0 0 0 6px;font-size: 20px;border-right:none;border-left: 3px double rgba(255, 255, 255, 0.64);}
#successBox button.noIcon {border-radius: 4px!important;line-height: 34px;margin-left: 6px!important;padding: 0 10px!important;}

#successBox button.btnCancel:not(.disabled) {color: #ffffff!important;border: 0!important;background-color: rgb(255, 0, 0)!important;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.32);text-transform: uppercase;}

.form-group.half.memberBox {/* width: calc(50% + 30px)!important; */z-index: 1;}
.form-group.half.memberBox + div {/* position:absolute; *//* right:0; */}
.form-group button.btn.postPopupBtn {width:32px;height: 32px;position:absolute;right: 0px;z-index:3;}
.disabled .form-group button#addMember.btn.postPopupBtn {display:none}
.form-group.memberBox:hover button.btn.postPopupBtn.editMember {right: 32px;}
.disabled .form-group button.btn.postPopupBtn:not(#addMember) {pointer-events: auto;}
.submitBottomBox {position: relative;display: flex;padding: 10px 17px;/* border-top: 3px double rgba(255, 255, 255, 0.72); */background: rgb(42, 63, 84);}
.submitBottomBox #successBox > span {line-height: 33px;font-family: Roboto Bold;}
.submitBottomBox button.btn.btn-success.disabled {opacity:1;color: rgb(146, 146, 146)!important;background-color: rgba(230, 230, 230, 1);text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.72);}
.submitBottomBox button.btn.btn-success {color:#2a3f54;background:#fff;font-family:Roboto Black;text-shadow:0 1px 0 #ffffff}
#successBox #alert {display:none}
#successBox #alert {display:inline-block;color:#e2ffa9;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.32);line-height: 32px;}

#loan_summary.x_panel > .fieldGroup {width: 32%;border-top: 0;}
.deductionBox {margin-left:8px;}
#loan_summary.x_panel > .fieldGroup:not(.deductionBox) {width: 30%;position: absolute;top: 39px;left: calc(32% + 14px);padding: 0!important;border: 3px double rgba(0, 0, 0, 0.16);/* border-bottom: 1px solid rgba(0, 0, 0, 0.16); */}
#loan_summary.x_panel > .fieldGroup:not(.deductionBox) > div:not(.dropzone) {background-color: rgb(230, 241, 232);}
#loan_summary.x_panel > .fieldGroup:not(.deductionBox) > div > div {background-color: #FFF;}
#loan_summary.x_panel > .fieldGroup form > .form-group {border:0;}
#loan_summary.x_panel > .fieldGroup:not(.deductionBox) > div label {font-family: Roboto Black;}
#loan_summary.x_panel > .fieldGroup:not(.deductionBox) > div label:not(.textarea) {border-bottom: 1px solid rgba(0, 0, 0, 0.12);}

button#clearAttachments {position:absolute;top: 8px;left: -22px;margin:0;padding: 0 4px;border-radius: 0;background-color: rgb(255, 82, 0);}
.disabled button#clearAttachments {display:none}
#loan_summary.x_panel > .fieldGroup.attachmentBox {width: 33.3333%;right: 1%;left: unset;border: 0;}
#loan_summary.x_panel > .fieldGroup.attachmentBox .dropzone:not(.dz-started) {display: block;position: relative;height: 40px;}
#loan_summary.x_panel > .fieldGroup.attachmentBox .dropzone {width: 100%;display: inline-flex;padding: 0;height: auto;min-height: unset;}
#loan_summary.x_panel > .fieldGroup.attachmentBox .dropzone:hover {}
#loan_summary.x_panel > .fieldGroup.attachmentBox .dropzone:hover .dz-preview .dz-details {}
#loan_summary.x_panel > .fieldGroup.attachmentBox .dropzone:not(.dz-started) .dz-message {position:absolute;width:calc(100% - 3px);display:inline-block;/* z-index:9999; */line-height: 34px;margin:0;}
#loan_summary.x_panel > .fieldGroup.attachmentBox .dropzone:not(.dz-started) .dz-preview {display:none}
#loan_summary.x_panel > .fieldGroup.attachmentBox .dropzone .dz-message {margin:6px 0;display: unset;position: absolute;width: calc(100% - 6px);left: 3px;}
#loan_summary.x_panel > .fieldGroup.attachmentBox .dropzone.dz-started .dz-message {color:#AAA}
#loan_summary.x_panel > .fieldGroup.attachmentBox .dropzone .dz-preview > div {padding:0;/* width: 100%; */display: flex;line-height: 28px;}
#loan_summary.x_panel > .fieldGroup.attachmentBox .dropzone .dz-preview .dz-details .dz-filename span:hover {cursor: pointer!important;}
#loan_summary.x_panel > .fieldGroup.attachmentBox .dropzone .dz-preview .dz-details > div {width: 100%;border: 1px solid rgba(0, 0, 0, 0.12);margin: 0;background-color: rgb(206, 206, 206);}
#loan_summary.x_panel > .fieldGroup.attachmentBox .dropzone .dz-preview .dz-details > .dz-size {display: none;min-width: 64px;text-align: center;border-right: 1px double rgba(255, 255, 255, 0.44);}
#loan_summary.x_panel > .fieldGroup.attachmentBox .dropzone .dz-preview {min-height:unset;width: min-content;margin: 1px 0 1px 1px;}
#loan_summary.x_panel > .fieldGroup.attachmentBox .dropzone .dz-preview * {font-size:11px;background: transparent;}
#loan_summary.x_panel > .fieldGroup.attachmentBox .dropzone .dz-preview .dz-details .dz-filename > span {margin: 0!important;border: 0;display: inherit;}
#loan_summary.x_panel > .fieldGroup.attachmentBox .dropzone .dz-preview .dz-image {height: 30px;border-radius:0;background: transparent;}
.disabled .fileAttachment.dz-details {pointer-events:auto;}
.disabled .dz-details .dz-filename > span {color: #000!important;}

#loan_summary .x_title {border-bottom:2px solid #E6E9ED;}
#loan_summary.x_panel > .fieldGroup:not(.deductionBox) .form-group.half {width:100%!important;}

#loan_summary .boxSummary {display:block;position: absolute;bottom: 16px;right: 1%;border: 3px double rgba(0, 0, 0, 0.1);/* box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.12); */}
#loan_summary .boxSummary .form-group{display: block;text-align: right;margin-bottom: 0;}
#loan_summary .boxSummary .form-group label {width: 52%;font-weight: 600;padding: 0 8px!important;display: inline-block;line-height: 28px;height: 28px;/* background: none; *//* border: 0; */}
#loan_summary .boxSummary .form-group > div {font-family: Roboto Black;color: #FFF;display: inline-block;width: 48%;font-size: 11pt;line-height: 26px;/* height: 26px; */text-align: right;/* margin-right: 6%; */padding-right: 8px;border-top: 1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.2);vertical-align: middle;box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.12);text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.32);background-color: rgba(0, 0, 0, 0.58);}
#loan_summary .boxSummary .form-group > #netAmount {background-color: #89a711;}

.form_wizard.wizard_horizontal {display: flex;width: 100%;position:relative;}
.wizard_horizontal ul.wizard_steps.update {width: calc(100% - 262px);padding: 0;}
.wizard_horizontal ul.wizard_steps.redAlert li a::before, .wizard_horizontal ul.wizard_steps.redAlert li a.done .step_no {background-color:#ff1700}
.wizard_horizontal ul.wizard_steps.redAlert li a.done .step_descr {color:#ea1500}
.wizard_horizontal ul.wizard_steps span {/* font-family:Roboto Black; */text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.54);}
.wizard_horizontal ul.wizard_steps a:not(.disabled) .step_no {text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.32);}

.transPostDetail {position:absolute;font-family: Roboto Black;font-size: 14px;text-align: right;top: 8px;right: 12px;display: table;line-height: 14pt;z-index: 1;width: 252px;}
.transPostDetail span.transRow {display:table-row}
.transPostDetail span {line-height: 17px;display: table-cell;}
.transPostDetail .subTitle {min-width: 72px;vertical-align: text-bottom;}
.transPostDetail span.transRow span:not(.subTitle) {padding-left: 6px;text-align: left;/* border-bottom: 1px solid rgba(0, 0, 0, 0.29); */}

.postForm .item .form-control, .postForm .item .select2-container {width: 100%!important;}
.viewextras .form-group label {font-size: 0.88em;padding-left:12px!important;}

.right_col.settings #pageElement {position:relative}

#members_credit_rating div.edit:not(:last-of-type) {/* margin-right: 16px!important; */}
#members_credit_rating div.edit:not(:last-of-type) > div {width: calc(67% - 32px);}

.masonry-column.half {
	width: calc(50% - 10px)!important;
	margin: 0 5px 10px 5px;
	padding:10px;
}



@media print
{
	/*@import url(media.css) print;*/
	h1, h2, h3, h4 {font-size: 10pt;}
	table tr th {font-size: 8pt;}
	table tr td {font-size: 6pt;}
	/* @import url(media.css) print; */
	/* @page { */
	/* size:80mm 320mm; */
	/* margin:0mm; */
	/* } */
	/* @page td { */
	/* color:#FFF!important */
	/* } */
	/* .barcode img { width:90%;margin-left:5%} */

	/* #theReceipt {display:block;page-break-after:always;text-align:center} */
	/* #theReceipt p, .receiptDetails.items .details {font-size:4pt;margin:0mm;line-height:4pt} */

	/* #myFooter, #myHeader{display: none;} */


}
.input-buttons {vertical-align:top}
.step-controls {margin: 0;padding: 6px 0 0;height: 24px;}

#successBox #alert {text-align: center;min-width: 228px;position:fixed;left: 1px;bottom: 1px;padding: 0 16px;color: #ffffff;background: rgb(234, 184, 0);}

.switchery {width: calc(100% - 4px);padding: 0;border: 2px solid #46c178!important;box-shadow: none!important;background: rgba(0, 0, 0, 0.32) !important;height: 24px!important;border-radius: 0;}
.switchery > small {border-radius:0;width: 24px;/* top: 2px; */height: 24px!important;box-shadow: inset 0 13px 2px rgba(0, 0, 0, 0.08);}

td .switchery {height: 29px!important;background-color: rgba(0, 0, 0, 0.02) !important;box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.32)!important;}
td .switchery>small {height: 29px!important;background-color: rgba(0, 0, 0, 0.32);/*width: 12px;border-right: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0;box-shadow: none!important;background-color: rgba(0, 0, 0, 0.22);*/}

table.table thead tr th#client_name {/* width:222px!important */}	

.masonry-column .x_content .half {display: inline-block;vertical-align: top;}
.masonry-column .x_content > .half {/* border-width: 1px 1px 0 0; *//* border-style: solid; *//* border-color: rgba(0, 0, 0, 0.32); */width: calc(50% - 8px)!important;margin: 4px;padding: 0;box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);}
.masonry-column .x_content {/* border-width: 0 0 1px 1px; *//* border-style: solid; */border-color: rgba(0, 0, 0, 0.32);padding: 0;}