.header-logo {
    display: block;
    margin: 0 auto;
    font-size: 2em;
    color: #fff;
    font-weight: bold;
}

.header-logo:hover,
.header-logo:focus,
.header-logo:active {
    color: #fff;
}


a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #fc801c;
}

.bar-top {
    padding: 10px 0;
}

.bar-top a {
    color: #fff;
}

.bar-top a:hover {
    color: #fc801c;
}

body.mini-navbar .nav-header,
.tabs-container .nav>li.active {
    background: transparent;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover>.nav-second-level,
.mini-navbar .nav li:focus>.nav-second-level {
    min-width: 160px;
    padding: 0;
}

#wrapper {
    overflow-x: visible;
}

.nav-header {
    background-image: none;
}

.ibox {
    margin-bottom: 20px;
}

#page-wrapper {
    padding-bottom: 54px;
}

/* .wrapper-content {
       position: relative;
       z-index: 20;
       padding-top: 20px;
       padding-bottom: 20px;
       background: var(--light-primary-color);
   } */
.footer {
    z-index: 10;
}

.profile-element strong {
    font-size: 15px;
    color: #fff;
}

.navbar-form-custom {
    width: 230px;
}

.navbar-default .nav>.nav-header {
    padding: 25px 0 !important;
}

.navbar-default .nav>li>.navbar-brand {
    background: url(../img/logo.png) no-repeat center center;
    width: 85px;
    height: 76px;
    display: block;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    padding: 0;
    float: none;
    margin: 0 auto 15px;
    background-size: cover;
}

.navbar-default .nav>li>.navbar-brand:hover {
    background-color: transparent;
}

.navbar-default .nav>.active>a {
    color: #fff;
}

.navbar-minimalize {
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    margin: 13px 0 0 20px;
    display: inline-block;
    color: #11511a;
}

.navbar-minimalize:hover,
.navbar-minimalize:focus,
.navbar-minimalize:active:focus {
    color: #36703E;
}

.mini-navbar .navbar-default .nav>li>.navbar-brand {
    width: 43px;
    height: 38px;
    margin: 0;
}

.mini-navbar .navbar-default .nav>.nav-header {
    margin: 0 !important;
    padding: 10px 0 !important;
}

.page-heading h2 {
    margin-bottom: 20px;
}

.page-heading p {
    position: relative;
    padding-left: 30px;
    line-height: 1.45;
    margin-bottom: 20px;
}

.page-heading p>i {
    font-size: 25px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -13px;
    margin-right: 15px;
    color: var(--alt-primary-color);
}

.page-heading .btn-group-languages {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: right;
}

.page-heading .breadcrumb {
    padding-bottom: 15px;
}

.page-heading .breadcrumb a:hover {
    color: #16842d;
}

.count-info .fa-bell+.label {
    right: -7px;
    min-width: 30px;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    background-color: #16842d;
    border-color: #16842d;
}

