/* styles for validation helpers */
.field-validation-error, .error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.validation-error {
    border: 1px solid #b94a48;
}

.validation-warning {
    border: 1px solid #ffd800;
}

textarea.input-validation-error {
    border: 1px solid #b94a48;
}

.autocomplete-suggestions {
    border: 1px solid #d1d1d1;
    background: #fff;
    overflow: auto;
    max-height: 350px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176)
}

.autocomplete-suggestion {
    padding: 8px 12px;
    text-transform: capitalize; /*white-space: nowrap;*/
    overflow: hidden;
    border-bottom: 1px solid #d1d1d1
}

.autocomplete-selected {
    background: #206ab0;
    color: #fff;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #206ab0;
}

.autocomplete-selected strong {
    color: #fff;
}

.autocomplete-group {
    padding: 2px 5px;
}

    .autocomplete-group strong {
        display: block;
        border-bottom: 1px solid #d1d1d1;
    }


.pagination-showing {
    line-height: 30px;
}

.pagination-pagesize {
    line-height: 30px;
}

.pagination > li {
    margin-right: 5px;
}

.app .pagination li > a, .app .pagination li > span {
    border-radius: 5px;
    padding: 5px;
}

.filter-box {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

    .filter-box .item {
        margin-bottom: 10px;
    }

    .filter-box .form-group, .filter-box .input-group {
        margin-bottom: 0px;
    }

.treegrid-indent {
    width: 18px;
    display: inline-block;
}

.tree-fixed-indent .treegrid-indent {
    width: 0 !important;
}

.treegrid-expander {
    cursor: pointer;
}

.no-margin {
    margin: 0 !important
}

.drop-box {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    display: none;
    margin-top: 1px;
    position: absolute;
    z-index: 1000;
}

.outlet-options {
    display: none;
    top: 30px;
    color: #000;
    padding: 10px;
    max-height: 400px;
    overflow-y: auto;
}

    .outlet-options ul {
        margin: 0;
        padding: 0;
    }

        .outlet-options ul li {
            list-style: none;
            border-bottom: 1px solid #ccc;
            padding: 3px;
            cursor: pointer;
        }

            .outlet-options ul li:last-child {
                border-bottom: 0px solid #ccc;
            }

            .outlet-options ul li:hover {
                color: #044f1d
            }

.business-info {
    margin-top: 8px;
}

.business-name {
    font-size: 1.5em;
    color: #0f9dea;
    font-weight: bold;
}

.business-address {
    display: block;
    color: #7f8fa4;
}

.business-info a:hover, .business-info a:focus {
    text-decoration: none;
    color: #0f9dea;
}

.action-th-1 {
    width: 25px;
}

.action-th-2 {
    width: 45px;
}

.action-th-3 {
    width: 65px;
}

.action-td {
    text-align: center;
}

    .action-td a {
        font-size: 15px;
        margin: 0 3px;
    }

.form-buttons {
    margin-top: 50px;
}

.block form {
    padding-bottom: 20px;
}

.light-back {
    background-color: #f9f9f9;
}

.green-row {
    background-color: #b3f7b8 !important
}

.red-row {
    background-color: #fb9191 !important
}

.no-indent .treegrid-indent {
    width: 0;
}

.search-results {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: -moz-use-text-color #ccc #ccc;
    border-image: none;
    border-radius: 0 0 5px 5px;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    max-height: 355px;
    max-width: 100%;
    min-height: 33px;
    position: absolute;
    width: 100%;
    z-index: 500;
    overflow-y: auto;
}

.search-items {
    margin: 0;
    padding: 0;
    list-style: outside none none;
}

    .search-items li {
        border-top: 1px solid #ccc;
        cursor: pointer;
        min-height: 35px;
        padding: 5px;
    }

        .search-items li:hover {
            background-color: #f0f3f4;
        }

.search-image-box {
    float: left;
    width: 72px;
}

.search-name-box {
}

.search-name {
    font-size: 0.9em;
    font-weight: bold;
    margin-top: -2px;
}

.search-description {
    font-size: 0.8em;
}

.search-box {
    font-size: 0.9em;
}

    .search-box .remove-link, .search-done-box .remove-link, .search-items .balance-item {
        display: none;
    }

.search-select-box .remove-link {
    display: none;
    display: inline;
    font-weight: normal;
    font-size: .85em;
}

.btn-inline {
    min-width: 25px;
    padding: 0 5px;
    height: 23px;
    line-height: 22px;
    display: none;
    margin-left: -25px;
    border-radius: 0px 4px 4px 0px;
    float: right;
}

.input-inline, .input-inline-2 {
    padding: 0 25px 0 5px;
    height: 24px;
    text-align: left;
    line-height: 22px;
}

.change-value {
    border: 1px solid #fad718;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #fad718
}

.disabled-item {
    background-color: #e9e3e3;
}

.inside-lebel {
    padding: 3px 5px;
    font-size: 0.7em;
    float: right;
    margin-right: 3px;
    margin-top: 2px;
}

.pagination-container ul {
    float: none;
}

.number-spinner-td .btn {
    line-height: 22px;
    padding: 0 10px;
}

.number-spinner-td .input-group {
    margin: 0;
}

.form-title {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.item-row input {
    max-width: 90px !important;
    text-align: right;
}

.total-td input {
    max-width: 150px !important;
    text-align: right;
}

.summary-box input {
    max-width: 150px !important;
    text-align: right;
}

/*.control-label span {
    font-size: .85em;
    color: #c30b1e;
    padding-left: 10px;
}*/

/*overrideed classes*/
.app .breadcrumb {
    padding: 0;
}

.content-box .app-spinner, .modal-body .app-spinner {
    margin-left: -18px;
}

.outlet-options .app-radio {
    margin: 5px 0;
}

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

.bs-datepicker .input-group-addon {
    cursor: pointer;
}

.app .block {
    padding: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    -webkit-box-shadow: 0px 0px 30px 0px rgb(82 63 105 / 5%);
    box-shadow: 0px 0px 30px 0px rgb(82 63 105 / 5%);
}

.app .app-container {
    overflow-y: hidden;
    background: #eceef6;
}

.custom-tab .nav-tabs {
    border-bottom: 1px solid #ddd;
}

.custom-tab .nav {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}

.custom-tab .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    display: block;
    position: relative;
    list-style: outside none none;
}

    .custom-tab .nav-tabs > li.active > a::after,
    .custom-tab .nav-tabs > li.active > a:focus::after,
    .custom-tab .nav-tabs > li.active > a:hover::after {
        background: #ff2e44 none repeat scroll 0 0;
        bottom: -1px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 999;
    }

    .custom-tab .nav-tabs > li.active > a,
    .custom-tab .nav-tabs > li.active > a:focus,
    .custom-tab .nav-tabs > li.active > a:hover {
        border-color: transparent;
        color: #ff2e44 !important;
        position: relative;
        background: none;
    }

.custom-tab .nav > li > a:hover {
    background: none;
    border-color: none;
}

.custom-tab .nav.nav-tabs > li > a {
    color: #858383;
    font-weight: 600;
}

.modal-title {
    text-transform: uppercase;
}

.table-input tr td, .table-input tr th {
    padding: 2px;
}

.table-input {
    width: 100%;
}

.table-wrapper {
    overflow-x: auto;
    margin-bottom: 10px;
    width: 100%;
}

    .table-wrapper .select2-selection--single {
        height: 30px;
    }

    .table-wrapper .select2-selection__rendered {
        line-height: 28px !important;
        padding-left: 10px !important;
    }

    .table-wrapper .select2-selection__arrow {
        height: 27px !important;
    }

    .table-wrapper .select2-search--dropdown .select2-search__field {
        padding: 3px 5px !important;
    }

    .table-wrapper .select2-results__option {
        padding: 0px 20px !important;
    }

    .table-wrapper .select2-container--default .select2-results__group {
        padding: 0 6px !important;
    }

    .table-wrapper .form-control {
        height: 30px !important;
    }



.select2-search--dropdown .select2-search__field {
    padding: 3px 5px !important;
}

.select2-results__option {
    padding: 0px 20px !important;
}

.select2-container--default .select2-results__group {
    padding: 0 6px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: normal !important;
    padding: var(--input-padding);
    line-height: 1.5;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: var(--input-height);
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    font-size: 1.2em;
    padding: 1px 5px;
}

.app .app-header .app-header-search::after {
    content: "";
}

.app-navigation-logo-button-alert {
    background: rgb(240, 78, 81) none repeat scroll 0 0;
    border-radius: 6px;
    color: rgb(255, 255, 255);
    font-size: 10px !important;
    height: 16px;
    line-height: 16px !important;
    position: absolute;
    right: 3px;
    text-align: center !important;
    top: -5px;
    width: 16px !important;
}

nav.nav-pills > li > a, .nav.nav-tabs > li > a {
    text-transform: uppercase;
}

.room-info-tbl {
    font-size: .9em;
}

    .room-info-tbl .table td {
        padding: 5px;
    }

.room-info-tbl2 .table td {
    padding: 5px;
}

.booking_form_bg .main_content_form {
    text-align: left;
}

.confirm-td-items .left-item {
    width: 20%;
    float: left;
    font-weight: bold;
}

.confirm-td-items .middel-item {
    width: 5%;
    float: left;
}

.confirm-td-items .right-item {
    width: 75%;
    float: left;
}

.details-row {
    font-size: 14px;
}

    .details-row strong {
        font-size: 16px;
    }

    .details-row span {
        font-weight: bold;
    }

    .details-row i {
        width: 13px;
    }

    .details-row table {
        width: 100%;
    }

.doller-td {
    color: #206ab0;
    font-size: 18px;
}

.details-row i {
    margin-right: 10px;
}

.flt-info-box {
    padding-bottom: 20px;
    padding-top: 20px;
}

.flt-airline {
    font-size: .85em;
    display: block;
}

.flt-logo {
    height: 35px;
    max-width: 75px;
}

.flt-row {
    display: table;
    width: 100%;
}

.flt-col {
    display: table-cell;
}

.flt-p-info {
    text-align: right;
    text-transform: uppercase;
    font-size: .85em;
}

.flt-t-info {
    text-align: right;
    text-transform: uppercase;
    font-size: .85em;
}

.flt-col-right {
    width: 180px;
    border-left: 1px solid #ccc;
    float: none;
    vertical-align: bottom;
    padding-left: 20px;
}

.flt-route-header {
    border-bottom: 1px solid #006a4e;
    color: #006a4e
}

.flt-route-title {
    letter-spacing: 3px;
    font-weight: bold;
    display: inline-block;
    margin-right: 20px;
    text-transform: uppercase;
}

.flt-route-info {
    float: right;
    display: inline-block;
    font-size: 0.85em;
    font-weight: bold;
}

.flt-time {
    clear: both;
    font-size: 0.85em;
    color: #2c3e50
}

.flt-number {
    clear: both;
    font-size: 0.85em;
    color: #2c3e50;
    padding-top: 10px;
}

.flt-middle .middle_flight_section {
    margin-top: 10px;
    width: 100%;
    display: block !important;
}

.flt-middle .flight_section .middle_flight_section {
    width: 100%;
    margin-top: 10px;
}

.airport-item {
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: bold;
}

.bottom_title span.doller {
    font-size: 20px;
    color: #206ab0;
}
/*.airport-item img{height:20px;  margin-right:5px; margin-top:-5px;}*/
.airport-item span {
    font-size: 16px;
    font-weight: normal;
    margin-left: 5px;
}

.airline-item {
    display: block;
    font-size: 0.9em;
    line-height: 1.2em;
}

.flight_section .middle_flight_section .border_line::before {
    right: 0;
}

.flight_section .middle_flight_section .border_line::after, .flight_section .middle_flight_section .border_line::before {
    color: #006a4e;
    content: "";
    display: block;
    font: 16px FontAwesome;
    position: absolute;
    text-rendering: auto;
    top: -9px;
}

.flight_section .middle_flight_section .border_line::after {
    left: 0;
}

.flight_section .middle_flight_section .border_line::after, .flight_section .middle_flight_section .border_line::before {
    color: #006a4e;
    content: "";
    display: block;
    font: 16px FontAwesome;
    position: absolute;
    text-rendering: auto;
    top: -9px;
}

.middle_flight_section .border_line {
    background: #d3d3d3 none repeat scroll 0 0;
    float: left;
    height: 1px;
    position: relative;
    width: 100%;
}

.flight_section div {
    display: inline-block;
}

.middle_flight_section .border_line i {
    color: #006a4e;
    font-size: 18px;
    position: absolute;
    top: -8px;
    transform: rotate(46deg);
}

.full-width {
    width: 100%;
}

.display-block {
    display: inline-block;
}

.filters-block .title {
    float: none !important;
}

.date-icon, .date-clear {
    cursor: pointer;
    text-align: right !important;
    padding-right: 10px;
    padding-top: 2px;
}

.date-items-bg {
    cursor: default !important;
    opacity: 1 !important;
}



.input-group .input-group-addon {
    border-radius: var(--rounded);
}



.select2-container--default .select2-selection--single {
    border-radius: var(--rounded);
    height: var(--input-height);
    
}

span.form-control {
    padding: 10px;
    height: auto;
    min-height: 40px;
}

.waiting-icons {
    position: absolute;
    top: 14px;
    right: 20px;
}

.cancel-icons {
    position: absolute;
    top: 15px;
    transform: translateY(-50%);
    right: 20px;
    cursor: pointer;
    color: #e61d1d;
}

.info-pill {
    cursor: pointer;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    min-width: 20px;
    padding: 2px 5px;
    text-align: center;
    text-transform: uppercase;
}

.brand {
    background-color: #76ab3c;
    border: 1px solid #76ab3c;
}

.t-class {
    background-color: #f69f00;
    border: 1px solid #f69f00;
}

.f-type {
    background-color: #f04e51;
    border: 1px solid #f04e51;
}

.padding-5 th, .padding-5 td {
    padding: 5px !important
}

.app .table tr td {
    padding: 5px;
}

.app .table tr th {
    padding: 8px 5px;
}


.report-tbl .table tr td,
.report-tbl .table tr th {
    line-height: 11px !important;
    font-size: 10px !important;
}

.status-td {
    width: 77px;
}

.status-td-2 {
    width: 40px;
}

    .status-td span, .status-td-2 span {
        width: 100%;
        float: right;
    }

.payment-td i {
    float: right;
    margin-top: 3px;
}

.small, small {
    font-size: 75%;
}

.old-price {
    color: red !important;
    text-decoration: line-through;
    display: block;
}

.det-header {
    color: #206ab0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    color: rgb(44, 62, 80);
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 3px;
    margin-top: 15px;
    padding-bottom: 2px;
    text-transform: uppercase;
}

.details-header {
    font-size: 14px;
    margin-top: 3px;
    letter-spacing: 2px;
    color: #006a4e;
    text-transform: uppercase;
    padding: 0px 2px;
    border-bottom: 1px solid #006a4e;
}

.details-tbl .input-inline {
    padding: 0 2px 0 2px;
    text-align: right;
}

    .details-tbl .input-inline:focus {
        padding: 0 30px 0 2px;
    }

.details-header-2 {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #DBE0E4;
}

.app .table tr td, .app .table tr th {
    vertical-align: top;
}

.member-details .form-group {
    margin-bottom: 0px;
}

.combo-inputs .input-group-addon {
    border: 0;
    padding: 0;
}

.combo-inputs select {
    height: 40px;
    background-color: white;
    border: thin solid rgb(204, 204, 204);
    display: inline-block;
    font: inherit;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 2.5em 0.5em .5em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-right: 0;
}

.combo-inputs .form-control {
    border-left: 0;
}

select.minimal {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 17px) calc(1em + 6px), calc(100% - 12px) calc(1em + 6px), calc(100%) 0.7em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

    select.minimal:focus {
        background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
        background-position: calc(100% - 12px) calc(1em + 4px), calc(100% - 17px) calc(1em + 4px), calc(100%) 0.7em;
        background-size: 5px 5px, 5px 5px, 1px 1.5em;
        background-repeat: no-repeat;
        outline: 0;
    }

    select.minimal:disabled {
        background-color: #e9ecef;
        opacity: 1;
    }

.tab-content {
    margin-top: 10px;
}

    .tab-content .filter-box {
        margin-bottom: 0;
    }

    .tab-content table.dataTable {
        margin-top: 0 !important;
    }

.email-td {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 200px;
}

.mobile-td {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 120px;
}

.form-block {
    border-bottom: 1px dotted #e60d0d;
    padding-bottom: 5px;
    color: #e60d0d;
    cursor: pointer;
}

    .form-block i {
        float: right;
        font-size: 20px;
    }

.swal2-popup .swal2-title {
    display: block !important;
}

.form-horizontal .form-group {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.modal .modal-dialog .modal-content .modal-header .modal-title {
    line-height: normal !important;
}

.dsb-app-heading {
    border-bottom: 1px solid #ccc;
}

    .dsb-app-heading h2 {
        line-height: 30px !important;
    }

    .dsb-app-heading .heading-elements button {
        margin-top: 0;
    }


a.link-move {
    color: #dbe0e4 !important;
    opacity: .7;
    font-size: 22px;
}

    a.link-move:hover {
        color: #dbe0e4 !important;
        opacity: 1;
    }

.moveable-col {
    margin-left: -15px;
}

.control-item-td {
    width: 25%;
}

.item-line-box {
    background-color: #f7f6f64a;
    padding-bottom: 10px;
}

.item-line-title {
    display: inline-block;
    font-weight: bold;
    padding-top: 5px;
    line-height: 30px;
    font-size: 1.4em;
    letter-spacing: 1px;
}

button.item-line-btn {
    float: right;
}

.form-buttons .btn {
    width: 150px;
    margin-right: 5px;
    text-transform: uppercase;
}

.negative-val {
    color: red;
}

.trnx-type {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 1px 3px;
}

small.sale {
    background-color: #f2dede;
}

small.opening {
    background-color: #d9edf7;
}

label.status-label {
    text-transform: capitalize !important;
    letter-spacing: 0;
}
.chart-content {
    overflow: visible !important;
}


/*****************************************
	Preloader Styles (Preloader One)
******************************************/

.preloader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    /* background: linear-gradient(180deg, #4C75DF -22.75%, #034EA1 100%); */
    z-index: 9999;
    /* overflow: hidden; */
    animation: zoom-in-zoom-out 1s ease infinite;
}

/* new loader */

.loader {
    margin: 0 auto;
    width: 60px;
    height: 50px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
}

    .loader > div {
        height: 100%;
        width: 8px;
        display: inline-block;
        float: left;
        margin-left: 2px;
        -webkit-animation: delay 0.8s infinite ease-in-out;
        animation: delay 0.8s infinite ease-in-out;
    }

    .loader .bar1 {
        background-color: #754fa0;
    }

    .loader .bar2 {
        background-color: #09b7bf;
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .loader .bar3 {
        background-color: #90d36b;
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .loader .bar4 {
        background-color: #f2d40d;
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .loader .bar5 {
        background-color: #fcb12b;
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .loader .bar6 {
        background-color: #ed1b72;
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

@-webkit-keyframes delay {

    0%, 40%, 100% {
        -webkit-transform: scaleY(0.05);
    }

    20% {
        -webkit-transform: scaleY(1);
    }
}

@keyframes delay {

    0%, 40%, 100% {
        transform: scaleY(0.05);
        -webkit-transform: scaleY(0.05);
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}

/* end of new loader */