.cleaner {clear:both;}

.w20px {width: 20px;}

.w30px {width: 30px;}

.w50px {width: 50px;}

.w75px {width: 75px;}

.w100px {width: 100px;}

.w150px {width: 150px;}

.w200px {width: 200px;}

.ninja {display:none;}

hr {line-height: 2px;height: 2px;background-color:#D12128;width: 100%;margin: 10px 0px; }

.hidden{display:none;}

.pull-right{float:right}

.pull-left{float:left;}
input[type="checkbox"].pull-left{text-align: left; float: left;width: auto!important;min-width: 15px;min-height: 15px;}

span.label {display: inline-block;background-color: #D12128;color: #fff;padding: 3px 5px;font-size: 10px;line-height: 10px;}
label.color_label{width: 50px;height:auto;display:block;text-align:center;padding:5px;color:#fff;font-weight:600;}

em.empty {color:#ccc;display: inline-block;}
.total_sum{color: #1fa404; font-size: 14px; font-weight:600;}
.total_paid{color: #008acf; font-size: 14px; font-weight:600;}
.total_remaining{color: #cf000d; font-size: 14px; font-weight:600;}

span.pairs-preloader {background-image: url('images/pairs.gif');width:16px;height: 16px;display: inline-block;position: absolute;top: 4px;left: 92px;}
.approval {text-align:left;font-size:10px;}
.approval input{width:auto!important;}
.approved_ticks .approved{color: #1fa404!important}
.approved_ticks .not_approved{color: #a40421!important}

span.flag {display: inline-block;padding: 4px 10px;font-weight: bold;color: #fff;font-size: 11px;line-height: 11px;}

span.flag.pending {background-color: #ffdf7d;color: #000;}

span.flag.paid {background-color: #1e7e34;}

span.flag.blocked {background-color: #ca2a2a;}

span.flag.forgotten {background-color: #454545;}

.loading {padding: 25px 0px;text-align: center;}

.t-center {text-align: center;}


.protokol table {border-bottom: 1px solid grey;border-collapse: collapse;text-align: center;padding: 5px;background-color: #ffffff6b;width:100%;}
.protokol table td{border: 5px solid #fff;background-color: #e4e4e4;border-collapse: collapse;text-align: center; padding: 5px;}

.panel-bordered > .panel-body {padding: 5px 5px 35px 5px;}



div.hints {margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px;border-top:2px solid #FFE599;font-size: 11px;line-height: 15px;font-style: italic;font-size: 11px;}

div.hints p {margin: 0px;padding: 2px 0px;}

div.hints strong {color:#000;}

.fluid-reset {padding: 0px !important;}

.sticky {position: fixed;top: 0;width: 100%;z-index: 100;}

.sticky + .content {padding-top: 102px;}



.min-h-200 {min-height: 200px;}



/*  -------------------------------------

    HTML tables

*/
/*
table tbody tr.read td {background-color: honeydew;}

table tbody tr.unread td {}



.table-results {font-size: 10px;}

.table-results thead tr th {font-weight: 500;padding: 4px 5px;font-size: 11px;line-height: 11px;vertical-align: middle;background-color: #FFE599;color: #000;}

.table-results thead tr th a {font-weight: 500;text-decoration: none;font-size: 11px;line-height: 11px;color: #000;}

.table-results thead tr th.date {width: 110px;}

.table-results thead tr th.actions {}

.table-results thead tr th.choice {width: 50px;}

.table-results thead.stats {}

.table-results thead.stats tr.header th {background-color: #454545 !important;color: #fff;}

.table-results tbody tr td {padding: 3px 3px 3px 3px;vertical-align: middle;line-height: 15px;}

.table-results tbody tr td.actions {text-align: right;}

.table-results tbody tr td.actions a {display: inline-block;; padding: 2px;text-decoration: none; margin: 0px 2px;background-color: none !important;color: #000;}

.table-results tbody tr td.actions a:hover {color:#1e7e34;}

.table-results tbody tr td a.work {display: inline-block;background-color: #ca2a2a;color: #fff;margin: 2px 0px; padding:2px 10px;text-align: center;cursor: pointer;text-transform: uppercase;font-weight: bold;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;}

.table-results tbody tr td a.work:hover {background-color: #000;}

.table-results tbody tr td p {margin: 0px;}

.table-results tbody tr td div.choice {background-color: #ca2a2a;color: #fff;padding: 4px;text-align: center;cursor: pointer;text-transform: uppercase;font-weight: bold;}

.table-results tbody tr td div.choice:hover {background-color: #000;}

.table-results tbody tr td a.view {display: inline-block;width: 16px;height: 16px;background-position: center center;background-repeat: no-repeat;vertical-align: bottom;}

.table-results tbody tr td a.view.view-1 {background-image: url('icons/user_x16.png');}

.table-results tbody tr td a.view.view-2 {background-image: url('icons/company_x16.png');}

.table-results tbody tr td.icon {background-position: center center;background-repeat: no-repeat;}

.table-results tbody tr td.icon.marker {background-image: url('icons/map_marker_x16.png');}

.table-results tbody tr td.icon.action-delete {background-image: url('icons/delete.png'); cursor: pointer;}

.table-results tbody tr td select {border:1px solid #e4eaec;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;padding: 3px 0px 4px 0px;line-height: 11px;font-size: 11px;height: auto;width: 100%;background-color: #fff; text-indent: 5px;cursor: pointer;}

.table-results tbody tr td select:focus {border-color:#FFE599;color: #454545;} */

.table-access thead tr th {font-weight: bold;padding: 2px 5px;font-size: 11px;line-height: 11px;vertical-align: middle;background-color: #000;color: #fff;}

.table-access thead tr th.control {width: 100px;text-align: center;}

.table-access tbody tr td {padding: 4px 5px;font-size: 11px;line-height: 11px;vertical-align: middle;}

.table-access tbody tr td.control {text-align: center;}

.table-access tbody tr td p {margin: 0px;padding: 2px 0px;}

.table-access tbody tr.module {border-top:2px solid #000;}

.table-access tbody tr.module td {background-color: #fef5d9;text-transform: uppercase;}

.table-access tbody tr td.module {text-indent: 0px;font-weight: bold;}

.table-access tbody tr td.action {text-indent: 20px;font-weight: bold;}

.table-access tbody tr td.module span,

.table-access tbody tr td.action span {font-weight: normal;color: #ca2a2a;}

.table-access tbody tr td input[type=text] {border: 1px solid #e4eaec;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;padding: 4px 0px 3px 0px;text-indent: 5px;width: 100%;line-height: 11px;}

.table-access tbody tr td input[type=text]:focus {border-color:#FFE599;color: #454545;}

.table-access tbody tr td ul.controls {padding: 5px 0px 0px 0px;margin: 0px;}

.table-access tbody tr td ul.controls li {position: relative;padding: 1px 0px 1px 20px;list-style: none;background-color: #FFE599;}

.table-access tbody tr td ul.controls li label {cursor: pointer;}

.table-access tbody tr td ul.controls li input {position: absolute;top:0px;left:0px;}

.table .mounted,
.table .received{background: #ec9bbc}
.table .unmounted,
.table .handed{background: #90ffb8}


/*  -------------------------------------

    HTML - header

*/

header {background-color: #fff;}



/*  -------------------------------------

    HTML - footer

*/

#footer {position: fixed;bottom: 0px;left:0px;right: 0px;padding: 4px 10px 4px 10px;font-size: 11px;background-color: #efefef;}



/*  -------------------------------------

    CORE search

*/

.core-header {background-color: #FFE599 ;padding:5px 5px 5px 5px;margin: 0px 0px 20px 0px;font-size: 11px;  border: 1px solid transparent;position: relative;}

.core-header div.module {float: left;color: #000;padding: 1px 0px 1px 0px;margin-right:10px;}

.core-header .navbar {padding: 0px;background: none !important;}

.core-header .navbar li.separator {width: 1px;padding: 0px;background-color: #ead14d;margin: 0px 0px 0px 5px;}

.core-header .navbar .nav-link { position: relative;}

.core-header .navbar .nav-link.wu {background-color: #efefef;margin: 0px 5px;font-weight: bold;}

.core-header .navbar .nav-link.profile {font-weight: bold; margin: 0px 5px;}

.core-header .navbar .nav-link span.count {position: absolute;top:9px;right:2px;display: inline-block;background-color: #CC0000;color: #fff;border-radius: 50%;width: 15px;height: 15px;line-height: 15px;text-align: center;vertical-align: middle;}

.core-header .navbar .dropdown-menu {font-size: 12px;}

.core-header .navbar .dropdown-menu a.dropdown-item em.date {font-weight: bold;}

.core-header div.account {float: right;}

.core-header div.account .dropdown-tiny {padding: 4px 4px;font-size: 12px;background-color: #fff;color: #000;border:0px;}

.core-header div.account .dropdown-tiny:focus {box-shadow: none !important;}

.core-header button.btn-header {border:0px;width: 100%;background: none;text-align: left;}



.core-breadcrumb {position: absolute; bottom:2px;left:50px; padding: 3px 10px 5px 10px;font-size: 11px;line-height: 11px;border-bottom: 2px solid #FFE599;margin: 0px 0px 0px 0px;}

.core-breadcrumb a {color: #000;font-weight: bold;}

.core-breadcrumb a:hover {color: #000;}

.core-breadcrumb span {color: #D12128;font-weight: normal;}

.core-breadcrumb ol.breadcrumb {margin: 0px;}

.core-pagination{margin-top:10px;}

.core-pagination li {margin-right:5px;border:none;}
.core-pagination li span{box-shadow: 0 0.25rem 1.125rem rgba(75, 70, 92, 0.1);}


.core-search {padding: 0px 0px 10px 0px;margin: 0px 0px 10px 0px;border-bottom:2px solid #f8fafc;}

.core-search div.nav {padding: 5px 0px 15px 0px;width:100%;display:block;}

.core-search div.nav .button,
.core-search a.button,

.core-search button.export {float: right; border:0px;display: inline-block;-webkit-border-radius: 3px;margin: 0px 5px; font-weight: 500; -moz-border-radius: 3px;border-radius:3px;padding: 3px 10px 5px 10px;line-height: 11px;font-size: 11px;background-color: #000;color: #fff;opacity: 0.8;}

.core-search div.nav .button i {margin: 0px 4px 0px 0px;}

.core-search div.nav .button.button.search {}

.core-search div.nav .button.button.reset {}

.core-search div.nav .button:hover {color: #FFE599;opacity: 1;}

.core-search div.nav div.fieldset-triggers {float: left;border-bottom:2px solid #e4eaec;padding: 0px 0px 2px 0px;font-size: 11px;line-height: 11px;margin: 0px 10px 0px 0px;}

.core-search div.nav div.fieldset-triggers strong {color: #000;font-weight: 500;}

.core-search div.nav div.fieldset-triggers ul {text-align: right;display: inline-block;margin: 0px;padding: 0px;}

.core-search div.nav div.fieldset-triggers ul li {display:inline-block;border:1px solid #fff;list-style: none;cursor: pointer;padding: 2px 5px;margin: 0px 4px;}

.core-search div.nav div.fieldset-triggers ul li.selected {color:#000;border:1px solid #454545;background-color: #FFE599;}

.core-search div.fieldsets fieldset {display:none;padding: 15px 5px 5px 5px;border-radius: 10px; margin: 0px 0px 20px 0px;border:1px solid #BBC6A4;background-color: #EBEEE5; position: relative;background-clip: padding-box;  box-shadow: 0 0.25rem 1.125rem rgba(75, 70, 92, 0.1);}
.core-search.gps_search div.fieldsets fieldset {display:block;}
.core-search.calendar_search div.fieldsets fieldset {display:block!important;}
.core-search.calendar_search{max-width:50%;float:left;width:100%;}

.core-search div.fieldsets fieldset legend {background-color: #BBC6A4; padding: 3px 5px;line-height: 11px;font-size: 11px;margin: 0px;font-weight: bold;color:#fff;border:0px;display: inline-block;position: absolute;top:-10px;width: auto; left:10px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

.core-search div.fieldsets div.element {float:left;padding: 2px; font-size: 11px;width: 12.5%;margin: 0px 0px 2px 0px;position: relative;}

.core-search div.fieldsets div.element label {display: block;line-height: 10px;padding: 2px 0px 2px 0px;color: #484848;font-weight: 500;margin: 0px 0px 0px 0px;}

.core-search div.fieldsets div.element input {border: 1px solid #e4eaec;min-width: 15px;min-height: 15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;padding: 4px 0px 3px 0px;text-indent: 5px;width: 100%;line-height: 11px;}

.core-search div.fieldsets div.element input:focus {border-color:#FFE599;color: #454545;}

.core-search div.fieldsets div.element select {border:1px solid #e4eaec;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;padding: 3px 0px 4px 0px;line-height: 11px;font-size: 11px;height: auto;width: 100%;background-color: #fff; text-indent: 5px;cursor: pointer;}

.core-search div.fieldsets div.element select:focus {border-color:#FFE599;color: #454545;}

.core-search div.fieldsets div.element div.holder-range input {width: calc(50% - 5px);}

.core-search div.fieldsets div.element div.holder-range input.min {float: left;}

.core-search div.fieldsets div.element div.holder-range input.max {float: right;}



.checkbox_result .pull-left input[type="checkbox"]{float:left; width:20px!important;display:block;cursor:pointer;}

.layout-menu a{text-decoration:none;}
.menu-vertical .app-brand {padding-top: 15px;padding-bottom: 15px;}

@media handheld, only screen and (max-width: 1140px) {

    .core-search div.fieldsets div.filter {width: 25%;}

}



/*  -------------------------------------

    CORE transaction

*/

.core-transaction {padding:5px 5px;color:#000;background-color:#fff;border:1px solid transparent;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.15);}

.core-transaction .transaction-step {width: calc(100% - 12px);margin: 5px 5px 5px 5px;border:1px solid #E4E4E4;}

.core-transaction .transaction-step.half {float: left;width: calc(50% - 12px);margin: 5px 5px 5px 5px;border:1px solid #E4E4E4;}

.core-transaction .transaction-step div.heading {background-color: #000;color: #FFF;font-size: 13px;line-height: 13px;padding: 10px 0px 10px 10px;margin: 0px 0px 10px 0px;}

.core-transaction .transaction-step .helpers a {display: block;float: left;width: calc(50% - 10px);border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.15);margin: 5px;padding: 15px 0px;line-height: 13px;font-size: 13px;text-align: center;cursor: pointer;text-transform: uppercase;}

.core-transaction .transaction-step .helpers a.help-find {background-color: #FFE599;color: #000;}

.core-transaction .transaction-step .helpers a.help-create {background-color: #FFE599;color: #000;}

.core-transaction .transaction-step .handle {display: block;float: left;width: calc(25% - 10px);border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.15);margin: 5px;padding: 15px 0px;line-height: 13px;font-size: 13px;text-align: center;cursor: pointer;text-transform: uppercase;}

.core-transaction .transaction-step .handle.handle-signature {background-color: #FFE599;color: #000;}

.core-transaction .transaction-step .handle.handle-generation {background-color: #000;color: #fff;}

.core-transaction .transaction-step.disabled {position: relative;}

.core-transaction .transaction-step.disabled::before {content: '';display: block;z-index: 1000; position: absolute;background: rgba(255,255,255,.5);top:0px;left:0px;right:0px;bottom:0px;}

.core-transaction .transaction-step.disabled .transaction-actions .action {display:none;}



.core-transaction .transaction-step .transaction-confirmation {padding: 0px 5px 0px 35px;position: relative;}

.core-transaction .transaction-step .transaction-confirmation input {position: absolute;top:6px;left:12px;}

.core-transaction .transaction-step .transaction-confirmation label {color: #000;font-weight: bold;cursor: pointer;}



.core-transaction .transaction-step .transaction-actions {padding: 5px;}

.core-transaction .transaction-step .transaction-actions .action {display: block;float:left;cursor: pointer;background-color: 000#000;color: #fff;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.15);margin: 5px;padding: 15px 0px;width: 100%;max-width: 300px; line-height: 13px;font-size: 13px;text-align: center;cursor: pointer;text-transform: uppercase;}

.core-transaction .transaction-step .transaction-actions .action.action-continue { background-color: #1e7e34;}

.core-transaction .transaction-step .transaction-actions .action.action-report {background-color: #D12128;float: right;}

.core-transaction .transaction-step .transaction-actions .action.action-signature {background-color: #1966c9;}

.core-transaction .transaction-step .transaction-actions .action.action-google2fa {background-color: #1e7e34;}

.core-transaction .transaction-step .transaction-actions .action.action-submit {background-color: #1e7e34;}

.core-transaction .transaction-step .transaction-actions .ta-workspace {width: 300px;float: right;padding: 10px;border:3px solid #eaeaea;text-align: center;min-height: 100px;}

.core-transaction .transaction-step .transaction-actions .ta-workspace img {width: 100%;max-width: 200px;}

.core-transaction .transaction-step .transaction-actions .ta-workspace.google2fa {height: auto;border:0px;padding: 10px 0px;}

.core-transaction .transaction-step .transaction-actions .ta-workspace.google2fa input {width: 100%;line-height: 40px;padding: 5px 0px;font-size: 30px;text-align: center;text-transform: uppercase;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border:3px solid #ffdf7d;}

.core-transaction .transaction-step .transaction-actions .ta-workspace.google2fa input:focus {border-color:#1966c9;color: #000;}



.core-transaction .transaction-step.transaction-details {}

.core-transaction .transaction-step.transaction-google2fa {}

.core-transaction .transaction-step.transaction-signature {}

.core-transaction .transaction-step.transaction-submit {}

.core-transaction .transaction-step.transaction-status {}



div.file-uploader {padding: 10px;background-color: #fff;}

#formUpload {position: relative;background-color: #f6f6f6;height: 40px;margin: 0px 0px 10px 0px;}

#formUpload label {position: absolute;top:5px; left:5px;}

#formUpload input.fu-file {position: absolute;top: 9px;left: 9px;font-size: 12px;}

#formUpload input.fu-submit {position: absolute;top: 7px;right: 5px;border: 1px solid #fff;font-size: 14px;line-height: 14px;padding: 6px;background-color: #D12128;color: #fff;}



.switch-profile {float: left;padding: 0px 10px 10px 10px;}

.switch-profile div.switch{border:1px solid #ccc;color: #777;font-size: 12px;line-height: 12px;; padding: 2px 5px 4px 5px;float: left;cursor: pointer;}

.switch-profile div.switch:hover {background-color: #dedede;color: #000;border:1px solid #777;}

.switch-profile div.switch.active {background-color: #D12128;color: #fff;border:1px solid #D12128;}

.switch-workplace {display:none ;}

.switch-choice {display:none;float: right;margin:0px 10px 5px 0px;background-color: #FFE599;color: #000;padding: 10px 80px 10px 10px;font-size: 13px;line-height: 13px;position: relative;;}

.switch-choice span {display: block;position: absolute;top:5px; right:5px;bottom:5px;width: 70px;color: #000;line-height: 24px;font-size:14px;text-align: center;border-bottom:1px solid #000;}

.company-data {display: none;}

.client-data {display: none;}

.check-amount-details{display: none;}

.check-amount-details.active {display: block;}



/*  -------------------------------------

    jquery  : Magnific Popup

*/

.jmp-popup {background: white;padding: 10px 10px;max-width: 90%;margin: 40px auto;position: relative;}

.jmp-popup .jmp-heading {background-color: #000;font-size: 12px;line-height: 12px;padding: 5px 0px 5px 5px;color: #fff;font-weight: bold; margin: 0px 0px 10px 0px;}

.jmp-popup .jmp-legend {padding: 5px;background-color: #fffcea;font-size: 11px;line-height: 15px;color: #525252;margin: 0px 0px 10px 0px;}

.jmp-popup .jmp-legend p {padding: 0px 0px 0px 0px;margin: 0px;}

.jmp-popup .jmp-legend p strong {color: #000;font-size: 14px;line-height: 14px;}

.jmp-popup .jmp-legend p strong.attention {display: inline-block;font-size: 11px;line-height: 11px;font-style: italic;}

.jmp-popup .jmp-info {padding: 10px;font-size: 13px;line-height:20px;}

.jmp-popup .jmp-info h4 {padding: 0px 0px 0px 0px;margin: 0px 0px 5px 0px;border-bottom: 2px solid #d7d7d7;color: #000;}

.jmp-popup .jmp-info.success {background-color: yellowgreen;color: #000;}

.jmp-popup .jmp-info.success h4 {border-bottom: 2px solid #547b25;}

.jmp-popup .jmp-info.warning {background-color: orange;color: #000;}

.jmp-popup .jmp-info.warning h4 {border-bottom: 2px solid #c66219;}

.jmp-popup .jmp-info p {padding: 0px 0px 0px 0px;margin: 0px;}

.jmp-popup .jmp-info p strong {color: #000;}

.jmp-popup .jmp-table {padding: 10px 0px;}

.jmp-popup .jmp-details {padding: 5px 0px 5px 0px;}

.jmp-popup .jmp-actions {padding: 5px 0px 25px 0px;text-align: center;border-bottom:1px solid #efefef;margin: 0px 0px 20px 0px;}

.jmp-popup .jmp-actions div {display: inline-block;font-size: 13px;border:1px solid #fff;line-height: 13px;background-color: #FFE599;padding: 6px 20px;font-weight: bold;color: #000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;cursor: pointer;}

.jmp-popup .jmp-actions div:hover {border:1px solid #FFE599;background-color: #EECD6A;}

.jmp-popup .jmp-google2fa {text-align: center;}

/*.jmp-popup .jmp-details ul {font-size: 12px;padding: 0px 0px 0px 0px;color: #000;width: calc(100% - 10px);margin: 0px 5px 10px 5px;border:1px solid #FFE599;}

.jmp-popup .jmp-details ul.row-half {float:left;width: calc(50% - 10px);margin: 0px 5px 10px 5px;}

.jmp-popup .jmp-details ul li {list-style: none;line-height: 12px;padding: 4px 5px 4px 0px;min-height: 20px;margin: 0px 0px 0px 0px;text-indent: 5px;text-align: right;border-bottom: 1px dotted #ccc;}

.jmp-popup .jmp-details ul li strong {display: block;float: left;}

.jmp-popup .jmp-details ul li.separator{background-color: #efefef;margin: 0px;font-weight: bold;text-align: left;border:0px;}

.jmp-popup .jmp-details ul li.header{background-color: #FFE599;margin: 0px;font-weight: bold;text-align: left;border:0px;}

.jmp-popup .jmp-details ul li:last-child{border-bottom: 0px;}*/

.jmp-popup .mfp-close{width: 40px;height: 40px;line-height: 40px;font-size: 40px;opacity: 0.85;right: -30px;top: -30px;color: #fff;}

.jmp-popup.jmp-view {max-width: 1000px;}

.jmp-popup.jmp-tool {max-width: 800px;}

.jmp-popup.jmp-400 {max-width: 400px;}



.jmp-popup.jmp-theme-message {}

.jmp-popup.jmp-theme-message div.msg-title {font-size: 25px;line-height: 25px;padding: 0px 0px 10px 0px;}

.jmp-popup.jmp-theme-message div.msg-content {padding: 25px 0px 0px 0px;border-top:1px solid #efefef;font-size: 12px;}
.jmp-popup.jmp-theme-message div.msg-content table{width:100%!important;}

.jmp-popup.jmp-theme-message div.msg-content blockquote,

.jmp-popup.jmp-theme-message div.msg-content p {margin: 0px 0px 5px 0px;}

.jmp-popup.jmp-theme-message div.msg-date {font-style: italic;font-size: 12px;text-align: right;}

.jmp-popup .goto {padding: 5px 0px 25px 0px;text-align: center;border-bottom:1px solid #efefef;margin: 0px 0px 20px 0px;}
.jmp-popup .goto a {display: inline-block;font-size: 13px;border:1px solid #fff;line-height: 13px;background-color: #FFE599;padding: 6px 20px;font-weight: bold;color: #000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;cursor: pointer;}
.jmp-popup .goto a:hover {border:1px solid #FFE599;background-color: #EECD6A;}


.jmp-search div.filters  {padding: 15px 5px 5px 5px;margin: 0px 0px 10px 0px;border:1px solid #000;position: relative;}

.jmp-search div.filters div.element {float:left;padding: 2px; font-size: 11px;width: 12.5%;margin: 0px 0px 2px 0px;}

.jmp-search div.filters div.element label {display: block;line-height: 10px;padding: 2px 0px 2px 0px;color: #454545;font-weight: 500;margin: 0px 0px 0px 0px;}

.jmp-search div.filters div.element input {border: 1px solid #ccc;border-radius: 3px;padding: 4px 0px 3px 0px;text-indent: 5px;width: 100%;line-height: 11px;}

.jmp-search div.filters div.element input:focus {border-color:#D12128;color: #454545;}

.jmp-search div.filters div.element select {border: 1px solid #ccc;padding: 3px 0px 4px 0px;line-height: 11px;font-size: 11px;height: auto;text-indent: 5px;cursor: pointer;}

.jmp-search div.filters div.element select:focus {border-color:#D12128;color: #454545;}



/*  -------------------------------------

    CORE reports

*/

.core-reports a.item {display: block; width: calc(100% - 22px);float: left;border:1px solid #bdcee8;text-align: center;padding: 10px 5px 5px 5px;margin: 10px;min-height: 110px;position: relative;;background-color: #e3eeff;;text-decoration: none;;}

.core-reports a.item h4 {text-transform: uppercase;color: #000;font-size: 14px;line-height: 20px;}

.core-reports a.item p {display:block;min-height: 45px;border-top:1px solid #ccc; color: #787878;font-size: 11px;line-height: 15px;padding: 3px 0px;position: absolute;bottom: 5px;left:5px;right:5px;margin: 0px;}

.core-reports a.item:hover {background-color: #FFE599;}

.core-search div.fieldsets fieldset.export_columns .element{float:left; width:auto; margin-right:5px; font-size:10px;}

.core-search div.fieldsets fieldset.export_columns .element input{float:left;width:auto;}

/*  -------------------------------------

    CORE mapping

*/

.core-mapping {padding-top: 20px !important;}

.core-mapping .map {padding: 20px 5px 5px 5px;border:1px solid #D12128;position: relative;margin: 0px 0px 20px 0px;}

.core-mapping .map h4 {background-color: #D12128; padding:2px 5px;line-height: 12px;font-size: 12px;text-transform: uppercase; margin: 0px;color:#fff;border:0px;display: inline-block;position: absolute;top:-10px;width: auto; left:10px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

.core-mapping .map.map-tab h4 {background-color: #000;line-height: 10px;font-size: 10px;text-transform: none;}

.core-mapping .map h4 a {color: #fff;}



/*  -------------------------------------

    Google

*/

#gmap {width: 100%;border:3px solid #FFE599;}

#gmap.default {height: 400px;margin: 0px 0px 20px 0px;}

#gmap.mapping {height: 750px;}

.gmap-popup {width: 300px; font-size: 11px;line-height: 11px; padding: 2px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border:1px solid #D12128; }

.gmap-popup strong {background-color: #D12128;color: #fff;margin: 0px 0px 10px 0px;padding: 2px 0px;text-indent: 5px;display: block;position: relative;}

.gmap-popup strong em {font-style: normal;position: absolute;top:2px;right:5px;}

.gmap-popup p {margin: 4px 0px;}

.gmap-popup p a {color:#000;text-decoration: underline;}

.gmap-popup p b {display: inline-block;width: 100px;text-indent: 5px;}



/*  -------------------------------------

    FORMS

*/

.core-fieldset {margin: 20px 0px 0px 0px;}

.core-fieldset fieldset {padding: 15px 5px 5px 5px;margin: 0px 0px 20px 0px;border:1px solid #FFE599;position: relative;background-color: #fafafa;}

.core-fieldset legend {background-color: #FFE599; padding: 5px;line-height: 11px;font-size: 11px; margin: 0px;font-size: 12px;font-weight: bold;color:#000;border:0px;display: inline-block;position: absolute;top:-10px;width: auto; left:10px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

.core-fieldset div.description {border-bottom:2px solid #FFE599;margin: 0px 0px 10px 0px; padding: 5px;color: #000;font-size: 11px;line-height: 15px;}

.core-fieldset div.description p {margin: 0px;padding: 2px 0px;}

.core-fieldset div.description strong {color:#000;font-weight: bold;}

.core-fieldset div.description ul {margin: 0px;padding: 0px 0px 0px 10px;}

.core-fieldset div.description ul li {list-style: square;}

#dashboard .core-fieldset {margin: 20px 0px 0px 0px; margin-right: 0px;width: 49%;float: left;margin-right: 1%;}

#dashboard .core-fieldset:nth-child(3n){clear:both;}

.core-fieldset div.explain {margin: 0px 0px 10px 0px; padding: 5px;color: #000;font-size: 11px;line-height: 15px;background-color: #fffcea;}

.core-fieldset div.explain p {margin: 0px;padding: 2px 0px;}

.core-fieldset div.explain strong {color:#000;font-weight: 500;}

.core-fieldset div.explain ul {margin: 0px;padding: 0px 0px 0px 10px;}

.core-fieldset div.explain ul li {list-style: square;}



.core-fieldset div.body {padding: 10px 0px;}

.core-fieldset div.element {padding: 0px 0px 5px 0px;}

.core-fieldset div.element label {float: left;width: 190px;padding: 0px 10px 0px 0px; color: #000;font-size: 12px;text-align: right;position: relative;}

.core-fieldset div.element label span {color: #ca2a2a;position: absolute;top:-3px;right:3px;font-weight: bold;}

.core-fieldset div.element div.holder {float: left;width: calc(100% - 200px);position: relative;}

.core-fieldset div.element div.holder input {  min-width: 15px;min-height: 15px;border:1px solid #e4eaec;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;padding: 2px 0px;text-indent: 5px;width: auto;font-size: 11px;max-width: 200px;color: #000;}

.core-fieldset div.element div.holder input:focus {border-color:#cccb93;}

.core-fieldset div.element div.holder input.short {max-width: 100px;}

.core-fieldset div.element div.holder input.medium {max-width: 500px;}

.core-fieldset div.element div.holder input.long {max-width: none;}

.core-fieldset div.element div.holder input.price {max-width: 80px;}

.core-fieldset div.element div.holder input.zebra-datepicker {max-width: 100px;font-weight: bold;}

.core-fieldset div.element div.holder input.identification {font-weight: bold;}

.core-fieldset div.element div.holder select {border:1px solid #e4eaec;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;padding: 3px 0px 3px 0px;line-height: 11px;font-size: 11px;height: auto;cursor: pointer;max-width: 200px;color: #000;background-color: #fff;}

.core-fieldset div.element div.holder select:focus {border-color:#D12128;}

.core-fieldset div.element div.holder textarea {border:1px solid #e4eaec;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;padding: 2px 0px;text-indent: 5px;width: 100%;font-size: 11px;max-width: 500px;color: #000;}

.core-fieldset div.element div.holder textarea:focus {border-color:#D12128;}

.core-fieldset div.element div.holder textarea.full {max-width: none;}

.core-fieldset div.element div.holder p.hint {font-size: 10px;line-height: 10px;padding: 2px 0px;margin: 0px;color: #ca2a2a;}

.core-fieldset div.element div.holder .disabled {background-color: #efefef;color: #000;}

.core-fieldset div.element div.holder.checkboxes div.checkbox {background-repeat: no-repeat;background-position: 2px 1px;background-image: url('icons/unchecked_x16.png'); -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;position: relative;padding: 0px 0px 0px 20px;color: #000;float: left;width: calc(20% - 20px);margin: 0px 5px 5px 0px;border: 1px solid #e4eaec;cursor: pointer;line-height: 18px;height: 18px;font-size: 12px;overflow: hidden;}

.core-fieldset div.element div.holder.checkboxes div.checkbox input { position: absolute;top:-20px;background-color: #CC0000;width: auto;max-width: none;height: 0px;width: 0px;}

.core-fieldset div.element div.holder.checkboxes div.checkbox.checked,

.core-fieldset div.element div.holder.checkboxes div.checkbox:hover {background-color: #e4eaec;background-image: url('icons/checked_x16.png');cursor: pointer;}

.core-fieldset div.element div.holder.checkboxes div.checkbox.wide {float: none;width: calc(100% - 20px);}

.core-fieldset div.element div.holder div.search {position:absolute;top:5px;left:105px; cursor: pointer; width: 18px;height: 18px;background-image: url('icons/search_x24.png');background-position: center center;background-repeat: no-repeat;background-size: 100%;;}

.core-fieldset div.element.full-width {float: left;width: calc(100% - 0px) !important;}

.core-fieldset div.element.full-width input {max-width: 100%  !important;}



.core-fieldset div.separator {border-bottom: 1px solid #ccc;margin: 0px 0px 10px 0px;}

.core-fieldset div.separator div.label{color: #000;}

.core-fieldset .submit {cursor: pointer; padding: 5px 15px 5px 15px;background-color: #CC0000;color: #fff;line-height: 16px;font-size: 13px;margin: 0px 4px !important;float: left;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;}

.core-fieldset .submit.right {float: right;}

.core-fieldset .submit:hover {background-color: #000;}

.core-fieldset .submit.core-details {background-color: #000;color: #fff;text-decoration: none;;}

.core-fieldset .submit.core-jmp {background-color: #000;color: #fff;text-decoration: none;}

.core-fieldset div.element div.holder input.warning,

.core-fieldset div.element div.holder select.warning {border-color:#ffb9b9;background-color: #fff6f6;}



.core-fieldset.tiny{margin: 5px 0px 5px 0px;padding: 0px 5px;}

.core-fieldset.tiny div.element label {width: 150px;}

.core-fieldset.tiny div.element div.holder {width: calc(100% - 150px);}

.core-fieldset.tiny div.separator {background-color: #fffcea;border-bottom: 1px solid #FFE599;}

.core-fieldset.tiny div.separator div.label{color: #000;font-size: 12px;line-height: 12px;padding: 2px 0px 2px 2px;}

.core-fieldset.tiny div.buttons {padding: 10px 0px 0px 0px;}

.x-3 div.element {float: left;width: calc(33.33% - 0px);}

.core-fieldset.right_mount label{text-align:left!important;}
.core-fieldset.left_mount label{text-align:left!important;}
.core-fieldset.right_mount label{text-align:left!important;}

.core-fieldset.left_mount,
.core-fieldset.right_mount{margin-bottom:20px!important;}
.align_left label{text-align:left!important;}

.core-fieldset.left_mount{background: #ddffd6!important; padding: 10px;}
.core-fieldset.right_mount{background: #ffd6e6!important; padding: 10px;}

.align_left.txt_element{ padding: 0px 10px; font-weight:800;}

/*  -------------------------------------

    FORMS

*/

ul.specs {font-size: 12px;padding: 0px 0px 0px 0px;color: #000;width: calc(100% - 10px);margin: 0px 5px 10px 5px;border:1px solid #FFE599;}

ul.specs.row-half {float:left;width: calc(50% - 10px);margin: 0px 5px 10px 5px;}

ul.specs li {list-style: none;line-height: 12px;padding: 4px 5px 4px 0px;min-height: 20px;margin: 0px 0px 0px 0px;text-indent: 5px;text-align: right;border-bottom: 1px dotted #ccc;}

ul.specs li strong {display: block;float: left;}

ul.specs li.separator{background-color: #efefef;margin: 0px;font-weight: bold;text-align: left;border:0px;}

ul.specs li.header{background-color: #FFE599;margin: 0px;font-weight: bold;text-align: left;border:0px;}

ul.specs li:last-child{border-bottom: 0px;}





/* -----------------------------------------

	TABS

*/

.compass .nav-tabs {background: none;border-bottom: 0px;border-bottom:2px solid #FFE599;}

.compass .nav-tabs a {display: block;text-decoration:none;text-align: center;font-size: 10px;font-weight: normal;background: #f8f8f8;border: 1px solid #f1f1f1;position: relative;top: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;color: #000;padding: 10px 20px;}

.compass .nav-tabs > li a {transition: all 0.3s ease;}

.compass .nav-tabs a i {display: block;font-size: 22px;}

.compass .nav-tabs > li.ui-tabs-active > a, .nav-tabs > li.ui-tabs-active > a:focus, .nav-tabs > li.ui-tabs-active > a:hover{background:#FFE599 !important;border: 1px solid #FFE599;color: #000 !important;}

.compass .nav-tabs > li.ui-tabs-active > a:focus{}

.compass .nav-tabs > li > a:hover{background-color:#fff !important;}





/*	======================================================================

 *	jquery plugin:	noty

 */

 li.default{overflow:hidden;margin:5px 0;color:#000;background-color: #fff; padding:2px;border:2px solid #ddd;padding: 2px;text-align: left;}

 /*li.default.noty_container_type_success{background-image: url('noty/success.png');border-color: #70aa49;}

 li.default.noty_container_type_warning{background-image: url('noty/warning.png');border-color: #d87400;}

 li.default.noty_container_type_error{background-image: url('noty/error.png');border-color: #b51724;}

 li.default.noty_container_type_info{background-image: url('noty/info.png');border-color: #1770b4;}

 li.default.noty_container_type_confirm{background-image: url('noty/confirmation.png');border-color: #1770b4;width:auto !important;}*/

 li.default.noty_container_type_confirm div.noty_buttons{border-top: 1px solid #185377;margin-top: 5px;padding-top: 5px;height: 18px;}

 li.default.noty_container_type_confirm div.noty_buttons .btn{width: 75px;color: #fff; cursor: pointer;}

 li.default.noty_container_type_confirm div.noty_buttons .btn.btn-primary{float: left;background: #03c700;border: 1px solid #099200;}

 li.default.noty_container_type_confirm div.noty_buttons .btn.btn-primary:hover{background: #099200;}

 li.default.noty_container_type_confirm div.noty_buttons .btn.btn-danger{float: right;background: #ef9b00;border: 1px solid #da8a00;}

 li.default.noty_container_type_confirm div.noty_buttons .btn.btn-danger:hover{background: #da8a00;}

 li.default div.noty div.heading{background:#fff;line-height:10px;text-transform:uppercase;font-size:10px;color:#000;padding:3px 5px;font-weight: bold;border-bottom: 1px solid #ddd;}

 li.default div.noty div.message,

 li.default div.noty_message{height:auto;line-height:12px;font-size:12px;color:#000;padding:10px 5px 5px 5px;}

 li.default div.noty ul{margin:5px 0 0;padding:0}

 li.default div.noty ul li{margin:2px 0;padding:2px;line-height:11px;font-size:11px}

 li.default div.noty div.message p {margin: 0px 0px 10px 0px;}

 li.default div.noty div.message p.attention {text-transform: uppercase;color:#cc0000;font-weight: bold;}



/*  -------------------------------------

    GUEST

*/

body.guest {background-image: url('images/bg.jpg');background-position: top center;background-size: cover;background-repeat: no-repeat;background-color: #000;}

div.login-container {max-width: 500px;background: none;border:0px;}

div.login-container h1 {font-size: 30px;background-color: #fff;border: 2px solid #000;padding:10px;margin:0px;}

div.login-container h2 {font-size: 20px;background-color: #fff;border: 2px solid #000;padding:10px;margin:0px;}

div.login-container form {max-width: 500px;background-color: #fff;padding: 10px;border:2px solid #000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;}

div.login-container form button {background-color: #000;border:0px;display: inline-block;padding: 5px 20px;}

.btn-vilson{background-color: #cccb93;color:#333;border-color:#9eae7d}
.btn-vilson:hover,
.btn-vilson:focus,
.btn-vilson:active{background-color: #9eae7d!important;border-color:#cccb93!important;}

/*  -------------------------------------

    jQuery UI - reset

*/

.ui-tabs .ui-tabs-nav {padding: 0px !important;}

.ui-widget-header {background: none!important;border-left:0px!important;border-top:0px!important;border-right:0px!important;color: inherit!important;font-weight: normal!important;;}

.ui-helper-reset {line-height: inherit!important;}

.ui-tabs .ui-tabs-panel {padding: 0px !important;}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 10px 20px !important;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover,

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border:unset!important;background:none!important;color:unset!important;}



ul.pagination {margin: 0px;font-size: 12px;line-height: 12px;;}

.page-item .page-link {color: #000;border:1px solid #ccc;padding: 5px 10px;}

.page-item .page-link:focus {box-shadow: none;}

.page-item.active .page-link {background-color:#FFE599;color: #000;border:1px solid #000;  border-radius: 20px;}


/* CUSTOM STYLING */

.select2{width:100%!important;max-width:500px!important;font-size:12px;}

.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul,
.hc-offcanvas-nav .nav-content > h2, .hc-offcanvas-nav .nav-content > h3, .hc-offcanvas-nav .nav-content > h4, .hc-offcanvas-nav .nav-content > h5, .hc-offcanvas-nav .nav-content > h6 {
  background: #93b094;
}

.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover{
  background: #7b9371;
}
.hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a,
.hc-offcanvas-nav a.nav-next{border-color:#7b9371}
.core-header{background: #cbe5e6}
.core-header .navbar li.separator{background-color: #b9dedf}
.core-breadcrumb{border-color: #cbe5e6}
.core-reports a.item{background-color:#cccb93; border-color: #9eae7d}
.core-reports a.item p{border-color: #d9d9d9;padding-top:20px;}

/* .table-results thead tr th{background-color: #cbe5e6;} */

.table-results a{text-decoration:none;}
.table-results .table-dark a{color:#fff;}
.table-access thead th{color:#fff!important;}

.label{border:1px solid #e4eaec;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;padding: 1px 8px!important;color: #fff!important; font-weight:600; font-size:10px;width:auto!important;text-align:left}
.label-success{background-color: #46be8a;}
.label-danger{background-color: #f96868;}

.table-results .danger{background-color: #f96868;color: #fff;}
.table-results .black{background-color: #000;color: #fff;}

.table-results .black td{color: #fff;}

.table-results .black:hover td{color: #fff;}
.table-results .black:hover td a,
.table-results .black td a,
.table-results tbody tr.black td.actions a{color: orange;}

.table-results .danger a{color: #000; font-weight:600}
.table-results .success{background-color: #46be8a;color: #fff;}

.table-results .success a{color: #000; font-weight:600}

.out_invoice #paid{width:auto;}

label.label-info{background: #0098ba}

#dataTableWorkingSchedule{ overflow: auto; height: 650px;display:block;width:100%; }
#dataTableWorkingSchedule thead th { position: sticky; top: 0; z-index: 1; }
#dataTableWorkingSchedule,
#dataTableWorkingSchedule tr{
  position: relative;
  overflow: auto;
  white-space: nowrap;
}

.sticky-col {
  position: -webkit-sticky;
  position: sticky;
  background-color: white;
}

.reply_data_box div.label{color:#333!important;}

.weekend{background: #ffb3b3!important;color: #fff!important;}
tr.info{background:  #0098ba; color:#fff;}

#dataTableWorkingSchedule th:first-child{text-align:left}
#dataTableWorkingSchedule th{text-align:center}
#dataTableWorkingSchedule td:first-child{text-align:left}
#dataTableWorkingSchedule td{text-align:center}

#dataTableWorkingSchedule thead th{background:#22A7F0}

#dataTableWorkingSchedule tbody th,
#dataTableWorkingSchedule tbody th.weekend{border-left:1px solid #dedede!important;border-right:1px solid #dedede!important;}

.layout-navbar.navbar-detached.container-xxl {max-width: calc(100% - 20px * 2);}
.container-xxl {max-width: 99%;}

.breadcrumb-item a {color:#9eae7d; text-decoration:none; font-weight:600;}

.table-results td a{color:#9eae7d;}

.separator .label{color:#333!important}
.card{border:none!important;}

.compass .nav-tabs a{background: transparent; border:none;}

.compass .nav-tabs > li.ui-tabs-active > a{background: #cccb93!important;border:none;}
.compass .nav-tabs{border-color: #cccb93!important;}
.core-fieldset legend {background-color: #cccb93;}
.core-fieldset fieldset,
.core-fieldset div.description,
div.hints{border-color: #cccb93;}
.core-fieldset .submit{background-color: #cccb93;color:#111; padding: 10px 25px 10px 25px; margin-bottom:10px; text-transform:uppercase;font-weight:600;box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);  transition: all 0.135s ease-in-out;  transform: scale(1.001);}
.core-fieldset .submit:hover{color:#cccb93;}

.tab-content {padding: 1.5rem 0px;border-radius: 0.375rem;}

.core-reports .col-md-4{float:left;}

.separator .label{background-color: #cccb93;display:inline-block;-webkit-border-radius: 2px;  -moz-border-radius: 2px;  border-radius: 2px;}
.button-submit{float: left;  border: 0px;  display: inline-block;  -webkit-border-radius: 3px;  margin: 0px 5px;  font-weight: 500;  -moz-border-radius: 3px;  border-radius: 3px;  padding: 3px 10px 5px 10px;  line-height: 11px;  font-size: 11px;  background-color: #03c04a;  color: #fff;  opacity: 0.8;}