a {
    color: #11511a;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
a:hover {
    color: #16842d;
}

.form-inline .form-control-xs,
.form-control-xs {
    width: 50px;
}

.float-e-margins .bootstrap-touchspin .btn {
    margin-bottom: 0;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 260px;
}

.navbar-top-links span {
    font-size: clamp(9px, 3vw, 13px);
    font-weight: 600;
    color: #999c9e;
    padding-right: 10px;
}

.nav.navbar-top-links a {
    font-size: clamp(9px, 3vw, 13px);
}

.nav.navbar-top-links a:hover {
    color: #16842d;
}

.todo-list a:not(.label) {
    color: inherit;
}

.text-right-mobile {
    text-align: right;
}

.count-info:focus,
.count-info:active {
    outline: none;
}

.todo-list .checked+a {
    text-decoration: line-through;
}

.textarea-expandable-holder {
    position: relative;
}

.textarea-expandable-holder i {
    position: absolute;
    right: 18px;
    top: 10px;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.textarea-expandable-holder i.active {
    opacity: 1;
    visibility: visible;
}

.textarea-expandable-holder textarea.form-control {
    height: 34px;
    padding-right: 35px;
    resize: none;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.textarea-expandable-holder textarea.expanded {
    height: 94px;
}

.table>thead>tr>th,
.table>tbody>tr>td {
    vertical-align: middle;
}

.select2 {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    border-radius: 1px;
    height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px;
}

.select2-container .select2-selection--multiple {
    height: 34px;
    border-radius: 1px;
}

.select2-h-auto .select2-container .select2-selection--multiple {
    height: auto;
}

.table>tbody>tr>td {
    vertical-align: middle;
}

.table a img {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.table a:hover img {
    opacity: 0.7;
}

.agile-list li:hover {
    background-color: #FAFAFB;
    cursor: default;
}

.table div.btn {
    cursor: default;
}

.show-total strong {
    font-size: 15px;
    padding: 0 3px;
}

.show-total label {
    margin: 0;
    font-weight: normal;
}

.go-to-page {
    float: left;
}

.go-to-page label {
    float: left;
    margin-top: 7px;
    margin-right: 10px;
    font-weight: normal;
}

.go-to-page .touchspin-holder {
    float: left;
    width: 80px;
}

.table-responsive-actions .show-total {
    text-align: right;
}

.table-responsive-actions .form-inline {
    min-width: 240px;
}

.table-responsive-tertiary,
.table-responsive-secondary {
    overflow: auto;
    overflow-y: hidden;
}

.table-responsive-tertiary .dropdown-menu,
.table-responsive-secondary .dropdown-menu {
    left: auto;
    right: 0;
}

.table-responsive-tertiary .table>thead>tr>th,
.table-responsive-tertiary .table>tbody>tr>td,
.table-responsive-secondary .table>thead>tr>th,
.table-responsive-secondary .table>tbody>tr>td {
    max-width: 260px;
}

.table-responsive-secondary .table>tbody>tr>td.cell-width-2:first-child,
.table-responsive-secondary .table>thead>tr>th.cell-width-2:first-child {
    width: 30px;
    border-left: 1px solid #e7eaec;
}

.table-responsive-secondary .table>tbody>tr>td:has(.icheckbox_square-green),
.table-responsive-secondary .table>thead>tr>th:has(.icheckbox_square-green) {
    width: 30px;
    border-left: 1px solid #e7eaec;
}


.table-responsive-secondary .table>tbody>tr>td.cell-minwidth-150,
.table-responsive-secondary .table>thead>tr>th.cell-minwidth-150 {
    min-width: 150px;
}

.table-responsive-secondary .form-control {
    font-weight: normal;
}

.iframe-responsive {
    width: 100%;
}

.btn-save {
    margin-top: 23px;
}

.onoffswitch-yn .onoffswitch-inner:before {
    content: "YES";
}

.onoffswitch-yn .onoffswitch-inner:after {
    content: "NO";
}

.text-lead {
    font-size: 15px;
    padding-bottom: 25px;
}

.form-group .switch {
    margin-top: 7px;
}

.mce-edit-area {
    min-height: 480px;
}

.modal-body .mce-edit-area {
    min-height: 330px;
}

.mce-md .mce-edit-area {
    min-height: 360px;
}

.job-desc-mce .mce-edit-area {
    min-height: 260px;
}

.modified-layout {
    text-align: center;
}

.modified-layout img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.modified-layout h3 {
    padding-bottom: 10px;
}

.modified-layout .fa-angle-double-right {
    font-size: 64px;
    color: #16842d;
    position: absolute;
    top: 50%;
    right: -18px;
    margin-top: -15px;
}

.i-checks2 {
    position: relative;
    padding-left: 30px;
    padding-bottom: 15px;
}

.i-checks2 label {
    font-weight: normal;
    font-size: 16px;
    cursor: pointer;
}

.i-checks2 label>div {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.i-checks2 label small {
    display: block;
}

.i-checks2 label strong {
    display: block;
    margin-bottom: 2px;
}

.i-checks2 label .text-small {
    font-size: 14px;
    font-weight: 300;
    color: #a0a0a0;
}

.i-checks2 label .text-small span {
    color: #676a6c;
    font-weight: 400;
}

.text-small {
    font-size: 14px;
    font-weight: 400;
}

.fz16 {
    font-size: 16px;
}

.contact-box a:hover {
    color: inherit;
}

.contact-box.center-version>a img {
    width: auto;
}

.contact-box strong a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.contact-box.center-version>.contact-box-inner {
    display: block;
    background-color: #fff;
    padding: 20px;
    text-align: center;
}

.contact-box.center-version>.contact-box-inner img {
    width: auto;
    height: 80px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.contact-box.center-version>.contact-box-inner .row {
    padding-top: 2px;
    padding-bottom: 2px;
}

.text-nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.file .file-actions {
    background-color: #f8f8f8;
    border-top: 1px solid #e7eaec;
    text-align: center;
}

.table.borderless {
    margin: 0;
}

.table.borderless>tbody>tr>td,
.table.borderless>thead>tr>th {
    border: none;
    padding: 5px 0;
}

.box-upload.box-my .file-box {
    width: 209px;
}

.file-boxes {
    margin: 0 -7px;
}

.file-boxes .file-box {
    float: left;
    width: 20%;
    padding: 0 8px 15px;
}

.file-boxes .file {
    margin: 0;
}

.modal .ibox-content {
    padding: 0;
    border: none;
}

.filter-img .sk-spinner {
    display: none;
}

.filter-img.sk-loading {
    position: relative;
}

.filter-img.sk-loading .sk-spinner {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 2000;
}

.filter-img.sk-loading:after {
    content: '';
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.img-wrap {
    height: 500px;
}

.box-filters .hr-line-dashed {
    margin: 10px 0;
}

.box-filters .form-group {
    margin-bottom: 10px;
}

.colorpicker.dropdown-menu {
    z-index: 9999;
}

#imageUploadWarning .file {
    margin: 0;
}

.font-preview {
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.font-preview:hover .font-preview-overlay {
    opacity: 1;
    visibility: visible;
}

.font-preview img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.font-preview-overlay {
    font-size: 0;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    opacity: 0;
    visibility: visible;
}

.font-preview-overlay:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-left: -0.25em;
    vertical-align: middle;
}

.font-preview-overlay .btn-font {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    margin-bottom: 0;
}

.main-box .lead {
    font-size: 18px;
    margin-bottom: 0;
}

.main-box p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 20px;
}

.icon-lg {
    font-size: 64px;
}

.icon-xlg {
    font-size: 80px;
}

.icon-md {
    font-size: 48px;
}

.chosen-domain {
    font-size: 15px;
    font-weight: 300;
}

.chosen-domain strong {
    font-size: 21px;
}

.chosen-domain small {
    font-size: 12px;
    font-weight: 400;
}

.input-xs {
    max-width: 160px;
    display: inline-block;
}

.collapse .panel-body p {
    font-size: 15px;
}

.forum-item a:hover,
.forum-item .fa {
    color: #16842d;
}

.jumbotron .h3 {
    font-size: 42px;
    font-weight: 300;
    margin-bottom: 15px;
}

.chat-message-form .btn-primary {
    height: 90px;
}

.chat-message-form .form-control {
    resize: none;
}

.chat-message-form .fileinput {
    position: absolute;
    top: 9px;
    right: 100%;
    margin-right: 15px;
    z-index: 2;
    padding-right: 15px;
}

.chat-message-form .fileinput-exists {
    top: 35px;
}

.chat-message-form .fileinput .close {
    position: absolute;
    top: 0;
    right: 0;
}

.chat-message-form .fileinput-new {
    font-size: 42px;
}

.chat-message-form .fileinput-filename {
    font-size: 14px;
    display: block;
}

.btn-file>input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
}

.chat-discussion {
    height: auto;
}

.ct-jumbotron {
    min-height: 300px;
    position: relative;
}

.ct-jumbotron h4 {
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 45px;
}

.ct-jumbotron p {
    font-size: 16px;
}

.jumbotron-secondary:after {
    content: 'OR';
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #11511a;
    color: #fff;
    text-align: center;
    padding-top: 16px;
    position: absolute;
    top: 50%;
    left: -46px;
    margin-top: -32px;
    overflow: hidden;
}

.ct-color-theme {
    padding: 15px;
    width: 20%;
    float: left;
}

.ct-color-theme .thumbnail {
    margin: 0;
}

p.ct-lead {
    font-size: 16px;
}

.ct-color-picker {
    width: 96px;
    margin: 0 auto;
}

.ct-color-picker .form-control {
    display: block;
    float: none;
    font-size: 16px;
    padding: 0 5px;
    text-align: center;
    width: 96px;
    margin-bottom: 10px;
}

.ct-color-picker span {
    padding: 0;
    display: block;
}

.ct-color-picker .input-group-addon {
    border: 0;
}

.ct-color-picker .input-group-addon i {
    display: block;
    width: 96px;
    height: 48px;
    border-radius: 5px;
}

.ct-dropzone {
    min-height: 96px;
    padding-left: 10px;
    padding-right: 10px;
}

.ct-dropzone .dz-message {
    margin: 1em 0;
}

.ct-form-control-holder {
    padding-top: 25px;
}

.ct-thumbnail {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.ct-thumbnail.active,
.ct-thumbnail:hover {
    border-color: #11511a;
}

.ct-thumbnail-badge {
    position: absolute;
    top: 15px;
    left: -30px;
    background-color: #11511a;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    padding: 2px 0;
    width: 120px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ct-thumbnail-actions {
    position: absolute;
    bottom: -500px;
    left: 0;
    width: 100%;
    padding: 15px;
    text-align: center;
    background-color: rgba(255, 255, 255, .8);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.ct-thumbnail:hover .ct-thumbnail-actions {
    bottom: 0;
}

.device-view {
    display: inline-block;
    font-size: 24px;
    margin: 0 2px;
    color: #11511a;
}

.device-view.active:hover,
.device-view.active {
    color: #fc801c;
}

.bar-choose-style,
.bar-edit-pages {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600;
    padding-top: 7px;
}

.iframe-editor,
.iframe-remote {
    border: none;
    width: 100%;
}

.iframe-responsive {
    width: 100%;
}

.phone-view-portrait iframe,
.phone-view-landscape iframe,
.tablet-view-portrait iframe,
.tablet-view-landscape iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.phone-view-portrait iframe {
    height: 487px !important;
}

.phone-view-landscape iframe {
    height: 324px !important;
}

.tablet-view-portrait iframe {
    height: 991px !important;
}

.tablet-view-landscape iframe {
    height: 770px !important;
}

.tablet-view-portrait {
    background: url(../img/devices/tablet-portrait.png) no-repeat 0 0;
    width: 880px;
    height: 1224px;
    margin: 0 auto;
    padding: 121px 55px 112px 58px;
}

.tablet-view-landscape {
    background: url(../img/devices/tablet-landscape.png) no-repeat 0 0;
    width: 1224px;
    height: 880px;
    margin: 0 auto;
    padding: 55px 112px 55px 121px
}

.device-view-rotate {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.device-view-holder {
    display: inline-block;
    padding-left: 8px;
}

.desktop-view {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 56px;
}

.phone-view-portrait {
    background: url(../img/devices/phone-portrait.png) no-repeat 0 0;
    width: 370px;
    height: 615px;
    margin: 0 auto;
    padding: 67px 23px 61px;
}

.phone-view-landscape {
    background: url(../img/devices/phone-landscape.png) no-repeat 0 0;
    width: 615px;
    height: 370px;
    margin: 0 auto;
    padding: 23px 61px 23px 67px
}

.table-responsive-quaternary .table>tbody>tr>td {
    vertical-align: top;
}

.widget {
    display: block;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.widget:focus,
.widget:active,
.widget:hover {
    color: #fff;
    -webkit-box-shadow: inset 0 0px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0px 5px 0 rgba(0, 0, 0, 0.3);
}

.widget p {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.widget p span {
    font-weight: 600;
}

.widget p small {
    font-weight: 300;
    font-size: 13px;
}

.widget-bg {
    color: #a7b1c2;
    background-color: #11511a;
}

.invoice-total>tbody>tr>td:last-child {
    width: 35%;
}

.invoice-total2 {
    text-align: right;
}

.invoice-total2>tbody>tr>td {
    vertical-align: middle;
}

.invoice-total2>tbody>tr>td:last-child {
    width: auto;
    text-align: left;
    border: 0;
}

.invoice-total2>tbody>tr>td:first-child {
    min-width: 180px;
    width: auto;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.panel .lead {
    overflow: hidden;
}

.panel p {
    font-size: 14px;
}

.panel p span {
    font-weight: 600;
}

.bar-top .btn-secondary {
    color: #fc801c;
}

.bar-top .btn-secondary:hover {
    color: #fff;
}

.btn-secondary {
    background: transparent;
    border-color: #fc801c;
    color: #fc801c;
}

.btn-secondary:hover {
    border-color: #fc801c;
    color: #fc801c;
    background: transparent;
}

.label-primary[href]:focus,
.label-primary[href]:hover,
.label-primary:hover {
    background-color: #16842d;
}



/* .bg-confirmed{
    background-color: var(--confirmed-bg-color);
    border-color: var(--confirmed-bg-color);
    color: var(--confirmed-text-color);
} */

/* .bg-pending{
    background-color: var(--pending-bg-color);
    border-color: var(--pending-bg-color);
    color: var(--pending-text-color);
} */

/* .bg-cancelled{
    background-color: var(--cancelled-bg-color);
    border-color: var(--cancelled-bg-color);
    color: var(--cancelled-text-color);
} */

/* .bg-collected{
    background-color: var(--collected-bg-color);
    border-color: var(--collected-bg-color);
    color: var(--collected-text-color);
} */

/* .bg-pending_payment{
    background-color: var(--pending_payment-bg-color);
    border-color: var(--pending_payment-bg-color);
    color: var(--pending_payment-text-color);
} */

/* .bg-rented{
    background-color: var(--rented-bg-color);
    border-color: var(--rented-bg-color);
    color: var(--rented-text-color);
} */

/* .bg-cancelled_payment{
    background-color: var(--cancelled_payment-bg-color);
    border-color: var(--cancelled_payment-bg-color);
    color: var(--cancelled_payment-text-color);
} */

/* .bg-not_available{
    background-color: var(--not_available-bg-color);
    border-color: var(--not_available-bg-color);
    color: var(--not_available-text-color);
} */


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

.bg-confirmed:hover,
.bg-confirmed {
    background-color: var(--confirmed-bg-color);
    border-color: var(--confirmed-bg-color);
    color: var(--confirmed-text-color);
}

.color-confirmed:hover,
.color-confirmed {
    color: var(--confirmed-bg-color);
}

.bg-pending:hover,
.bg-pending {
    background-color: var(--pending-bg-color);
    border-color: var(--pending-bg-color);
    color: var(--pending-text-color);
}

.color-pending:hover,
.color-pending {
    color: var(--pending-bg-color);
}

.bg-cancelled:hover,
.bg-cancelled {
    background-color: var(--cancelled-bg-color);
    border-color: var(--cancelled-bg-color);
    color: var(--cancelled-text-color);
}

.color-cancelled:hover,
.color-cancelled {
    color: var(--cancelled-bg-color);
}

.bg-collected:hover,
.bg-collected {
    background-color: var(--collected-bg-color);
    border-color: var(--collected-bg-color);
    color: var(--collected-text-color);
}

.color-collected:hover,
.color-collected {
    color: var(--collected-bg-color);
}


.bg-pending_payment:hover,
.bg-pending_payment {
    background-color: var(--pending_payment-bg-color);
    border-color: var(--pending_payment-bg-color);
    color: var(--pending_payment-text-color);
}

.color-pending_payment:hover,
.color-pending_payment {
    color: var(--pending_payment-bg-color);
}


.bg-rented:hover,
.bg-rented {
    background-color: var(--rented-bg-color);
    border-color: var(--rented-bg-color);
    color: var(--rented-text-color);
}

.color-rented:hover,
.color-rented {
    color: var(--rented-bg-color);
}

.bg-cancelled_payment:hover,
.bg-cancelled_payment {
    background-color: var(--cancelled_payment-bg-color);
    border-color: var(--cancelled_payment-bg-color);
    color: var(--cancelled_payment-text-color);
}

.color-cancelled_payment:hover,
.color-cancelled_payment {
    color: var(--cancelled_payment-bg-color);
}

.bg-not_available:hover,
.bg-not_available {
    background-color: var(--not_available-bg-color);
    border-color: var(--not_available-bg-color);
    color: var(--not_available-text-color);
}

.color-not_available:hover,
.color-not_available {
    color: var(--not_available-bg-color);
}

.bg-unavailable:hover,
.bg-unavailable {
    background: #ccc;
    border-color: #ccc;
    color: #fff;
}

.color-unavailable:hover,
.color-unavailable {
    color: #ccc;
}

/* 
.bg-cancelled:hover,
.bg-cancelled { background-color: #eb6060; border-color: #eb6060; color: #fff; }
.color-cancelled { color: #eb6060; }

.bg-cancelled_payment:hover,
.bg-cancelled_payment { background-color: #eb6060; border-color: #eb6060; color: #fff; }
.color-cancelled_payment { color: #eb6060; }



.bg-rented { background-color: #338947 ; border-color: #338947 ; color: #fff; }
.color-rented { color: #338947 ; }


.bg-enquiry{ background-color: #85cae7; border-color: #85cae7; color: #fff; }
.color-enquiry { color: #85cae7; }

.bg-pending { background-color: #f7e463; border-color: #f7e463; color: #fff; }
.color-pending { color: #f7e463; }

.bg-error { background-color: #f47277; border-color: #f47277; color: #fff; }
.color-error { color: #f47277; } 

.bg-pending:hover,
.bg-pending_return:hover,
.bg-pending_correlation:hover,
.bg-confirmed:hover,
.bg-collected:hover,
.bg-enquiry:hover,
.bg-completed:hover,
.bg-in_progress:hover {
  color: #fff;
}

*/

.bg-completed,
.bg-completed:hover {
    background-color: #4F4872;
    border-color: #4F4872;
    color: #fff;
}

.color-completed {
    color: #4F4872;
}

.bg-not_sent,
.bg-pending_return,
.bg-not_sent:hover,
.bg-pending_return:hover {
    background-color: #f3b239;
    border-color: #f3b239;
    color: #fff;
}

.color-not_sent,
.color-pending_return {
    color: #f3b239;
}

.bg-pending_correlation,
.bg-pending_correlation:hover {
    background-color: #fc801c;
    border-color: #fc801c;
    color: #fff;
}

.color-pending_correlation {
    color: #fc801c;
}

.bg-in_progress,
.bg-in_progress:hover {
    background-color: #fc801c;
    border-color: #fc801c;
    color: #fff;
}

.color-in_progress {
    color: #fc801c;
}

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


.bg-error {
    background-color: #f47277;
    border-color: #f47277;
    color: #fff;
}

.color-error {
    color: #f47277;
}

.bg-light {
    background-color: #f8fafb;
}

.p-b-sm {
    padding-bottom: 5px;
}

.btn-move {
    cursor: move;
}

.add-field-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.add-field-list li {
    font-size: 14px;
    padding-top: 7px;
}

.add-field-list li .fa {
    font-size: 15px;
    color: #11511a;
    display: inline-block;
    margin-right: 2px;
}

.edit-form-sortable {
    list-style: none;
    padding: 0;
    margin: 0;
}

.edit-form-sortable li {
    margin-bottom: 15px;
}

.edit-form-sortable li:last-child .hr-line-dashed {
    display: none;
}

.edit-form-sortable .ui-state-highlight {
    background: #eee;
    height: 40px;
}


.payment {
    display: inline-block;
    margin-bottom: 30px;
    border: 1px solid #e7eaec;
    border-radius: 2px;
}

.payment:hover {
    border-color: #11511a;
}

.payment img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.payment.active img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.dropdown-flags {
    min-width: 40px;
}

.dropdown-flags>li>a {
    padding-right: 8px;
    padding-left: 8px;
}

.select-hidden-area {
    display: none;
}

.select-hidden-area.active {
    display: block;
}

.tabs-reservations .nav-tabs {
    border: 0;
}

.donut-chart-holder {
    position: relative;
    overflow: hidden;
    width: 210px;
    height: 210px;
    margin-top: 30px;
}

#morris-donut-chart2,
#morris-donut-chart {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.donut-chart-legend {
    padding-top: 45px;
}

.donut-chart-legend span {
    display: inline-block;
    font-size: 12px;
    padding-right: 10px;
}

.donut-chart-legend strong {
    display: inline-block;
    width: 40px;
    height: 12px;
    margin-bottom: -1px;
    margin-right: 2px;
}

.donut-color-1 {
    background-color: #5ac5b6;
}

.donut-color-2 {
    background-color: #fbc994;
}

.donut-color-3 {
    background-color: #85cae7;
}

.stat-list {
    padding-top: 30px;
}

.h1 {
    font-weight: 600;
}

.timeline-item a,
p.h1 a {
    color: #676a6c;
}

.edit-reservation-actions {
    margin-bottom: 10px;
}

.edit-reservation-widgets {
    vertical-align: top;
    font-size: 0;
    list-style: none;
    margin: 0 -10px;
    padding: 0;
}

.edit-reservation-widgets li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 10px 10px;
}

.edit-reservation-widgets .widget {
    margin: 0;
}

.modal-image {
    text-align: center;
    margin-bottom: 30px;
}

.modal-image .portal {
    margin: 0 auto;
}

.car-reservation-outer {
    height: 25px;
    width: 100%;
    position: relative;
}

.car-reservation {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 5px;
    padding: 5px 5px 0;
    z-index: 10;
}

.car-reservation-outer:last-child {
    padding-bottom: 5px;
    height: 30px;
}

.car-reservation-inner {
    height: 20px;
    width: 100%;
    border-radius: 2px;
    padding: 0 5px;
    color: #fff;
}

.car-reservation-inner:hover {
    opacity: 0.7;
}

.table-car-availability .table>tbody>tr>td,
.table-car-availability {
    vertical-align: top;
    padding: 0;
}

.table-car-availability thead th {
    text-align: center;
    font-weight: normal;
}

.table-car-availability thead th:first-child {
    text-align: left;
    width: 20%;
}

.table-car-availability thead th strong {
    display: block;
    font-size: 16px;
}

.table-car-availability .table>tbody>tr>td:first-child {
    text-align: left;
    width: 20%;
    padding: 8px;
    vertical-align: middle;
}

.table-car-availability .table>tbody>tr>td:first-child strong {
    display: block;
    font-size: 15px;
    font-weight: 600;
}

.table-car-availability tbody td {
    width: 11.4286%;
    position: relative;
}

.table-car-availability .table>thead>tr>.day-focus {
    background: #fefbea;
}

.table-car-availability .table>thead>tr>.day-today {
    background: #11511a;
    color: #fff;
}

.table-car-availability .table>tbody>tr>.day-today {
    background: #fbfdfe;
}

.dashboard-stats .ibox-content {
    min-height: 356px;
}

.file-name h3 {
    font-weight: 300;
    margin: 0 0 5px;
}

.file-boxes-holder {
    padding: 0 15px;
}

.gallery-search {
    float: left;
    padding-left: 15px;
}

.gallery-search h5 {
    float: left;
    text-transform: uppercase;
    font-weight: 600;
    margin: 10px 15px 0 0;
}

.gallery-search .form-group {
    float: left;
}

.gallery-sort {
    float: right;
    padding-right: 15px;
}

.gallery-sort h5 {
    float: left;
    text-transform: uppercase;
    font-weight: 600;
    margin: 10px 15px 0 0;
}

.gallery-sort .form-group {
    float: left;
}

.gallery-sort .dropdown-menu {
    right: 0;
    left: auto;
}

.chat-user.active {
    background-color: #eee;
}

.contact-box-holder {
    width: 25%;
    float: left;
    padding: 0 15px;
}

.contact-box a {
    position: relative;
}

.contact-box .badge {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-radius: 0;
    text-transform: uppercase;
    padding-top: 4px;
    padding-bottom: 4px;
}

.contact-box .badge i {
    margin-right: 3px;
}

.portals {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
    overflow: hidden;
}

.portals li {
    float: left;
    padding: 15px 30px 15px 0;
}

.portal {
    width: 240px;
    height: 80px;
    font-size: 0;
    text-align: center;
    display: block;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 10px;
}

.portal:hover {
    border-color: #16842d;
}

.portal:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-left: -0.25em;
    vertical-align: middle;
}

.portal img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

.portal span {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    font-size: 20px;
    color: #11511a;
}

.need-portal {
    border-color: #11511a;
}

.need-portal:hover {
    background-color: #11511a;
    border-color: #11511a;
}

.need-portal:hover span {
    color: #fff;
}


/* New */

.header {
    background-color: #11511a;
    padding: 20px 0;
}

.header h1 {
    text-align: center;
    color: #fff;
    font-size: 46px;
    margin: 0;
}

.main {
    padding: 30px 0;
}

.page-wrapper {
    position: relative;
    min-height: 100%;
    padding-bottom: 50px;
}

.page-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.expired {
    text-align: center;
}

.expired .btn-primary {
    padding-left: 30px;
    padding-right: 30px;
}

.expired-head {
    padding: 15px 0 30px;
}

.expired-head h2 {
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 300;
    color: #11511a;
}

.expired-head p {
    font-size: 21px;
    font-weight: 300;
}

.ico-expired {
    background: url(img/ico-expired.png) no-repeat 0 0;
    width: 45px;
    height: 42px;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    margin: 0 auto 35px;
    display: block;
}

.expired-body p {
    font-size: 21px;
    color: #11511a;
    margin-bottom: 0;
}

.expired-body p a {
    font-size: 18px;
    font-weight: 300;
}

.expired-body .text-small {
    font-size: 14px;
    font-weight: 300;
    margin: 35px 0 25px;
}

.coming-soon {
    text-align: center;
    padding: 30px 0;
}

.coming-soon p {
    font-weight: 300;
    font-size: 28px;
    color: #11511a;
    margin-bottom: 45px;
}

.coming-soon p strong {
    font-weight: 400;
}

.coming-soon-logo {
    font-size: 0;
    text-align: center;
    vertical-align: middle;
    width: 260px;
    height: 75px;
    margin: 0 auto 45px;
}

.coming-soon-logo:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-left: -0.25em;
    vertical-align: middle;
}

.coming-soon-logo img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

.ico-coming-soon {
    background: url(img/coming-soon-icon.png) no-repeat 0 0;
    width: 87px;
    height: 81px;
    margin: 0 auto;
    display: block;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}

.contact-support {
    background-color: transparent;
}

.chat-users {
    height: auto;
    background-color: #fff;
    overflow: visible;
}

.chat-user {
    background-color: #fff;
    border-right: 1px solid #e7eaec;
    position: relative;
    display: block;
    color: #11511a;
}

.chat-user:hover {
    text-decoration: none;
    background-color: #f3f6fb;
    color: #11511a;
}

.chat-user h4 {
    margin: 0;
    font-weight: 700;
}

.chat-user p small {
    color: #676a6c;
}

.chat-discussion {
    border-bottom: 1px solid #e7eaec;
    border-left: 1px solid #e7eaec;
    border-right: 1px solid #e7eaec;
}

.chat-discussion,
.chat-user.active {
    background-color: #f3f6fb;
}

.chat-user.active:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    width: 1px;
    background-color: #f3f6fb;
    z-index: 5;
}

.chat-user.active a {
    color: #11511a;
}

.chat-message-form {
    margin-top: 20px;
}

.panel-body-inner {
    float: left;
    width: 100%;
}

.textarea-mce-md #mceu_25 {
    min-height: 260px;
}

.tabs-container .tabs-left>.nav-tabs {
    width: 15%;
}

.tabs-container .tabs-left .panel-body {
    width: 85%;
    margin-left: 15%;
}

.edit-property-head {
    padding-left: 15%;
    overflow: hidden;
    padding-bottom: 15px;
}

.edit-property-head h3 {
    margin: 0;
    padding: 8px 0 0 20px;
    font-weight: 400;
    float: left;
    color: #555;
}

.edit-property-head .btn {
    float: right;
}

#morris-one-line-chart {
    height: 122px;
}

.ibox-morris {
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px solid #e7eaec;
}

.item-image-content {
    float: left;
    padding-left: 15px;
}

.item-image-thumb img {
    float: left;
    padding-top: 5px;
}

.feed-activity-list .feed-element:last-child {
    border-bottom: 0;
}

textarea.form-control-sm {
    height: 90px;
}

textarea.form-control-lg {
    height: 178px;
}

.onoffswitch-data .onoffswitch {
    width: 100%;
}

.onoffswitch-data .onoffswitch-switch {
    left: 0;
    right: auto;
}

.onoffswitch-data .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    left: calc(100% - 18px);
    right: 0;
}

.onoffswitch-data .onoffswitch-inner:before {
    content: attr(data-on);
    text-transform: uppercase;
}

.onoffswitch-data .onoffswitch-inner:after {
    content: attr(data-off);
    text-transform: uppercase;
}

.show-picked-option {
    display: none;
}

.timeline-item a em {
    font-style: normal;
    color: #444;
    font-weight: 600;
}

.col-custom-2 {
    float: left;
    width: 20%;
    padding: 0 15px;
}

.col-custom-3 {
    float: left;
    width: 50%;
    padding: 0 15px;
    min-width: 260px;
}


/* PHPJabbers new style */

.sweet-alert .form-control {
    display: block;
    margin: 0;
}

.sweet-alert .control-label {
    margin-top: 7px;
    text-align: right;
    color: #575757;
    font-weight: 500;
}

.sweet-alert .sweet-desc {
    display: block;
    padding-bottom: 25px;
}

.hidden-area {
    display: none;
}

.modal-body {
    padding-top: 30px;
}

.modal-body pre {
    padding: 15px;
}

.modal-body .fileinput {
    margin-bottom: 0px;
}

.alert-with-icon {
    padding-left: 45px;
    position: relative;
}

.alert-with-icon .fa {
    position: absolute;
    top: 12px;
    left: 13px;
    font-size: 24px;
}

.sweet-alert .sa-button-container .confirm {
    background-color: var(--primary-color) !important;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset !important;
}

.sweet-alert .sa-button-container .confirm:hover {
    background-color: var(--secondary-color) !important;
}

.form-control-lg {
    height: 46px;
}

.alert-info {
    color: var(--primary-color) !important;
    border-color: rgba(0, 0, 0, 0.1);
    background-color: #d2dfd4;
}

.alert-info a {
    font-weight: 600;
    color: #062b0b;
}

.alert-info a:hover {
    color: var(--secondary-color);
}

.col-1of3 {
    width: 33.3333%;
    float: left;
    padding: 0 15px;
}

.table-responsive-actions .input-group .form-control {
    text-align: center;
    min-width: 75px;
}

/*
.navbar-static-side { height: 100%; overflow: auto; }
*/

.navbar-static-side::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.navbar-static-side::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 7px;
}

.navbar-static-side::-webkit-scrollbar-thumb {
    background-color: #fc801c;
    border-radius: 7px;
}

.navbar-static-side::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.07);
}

/* Btn loader */

@keyframes btn-loader {

    0%,
    10%,
    100% {
        width: 20px;
        height: 20px;
    }

    65% {
        width: 30px;
        height: 30px;
    }
}

@keyframes btn-loaderBlock {

    0%,
    30% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(180deg);
    }
}

@keyframes btn-loaderBlockInverse {

    0%,
    20% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(-180deg);
    }
}

.btn-phpjabbers-loader {
    position: relative;
}

.phpjabbers-loader>div {
    display: none !important;
}

.btn-phpjabbers-loader:not(:disabled) .phpjabbers-loader,
.btn-phpjabbers-loader:not(:disabled) .phpjabbers-loader span,
.btn-phpjabbers-loader:not(:disabled) .phpjabbers-loader .load-2,
.btn-phpjabbers-loader:not(:disabled) .phpjabbers-loader .load-3 {
    animation: unset;
}

.btn-phpjabbers-loader .phpjabbers-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%) translate3d(0, 0, 0);
    animation: btn-loader 1.1s infinite ease-in-out;
}

.btn-phpjabbers-loader .phpjabbers-loader span {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    animation: btn-loaderBlock 1.1s infinite ease-in-out both;
}

.btn-phpjabbers-loader .phpjabbers-loader span img {
    display: block;
    width: 100%;
    height: auto;
}

.btn-phpjabbers-loader .phpjabbers-loader .load-1 {
    top: -5px;
    left: 1px;
}

.btn-phpjabbers-loader .phpjabbers-loader .load-2 {
    top: 3px;
    right: -4px;
    animation: btn-loaderBlockInverse 1.1s infinite ease-in-out both;
}

.btn-phpjabbers-loader .phpjabbers-loader .load-3 {
    bottom: -6px;
    right: 4px;
    animation: btn-loaderBlockInverse 1.1s infinite ease-in-out both;
}

.btn-phpjabbers-loader .phpjabbers-loader .load-4 {
    bottom: 2px;
    left: -7px;
}


/* Ladda button */

.ladda-button[data-style=zoom-in] .ladda-label {
    position: relative;
    display: inline-block
}

.ladda-button[data-style=zoom-in] {
    overflow: hidden
}

.ladda-button {
    position: relative
}

.ladda-button .ladda-spinner {
    opacity: 0
}

.ladda-button .ladda-label {
    position: relative;
    z-index: 3
}

.ladda-button,
.ladda-button .ladda-label {
    -webkit-transition: .3s cubic-bezier(.175, .885, .32, 1.275) all !important;
    -moz-transition: .3s cubic-bezier(.175, .885, .32, 1.275) all !important;
    -ms-transition: .3s cubic-bezier(.175, .885, .32, 1.275) all !important;
    -o-transition: .3s cubic-bezier(.175, .885, .32, 1.275) all !important;
    transition: .3s cubic-bezier(.175, .885, .32, 1.275) all !important
}

.ladda-button[data-style=zoom-in] {
    -webkit-transition: .3s ease all !important;
    -moz-transition: .3s ease all !important;
    -ms-transition: .3s ease all !important;
    -o-transition: .3s ease all !important;
    transition: .3s ease all !important
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
    opacity: 0;
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
    opacity: 1
}

.color-theme-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 3px;
}

.color-theme-group.open .btn-secondary {
    color: #fff;
}

.color-theme-group .thumbnail {
    float: left;
}

.color-theme-group .dropdown-menu {
    min-width: 280px;
    background-color: #f3f3f4;
}

.color-theme-group .dropdown-menu li {
    overflow: hidden;
}

.color-theme-group .dropdown-menu a {
    clear: none;
    padding: 5px;
    position: relative;
}

.color-theme-group .dropdown-menu a:after {
    content: attr(data-theme);
    position: absolute;
    bottom: 5px;
    right: 5px;
    left: 5px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 2px 2px;
    color: #fff;
    text-align: center;
    font-weight: 600;
}

.table .table {
    background: transparent;
}

.table .table tr:first-child td {
    border-top: 0;
}

.table .bootstrap-touchspin {
    max-width: 90px;
}

.area-fixed,
.area-period,
.area-recurring,
.order-size-table,
.order-pickup {
    display: none;
}

/* Products */

.products-list {
    list-style: none;
    text-align: center;
    font-size: 0;
}

.products-list li {
    display: inline-block;
    float: none;
    vertical-align: top;
    font-size: 15px;
}

.products-item {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px dashed rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.products-item img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    margin-bottom: 5px;
}

.products-item p {
    margin-bottom: 0;
}

.products-item:hover {
    cursor: move;
    background-color: rgba(0, 0, 0, .05);
}

/* Wizard */

.wizard>.content>.body {
    float: none;
    position: relative;
    width: auto;
    height: auto;
    padding: 20px;
}

.wizard>.steps>ul>li {
    width: 14.2857%;
}

.wizard>.steps .done a,
.wizard>.steps .done a:hover,
.wizard>.steps .done a:active,
.wizard>.actions a,
.wizard>.actions a:hover,
.wizard>.actions a:active,
.wizard>.steps .current a,
.wizard>.steps .current a:hover,
.wizard>.steps .current a:active {
    background-color: #11511a;
}

.wizard>.actions a:focus {
    background-color: #fff;
    color: #11511a;
}

.wizard>.actions .disabled a,
.wizard>.actions .disabled a:hover,
.wizard>.actions .disabled a:active,
.wizard>.steps .disabled a,
.wizard>.steps .disabled a:hover,
.wizard>.steps .disabled a:active,
.wizard>.content {
    background-color: #fff;
}

.wizard-big.wizard>.content {
    min-height: 0;
}

.dd-handle {
    cursor: auto !important;
}

.light-grey-bg {
    background: #ededed;
}

.login-box {
    max-width: 680px;
    background-color: #fff;
    padding: 40px 40px 40px;
    margin-top: 45px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.login-box h2 {
    margin: 45px 0 30px;
}

.login-box form {
    position: relative;
    z-index: 3;
}

.login-box .alert {
    margin-top: 20px;
    margin-bottom: 0;
    position: relative;
    z-index: 3;
}

.login-box-footer {
    max-width: 680px;
    text-align: right;
    margin: 0 auto;
}

.login-img-background {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    /* width: 430px; */
    width: 370px;
    z-index: 1;
    opacity: 1;
    overflow: hidden;
}

.login-img-background:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, transparent 50%, var(--secondary-color) 50%);
}

.welcome-section {
    position: absolute;
    top: -60px;
    right: 0px;
    z-index: 2;
    width: 30%;
    text-align: right;
    color: #fff;
}

.welcome-section h3 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 15px;
}

.welcome-section p {
    font-size: 12px;
    line-height: 1.5;
    padding-left: 10px;
}

.error.help-block {
    color: #ed5565;
}

.datepicker.dropdown-menu {
    padding: 10px;
    z-index: 8888 !important;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active {
    background: var(--primary-color);
    color: #fff;
}

.input-group-captcha .input-group-addon {
    padding-top: 4px;
    padding-bottom: 4px;
}

img.captcha {
    cursor: pointer;
    vertical-align: middle;
}

/* iCheck plugin Square skin, green
----------------------------------- */
.icheckbox_square-green,
.iradio_square-green {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../img/orange@2x.png) no-repeat;
    border: 0;
    cursor: pointer;
    background-size: 240px 24px;
    filter: brightness(1.4);
}

.icheckbox_square-green {
    background-position: 0 0;
}

.icheckbox_square-green.hover {
    background-position: -24px 0;
}

.icheckbox_square-green.checked {
    background-position: -48px 0;
}

.icheckbox_square-green.disabled {
    background-position: -72px 0;
    cursor: default;
}

.icheckbox_square-green.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-green {
    background-position: -120px 0;
}

.iradio_square-green.hover {
    background-position: -144px 0;
}

.iradio_square-green.checked {
    background-position: -168px 0;
}

.iradio_square-green.disabled {
    background-position: -192px 0;
    cursor: default;
}

.iradio_square-green.checked.disabled {
    background-position: -216px 0;
}

html {
    overflow: auto;
    height: auto;
    min-height: 100%;
}

body {
    overflow-y: auto;
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    background-color: #d9d9d9;
    width: 10px;
}

body::-webkit-scrollbar-track {
    background-color: #d9d9d9;
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 7px;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.07);
}


/* Scroll */
@media (max-width:1700px) {
    .ct-jumbotron {
        padding: 30px;
    }

    .ct-jumbotron h4 {
        font-size: 28px;
        min-height: 62px;
        margin-bottom: 30px;
    }

    .edit-reservation-actions a {
        display: block;
        margin-bottom: 10px;
    }
}

@media (max-width:1600px) {
    .contact-box-holder {
        width: 33.3333%;
    }

    .expired-head {
        padding-bottom: 20px;
    }

    .expired-head h2 {
        font-size: 38px;
        margin-top: 0;
    }

    .expired-head p {
        font-size: 20px;
    }

    .ico-expired {
        margin-bottom: 30px;
    }
}

@media (max-width:1366px) {
    .contact-box-holder {
        width: 50%;
    }

    .expired-head h2 {
        font-size: 36px;
    }

    .expired-head p {
        font-size: 18px;
    }

    .expired-body p {
        font-size: 20px;
    }

    .expired-body .text-small {
        margin-top: 30px;
    }
}

@media (max-width:1599px) {
    .dashboard-stats {
        width: 100%;
    }

    .dashboard-stats .ibox-content {
        min-height: 0;
    }

    .file-boxes .file-box {
        width: 25%;
    }
}

@media (max-width:1440px) {

    .table-responsive-tertiary,
    /* .table-responsive-secondary { overflow: hidden; } */
    .table-responsive-secondary {
        overflow-x: auto;
        overflow-y: auto;
        margin-bottom: 0;
    }

    .table-responsive-secondary:has(~ .table-responsive-actions .dropdown-menu),
    .table-responsive-secondary:has(~ .table-responsive-actions .pj-selector-row-count) {
        margin-bottom: 20px;
    }

    .ct-color-theme {
        width: 25%;
    }

    .jumbotron-secondary:after {
        font-size: 16px;
        width: 48px;
        height: 48px;
        padding-top: 12px;
        left: -40px;
        margin-top: -32px;
    }

    .ct-jumbotron {
        padding: 20px;
        min-height: 290px;
    }

    .ct-jumbotron p {
        font-size: 14px;
    }

    .ct-jumbotron h4 {
        font-size: 21px;
        margin-bottom: 15px;
    }

    .edit-reservation-widgets li {
        width: 100%;
    }

    .dashboard-stats2 {
        width: 41.66666667%;
    }

    .dashboard-stats3 {
        width: 58.33333333%;
    }

    .file-boxes .file-box {
        width: 33.3333%;
    }

    .file-boxes-holder {
        float: none;
        width: auto;
    }

    .header h1 {
        font-size: 38px;
    }

    .coming-soon-logo {
        width: 220px;
    }

    .coming-soon p {
        font-size: 26px;
    }

    .col-1of3:last-child {
        width: 41.6666%;
    }

    .col-1of3:nth-child(2) {
        width: 25%;
    }

    .tabs-container .panel-body {
        padding: 15px;
    }

}

@media (max-width: 1279px) {
    /* .table-responsive-secondary { overflow-x: auto; overflow-y: auto; margin-bottom: 20px; } */

    .table-responsive-secondary .table>thead>tr>th,
    .table-responsive-secondary .table>tbody>tr>td {
        min-width: 120px;
    }

    .table-responsive-secondary .table>thead>tr>td:first-child,
    .table-responsive-secondary .table>tbody>tr>th:first-child {
        min-width: 30px;
    }

    .table-responsive-secondary .table>tbody>tr>td.cell-width-2,
    .table-responsive-secondary .table>thead>tr>th.cell-width-2,
    .table-responsive-secondary .table>thead>tr>th.cell-width-1,
    .table-responsive-secondary .table>tbody>tr>td.cell-width-1 {
        min-width: 40px;
    }

    .table-responsive-tertiary .table>thead>tr>th,
    .table-responsive-tertiary .table>tbody>tr>td {
        min-width: 140px;
    }

    .table-responsive-tertiary .table>thead>tr>th:first-child,
    .table-responsive-tertiary .table>tbody>tr>td:first-child {
        min-width: 200px;
    }

    .table-responsive-tertiary .table>thead>tr>th:last-child,
    .table-responsive-tertiary .table>tbody>tr>td:last-child {
        min-width: 50px;
    }

    .table-responsive-secondary .table>thead>tr>th {
        white-space: nowrap;
    }

    .bar-choose-style,
    .bar-edit-pages {
        font-size: 13px;
    }

    .jumbotron {
        padding: 30px;
    }

    .jumbotron .h3 {
        font-size: 34px;
    }

    .jumbotron p {
        font-size: 18px;
    }

    .jumbotron p:last-child {
        margin-bottom: 0;
    }

    .icon-xlg,
    .icon-lg {
        font-size: 46px;
    }

    .table-responsive .label {
        margin-bottom: 3px;
        display: inline-block;
    }

    .col-1of3>.btn-secondary:first-child {
        margin-bottom: 10px;
    }

    .col-1of3:nth-child(2),
    .col-1of3:last-child {
        width: 33.333%;
    }

    .table-responsive-secondary .table-secondary>thead>tr>th,
    .table-responsive-secondary .table-secondary>tbody>tr>td {
        max-width: 320px;
        min-width: 120px;
    }
}

@media (max-width: 1199px) {
    #page-wrapper {
        padding-bottom: 100px;
    }

    .btn-save {
        margin-top: 0px;
    }

    .contact-box-location .text-right,
    .contact-box-location .text-left {
        text-align: center;
    }

    .ct-color-theme {
        width: 33.3333%;
    }

    .ct-jumbotron {
        padding: 15px;
        min-height: 0px;
    }

    .ct-jumbotron h4 {
        min-height: 0;
    }

    .ct-form-control-holder {
        padding-top: 0;
    }

    .jumbotron-secondary:after {
        top: -7px;
        left: 50%;
        margin-left: -32px;
    }

    .bar-choose-style,
    .bar-edit-pages {
        text-align: center;
        padding: 0;
    }

    .bar-edit-pages {
        padding-bottom: 8px;
    }

    .bar-choose-style {
        padding-top: 5px;
    }

    .edit-reservation-widgets li {
        width: 50%;
    }

    .dashboard-stats2,
    .dashboard-stats3 {
        width: 100%;
    }

    .coming-soon p {
        font-size: 22px;
    }

    .header h1 {
        font-size: 30px;
    }


    .tabs-container .tabs-left>.nav-tabs {
        width: auto;
    }

    .tabs-container .tabs-left .panel-body {
        width: auto;
        margin-left: 0;
    }

    .tabs-container .tabs-left>.nav-tabs {
        float: none;
        margin: 0 0 15px;
    }

    .tabs-container .tabs-left>.nav-tabs>li,
    .tabs-container .tabs-right>.nav-tabs>li {
        width: 50%;
        float: left;
    }

    .tabs-container .tabs-left>.nav-tabs>li>a {
        border-radius: 4px;
        margin: 0;
    }

    .tabs-container .tabs-left>.nav-tabs .active>a,
    .tabs-container .tabs-left>.nav-tabs .active>a:hover,
    .tabs-container .tabs-left>.nav-tabs .active>a:focus {
        border-color: #e7eaec;
    }

    .edit-property-head {
        padding-left: 0;
    }

    .edit-property-head h3 {
        padding: 8px 0 0 20px;
        float: left;
    }

    .edit-property-head .btn {
        float: right;
    }

    .wizard>.steps>ul>li {
        width: 25%;
    }

    .navbar-top-links.navbar-right {
        margin-right: 0;
    }

    .navbar-top-links li:last-child {
        margin-right: 30px;
    }

}

@media (max-width: 991px) {
    h2.text-right-mobile {
        text-align: left;
    }

    .table-responsive-actions .show-total {
        text-align: left;
        margin-top: 10px;
    }

    .modified-layout .fa-angle-double-right {
        display: none;
    }

    .ct-color-theme,
    .file-boxes .file-box {
        width: 50%;
    }

    .contact-box-holder {
        width: 100%;
    }

    .edit-property-head h3 {
        padding: 0 0 15px;
        float: none;
    }

    .edit-property-head .btn {
        float: none;
    }

    .table-responsive-actions .mobile-text-right {
        text-align: right;
        margin-top: 0;
    }

    .navbar-top-links.navbar-right {
        margin-right: 0px;
    }
}

@media (max-width:768px) {
    .navbar-default .nav>li>div>.navbar-brand {
        width: 43px;
        margin-left: -14px;
    }

    .table-responsive {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .table-responsive .badge {
        display: none;
    }

    .navbar-top-links {
        margin-right: 15px;
    }

    .navbar-top-links li:last-child {
        margin-right: 0;
    }

    .navbar-static-side {
        overflow: visible;
    }

    .navbar-default .nav>li>div>.navbar-brand {
        width: 43px;
        margin-left: -14px;
    }

    .table-responsive {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .table-responsive .badge {
        display: none;
    }
}

@media (max-width:767px) {
    .page-heading .btn-group-languages {
        margin-top: 0;
        padding-top: 10px;
        margin-bottom: 15px;
        text-align: left;
    }

    .text-right-mobile {
        text-align: left;
    }

    .show-total .form-group {
        float: left;
        margin-right: 10px;
    }

    .show-total label {
        margin-top: 7px;
    }

    .timeline-item {
        position: relative;
    }

    .donut-chart-holder {
        margin: 0 auto;
    }

    .stat-list {
        padding-top: 15px;
    }

    .donut-chart-legend {
        padding-top: 15px;
        margin-bottom: 0;
    }

    /* .search-group { margin-bottom: 15px; } */

    .chat-users {
        height: auto;
    }

    .file-boxes .file-box {
        width: 50%;
    }

    .coming-soon {
        padding: 15px 0;
    }

    .coming-soon p {
        font-size: 20px;
    }

    .coming-soon-logo {
        width: 200px;
        margin-bottom: 30px;
    }

    .expired-head h2 {
        font-size: 28px;
    }

    .expired-body p {
        font-size: 18px;
    }

    .expired-body p a {
        font-size: 16px;
    }

    .expired-body .text-small {
        font-size: 13px;
    }

    .tabs-container .tabs-left>.nav-tabs>li,
    .tabs-container .tabs-right>.nav-tabs>li {
        width: 50%;
        float: left !important;
    }

    .panel-body-inner .btn {
        margin-bottom: 15px;
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: normal;
    }

    .col-custom-2 {
        width: 33.3333%;
    }

    .ibox-content .col-custom-2 {
        margin-bottom: 10px;
    }

    .wizard>.steps>ul>li {
        width: 50%;
    }

    .login-img-background,
    .welcome-section {
        display: none;
    }

    .login-box {
        padding: 15px 30px 30px;
        margin-top: 0;
    }

    .login-box h2 {
        margin-top: 0;
    }

    .navbar-top-links li:first-child {
        margin-left: 15px;
    }

    .col-1of3 .btn-secondary {
        margin-bottom: 10px;
    }

    .col-1of3:first-child {
        padding-top: 10px;
    }

    .col-1of3.text-center {
        padding-bottom: 12px;
    }

    .col-1of3,
    .col-1of3:nth-child(2),
    .col-1of3:last-child {
        float: none;
        width: auto;
        text-align: center;
    }

    .col-custom-3 {
        width: 100%;
    }

    .table-responsive-secondary .table>thead>tr>th,
    .table-responsive-secondary .table>tbody>tr>td {
        min-width: 90px;
        vertical-align: top;
    }

    .table-responsive-secondary .table>thead>tr>th {
        white-space: nowrap;
    }

    .ibox-content h3 strong {
        overflow-wrap: break-word;
        line-height: 1.4;
    }

    .table-responsive-secondary .table>tbody>tr>td .m-t-xs {
        min-width: 125px;
    }

    .bar-top .btn-secondary {
        color: #fc801c;
        display: block;
        margin-bottom: 5px;
        margin-top: 5px;
        width: 100%;
        float: none;
    }

    .color-theme-group .dropdown-menu {
        min-width: 100%;
    }

    .color-theme-group .dropdown-menu li {
        text-align: center;
    }

    .color-theme-group .thumbnail {
        float: none;
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

    .popover.clockpicker-popover {
        top: 20% !important;
        left: 50% !important;
        position: fixed;
        margin-left: -112px;
    }

    .clockpicker-align-left.popover>.arrow {
        display: none;
    }
}

@media (max-width: 479px) {
    .go-to-page {
        margin-top: 10px;
    }

    .ct-color-theme {
        width: 100%;
    }

    .bar-choose-style,
    .bar-edit-pages {
        font-size: 12px;
    }

    .edit-reservation-widgets li {
        width: 100%;
    }

    .ibox-heading h3 {
        font-size: 21px;
    }

    .timeline-item .date {
        width: 100%;
        margin-bottom: 5px;
        text-align: left;
    }

    .timeline-item .date i {
        right: auto;
        left: 15px;
        border: 1px solid #e7eaec;
    }

    .timeline-item .content {
        border-bottom: 1px solid #e7eaec;
        border-top: 0;
        width: 100%;
        margin-bottom: 15px;
        border-left: 0;
    }

    .timeline-item .badge {
        margin-top: 4px;
    }

    .jumbotron {
        padding: 15px;
    }

    .jumbotron .h3 {
        font-size: 28px;
    }

    .jumbotron p {
        font-size: 16px;
    }

    .calendar-title {
        font-size: 21px;
        padding-top: 10px;
    }

    .file-boxes .file-box {
        width: 100%;
    }

    .gallery-sort,
    .gallery-search {
        float: none;
        padding: 0 15px;
    }

    .gallery-sort h5,
    .gallery-search h5 {
        float: none;
        margin: 0 0 5px;
    }

    .gallery-search .form-group,
    .gallery-sort .form-group {
        float: none;
    }

    .col-custom-2 {
        width: 50%;
    }

    .form-group .switch {
        margin-top: 0;
    }
}

.login-section .main {
    padding: 0;
}

.login-box-wrap {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.login-box {
    width: 100%;
    margin: 0 auto;
}

.page-heading {
    border-top: 0;
    padding: 0;
    padding-top: 1rem;
}

.form-control.setup-missing {
    border: 1px solid #f7bcbc;
}

label[for="c_flightnumber"] .info-icon {
    display: inline-flex;
}

/* giorgos */
:root {
    --text: #1f2937;
    --muted: #6b7280;
    --border: #e5e7eb;
    --soft: #f9fafb;

    --green: #22c55e;
    /* New Feature */
    --amber: #f59e0b;
    /* Improvement */
    --red: #ef4444;
    /* Bug Fix / Security */
    --blue: #4f4872;
    /* Χρώμα ημερομηνίας, μηνών & UI/UX Updates */
}

/* Κάθε γραμμή timeline */
.timeline-entry {
    display: grid;
    grid-template-columns: 140px 1fr;
    /* αριστερά ημερομηνία, δεξιά περιεχόμενο */
    gap: 16px;
    padding: 14px 20px;
    border-top: 1px solid var(--border);
}

.timeline-entry:first-child {
    border-top: 0;
}

/* Στήλη ημερομηνίας */
.timeline-time {
    font-size: 16px;
    font-weight: 400;
    color: var(--blue);
    /* #4f4872 */
    align-self: start;
    font-family: sans-serif;
}

/* Δεξιά στήλη: κείμενο + κατηγορίες */
.timeline-content {

    display: flex;
    /* align-items: center;
  justify-content: space-between; */
    gap: 12px;
}

/* Κείμενο */
.timeline-content .notes {
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
    flex: 1;
    /* πιάνει τον διαθέσιμο χώρο */

}

.timeline-content.flex-start {
    align-items: flex-start;
}

/* Κατηγορίες */
.timeline-content .categories {
    display: flex;
    gap: 8px;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
    justify-content: flex-end;
    /* Δεξιά στοίχιση μέσα στο badge container */
    /* grid-column: 2; Τοποθετείται στη δεύτερη στήλη (δεξιά) */
    justify-self: end;
    /* Σπρώχνει όλο το categories όσο γίνεται δεξιά */
}


/* Badge */
.tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 6px;
    /* τετράγωνο με ελαφρύ γύρισμα */
    font-size: 12px;
    font-weight: 700;
    border: 1px solid transparent;
    white-space: nowrap;
}

/* Χρώματα tags */
.tag--green {
    color: #307838;
    background: #a7e6a3;
    border-color: rgba(34, 197, 94, .25);
}

.tag--amber {
    color: #a18a2f;
    background: #ffeb9c;
    border-color: rgba(245, 158, 11, .25);
}

.tag--red {
    color: #cf4442;
    background: #ffcdcc;
    border-color: rgba(239, 68, 68, .25);
}

.tag--blue {
    color: #4890d9;
    background: #b3d9ff;
    border-color: rgba(79, 72, 114, .25);
}

.count-badge.badge--red+.count-label {
    color: #cf4442;
}

.count-badge.badge--green+.count-label {
    color: #307838;
}

.count-badge.badge--amber+.count-label {
    color: #a18a2f;
}

.count-badge.badge--blue+.count-label {
    color: #4890d9;
}

/* Τίτλος μήνα */
.timeline-month {
    /* display: flex; */
    /* flex-direction: column; κρατά το Summary πάνω */
    /* gap: 4px; */
    margin: 12px 20px 6px;
    color: var(--blue);
}


.timeline-month-label {
    font-size: 12px;
    font-weight: 600;
    color: #4f4872;
    /* opacity: 0.8; */
}

/* Γραμμή διαχωρισμού κάτω από κάθε μήνα */
.timeline-month+.changelog-timeline {
    position: relative;
    padding-top: 10px;
}

.timeline-month+.changelog-timeline::before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 2px;
    /* πιο έντονη γραμμή */
    background: #9ca3af;
    /* πιο σκούρο γκρι */
}

.notes-wrap.changelog-wrap-item li {
    display: flex;

}



.month-stats {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

.count-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

.count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
    background: transparent;
    border: 1px solid;
    color: inherit;
    line-height: 1;
    text-align: center;
    /* color: yellow; */
}

.badge--red {
    color: #cf4442;
}

.badge--green {
    color: #307838;
    ;
}

.badge--amber {
    color: #a18a2f;
    /* π.χ. improvement */
}

.badge--blue {
    color: #4890d9;
}

.categories {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.changelog-content a,
.notes-container a,
.content-field a {
    text-decoration: underline;
}

.timeline-month-header {
    display: flex;
    align-items: center;
    /* κάθετη ευθυγράμμιση */
    justify-content: space-between;
    /* μήνας αριστερά, badges δεξιά */
    width: 100%;
}

.month-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--blue);
}

/* Responsive */
@media (max-width:862px) {
    .timeline-entry {
        grid-template-columns: 1fr;
    }

    .timeline-time {
        margin-bottom: 4px;
    }

    .timeline-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .timeline-content .categories {
        margin-top: 4px;
    }

    .timeline-content .notes {
        font-size: 18px;
        line-height: 1.6;
    }

}