@charset "UTF-8";
@import url(fonts/stylesheet.css);
/* Styles for checkboxes / radios */
/* Style for radio inside span (inline) */
/* Style for radio  / checkbox inside grid */
/* fake select */
/* Popup */
/* Ajax tab */
/* Grid pagination */
/*Table under rateplan */
/* Checkbox colors */

*{
    box-sizing:border-box;
}
#sidebar-navigation *{
    box-sizing: content-box !important;
}
button {
    outline: none !important;
}

body {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 12px;
    background: #f9f9f9;
}

html {
    margin: 0;
    font-family: "InterLight", sans-serif;
    font-size: 12px;
    background: #f9f9f9;
}

a {
    color: #9013fe;
}

.top-bar {
    color: #a2a2a2;
    display: none;
    font-size: 11px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mt-15 {
    margin-top: 15px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

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

.navigation-wrapper {
    width: 100%;
    background: #f5eaff !important;
    border: 1px solid #dacde6;
}

    .navigation-wrapper tr td {
        min-width: 162px;
        padding: 1px 15px;
        border-right: 1px solid #dacde6;
    }

        .navigation-wrapper tr td a {
            text-decoration: none;
            color: #240045;
            display: inline-block;
        }

        .navigation-wrapper tr td:last-child {
            border-right: 0;
        }

        .navigation-wrapper tr td.tab-active a {
            position: relative;
            background: #9013fe;
            padding: 0px 2px;
            border-radius: 10px;
            border: 3px solid #9013fe;
            margin: -3px;
            left: -2px;
            color: #fff;
        }

    .navigation-wrapper tr:first-child td {
        padding-top: 8px;
    }

    .navigation-wrapper tr:last-child td {
        padding-bottom: 8px;
    }

*:focus {
    outline: none;
}

input[type="button"] {
    box-sizing: border-box;
    background: #fff;
    color: #9013fe;
    border: 0px;
    border-radius: 24px;
    padding: 0 11px !important;
    height: 25px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    cursor: pointer;
}

    input[type="button"]:hover {
        background: #9013fe;
        color: #fff;
    }

input[type="reset"] {
    box-sizing: border-box;
    background: #fff;
    color: #9013fe;
    border: 0px;
    border-radius: 24px;
    padding: 0 11px !important;
    height: 27px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
}

    input[type="reset"]:hover {
        background: #9013fe;
        color: #fff;
    }

input[type="reset"],
input[type="submit"] {
    box-sizing: border-box;
    background: #fff;
    color: #9013fe;
    border: 0px;
    border-radius: 24px;
    padding: 0 11px !important;
    height: 27px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    cursor: pointer;
}

    input[type="reset"]:hover,
    input[type="submit"]:hover {
        background: #9013fe;
        color: #fff;
    }

button,
.link-btn {
    box-sizing: border-box;
    background: #f3e6ff;
    color: #9013fe;
    border: 0px;
    border-radius: 24px;
    padding: 0 11px !important;
    height: 27px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
}

    button:hover,
    .link-btn:hover {
        background: #9013fe;
        color: #fff;
    }

.search-client-btn {
    position: relative;
}

input[type="text"] {
    box-sizing: border-box;
    height: 25px;
    border-radius: 23.5px;
    background-color: #fff;
    border: 0;
    padding: 0 12px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    box-sizing: content-box;
}

input[type="password"] {
    box-sizing: border-box;
    height: 25px;
    border-radius: 23.5px;
    background-color: #fff;
    border: 0;
    padding: 0 12px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
}

textarea {
    box-sizing: border-box;
    border-radius: 23.5px;
    background-color: #fff;
    border: 0;
    padding: 0 12px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    height: auto;
    padding: 8px 12px;
    border-radius: 6px;
}

.borders-fix tr {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid gainsboro;
}

.borders-fix-table {
    border: 1px solid #dadada;
}

    .borders-fix-table td {
        border: 1px solid #dadada;
    }

.booking-price-details tr,
.booking-price-details th {
    border-bottom: 1px solid gainsboro;
}

.booking-price-details td {
    border: 0;
}

.text-variables td {
    border: 0;
}

.grid {
    color: #000;
    border-left: 0 !important;
    border-right: 0 !important;
    margin-top: 5px;
}

    .grid .grid-header td,
    .grid .grid-head td {
        background: #f0f0f0 !important;
        color: #000;
    }

        .grid .grid-header td a,
        .grid .grid-head td a {
            color: #000000 !important;
            text-decoration: none;
            display: inline-block;
            position: relative;
        }

            .grid .grid-header td a:after,
            .grid .grid-head td a:after {
                position: absolute;
                height: 1px;
                background: #cccccc;
                content: "";
                left: 0;
                right: 0;
                bottom: -2px;
            }

            .grid .grid-header td a + img,
            .grid .grid-head td a + img {
                position: relative;
                margin-left: 1px;
                width: 10px;
                top: 0px;
            }

    .grid .grid-header th,
    .grid .grid-head th {
        background: #f0f0f0 !important;
        color: #000;
    }

        .grid .grid-header th a,
        .grid .grid-head th a {
            color: #000000 !important;
            text-decoration: none;
        }

            .grid .grid-header th a:after,
            .grid .grid-head th a:after {
                position: absolute;
                height: 1px;
                background: #cccccc;
                content: "";
                left: 0;
                right: 0;
                bottom: -2px;
            }

            .grid .grid-header th a + img,
            .grid .grid-head th a + img {
                position: relative;
                top: -2px;
                margin-left: 4px;
            }

    .grid td {
        padding: 7px !important;
        background: #fff;
    }

    .grid th {
        padding: 7px !important;
        background: #fff;
    }

    .grid a {
        text-decoration: none;
        position: relative;
    }

    .grid input[type="text"] {
        margin-bottom: 5px;
    }

    .grid textarea {
        margin-bottom: 5px;
    }

    .grid input[type="radio"] + label {
        margin-bottom: 5px;
    }

    .grid input[type="checkbox"] + label {
        margin-bottom: 5px;
    }

.grid-info {
    color: #bababa;
    margin-bottom: 12px;
}

.container-box {
    padding: 0 5px;
}

*:not(.switch-checkbox) > input[type="checkbox"],
input[type="radio"] {
    display: none;
}

    *:not(.switch-checkbox) > input[type="checkbox"] + label,
    input[type="radio"] + label {
        position: relative;
        display: inline-block;
        padding-left: 26px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

        *:not(.switch-checkbox) > input[type="checkbox"] + label:after,
        input[type="radio"] + label:after {
            content: ".";
            opacity: 0;
            width: 0 !important;
        }

        *:not(.switch-checkbox) > input[type="checkbox"] + label:before,
        input[type="radio"] + label:before {
            position: absolute;
            left: 0px;
            top: 0;
            font-size: 8px;
            font-family: "fontello";
            content: "\e803";
            display: inline-block;
            color: rgba(0, 0, 0, 0);
            width: 19px;
            height: 19px;
            border-radius: 50%;
            background: #fff;
            vertical-align: middle;
            margin-right: 5px;
            text-align: center;
            line-height: 19px;
        }

        *:not(.switch-checkbox) > input[type="checkbox"] + label:hover:before,
        input[type="radio"] + label:hover:before {
            color: #bababa;
        }

    *:not(.switch-checkbox) > input[type="checkbox"]:checked + label:before,
    input[type="radio"]:checked + label:before {
        background: #9013fe;
        color: #fff;
    }

span:not(.aspNetDisabled) input[type="checkbox"] + label {
    margin-right: 15px;
}

span input[type="radio"] + label {
    margin-right: 15px;
}

select:not([multiple="multiple"]) {
    height: 27px !important;
    opacity: 0;
}

.fake-select {
    position: relative;
    display: inline-block;
}

    .fake-select .fake-select-value {
        height: 27px;
        line-height: 27px;
        background: #fff;
        border-radius: 23.5px;
        color: #240045;
        padding: 0 11px;
        vertical-align: center;
    }

        .fake-select .fake-select-value:after {
            font-size: 12px;
            display: inline;
            font-family: "fontello";
            content: "\e801";
            margin-left: 6px;
        }

    .fake-select .fake-select-options {
        min-width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #e5e5e5;
        border-radius: 11px;
        color: #240045;
        text-align: left;
        z-index: 10;
        overflow: hidden;
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
    }

        .fake-select .fake-select-options .fake-option {
            cursor: pointer;
            padding: 0 27px;
            display: block;
            white-space: nowrap;
            line-height: 20px;
        }

            .fake-select .fake-select-options .fake-option:hover {
                background: rgba(144, 19, 254, 0.3);
                color: #fff;
            }

            .fake-select .fake-select-options .fake-option.active {
                background: #9013fe;
                color: #fff;
                padding: 0 8px;
            }

                .fake-select .fake-select-options .fake-option.active:before {
                    font-size: 8px;
                    display: inline;
                    font-family: "fontello";
                    content: "\e803";
                    margin-right: 8px;
                }

    .fake-select.empty .fake-select-value {
        min-width: 50px;
        text-align: right;
    }

.popupbg {
    background: rgba(0, 0, 0, 0.7);
}

.popupHeader {
    font-size: 18px;
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.05);
}

.ajax__tab_xp .ajax__tab_header {
    font-family: "Inter", sans-serif !important;
    font-weight: 500;
    border-bottom: 1px solid #cccccc;
    background-image: none !important;
    overflow: hidden;
}

.ajax__tab_xp .ajax__tab_body {
    font-family: "Inter", sans-serif !important;
    font-weight: 500;
    border-color: #cccccc !important;
}

.ajax__tab_tab {
    color: #000 !important;
}

.grid-pagination a {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    color: #bababa;
    font-size: 12px;
}

    .grid-pagination a:hover {
        background: #e5e5e5;
        color: #000;
    }

    .grid-pagination a:last-child {
        width: auto;
        height: auto;
        border-radius: 0;
    }

        .grid-pagination a:last-child:hover {
            background: none;
            color: #9013fe;
        }

    .grid-pagination a:first-child {
        width: auto;
        height: auto;
        border-radius: 0;
    }

        .grid-pagination a:first-child:hover {
            background: none;
            color: #9013fe;
        }

.grid-pagination span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    color: #bababa;
    font-size: 12px;
    background: #9013fe;
    color: #fff;
}

.grid-pagination *:first-child {
    margin-left: 10px;
}

.clear {
    clear: both;
}

.RPRoomtype1 {
    float: left;
    border-left: 1px solid #e1e1e1;
    width: 50%;
    padding: 8px 10px;
    background: #fff;
    box-sizing: border-box;
    border-top: 1px solid #e1e1e1;
    font-size: 16px;
    border-radius: 20px 0 0 0;
}

.RPRoomtype2 {
    float: right;
    text-align: right;
    border-right: 1px solid #e1e1e1;
    width: 50%;
    padding: 8px 10px;
    background: #fff;
    box-sizing: border-box;
    border-top: 1px solid #e1e1e1;
    font-size: 16px;
    border-radius: 0 20px 0 0;
}

.tblRP tbody tr:first-child td {
    color: #000 !important;
    width: 1%;
}

.tblRP tbody tr:nth-child(2) td {
    color: #000 !important;
}

.tblRP tbody tr.allotment-row td:first-child input + label {
    margin-left: 10px;
    margin-top: 0.5px !important;
    margin-bottom: 0.5px !important;
}

.tblRP tbody tr td {
    border: 1px solid #dbdbdb !important;
    white-space: nowrap;
}

    .tblRP tbody tr td:first-child > input:first-child + label {
        margin-left: 10px;
        margin-top: 0.5px !important;
        margin-bottom: 0.5px !important;
    }

    .tblRP tbody tr td:first-child span {
        width: auto !important;
        height: auto !important;
    }

        .tblRP tbody tr td:first-child span:first-child {
            margin-left: 10px;
        }

        .tblRP tbody tr td:first-child span label {
            margin: 0 !important;
            padding-left: 20px;
            margin-top: 0.5px !important;
            margin-bottom: 0.5px !important;
        }

            .tblRP tbody tr td:first-child span label:after {
                display: none;
            }

            .tblRP tbody tr td:first-child span label:before {
                margin-right: 0;
            }

.tblRP input[type="text"] {
    height: 18px !important;
    border-width: 1px !important;
    text-align: center;
    padding: 0 5px;
    border-radius: 8px;
}

.tblRP .fake-select .fake-select-value {
    height: 20px;
    line-height: 20px;
}

.custom-radio-size input[type="checkbox"] + label,
.custom-radio-size input[type="radio"] + label,
.special-styling-checkbox-list input[type="checkbox"] + label,
.special-styling-checkbox-list input[type="radio"] + label {
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .custom-radio-size input[type="checkbox"] + label:after,
    .custom-radio-size input[type="radio"] + label:after,
    .special-styling-checkbox-list input[type="checkbox"] + label:after,
    .special-styling-checkbox-list input[type="radio"] + label:after {
        display: none;
    }

    .custom-radio-size input[type="checkbox"] + label:before,
    .custom-radio-size input[type="radio"] + label:before,
    .special-styling-checkbox-list input[type="checkbox"] + label:before,
    .special-styling-checkbox-list input[type="radio"] + label:before {
        top: 1px;
        width: 13px;
        height: 13px;
        font-size: 7px;
        line-height: 13px;
    }

.under-rateplan-table {
    font-size: 12px !important;
    background: #fff !important;
}

    .under-rateplan-table input[type="text"] {
        height: 18px !important;
    }

    .under-rateplan-table select {
        font-size: 12px;
        background-position: calc(100% - 6px) 3px !important;
        background-size: 8px !important;
        border-radius: 5px !important;
        height: 20px !important;
        padding: 0 20px 0 5px !important;
    }

    .under-rateplan-table tr td:not(:first-child) {
        padding-left: 8px;
    }

    .under-rateplan-table tr td:first-child {
        padding: 2px 8px;
    }

        .under-rateplan-table tr td:first-child label {
            margin: 0;
        }

        .under-rateplan-table tr td:first-child span input + label {
            margin: 0;
        }

    .under-rateplan-table table[id*="chkl"] td label {
        margin-right: 10px;
    }

    .under-rateplan-table > tbody > tr > td:first-child label {
        padding-left: 20px;
    }

        .under-rateplan-table > tbody > tr > td:first-child label:first-of-type {
            margin-left: 10px;
        }

    .under-rateplan-table > tbody > tr > td:first-child span label {
        margin-left: 0px !important;
    }

    .under-rateplan-table > tbody > tr > td:first-child span:first-of-type label {
        margin-left: 10px !important;
    }

.add-item-table td {
    padding: 3px;
}

.chanel-settings-table td {
    border-color: #d8d8d8;
    padding: 3px;
}

.inputs-spacing-vertical input {
    margin-bottom: 5px;
}

.radios-spacing-vertical input[type="radio"] + label {
    margin-bottom: 5px;
}

.radios-spacing-vertical input[type="checkbox"] + label {
    margin-bottom: 5px;
}

span[style*="background-color:WhiteSmoke"] {
    background: transparent !important;
}

.no-input-margin input[type="text"] {
    margin-bottom: 0px;
}

.no-input-margin textarea {
    margin-bottom: 0px;
}

.grid.small-padding td {
    padding: 2px !important;
}

.rateplan-radios-table {
    margin: 8px 0 !important;
}

    .rateplan-radios-table td {
        padding: 0 !important;
    }

        .rateplan-radios-table td label {
            margin-right: 10px !important;
        }

    .rateplan-radios-table.rateplan-spans span {
        padding: 0 !important;
    }

        .rateplan-radios-table.rateplan-spans span label {
            margin-right: 10px !important;
        }

.save-settings-td div {
    position: relative;
    padding-left: 10px;
}

.save-settings-td button {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #9013fe;
    font-size: 14px;
    padding: 0 !important;
}

.save-settings-td input {
    position: absolute;
    z-index: 1;
    opacity: 0;
}

.btn-mb {
    margin-bottom: 5px;
}

.tblRP input[type="checkbox"]:checked + label:before,
.tblRP input[type="radio"]:checked + label:before,
.under-rateplan-table input[type="checkbox"]:checked + label:before,
.under-rateplan-table input[type="radio"]:checked + label:before {
    background: orange !important;
}

.tblRP > tbody > tr > td:first-child input[type="checkbox"]:checked + label:before,
.tblRP > tbody > tr > td:first-child input[type="radio"]:checked + label:before,
.under-rateplan-table > tbody > tr > td:first-child input[type="checkbox"]:checked + label:before,
.under-rateplan-table > tbody > tr > td:first-child input[type="radio"]:checked + label:before {
    background: #0077ff !important;
}

.cb-bisque input[type="radio"] + label:before {
    background: #ffe4c4 !important;
}

.cb-bisque input[type="radio"]:checked + label:before {
    background: #ff9823 !important;
}

.cb-bisque input[type="checkbox"] + label:before {
    background: #ffe4c4 !important;
}

.cb-bisque input[type="checkbox"]:checked + label:before {
    background: #ff9823 !important;
}

.cb-dark-gray input[type="radio"] + label:before {
    background: rgba(169, 169, 169, 0.4) !important;
}

.cb-dark-gray input[type="radio"]:checked + label:before {
    background: #5e5e5e !important;
}

.cb-dark-gray input[type="checkbox"] + label:before {
    background: rgba(169, 169, 169, 0.4) !important;
}

.cb-dark-gray input[type="checkbox"]:checked + label:before {
    background: #5e5e5e !important;
}

.cb-red input[type="radio"]:checked + label:before,
.cb-lightgray input[type="radio"]:checked + label:before {
    background: #d63b3c !important;
}

.cb-red input[type="checkbox"]:checked + label:before,
.cb-lightgray input[type="checkbox"]:checked + label:before {
    background: #d63b3c !important;
}

/* Tu dopisuje nowe style... */
textarea,
input[type="text"],
input[type="password"] {
    border: 1px solid #cecece;
}

input[type="radio"]:not(:checked) + label:before,
*:not(.switch-checkbox) > input[type="checkbox"]:not(:checked) + label:before {
    border: 1px solid #cecece;
}

input[type="radio"]:checked + label:before,
*:not(.switch-checkbox) > input[type="checkbox"]:checked + label:before {
    border: 1px solid transparent;
}

.fake-select-value {
    border: 1px solid #cecece;
}

.tblRP {
    margin-bottom: 24px !important;
}

    .tblRP .fake-select-value,
    .tblRP input[type="text"] {
        width: 37px !important;
        font-size: 11px !important;
        border-radius: 12px;
    }

        .tblRP input[type="text"][maxlength="6"] {
            width: 37px !important;
        }

        .tblRP input[type="text"][maxlength="3"] {
            width: 21px !important;
        }

        .tblRP input[type="text"][maxlength="10"] {
            width: 21px !important;
        }

        .tblRP input[type="text"].width-14 {
            width: 15px !important;
        }

        .tblRP input[type="text"].width-23 {
            width: 24px !important;
        }

        .tblRP input[type="text"].width-42 {
            width: 37px !important;
        }

.fake-select-options {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.19), 0 6px 6px 0 rgba(0, 0, 0, 0.26) !important;
    max-height: 500px;
    overflow: auto !important;
}

*:not(.switch-checkbox) > input[type="checkbox"] + label,
input[type="radio"] + label {
    white-space: nowrap;
    margin-bottom: 3px;
}

    *:not(.switch-checkbox) > input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
        vertical-align: baseline;
        margin-right: 3px;
    }

.rateplan-radios-table .radio-horizontal-spacing label {
    margin-top: 3px;
}

.radios-spacing-vertical label {
    margin-top: 2px;
    margin-bottom: 2px;
}

.RPRoomtype1.full {
    float: none;
    width: 100%;
    border-right: 1px solid #dbdbdb;
    border-radius: 20px 20px 0 0;
}

body.blue a {
    color: #000;
}

body.blue .navigation-wrapper {
    background: #e0f2ff !important;
}

    body.blue .navigation-wrapper tr td.tab-active a {
        background: #0077ff;
        border: 3px solid #0077ff;
        margin: -3px;
    }

body.blue input[type="submit"],
body.blue input[type="reset"],
body.blue input[type="button"],
body.blue a.button,
body.blue button {
    background: #e0f2ff;
    color: #0077ff;
}

    body.blue input[type="submit"]:hover,
    body.blue input[type="reset"]:hover,
    body.blue input[type="button"]:hover,
    body.blue a.button:hover,
    body.blue button:hover {
        background: #0077ff;
        color: #fff;
    }

body.blue *:not(.switch-checkbox) > input[type="checkbox"]:checked + label:before,
body.blue input[type="radio"]:checked + label:before {
    background: #0077ff;
    color: white !important;
}

body.blue .fake-select .fake-select-options .fake-option.active {
    background: #0077ff;
}

body.blue .fake-select .fake-select-options .fake-option:hover,
body.blue .fake-select .fake-select-options .fake-option.hint {
    background: rgba(0, 119, 255, 0.3);
}

body.blue .grid-pagination span {
    background: #0077ff;
}

body.blue .save-settings-td button {
    background: #fff;
    color: #0077ff;
    font-size: 18px;
}

body.blue .navigation-wrapper,
body.blue .navigation-wrapper tr td {
    border-color: #d6dde8;
}

    body.blue .navigation-wrapper tr td:not(.tab-active) a {
        color: #001b45;
    }

.radio-horizontal-spacing label {
    margin: 0 5px;
}

.black-link {
    color: #000 !important;
}

img[src$="calendar.gif"] {
    vertical-align: sub;
}

.ui-datepicker-trigger {
    padding-left: 6px !important;
    background: transparent !important;
}

/* USUN ROZOWY CHECK I RADIO */
table.smalltd3 tr:first-child td {
    border-bottom: 1px solid #dcdcdc;
}

.ajax__tab_xp .ajax__tab_body {
    font-size: inherit !important;
}

.ajax__scroll_none {
    overflow: unset !important;
}

.fake-select-value,
.fake-option {
    white-space: nowrap !important;
}

.grid a {
    text-decoration: underline;
}

.grid-pagination a {
    text-decoration: none;
}

.radios-scrollbar label {
    margin-bottom: 0 !important;
}

.booking-price-details {
    margin-top: 10px;
    font-size: 11px;
}

    .booking-price-details td {
        padding: 2px 5px !important;
    }

.clientName {
    font-size: 11px;
}

/* .net calendar */
.ajax__calendar .ajax__calendar_container {
    width: 220px !important;
    border: none !important;
    border-radius: 5px !important;
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
    font-family: "Inter", sans-serif !important;
}

    .ajax__calendar .ajax__calendar_container * {
        font-family: "Inter", sans-serif !important;
    }

.ajax__calendar_header {
    height: auto !important;
}

.ajax__calendar_title {
    font-size: 18px !important;
    font-family: "Inter", sans-serif;
    padding: 6px 0;
    color: #393939 !important;
}

.ajax__calendar_day,
.ajax__calendar_dayname,
.ajax__calendar_footer {
    font-size: 14px !important;
}

.ajax__calendar_day {
    height: 29px !important;
    line-height: 29px !important;
    width: 25px !important;
    display: inline-block;
    text-align: center !important;
    border-radius: 50%;
    color: #393939 !important;
}

    .ajax__calendar_day:hover {
        background: #e6e6e6 !important;
        color: #393939 !important;
    }

.ajax__calendar .ajax__calendar_today .ajax__calendar_day {
    border: 1px solid #c4c4c4 !important;
}

.ajax__calendar_body,
.ajax__calendar_days {
    width: 100% !important;
    height: 225px !important;
}

    .ajax__calendar_body table,
    .ajax__calendar_days table {
        width: 100% !important;
        text-align: center !important;
        font-family: "Inter", sans-serif !important;
    }

        .ajax__calendar_days table td {
            padding: 0 !important;
        }

.ajax__calendar_months {
    width: 100% !important;
}

    .ajax__calendar_months .ajax__calendar_month {
        font-size: 14px !important;
        width: 100% !important;
        margin: 0 !important;
    }

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {
    background: #0077ff !important;
    border-color: #0077ff !important;
    color: #fff !important;
}

.ajax__calendar_footer {
    padding: 0 !important;
    height: 35px !important;
    line-height: 35px !important;
}

.ajax__calendar_dayname {
    color: rgba(0, 0, 0, 0.54);
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    border: none !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.ajax__calendar_other .ajax__calendar_day {
    color: rgba(57, 57, 57, 0.3) !important;
}

.ajax__calendar_next,
.ajax__calendar_prev {
    position: relative;
    top: 10px;
}

.txtboxsmall2 {
    border: 1px solid #ff7e28 !important;
}

.tblRP input[type="checkbox"] + label,
.tblRP input[type="radio"] + label {
    margin-bottom: 0 !important;
}

    .tblRP input[type="checkbox"] + label:before,
    .tblRP input[type="radio"] + label:before {
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 8px;
        background: #fff;
    }

.tblRP .fake-select-value {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

    .tblRP .fake-select-value:after {
        color: #9f9f9f;
    }

td[id$="tdRateTypes"] input + label {
    margin-top: 2px !important;
    margin-bottom: 0 !important;
}

.no-table-padding td {
    padding: 0 !important;
}

.black-link,
.grid a {
    color: #000 !important;
}

fieldset {
    background: #fff;
    border: 1px solid #cccccc;
}

table[id*="ctlCalendar"] tbody {
    font-family: "Inter", sans-serif !important;
}

    table[id*="ctlCalendar"] tbody * {
        font-family: "Inter", sans-serif;
        font-size: 12px !important;
        text-decoration: none !important;
    }

    table[id*="ctlCalendar"] tbody tr:first-child td:first-child {
        border: 0px !important;
    }

    table[id*="ctlCalendar"] tbody td {
        border-color: #dadada !important;
    }

        table[id*="ctlCalendar"] tbody td[style*="background-color:Khaki"] {
            background: #0076ff !important;
            color: #fff !important;
        }

            table[id*="ctlCalendar"] tbody td[style*="background-color:Khaki"] a {
                color: #fff !important;
            }

.smalltd2 td {
    padding: 2px !important;
}

/* Ratewatch calendar */
.ratewatch-calendar {
    margin-top: 5px;
    background: #fff;
    border: 1px solid #d8d8d8;
}

    .ratewatch-calendar * {
        font-size: 12px !important;
    }

    .ratewatch-calendar .ratewatch-calendar-title td:not(.ratewatch-calendar-navi) {
        font-size: 16px !important;
    }

    .ratewatch-calendar .ratewatch-calendar-weekend {
        background: #f7f7f7;
    }

    .ratewatch-calendar > tbody > tr > td {
        border: 1px solid #d8d8d8 !important;
        padding: 10px;
        font-size: 12px !important;
    }

    .ratewatch-calendar > tbody > tr:first-child td {
        background: #f0f0f0 !important;
    }

        .ratewatch-calendar > tbody > tr:first-child td a {
            text-decoration: none;
        }

    .ratewatch-calendar .ratewatch-calendar-header {
        border: 1px solid #d8d8d8;
    }

        .ratewatch-calendar .ratewatch-calendar-header:last-child,
        .ratewatch-calendar .ratewatch-calendar-header:nth-child(6) {
            background: #f7f7f7;
        }

.ratewatch-calendar-options label {
    margin-bottom: 0 !important;
}

/* Chanel settings table  */
.chanel-settings-table {
    background: #fff;
    border-collapse: collapse;
    border: 1px solid #d8d8d8;
}

    .chanel-settings-table > tr > td {
        border: 1px solid #d8d8d8;
    }

.settings-selector td {
    padding: 0px;
    height: 76px;
}

.chanel-settings-table:not(.settings-selector) td {
    padding: 1px 0 !important;
}

.chanel-settings-table:not(.settings-selector) > tbody > tr > td {
    padding: 10px !important;
}

    .chanel-settings-table:not(.settings-selector) > tbody > tr > td:last-child table > tbody > tr > td:first-child {
        padding-right: 5px !important;
    }

/* Padding table */
.inputs-spacing-table td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.checkboxlist-padding {
    padding: 0 3px;
}

/* UI DATEPICKER */
.ui-datepicker {
    width: 220px !important;
    font-family: "Inter", sans-serif !important;
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

    .ui-datepicker * {
        font-family: "Inter", sans-serif !important;
    }

    .ui-datepicker .ui-datepicker-header {
        background: transparent !important;
        border: none !important;
    }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
            font-size: 18px !important;
            color: #393939 !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

    .ui-datepicker .ui-datepicker-calendar tr th,
    .ui-datepicker .ui-datepicker-calendar tr td {
        font-size: 14px !important;
    }

    .ui-datepicker .ui-datepicker-calendar tr th {
        font-weight: 500 !important;
    }

    .ui-datepicker .ui-datepicker-calendar tr td span,
    .ui-datepicker .ui-datepicker-calendar tr td a {
        padding: 0 !important;
        display: block !important;
        text-align: center !important;
        width: 28px;
        height: 28px;
        line-height: 28px;
        border-radius: 50%;
        background: #dadada !important;
    }

    .ui-datepicker .ui-datepicker-calendar .ui-state-default {
        border: none !important;
        background: transparent !important;
    }

    .ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
        border: 1px solid #c4c4c4 !important;
    }

    .ui-datepicker .ui-datepicker-calendar .ui-state-hover {
        background: #e6e6e6 !important;
    }

    .ui-datepicker .ui-datepicker-calendar .ui-state-active {
        background: #0077ff !important;
        color: #fff !important;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        top: 9px !important;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        background: transparent !important;
        border: 0px !important;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px !important;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px !important;
    }

/* Modern close button */
.modern-close-button {
    color: #1f1f1f !important;
    font-size: 22px;
    text-decoration: none;
}

.booking-disabled td {
    background: #eaeaea !important;
}

.booking-modified td {
    background: #f2f2f2 !important;
}

input[type="checkbox"]:disabled + label:before, input[type="radio"]:disabled + label:before {
    background: #7c7c7c !important;
    opacity: 0.3;
}

input[type="checkbox"]:disabled + label:hover:before, input[type="radio"]:disabled + label:hover:before {
    color: transparent !important;
}

.flatpickr-monthDropdown-months {
    opacity: 1 !important;
}

.special-styling-checkbox-list td:first-child {
    padding-right: 0 !important;
}

.special-styling-checkbox-list input[type="checkbox"] label,
.special-styling-checkbox-list input[type="radio"] label {
    margin-bottom: 0 !important;
}

.special-styling-checkbox-list input[type="checkbox"]:checked + label:before,
.special-styling-checkbox-list input[type="radio"]:checked + label:before {
    background: #0077ff !important;
    top: 0 !important;
}

.no-radio-bottom label {
    margin-bottom: 0 !important;
}

.rates-tr td:not(:first-child) {
    font-size: 11px !important;
}

.rates-tr td {
    min-height: 27px;
}

/* Login page form */
@keyframes slideInFromLeft {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

body.login-page #middle-pusher {
    display: flex;
    height: 70vh;
    align-items: center;
}

body.login-page #login-wrapper {
    width: 100%;
    margin: 0 auto;
}

    body.login-page #login-wrapper #login-form {
        width: 346px;
        margin: 0px auto;
    }


    body.login-page #login-wrapper h1 {
        font-size: 26px;
        text-align: center;
        margin-top: 0;
        margin-bottom: 50px;
        font-weight: normal;
        opacity: 0;
        white-space: nowrap;
        transform: translateY(30px);
        transition: all 0.5s ease-out;
        transition-delay: 0s;
    }

    body.login-page #login-wrapper .login-input-holder {
        position: relative;
        margin-bottom: 9px;
    }

        body.login-page #login-wrapper .login-input-holder.password {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.5s ease-out;
            transition-delay: 0.3s;
        }

        body.login-page #login-wrapper .login-input-holder.login {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.5s ease-out;
            transition-delay: 0.2s;
        }

        body.login-page #login-wrapper .login-input-holder input[type="text"], body.login-page #login-wrapper .login-input-holder input[type="password"] {
            display: block;
            width: 100%;
            box-sizing: border-box;
            height: 54px;
            border-radius: 27px;
            border: solid 1px #e7e2e2;
            background-color: #ffffff;
            padding: 0 23px;
            font-size: 13px;
        }

            body.login-page #login-wrapper .login-input-holder input[type="text"]:focus, body.login-page #login-wrapper .login-input-holder input[type="password"]:focus {
                padding-top: 8px;
            }

                body.login-page #login-wrapper .login-input-holder input[type="text"]:focus + label, body.login-page #login-wrapper .login-input-holder input[type="password"]:focus + label {
                    transform: translateY(calc(-50% - 13px)) scale(0.85);
                }

        body.login-page #login-wrapper .login-input-holder input:not(:placeholder-shown) {
            padding-top: 8px;
        }

            body.login-page #login-wrapper .login-input-holder input:not(:placeholder-shown) + label {
                transform: translateY(calc(-50% - 13px)) scale(0.85);
            }

        body.login-page #login-wrapper .login-input-holder.has-value label {
            transform: translateY(calc(-50% - 13px)) scale(0.85);
        }

        body.login-page #login-wrapper .login-input-holder.has-value input {
            padding-top: 8px;
        }

        body.login-page #login-wrapper .login-input-holder label {
            position: absolute;
            font-size: 13px;
            font-weight: 500;
            color: #bfbfbf;
            top: 50%;
            transform: translateY(-50%);
            left: 23px;
            transition: all 0.2s;
            transform-origin: 0 0;
            pointer-events: none;
        }

    body.login-page #login-wrapper .login-button {
        width: 100%;
        height: 54px;
        border-radius: 27px;
        font-size: 13px;
        transition: all 0.25s ease-in;
        cursor: pointer;
        opacity: 0;
        transform: translateY(30px);
        transition: transform 0.5s 0.4s ease-out, opacity 0.5s 0.4s ease-out, color 0.3s ease-out, background-color 0.3s ease-out;
    }

    body.login-page #login-wrapper .login-message span {
        display: block;
        margin-bottom: 10px;
        text-align: center;
    }

body.animate-login #login-wrapper h1 {
    opacity: 1;
    transform: translateY(0);
}

body.animate-login #login-wrapper .login-input-holder.password {
    opacity: 1;
    transform: translateY(0);
}

body.animate-login #login-wrapper .login-input-holder.login {
    opacity: 1;
    transform: translateY(0);
}

body.animate-login #login-wrapper .login-button {
    opacity: 1;
    transform: translateY(0);
}

.powered-by {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

    .powered-by img {
        display: block;
        margin-left: 10px;
    }

.td-horizontal-border tr {
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
}

.ui-widget {
    font-family: "Inter", sans-serif !important;
    font-weight: 500;
}

.ui-dialog-titlebar .ui-button:hover {
    background-color: #e6e6e6 !important;
}

.stretch-table {
    width: 800px;
}

    .stretch-table tr:first-child td {
        padding-top: 0 !important;
    }

    .stretch-table td {
        white-space: normal !important;
        box-sizing: border-box;
    }

        .stretch-table td:nth-child(1) {
            width: 190px !important;
        }

        .stretch-table td:nth-child(2) {
            width: 190px !important;
        }

        .stretch-table td:nth-child(3) {
            width: 230px !important;
        }

.plain-table td {
    padding: 0 !important;
}

.number-in-circle {
    font-weight: 300;
    margin-left: 5px;
}

.tblRP input[type="text"][maxlength="3"].txtboxsmall.width-16 {
    width: 15px !important;
}

.options-table {
    border: 1px solid Gainsboro;
    border-collapse: collapse;
}

    .options-table > tbody > tr > td {
        border: 1px solid Gainsboro;
    }

/* Top - bar */
/*#ctl00_btnSearch {
    position: relative;
    top: -3px;
}*/
#top-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    height: 55px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    z-index: 20;
    border-bottom: 1px solid rgba(218, 218, 218, 0.6);
}

    #top-bar #client-name {
        margin-left: 25px;
        font-weight: normal;
    }

        #top-bar #client-name > div span {
            font-size: 16px;
        }

        #top-bar #client-name > div {
            display: flex;
            align-items: center;
        }

    #top-bar #toggle-nav {
        position: relative;
        width: 33px;
        height: 33px;
        background: #f1f1f1;
        border-radius: 50%;
        border: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
        cursor: pointer;
    }

        #top-bar #toggle-nav.nav-open .close-wrapper span:first-child {
            transform: rotate(45deg) translate(1.5px, 1.6px);
            margin: 0;
        }

        #top-bar #toggle-nav.nav-open .close-wrapper span.middle {
            opacity: 0;
        }

        #top-bar #toggle-nav.nav-open .close-wrapper span:last-child {
            transform: rotate(-45deg) translate(1.5px, -2px);
        }

        #top-bar #toggle-nav .close-wrapper p.dot {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 1px;
            height: 1px;
            background: red;
            transform: translate(-50%, -50%);
        }

        #top-bar #toggle-nav .close-wrapper span {
            display: block;
            height: 1px;
            width: 17px;
            background-color: #000;
            transition: all 0.15s linear;
        }

            #top-bar #toggle-nav .close-wrapper span:first-child {
                margin-bottom: 3px;
            }

            #top-bar #toggle-nav .close-wrapper span:last-child {
                margin-top: 3px;
            }

    #top-bar h1 {
        margin: 0 auto;
        font-size: 18px;
        font-weight: normal;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    #top-bar .right-side {
        display: flex;
        align-items: center;
        margin-left: auto;
    }

        #top-bar .right-side > div {
            margin-left: 20px;
        }

/* New navigatiosn */
body.no-nav-animation #top-bar #toggle-nav .close-wrapper span,
body.no-nav-animation #sidebar-navigation,
body.no-nav-animation .container-box {
    transition: none !important;
}

#sidebar-navigation {
    transition: all 0.3s;
    min-width: 40px;
    z-index: 10;
    background-color: #e0f2ff;
    position: fixed;
    bottom: 0;
    top: 55px;
    left: 0;
    overflow: hidden;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently */
}

    #sidebar-navigation #navigation-scrollbar {
        height: 100%;
    }

    #sidebar-navigation span.fake-active {
        position: absolute;
        top: 50%;
        transform: translateY(-50%) translateX(3px);
        background: #0077ff;
        padding: 0 8px;
        border-radius: 10px;
        margin-left: -8px;
        line-height: 20px;
        color: rgba(0, 0, 0, 0);
        pointer-events: none;
        font-weight: 600;
        display: none;
    }

    #sidebar-navigation ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        #sidebar-navigation ul li {
            position: relative;
        }

            #sidebar-navigation ul li i {
                font-size: 21px;
                cursor: pointer;
                -webkit-font-smoothing: antialiased;
            }

            #sidebar-navigation ul li a {
                color: #000000;
                text-decoration: none;
                font-weight: 600;
            }

            #sidebar-navigation ul li:not(.tab-active) a:hover {
                color: #3f99ff;
            }

    #sidebar-navigation.open,
    #sidebar-navigation.fake-closed {
        min-width: 200px;
    }

        #sidebar-navigation.open ul.navigation > li,
        #sidebar-navigation.fake-closed ul.navigation > li {
            white-space: nowrap;
            border-bottom: 1px solid #adc5d6;
            transition: background 0.3s;
        }

            #sidebar-navigation.open ul.navigation > li.tab-active,
            #sidebar-navigation.fake-closed ul.navigation > li.tab-active {
                background: #c6e0ff;
                color: #0077ff;
            }

                #sidebar-navigation.open ul.navigation > li.tab-active span.fake-active,
                #sidebar-navigation.fake-closed ul.navigation > li.tab-active span.fake-active {
                    display: inline;
                }

                #sidebar-navigation.open ul.navigation > li.tab-active > a,
                #sidebar-navigation.fake-closed ul.navigation > li.tab-active > a {
                    color: #fff;
                    z-index: 1;
                }

            #sidebar-navigation.open ul.navigation > li > a,
            #sidebar-navigation.fake-closed ul.navigation > li > a {
                display: inline !important;
                position: absolute;
                line-height: 39px;
                text-indent: 3px;
                background: transparent;
                border: none;
            }

            #sidebar-navigation.open ul.navigation > li.has-children:after,
            #sidebar-navigation.fake-closed ul.navigation > li.has-children:after {
                position: absolute;
                right: 20px;
                display: block;
                top: 13px;
                transform: rotate(135deg);
                width: 8px;
                height: 8px;
                border-top: 1px solid #98b3c5;
                border-right: 1px solid #98b3c5;
                border-width: 1px;
                content: "";
                cursor: pointer;
                transition: all 0.2s;
            }

            #sidebar-navigation.open ul.navigation > li i,
            #sidebar-navigation.open ul.navigation > li a,
            #sidebar-navigation.fake-closed ul.navigation > li i,
            #sidebar-navigation.fake-closed ul.navigation > li a {
                display: inline-block;
            }

            #sidebar-navigation.open ul.navigation > li i,
            #sidebar-navigation.fake-closed ul.navigation > li i {
                width: 40px;
                line-height: 40px;
                text-align: center;
            }

            #sidebar-navigation.open ul.navigation > li.open-subnav,
            #sidebar-navigation.fake-closed ul.navigation > li.open-subnav {
                background: #c6e0ff;
                /*&+.open-subnav {
                    border-top-color: red;
                }*/
            }

                #sidebar-navigation.open ul.navigation > li.open-subnav > a,
                #sidebar-navigation.open ul.navigation > li.open-subnav > i,
                #sidebar-navigation.fake-closed ul.navigation > li.open-subnav > a,
                #sidebar-navigation.fake-closed ul.navigation > li.open-subnav > i {
                    color: #0077ff;
                }

                #sidebar-navigation.open ul.navigation > li.open-subnav:after,
                #sidebar-navigation.fake-closed ul.navigation > li.open-subnav:after {
                    transform: rotate(315deg) translateY(5px);
                    border-top: 1px solid #0077ff;
                    border-right: 1px solid #0077ff;
                    top: 14px;
                    right: 23px;
                }

                #sidebar-navigation.open ul.navigation > li.open-subnav li.tab-active a,
                #sidebar-navigation.fake-closed ul.navigation > li.open-subnav li.tab-active a {
                    background: #0077ff;
                    padding: 0 8px;
                    border-radius: 10px;
                    color: #fff;
                    margin-left: -8px;
                }

            #sidebar-navigation.open ul.navigation > li.sub-active ul,
            #sidebar-navigation.fake-closed ul.navigation > li.sub-active ul {
                display: block;
            }

            #sidebar-navigation.open ul.navigation > li:not(.open-subnav):hover,
            #sidebar-navigation.fake-closed ul.navigation > li:not(.open-subnav):hover {
                color: #0077ff;
            }

        #sidebar-navigation.open ul li ul,
        #sidebar-navigation.fake-closed ul li ul {
            display: none;
            padding-left: 43px;
            margin-top: -10px;
            margin-bottom: 11px;
            line-height: 1.77;
        }

            #sidebar-navigation.open ul li ul.open,
            #sidebar-navigation.fake-closed ul li ul.open {
                display: block;
            }

    #sidebar-navigation.fake-closed {
        width: 40px;
        min-width: 40px;
    }

        #sidebar-navigation.fake-closed ul li ul {
            height: 0;
            overflow: hidden;
        }

    #sidebar-navigation.closed {
        background: none;
    }

        #sidebar-navigation.closed:after {
            background: #e0f2ff;
            content: "";
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 40px;
        }

        #sidebar-navigation.closed .navigation > li {
            width: 40px;
        }

            #sidebar-navigation.closed .navigation > li.tab-active i {
                color: #0077ff;
                background: #c6e0ff;
            }

            #sidebar-navigation.closed .navigation > li.has-children > a {
                border-radius: 0 25px 0 0;
                border-bottom: 0;
                cursor: default;
            }

                #sidebar-navigation.closed .navigation > li.has-children > a:after {
                    display: inline;
                    content: "↓";
                    position: absolute;
                    right: 18px;
                }

            #sidebar-navigation.closed .navigation > li:not(.has-children) > a {
                background: #fff;
            }

            #sidebar-navigation.closed .navigation > li i {
                position: relative;
                z-index: 10;
                height: 40px;
                width: 40px;
                line-height: 40px;
                background: #e0f2ff;
                text-align: center;
                border-bottom: 1px solid #adc5d6;
            }

                #sidebar-navigation.closed .navigation > li i:hover {
                    background: #c6e0ff;
                    color: #0077ff;
                }

            #sidebar-navigation.closed .navigation > li > a,
            #sidebar-navigation.closed .navigation > li > ul {
                position: absolute;
                transform: translateX(-100%);
                transition: all 0.3s;
            }

            #sidebar-navigation.closed .navigation > li > a {
                display: inline-block;
                background: #c6e0ff;
                height: 40px;
                line-height: 40px;
                width: 150px;
                border-radius: 0 25px 25px 0;
                border: 1px solid #e2e2e2;
                border-left: 0;
                margin-top: -1px;
                padding-left: 22px;
                color: #0077ff;
            }

            #sidebar-navigation.closed .navigation > li > ul {
                transform: translateX(-100%);
                position: absolute;
                transition: all 0.3s;
                background: #fff;
                border: solid 1px #e2e2e2;
                border-top: 0;
                border-left: 0;
                border-top: 0;
                width: 150px;
                margin-left: 40px;
                padding-left: 22px;
                border-radius: 0 0 25px 0;
                padding-top: 10px;
                padding-bottom: 10px;
                margin-top: -1px;
            }

                #sidebar-navigation.closed .navigation > li > ul a {
                    line-height: 1.67;
                }

            #sidebar-navigation.closed .navigation > li:hover {
                width: 300px;
            }

                #sidebar-navigation.closed .navigation > li:hover > a {
                    transform: translateX(0px);
                }

                #sidebar-navigation.closed .navigation > li:hover > ul {
                    transform: translateX(0px);
                }

    #sidebar-navigation.animated ul.navigation li.has-children:after {
        display: none !important;
    }

    #sidebar-navigation.animated ul.navigation > li > a {
        display: inline !important;
        position: absolute;
        line-height: 39px;
        text-indent: 3.5px;
        background: transparent;
        border: none;
    }

.simplebar-track.simplebar-horizontal {
    display: none !important;
}

.simplebar-track.simplebar-vertical {
    opacity: 0.2;
    width: 8px;
}

.container-box {
    position: relative;
    left: 0;
    padding-left: 55px;
    transition: 0.3s all;
    padding-top: 75px;
}

    .container-box.nav-opened {
        padding-left: 211px;
    }

.ps__rail-y {
    left: 0 !important;
    right: auto !important;
    z-index: 10 !important;
    width: 8px !important;
}

.ps__thumb-y {
    width: 8px !important;
    right: 0 !important;
    border-radius: 0 !important;
}

.no-wrap {
    white-space: nowrap !important;
}

.search-client-btn {
    transform: translateY(0px);
    white-space: nowrap !important;
}

#admin-options {
    display: flex;
    vertical-align: middle;
    margin-left: 20px;
    position: relative;
    z-index: 10;
}

    #admin-options .search-client-btn {
        margin: 0 10px;
    }

.fixed-padding-table td {
    padding: 0 !important;
}

.language-selector-wrapper {
    margin-right: 30px;
    margin-left: 10px !important;
}

    .language-selector-wrapper .language-selector-top,
    .language-selector-wrapper .fake-select-value {
        background: #f1f1f1 !important;
        height: 34px !important;
        padding: 0 13px !important;
        border: 0 !important;
        color: #727272 !important;
        font-weight: 500 !important;
        cursor: pointer !important;
    }

    .language-selector-wrapper .fake-select-value {
        line-height: 34px !important;
    }

        .language-selector-wrapper .fake-select-value:after {
            display: none;
        }

#header-log-off,
#header-search-menu {
    background: #f1f1f1;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #727272;
    margin-right: 0px;
    display: block;
    text-align: center;
    line-height: 34px;
    margin-left: 10px;
}

    #header-log-off i,
    #header-search-menu i {
        font-size: 22px;
        line-height: 32px;
    }

#header-search-menu {
    margin-left: 10px;
    margin-right: 0;
}

    #header-search-menu.active {
        background: #0077ff;
        color: #fff;
    }

#ctl00_cphContent_pnlEnhancementAddUpdate {
    overflow-x: hidden !important;
}

.container-box.nav-opened #ctl00_cphContent_pnlEnhancementAddUpdate,
.container-box.nav-opened .modal-fixer {
    transform: translateX(-156px);
    /*height: auto!important;*/
}

/*#ctl00_cphContent_pnlEnhancementAddUpdate {
    height: auto !important;
}*/
/*.modal-fixer{
    height: auto!important;
}*/
.modal-icons {
    left: 50% !important;
    transform: translateX(-50%);
}

/* ajax tabs */
.ajax__tab_xp .ajax__tab_header:before,
.ajax__tab_xp .ajax__tab_header:after {
    display: block !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_outer,
.ajax__tab_xp .ajax__tab_header .ajax__tab_inner,
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    background-image: none !important;
}

.ajax__tab_default .ajax__tab {
    border: 1px solid #cccccc;
    border-bottom: 0;
    margin-right: 2px;
    padding: 5px;
    border-radius: 3px 3px 0 0;
    height: auto !important;
}

    .ajax__tab_default .ajax__tab.ajax__tab_active,
    .ajax__tab_default .ajax__tab.ajax__tab_hover {
        background: #0077ff;
        color: #fff !important;
    }

        .ajax__tab_default .ajax__tab.ajax__tab_hover .ajax__tab_tab,
        .ajax__tab_default .ajax__tab.ajax__tab_active .ajax__tab_tab {
            color: #fff !important;
        }

.ajax__tab {
    position: relative;
    margin-top: 4px !important;
}

    .ajax__tab:after {
        display: block;
        content: "";
        height: 1px;
        background: #cccccc;
        position: absolute;
        left: -1px;
        right: -1px;
        bottom: -1px;
    }

/*.ajax__tab_default .ajax__tab.ajax__tab_hover {
    background: #e6e6e6;
}*/
/* Search for menu points */
#search-menu-wrapper {
    border-left: 1px solid rgba(218, 218, 218, 0.6);
    box-sizing: border-box;
    position: fixed;
    right: 0;
    width: 350px;
    bottom: 0;
    top: 56px;
    background: #fff;
    padding: 13px 20px 13px 13px;
    transform: translateX(100%);
    transition: transform 0.3s;
    font-size: 13px;
    z-index: 100;
}

    #search-menu-wrapper #searchMenuPlaceholder {
        position: absolute;
        top: 50%;
        left: 60px;
        right: 60px;
        transform: translateY(-50%);
        color: #c8c7c7;
        font-size: 13px;
        text-align: center;
    }

    #search-menu-wrapper.show {
        transform: translateX(0);
    }

    #search-menu-wrapper * {
        box-sizing: border-box;
    }

    #search-menu-wrapper #searchMenu {
        width: 100%;
        background: #f4f4f4;
        border: 0px;
        height: 33px;
        font-size: 13px;
    }

    #search-menu-wrapper #searchMenuResults {
        margin-top: 15px;
        padding-left: 12px;
    }

        #search-menu-wrapper #searchMenuResults #categoryPointsResults .flex-holder,
        #search-menu-wrapper #searchMenuResults #menuPointsResults {
            margin-bottom: 25px;
        }

        #search-menu-wrapper #searchMenuResults .flex-holder {
            display: flex;
            line-height: 1.5;
        }

            #search-menu-wrapper #searchMenuResults .flex-holder .category-name {
                width: 80px;
                font-weight: 700;
            }

        #search-menu-wrapper #searchMenuResults .category-wrapper {
            margin-top: 25px;
        }

        #search-menu-wrapper #searchMenuResults ul.with-shortcuts {
            flex-grow: 1;
        }

            #search-menu-wrapper #searchMenuResults ul.with-shortcuts li {
                display: flex;
                align-items: center;
            }

                #search-menu-wrapper #searchMenuResults ul.with-shortcuts li .shortcut {
                    display: block;
                    margin-left: auto;
                    background: #f7efff;
                    padding: 0 6px;
                    border-radius: 12.5px;
                    color: #3b0072;
                    text-align: center;
                    font-size: 11px;
                }

        #search-menu-wrapper #searchMenuResults ul {
            padding: 0;
            margin: 0;
            list-style-type: none;
        }

            #search-menu-wrapper #searchMenuResults ul li {
                line-height: 1.5;
            }

                #search-menu-wrapper #searchMenuResults ul li a {
                    text-decoration: none;
                    color: #949494;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    max-width: 165px;
                    white-space: nowrap;
                }

                    #search-menu-wrapper #searchMenuResults ul li a b {
                        color: #000;
                        font-weight: 700;
                    }

                #search-menu-wrapper #searchMenuResults ul li:before {
                    content: "→";
                    margin-right: 5px;
                    opacity: 0;
                }

                #search-menu-wrapper #searchMenuResults ul li.active {
                    color: #3b0072;
                }

                    #search-menu-wrapper #searchMenuResults ul li.active a {
                        color: #3b0072;
                    }

                    #search-menu-wrapper #searchMenuResults ul li.active:before {
                        opacity: 1;
                    }

                    #search-menu-wrapper #searchMenuResults ul li.active .shortcut {
                        background-color: #3b0072;
                        color: #fff;
                    }

#search-icons-wrapper {
    position: fixed;
    box-sizing: border-box;
    border-left: 1px solid rgba(218, 218, 218, 0.6);
    right: 0;
    width: 315px;
    bottom: 0;
    top: 0;
    background: #fff;
    padding: 13px 20px 13px 13px;
    transform: translateX(100%);
    transition: transform 0.3s;
    font-size: 13px;
    z-index: 99999;
}

    #search-icons-wrapper .search-icons-header {
        display: flex;
        align-items: center;
    }

        #search-icons-wrapper .search-icons-header a {
            display: block;
            margin-left: 20px;
        }

    #search-icons-wrapper * {
        box-sizing: border-box;
    }

    #search-icons-wrapper.show {
        transform: translateX(0);
    }

    #search-icons-wrapper #searchIconMenu {
        width: 100%;
        background: #f4f4f4;
        border: 0px;
        height: 33px;
        font-size: 13px;
    }

    #search-icons-wrapper #search-icons-placeholder {
        margin-top: 10px;
        position: relative;
        height: calc(100% - 10px);
        overflow: auto;
    }

    #search-icons-wrapper #icon-name-input {
        position: absolute;
        opacity: 0;
    }

    #search-icons-wrapper .icon-item {
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 5px 0;
        cursor: pointer;
    }

        #search-icons-wrapper .icon-item i {
            margin-right: 10px;
        }

.radio-no-spacing label {
    margin: 0 !important;
    transform: translateX(3px);
}

    .radio-no-spacing label:before {
        margin: 0;
    }

    .radio-no-spacing label:after {
        position: relative;
    }

.enhancement-images {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px #cccccc solid;
}

/* Dashboard */
.highcharts-button-symbol {
    stroke: #000 !important;
    stroke-width: 1px !important;
    d: path("M 0 6.5 L 20 6.5 M 0 11.5 L 20 11.5 M 0 16.5 L 20 16.5") !important;
}

#dashboard-content-wrapper {
    max-width: 1120px;
    margin: 0 auto;
    /*.filterBackground {
        background-color: #efefef !important;
        text-align: center !important;
        display: none;
        position: absolute;
        top: 448px;
        left: 20px;
        right: 20px;
        width: auto;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }*/
}

    #dashboard-content-wrapper .dashboard-header {
        text-align: center;
        line-height: 2.74;
        font-size: 19px;
        font-weight: 500;
    }

    #dashboard-content-wrapper .dashboard-welcome-message {
        font-size: 47px;
        line-height: 1.11;
        color: #212529;
        text-align: left;
        font-family: "InterLight";
        margin-bottom: 100px;
        width: 100%;
        /*.flickity-page-dots {
            bottom: -55px;

            .dot {
                width: 8px;
                height: 8px;
                margin: 0 5px;
                opacity: 1;
                background: #d8d8d8;

                &.is-selected {
                    background: #0077ff;
                }
            }
        }*/
    }

        #dashboard-content-wrapper .dashboard-welcome-message .message-slider {
            width: 100%;
            opacity: 0;
        }

            #dashboard-content-wrapper .dashboard-welcome-message .message-slider .welcome-message-slide {
                width: 100%;
                padding: 15px 0;
            }

        #dashboard-content-wrapper .dashboard-welcome-message .welcomeMsgTxt {
            font-family: "Inter";
            font-weight: 500;
            color: #0077ff;
        }

        #dashboard-content-wrapper .dashboard-welcome-message .slick-dots {
            margin: 0;
            padding: 0;
            list-style-type: none;
            display: flex;
            justify-content: center;
            position: absolute;
            bottom: -55px;
            left: 0;
            right: 0;
        }

            #dashboard-content-wrapper .dashboard-welcome-message .slick-dots button {
                width: 8px;
                height: 8px;
                background: #d8d8d8;
                border-radius: 50%;
                display: block;
                text-indent: -9999px;
                font-size: 0px;
                padding: 0 !important;
                margin: 0 5px;
            }

                #dashboard-content-wrapper .dashboard-welcome-message .slick-dots button:focus, #dashboard-content-wrapper .dashboard-welcome-message .slick-dots button:active {
                    outline: 0;
                }

            #dashboard-content-wrapper .dashboard-welcome-message .slick-dots .slick-active button {
                background: #0077ff;
                outline: 0;
            }

    #dashboard-content-wrapper .stats-grid .row {
        margin: 0 -10px;
    }

        #dashboard-content-wrapper .stats-grid .row .col-md-4 {
            padding: 0 10px;
        }

    #dashboard-content-wrapper .stats-grid .menuBox {
        position: relative;
        border-radius: 20px;
        background-color: #ededed;
        font-family: "Inter";
        margin-bottom: 20px;
        padding: 15px 20px;
        max-height: 575px;
        overflow: hidden;
    }

        #dashboard-content-wrapper .stats-grid .menuBox .menuHeader {
            font-size: 18px;
            color: #000;
        }

            #dashboard-content-wrapper .stats-grid .menuBox .menuHeader .arrows span {
                cursor: pointer;
            }

            #dashboard-content-wrapper .stats-grid .menuBox .menuHeader .flex-header {
                display: flex;
                align-items: center;
            }

                #dashboard-content-wrapper .stats-grid .menuBox .menuHeader .flex-header .arrows {
                    margin-left: auto;
                    -webkit-touch-callout: none;
                    /* iOS Safari */
                    -webkit-user-select: none;
                    /* Safari */
                    -khtml-user-select: none;
                    /* Konqueror HTML */
                    -moz-user-select: none;
                    /* Old versions of Firefox */
                    -ms-user-select: none;
                    /* Internet Explorer/Edge */
                    user-select: none;
                    /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
                }

                    #dashboard-content-wrapper .stats-grid .menuBox .menuHeader .flex-header .arrows .disabled {
                        opacity: 0.1;
                    }

        #dashboard-content-wrapper .stats-grid .menuBox .menuBody p {
            line-height: 1;
            margin: 0;
            font-weight: 500;
        }

            #dashboard-content-wrapper .stats-grid .menuBox .menuBody p:first-of-type {
                font-size: 50px;
                color: #000 !important;
                margin-top: 24px;
                font-family: "InterLight";
                letter-spacing: -2.42px;
                margin-bottom: 7px;
            }

            #dashboard-content-wrapper .stats-grid .menuBox .menuBody p:nth-child(2) {
                font-size: 13px;
            }

            #dashboard-content-wrapper .stats-grid .menuBox .menuBody p.lblPreviousYear {
                font-size: 13px;
                color: #9a9a9a;
                margin-top: 8px;
                margin-bottom: 6px;
            }

        #dashboard-content-wrapper .stats-grid .menuBox .booking-list {
            list-style-type: none;
            padding: 0;
            margin: 0 -5px;
            margin-top: 11px;
        }

            #dashboard-content-wrapper .stats-grid .menuBox .booking-list li {
                margin-bottom: 17px;
            }

                #dashboard-content-wrapper .stats-grid .menuBox .booking-list li p {
                    margin: 0;
                }

                #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .cut-text {
                    text-overflow: ellipsis;
                    overflow: hidden;
                    max-width: 135px;
                    white-space: nowrap;
                    display: inline-block;
                }

                #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-holder {
                    display: flex;
                    border-radius: 20px 20px 0 0;
                    background: #f9f9f9;
                    padding: 10px 15px;
                }

                    #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-holder .booking-data-column {
                        width: 50%;
                    }

                        #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-holder .booking-data-column p {
                            color: #000;
                            font-size: 12px;
                            line-height: 22px;
                        }

                            #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-holder .booking-data-column p.guest-name {
                                font-size: 16px;
                                line-height: 30px;
                            }

                            #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-holder .booking-data-column p.booking-via {
                                line-height: 30px;
                            }

                            #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-holder .booking-data-column p.booking-code {
                                display: flex;
                                align-items: center;
                                text-decoration: underline;
                            }

                                #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-holder .booking-data-column p.booking-code .cut-text {
                                    max-width: 116px;
                                }

                                #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-holder .booking-data-column p.booking-code .country-flag {
                                    margin-left: 5px;
                                }

                                #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-holder .booking-data-column p.booking-code span {
                                    display: block;
                                }

                            #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-holder .booking-data-column p span.booking-nights {
                                background: #057aff;
                                color: #fff;
                                border-radius: 26.5px;
                                padding: 0px 3px;
                            }

                                #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-holder .booking-data-column p span.booking-nights i {
                                    font-size: 10px;
                                    position: relative;
                                    transform: rotate(135deg) translateY(1px) translateX(2px);
                                }

                            #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-holder .booking-data-column p span.booking-room-persons {
                                background: #a8a8a8;
                                color: #fff;
                                border-radius: 26.5px;
                                padding: 0px 3px;
                            }

                                #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-holder .booking-data-column p span.booking-room-persons i {
                                    font-size: 13px;
                                    position: relative;
                                    position: relative;
                                    transform: translateY(2px);
                                    margin-left: -3px;
                                }

                #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-sumary-holder {
                    border-radius: 0 0 20px 20px;
                    background: #fff;
                    padding: 12px 15px;
                    padding-bottom: 10px;
                    border-top: 1px solid #efefef;
                }

                    #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-sumary-holder p {
                        line-height: 1;
                        text-transform: uppercase;
                        font-size: 10px;
                        color: #acacac;
                    }

                        #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-sumary-holder p:first-child {
                            margin-bottom: 3px;
                        }

                        #dashboard-content-wrapper .stats-grid .menuBox .booking-list li .booking-data-sumary-holder p.booking-data-summary-price {
                            color: #00b525;
                            font-size: 28px;
                        }

        #dashboard-content-wrapper .stats-grid .menuBox .bottom-box-bar {
            height: 58px;
            background: #dfdfdf;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            border-radius: 0 0 20px 20px;
            text-align: center;
        }

            #dashboard-content-wrapper .stats-grid .menuBox .bottom-box-bar a {
                border-radius: 11px;
                background-color: #0077ff;
                display: inline-block;
                color: #fff;
                height: 24px;
                line-height: 24px;
                padding: 0 8px;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
            }

    #dashboard-content-wrapper .charts-wrapper {
        margin-top: 80px;
    }

        #dashboard-content-wrapper .charts-wrapper .chart-wrapper {
            position: relative;
            margin-bottom: 80px;
            min-height: 475px;
        }

            #dashboard-content-wrapper .charts-wrapper .chart-wrapper .chart-loading {
                position: absolute;
                width: 100%;
                background: #efefef;
                z-index: 10;
                border-radius: 20px;
                top: 0;
                bottom: 0;
            }

                #dashboard-content-wrapper .charts-wrapper .chart-wrapper .chart-loading img {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translateX(-50%) translateY(-50%);
                }

            #dashboard-content-wrapper .charts-wrapper .chart-wrapper .highcharts-data-table {
                background: #efefef;
                margin: 0;
                padding-top: 20px;
                padding-bottom: 20px;
            }

            #dashboard-content-wrapper .charts-wrapper .chart-wrapper .filterBackground {
                background-color: #efefef;
                border-radius: 0 0 20px 20px;
                padding-bottom: 1px;
            }

            #dashboard-content-wrapper .charts-wrapper .chart-wrapper .chartsSelectList {
                margin-bottom: 10px;
            }

.table-radios-pr-5 td {
    padding-right: 10px;
}

.not-underline {
    text-decoration: none !important;
}

.fix-top-span {
    position: absolute;
    right: 0px;
    top: -5px;
}

.material-icons.not-underline {
    width: 16px;
    text-indent: -4px;
}

span.with-icon {
    position: relative;
    padding-right: 25px;
}

/*Notification Wrapper*/
#notifications-modal {
    position: fixed;
    top: 111px;
    right: 315px;
    width: 300px;
    background-color: #f7f7f7;
    border-radius: 20px 0px 0px 20px;
    padding: 20px;
    border: solid 1px #dcdcdc;
    border-right: 0px;
    transform: translateX(120%);
    transition: transform 0.2s;
    display: none;
    box-sizing: border-box;
    line-height: 1.5;
    min-height: 107px;
}

    #notifications-modal.visible {
        transform: translateX(0);
    }

    #notifications-modal p {
        margin: 0;
    }

    #notifications-modal .notification-detail-header {
        font-size: 13px;
        font-weight: 500;
        color: #000000;
    }

    #notifications-modal .notification-detail-date {
        font-size: 10px;
        font-weight: 500;
        color: #9e9e9e;
    }

    #notifications-modal .notification-detail-text {
        font-size: 11px;
        font-weight: 500;
        line-height: 1.45;
        color: #000000;
        margin-top: 12px;
    }

.sidebar-wrapper {
    border-left: 1px solid #e6e6e6;
    box-sizing: border-box;
    position: fixed;
    right: 0;
    width: 315px;
    bottom: 0;
    top: 56px;
    background: #f2f2f2;
    transform: translateX(100%);
    transition: transform 0.3s;
    font-size: 13px;
    z-index: 100;
}

    .sidebar-wrapper .sidebar-wrapper-header {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 55px;
        text-align: center;
        border-bottom: 1px solid #e6e6e6;
        background: #fff;
        padding: 0 15px;
    }

        .sidebar-wrapper .sidebar-wrapper-header .close-sidebar {
            display: block;
            position: absolute;
            left: 15px;
        }

        .sidebar-wrapper .sidebar-wrapper-header p {
            margin: 0;
            font-size: 13px;
            color: #000;
            font-weight: 500;
        }

        .sidebar-wrapper .sidebar-wrapper-header small {
            font-size: 10px;
            opacity: 0.4;
        }

    .sidebar-wrapper .notification-delete {
        font-size: 10px;
        line-height: 20px;
    }

.notification-item-wrapper {
    box-sizing: unset;
    line-height: 1.3;
    padding: 10px 15px;
    border-bottom: 1px solid #e6e6e6;
    border-left: 2px solid transparent;
    min-height: 85px;
    background-color: #f7f7f7;
    cursor: pointer;
}

    .notification-item-wrapper * {
        box-sizing: unset;
    }

    .notification-item-wrapper:hover {
        background-color: #0077ff;
        border-left-color: transparent;
    }

        .notification-item-wrapper:hover .notification-time {
            opacity: 0;
            visibility: hidden;
        }

        .notification-item-wrapper:hover .notification-delete {
            display: flex !important;
        }

        .notification-item-wrapper:hover .notification-text-wrapper {
            color: #FFF;
        }

        .notification-item-wrapper:hover .notification-head .notification-title {
            color: #fff;
        }

        .notification-item-wrapper:hover .notification-head .notification-time {
            color: #bfbfbf;
        }

        .notification-item-wrapper:hover .notification-head .notification-delete {
            color: #fff;
        }

    .notification-item-wrapper.new {
        border-left-color: #0077ff;
        background-color: #f9fcff;
    }

        .notification-item-wrapper.new:hover {
            background-color: #0077ff;
            border-left-color: transparent;
        }

            .notification-item-wrapper.new:hover .notification-head .notification-title {
                color: #FFF;
            }

            .notification-item-wrapper.new:hover .notification-head .notification-time {
                color: #bfbfbf;
            }

            .notification-item-wrapper.new:hover .notification-head .notification-delete {
                color: #fff;
                background-color: rgba(255, 255, 255, 0.2);
            }

            .notification-item-wrapper.new:hover .notification-text-wrapper {
                color: #fff;
            }

    .notification-item-wrapper .notification-head {
        display: flex;
        align-items: center;
        position: relative;
        margin-bottom: 5px;
    }

        .notification-item-wrapper .notification-head p {
            margin: 0;
        }

        .notification-item-wrapper .notification-head .notification-title {
            font-size: 13px;
            font-weight: 600;
            color: #0077ff;
        }

        .notification-item-wrapper .notification-head .notification-time {
            font-size: 10px;
            font-weight: 500;
            color: #bfbfbf;
            margin-left: auto;
        }

        .notification-item-wrapper .notification-head .notification-delete {
            display: none;
            color: #9a9a9a;
            position: absolute;
            right: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: rgba(255,255,255, 0.2);
            justify-content: center;
            cursor: pointer;
        }

    .notification-item-wrapper .notification-text-wrapper {
        font-size: 10px;
        font-weight: 500;
        color: #888888;
    }

#notifications-wrapper.show,
.sidebar-wrapper.show {
    transform: translateX(0);
}

/*Notification Wrapper*/
.variables-modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10;
    display: none;
}

    .variables-modal .variables-modal-content {
        position: absolute;
        top: 50px;
        left: 50%;
        width: 500px;
        background: #fff;
        transform: translateX(-50%);
        padding: 30px;
    }

    .variables-modal .close-modal {
        background: none;
        width: auto;
        height: auto;
        border: none;
        font-size: 30px;
        color: #000;
        display: block;
        top: 3px;
        right: 13px;
        cursor: pointer;
        position: absolute;
    }

a.mail-variables {
    text-decoration: none;
    padding: 0 11px;
    height: 27px;
    line-height: 27px;
    border-radius: 24px;
    display: inline-block;
    margin-bottom: 15px;
}

.tox-checkbox__label {
    font-size: 14px !important;
    color: rgba(34, 47, 62, 0.7) !important;
}

.blockUI .ui-widget-header {
    font-size: 12px;
}

.blockUI .ui-dialog-content img {
    width: 50px;
}

/* Fieldset for adding images */
a.button {
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    padding: 0 11px;
    height: 27px;
    line-height: 27px;
    border-radius: 24px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px;
}

.image-upload-version {
    margin-top: 15px;
    width: 600px;
}

    .image-upload-version a.button {
        text-decoration: none;
        padding: 0 11px;
        height: 27px;
        line-height: 27px;
        border-radius: 24px;
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 10px;
    }

/* Notifications */
.profile-dropdown-avatar {
    position: relative;
    cursor: pointer;
}

    .profile-dropdown-avatar .profile-dropdown-avatar-img {
        background: #0077ff;
        border-radius: 50%;
        padding: 4px;
        width: 41px;
        height: 41px;
        box-sizing: border-box !important;
        background-image: url("/images/ProfileLogo.svg");
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
    }

    .profile-dropdown-avatar .notification-badge {
        position: absolute;
        background-color: #ff0000;
        color: #fff;
        top: 0;
        right: 0;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        font-size: 10px;
        font-weight: 500;
    }

        .profile-dropdown-avatar .notification-badge.blinking-corners {
            animation: glowingCorners 1300ms infinite;
        }

.profile-dropdown-content {
    opacity: 0;
    transform: translateY(-100%);
    transition: all 0.2s ease-in;
    pointer-events: none;
    box-sizing: border-box;
    position: absolute;
    border-radius: 20px;
    background-color: #fff;
    right: 20px;
    top: 56px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
    width: 250px;
    overflow: hidden;
}

    .profile-dropdown-content.visible {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all;
    }

    .profile-dropdown-content a {
        position: relative;
        font-size: 15px;
        display: block;
        text-decoration: none;
        padding: 1em 25px;
        border-bottom: 1px solid #e6e6e6;
        transition: background-color 0.2s ease;
    }

        .profile-dropdown-content a:hover {
            background-color: #f4f4f4;
            text-decoration: none;
        }

        .profile-dropdown-content a:first-child:before {
            width: 5px;
            height: 5px;
            /*background-color: #ff0000;*/
            border-radius: 50%;
            content: "";
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 11px;
        }

.notificationBlinker:before {
    background-color: #ff0000;
}

#profileDropdown-wrapper #profileDropdown .profile-dropdown-avatar {
    position: relative;
    cursor: pointer;
}

@keyframes glowingCorners {
    0% {
        box-shadow: 0 0 5px red;
    }

    50% {
        box-shadow: 0 0 10px red;
    }

    100% {
        box-shadow: 0 0 5px red;
    }
}

.align-radios-middle input[type="checkbox"] + label:before,
.align-radios-middle input[type="radio"] + label:before {
    top: 50%;
    transform: translateY(-50%);
}

.multiple-checkbox .noCheckboxes,
.multiple-checkbox .allCheckboxes {
    font-size: 10px;
}

/* Language modal check */
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

#language-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 999;
}

    #language-modal.open {
        visibility: visible;
        opacity: 1;
    }

    #language-modal #change-language-wrapper {
        position: relative;
        width: 425px;
        border-radius: 20px;
        border: solid 1px #dcdcdc;
        background-color: #f7f7f7;
        padding: 18px;
        padding-bottom: 15px;
    }

        #language-modal #change-language-wrapper input[type="checkbox"] + label,
        #language-modal #change-language-wrapper input[type="radio"] + label {
            padding-top: 1px;
        }

        #language-modal #change-language-wrapper .close-language-modal {
            cursor: pointer;
            font-size: 25px;
            font-weight: normal;
            width: 15px;
            height: 15px;
            line-height: 15px;
            position: absolute;
            top: 20px;
            left: 20px;
            text-indent: -2.5px;
            font-family: "verdana", sans-serif;
        }

        #language-modal #change-language-wrapper h6 {
            margin-top: 0;
            margin-bottom: 42px;
            font-size: 21px;
            font-weight: normal;
            text-align: center;
            color: #000000;
        }

        #language-modal #change-language-wrapper .language-list {
            margin-bottom: 40px;
            user-select: none;
        }

            #language-modal #change-language-wrapper .language-list .language-select-wrapper {
                text-align: center;
                margin: 0 25px;
                position: relative;
                cursor: pointer;
            }

                #language-modal #change-language-wrapper .language-list .language-select-wrapper.active .language-flag-wrapper {
                    padding: 0;
                }

                    #language-modal #change-language-wrapper .language-list .language-select-wrapper.active .language-flag-wrapper:after {
                        opacity: 1;
                        visibility: visible;
                    }

                #language-modal #change-language-wrapper .language-list .language-select-wrapper p {
                    margin: 0;
                    margin-bottom: 5px;
                }

                #language-modal #change-language-wrapper .language-list .language-select-wrapper .language-flag-wrapper {
                    border-radius: 50%;
                    width: 80px;
                    height: 80px;
                    position: relative;
                    background: #e9e9e9;
                    padding: 10px;
                    transition: all 0.2s ease;
                }

                    #language-modal #change-language-wrapper .language-list .language-select-wrapper .language-flag-wrapper:hover {
                        background: #dfdfdf;
                    }

                    #language-modal #change-language-wrapper .language-list .language-select-wrapper .language-flag-wrapper:after {
                        width: 25px;
                        height: 25px;
                        border-radius: 50%;
                        background-color: #00c94f;
                        content: "";
                        position: absolute;
                        top: -5px;
                        right: -5px;
                        font-family: "fontello";
                        content: "\e803";
                        text-align: center;
                        line-height: 25px;
                        color: #fff;
                        font-size: 8px;
                        transition: padding 0.2s opacity;
                        opacity: 0;
                    }

                    #language-modal #change-language-wrapper .language-list .language-select-wrapper .language-flag-wrapper img {
                        display: block;
                        width: 100%;
                        height: auto;
                        border-radius: 50%;
                    }

    #language-modal .close-language-footer {
        border-top: 1px solid #d8d8d8;
        margin: 0 -20px;
        margin-top: 12px;
        padding-top: 20px;
    }

        #language-modal .close-language-footer button {
            font-size: 16px;
            border-radius: 20px;
            height: 35px;
            line-height: 35px;
            font-weight: normal;
            font-family: InterLight;
        }

.not-bold-font strong {
    font-weight: normal;
}

.dont-break-line {
    white-space: nowrap;
}

/* Dropzone */
.dropzone {
    min-height: 90px;
    border: 1px dashed #979797;
    background: #fff;
    padding: 10px 10px;
    border-radius: 16.5px;
}

.dz-message {
    width: 300px;
    margin: 0 auto !important;
    height: 90px;
    align-items: center;
    display: flex;
    color: rgba(0, 0, 0, 0.36);
    font-size: 12px;
    line-height: 1.3;
}

.sidebar-wrapper#profile {
    line-height: normal;
    box-sizing: border-box;
    width: 270px;
    display: flex;
    flex-direction: column;
}

    .sidebar-wrapper#profile *,
    .sidebar-wrapper#profile *:before,
    .sidebar-wrapper#profile *:after {
        box-sizing: border-box;
    }

/* sidebar tabs */
.sidebar-tabs {
    background: #e5e5e5;
    border-radius: 25.5px;
    overflow: hidden;
    display: flex;
    width: fit-content;
    margin: 16px auto;
    flex-shrink: 0;
}

    .sidebar-tabs button.tab {
        position: relative;
        height: 27px;
        background: none;
        margin: 0;
        padding: 0 10px !important;
        color: #8b8b8b;
        font-size: 12px;
    }

        .sidebar-tabs button.tab:not(.active) + button:not(.active):after {
            display: block;
            content: "";
            height: 13px;
            width: 1px;
            background: #bcbcbc;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
        }

        .sidebar-tabs button.tab.active {
            background: #ffffff;
            border-radius: 25.5px;
            color: #000;
        }

        .sidebar-tabs button.tab:not(.active):hover {
            background: none;
            color: #8b8b8b;
        }

.sidebar-tab {
    position: relative;
    padding: 0 17px;
    flex-grow: 1;
}

    .sidebar-tab.no-padding {
        padding: 0;
    }

.sidebar-tabs-content,
#profile-tab {
    height: 100%;
}

/* sidebar form */
.sidebar-form * {
    box-sizing: border-box !important;
}

.sidebar-form #user-avatar {
    position: relative;
    width: 105px;
    height: 105px;
    background-image: url(../../images/ProfileLogo.svg);
    background-size: cover;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 28.5px;
}

    .sidebar-form #user-avatar button {
        position: absolute;
        height: 22px;
        width: 22px;
        padding: 0 !important;
        bottom: 0;
        color: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        background-color: #e7e7e7;
        left: 50%;
        transform: translateX(-50%) translateY(50%);
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .sidebar-form #user-avatar button span {
            font-size: 16px;
        }

.sidebar-form label {
    display: block;
    margin-bottom: 3px;
    margin-top: 10px;
    color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
}

.sidebar-form input {
    width: 100%;
    margin-bottom: 4px;
    height: 38px;
    border-radius: 19px;
    background-color: #e7e7e7;
    border: none;
    padding: 0 16px;
    color: #000;
    font-size: 12px;
}

    .sidebar-form input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #000;
        opacity: 0.2;
    }

    .sidebar-form input::-moz-placeholder {
        /* Firefox 19+ */
        color: #000;
        opacity: 0.2;
    }

    .sidebar-form input:-ms-input-placeholder {
        /* IE 10+ */
        color: #000;
        opacity: 0.2;
    }

    .sidebar-form input:-moz-placeholder {
        /* Firefox 18- */
        color: #000;
        opacity: 0.2;
    }

    .sidebar-form input.large {
        height: 43px;
        text-align: center;
        background: #f2f2f2;
    }

/* sidebar form end */
button.sidebar-submit.sidebar-submit {
    box-sizing: border-box;
    height: 43px;
    border-radius: 27.5px;
    background-color: #0077ff;
    text-align: center;
    font-size: 15px;
    color: #fff;
    width: 100%;
}

.sidebar-footer {
    border-top: 1px solid #c4c4c4;
    padding: 17px;
    margin: 0 -17px;
}

.sidebar-select .fake-select {
    display: block;
}

    .sidebar-select .fake-select .fake-select-options {
        box-shadow: none !important;
    }

    .sidebar-select .fake-select .fake-select-value,
    .sidebar-select .fake-select .fake-option {
        display: flex;
        align-items: center;
    }

        .sidebar-select .fake-select .fake-select-value .option-image,
        .sidebar-select .fake-select .fake-option .option-image {
            margin-right: 10px;
        }

            .sidebar-select .fake-select .fake-select-value .option-image img,
            .sidebar-select .fake-select .fake-option .option-image img {
                display: block;
                border-radius: 50%;
                width: 22px;
            }

    .sidebar-select .fake-select .fake-option {
        min-height: 38px;
        line-height: 38px;
    }

    .sidebar-select .fake-select .fake-select-value {
        border: 0;
        cursor: pointer;
        color: #000;
        height: 38px;
        line-height: 38px;
        padding: 0 16px;
        border-radius: 19px;
        background-color: #e7e7e7;
    }

        .sidebar-select .fake-select .fake-select-value:after {
            position: absolute;
            right: 16px;
            margin: 0;
            opacity: 0.2;
        }

#auth-code {
    width: 165px;
    box-sizing: border-box;
    margin: 0 auto;
    display: block;
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
    height: 30px;
    font-size: 12px;
    border-radius: 16.5px;
    text-align: center;
}

.sidebar-card {
    background: #fff;
    padding: 20px 17px;
    border-top: 1px solid #d8d8d8;
}

    .sidebar-card p.small {
        font-size: 10px;
        margin: 0;
        color: rgba(0, 0, 0, 0.5);
    }

    .sidebar-card:last-of-type {
        border-bottom: 1px solid #d8d8d8;
    }

.switch-checkbox {
    position: relative;
}

    .switch-checkbox input {
        display: none;
    }

        .switch-checkbox input + label {
            cursor: pointer;
            margin: 0;
            position: relative;
            display: block;
            width: 40px;
            height: 25px;
            background-color: #e4e3e3;
            border-radius: 20px;
        }

            .switch-checkbox input + label:after {
                position: absolute;
                display: block;
                width: 23px;
                height: 23px;
                background-color: #ffffff;
                content: "";
                border-radius: 50%;
                top: 1px;
                left: 1px;
                transition: all 0.1s ease;
            }

        .switch-checkbox input:checked + label {
            background: #00c553;
        }

            .switch-checkbox input:checked + label:after {
                transform: translateX(15px);
            }

.sidebar-checkbox-wrapper {
    display: flex;
    align-items: center;
}

    .sidebar-checkbox-wrapper .switch-checkbox {
        margin-left: auto;
    }

#authenticator-image img {
    display: block;
    margin: 0 auto;
}

#authenticator-checkbox-settings {
    margin-top: 6px;
}

    #authenticator-checkbox-settings .authenticator-checkbox input[type="checkbox"] + label:before,
    #authenticator-checkbox-settings .authenticator-checkbox input[type="radio"] + label:before {
        box-sizing: border-box;
        top: 50% !important;
        transform: translateY(-50%);
        line-height: 16px !important;
    }

.authenticator-loading,
.authenticator-feedback {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    height: 415px;
    z-index: 10;
    border: 1px solid #d8d8d8;
    border-width: 1px 0 1px 0;
}

.authenticator-feedback {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    flex-direction: column;
}

    .authenticator-feedback p {
        margin: 0;
    }

    .authenticator-feedback:before {
        width: 30px;
        height: 30px;
        border-radius: 50px;
        color: #fff;
        font-family: "fontello";
        content: "";
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 25px;
    }

    .authenticator-feedback.success {
        color: #00c553;
    }

        .authenticator-feedback.success:before {
            background-color: #00d043;
            content: "\e803";
        }

    .authenticator-feedback.failture {
        color: red;
        padding-left: 25px;
        padding-right: 25px;
    }

        .authenticator-feedback.failture:before {
            background-color: red;
            content: "\e804";
            font-size: 20px;
        }

#profile-form-feedback {
    pointer-events: none;
    display: flex;
    opacity: 0;
    transform: translateY(100%);
    align-content: center;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -115px;
    left: 0;
    right: 0px;
    min-height: 55px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

    #profile-form-feedback.show {
        opacity: 1;
        transform: translateY(0);
    }

    #profile-form-feedback > div {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

    #profile-form-feedback .material-icons {
        font-size: 20px;
        margin-right: 5px;
    }

    #profile-form-feedback.success {
        background: #00c553;
        color: #fff;
    }

    #profile-form-feedback.error {
        background: red;
        color: #fff;
    }

.loader,
.loader:after {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 0.5em solid #d8d8d8;
    border-right: 0.5em solid #d8d8d8;
    border-bottom: 0.5em solid #d8d8d8;
    border-left: 0.5em solid #000;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

.profile-form-scrollbar {
    height: calc(100vh - 248px);
    position: relative;
}

#sidebar-profile-loader {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #f2f2f2;
    z-index: 2;
    align-items: center;
}

    #sidebar-profile-loader.show {
        display: flex;
    }

.image-crop-modal {
    box-sizing: border-box;
    width: 965px;
    height: 620px;
    background: #111111;
    color: #fff;
    border-radius: 20px;
    display: flex;
    overflow: hidden;
}

    .image-crop-modal * {
        box-sizing: border-box;
    }

    .image-crop-modal .crop-column {
        position: relative;
        flex-grow: 1;
        padding: 60px;
    }

        .image-crop-modal .crop-column .crop-rotate {
            position: absolute;
            right: 20px;
            top: 15px;
            color: #fff;
        }

            .image-crop-modal .crop-column .crop-rotate span {
                font-size: 18px;
            }

    .image-crop-modal .preview-column {
        position: relative;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        width: 288px;
        background: #1f1f1f;
        height: 100%;
        margin-left: auto;
        text-align: center;
    }

        .image-crop-modal .preview-column .preview-column-header {
            position: relative;
            font-size: 13px;
            border-bottom: 1px solid #2f2f2f;
            line-height: 52px;
        }

            .image-crop-modal .preview-column .preview-column-header .close-modal {
                display: block;
                position: absolute;
                right: 20px;
                top: 50%;
                transform: translateY(-50%);
                color: #fff;
            }

                .image-crop-modal .preview-column .preview-column-header .close-modal span {
                    font-size: 18px;
                }

        .image-crop-modal .preview-column .image-informations {
            position: absolute;
            width: 100%;
            transform: translateY(-100%);
            font-size: 10px;
            padding-bottom: 30px;
        }

            .image-crop-modal .preview-column .image-informations .sizes {
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .image-crop-modal .preview-column .image-informations .sizes svg:first-child {
                    margin-right: 5px;
                }

                .image-crop-modal .preview-column .image-informations .sizes .width {
                    margin-right: 10px;
                }

            .image-crop-modal .preview-column .image-informations p {
                margin: 0;
            }

                .image-crop-modal .preview-column .image-informations p.head {
                    color: #626262;
                    margin-bottom: 5px;
                }

        .image-crop-modal .preview-column .preview-image {
            overflow: hidden;
            height: 320px;
            width: 240px;
            background-size: 100%;
            margin: 0 auto;
        }

        .image-crop-modal .preview-column .preview-footer {
            border-top: 1px solid #2f2f2f;
            padding: 25px;
        }

            .image-crop-modal .preview-column .preview-footer a {
                background: #0077ff;
                color: #fff;
                margin: 0;
                display: block;
                height: 35px;
                line-height: 35px;
                font-size: 15px;
            }

.hns-modal-background {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
}

.hns-modal {
    overflow: hidden;
    box-sizing: border-box;
    width: 725px;
    padding: 30px;
    background: #ffffff;
    border-radius: 20px;
    z-index: 51;
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}

    .hns-modal * {
        box-sizing: border-box;
    }

    .hns-modal .modal-header {
        font-size: 20px;
        color: #434343;
        text-align: center;
        position: relative;
        margin-bottom: 25px;
    }

        .hns-modal .modal-header .modal-close {
            cursor: pointer;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }

    .hns-modal .modal-body {
        max-height: 650px;
        overflow: auto;
    }

    .hns-modal .modal-footer {
        padding: 15px 30px;
        border-top: solid 1px #dcdcdc;
        background-color: #ececec;
        margin: 25px -30px -30px -30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .hns-modal .modal-footer .btn {
            background: #0077ff;
            font-size: 16px;
            color: #fff;
            height: 35px;
            padding: 0 15px !important;
        }

table.modal-listing-table.modal-listing-table,
table.listing-table.listing-table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 15px;
    background: #f5f5f5;
    overflow: hidden;
    text-align: left;
    margin-top: 30px;
}

    table.modal-listing-table.modal-listing-table tr td,
    table.listing-table.listing-table tr td {
        padding: 10px 20px;
    }

    table.modal-listing-table.modal-listing-table thead tr,
    table.modal-listing-table.modal-listing-table tr.thead,
    table.listing-table.listing-table thead tr,
    table.listing-table.listing-table tr.thead {
        background: #e8e8e8;
    }

        table.modal-listing-table.modal-listing-table thead tr td,
        table.modal-listing-table.modal-listing-table thead tr th,
        table.modal-listing-table.modal-listing-table tr.thead td,
        table.modal-listing-table.modal-listing-table tr.thead th,
        table.listing-table.listing-table thead tr td,
        table.listing-table.listing-table thead tr th,
        table.listing-table.listing-table tr.thead td,
        table.listing-table.listing-table tr.thead th {
            border-bottom: 0;
        }

            table.modal-listing-table.modal-listing-table thead tr td.sorting,
            table.modal-listing-table.modal-listing-table thead tr th.sorting,
            table.modal-listing-table.modal-listing-table tr.thead td.sorting,
            table.modal-listing-table.modal-listing-table tr.thead th.sorting,
            table.listing-table.listing-table thead tr td.sorting,
            table.listing-table.listing-table thead tr th.sorting,
            table.listing-table.listing-table tr.thead td.sorting,
            table.listing-table.listing-table tr.thead th.sorting {
                background-image: url("../images/datatables/sort_both.png");
            }

            table.modal-listing-table.modal-listing-table thead tr td.sorting_asc,
            table.modal-listing-table.modal-listing-table thead tr th.sorting_asc,
            table.modal-listing-table.modal-listing-table tr.thead td.sorting_asc,
            table.modal-listing-table.modal-listing-table tr.thead th.sorting_asc,
            table.listing-table.listing-table thead tr td.sorting_asc,
            table.listing-table.listing-table thead tr th.sorting_asc,
            table.listing-table.listing-table tr.thead td.sorting_asc,
            table.listing-table.listing-table tr.thead th.sorting_asc {
                background-image: url("../images/datatables/sort_asc.png");
            }

            table.modal-listing-table.modal-listing-table thead tr td.sorting_desc,
            table.modal-listing-table.modal-listing-table thead tr th.sorting_desc,
            table.modal-listing-table.modal-listing-table tr.thead td.sorting_desc,
            table.modal-listing-table.modal-listing-table tr.thead th.sorting_desc,
            table.listing-table.listing-table thead tr td.sorting_desc,
            table.listing-table.listing-table thead tr th.sorting_desc,
            table.listing-table.listing-table tr.thead td.sorting_desc,
            table.listing-table.listing-table tr.thead th.sorting_desc {
                background-image: url("../images/datatables/sort_desc.png");
            }

            table.modal-listing-table.modal-listing-table thead tr td[data-orderable="false"],
            table.modal-listing-table.modal-listing-table thead tr th[data-orderable="false"],
            table.modal-listing-table.modal-listing-table tr.thead td[data-orderable="false"],
            table.modal-listing-table.modal-listing-table tr.thead th[data-orderable="false"],
            table.listing-table.listing-table thead tr td[data-orderable="false"],
            table.listing-table.listing-table thead tr th[data-orderable="false"],
            table.listing-table.listing-table tr.thead td[data-orderable="false"],
            table.listing-table.listing-table tr.thead th[data-orderable="false"] {
                background-image: none;
            }

    table.modal-listing-table.modal-listing-table tbody tr,
    table.modal-listing-table.modal-listing-table tr.tbody,
    table.listing-table.listing-table tbody tr,
    table.listing-table.listing-table tr.tbody {
        background: #f5f5f5;
        border-top: 1px solid #d8d8d8;
    }

        table.modal-listing-table.modal-listing-table tbody tr *:not(.switch-checkbox) > input[type="checkbox"] + label,
        table.modal-listing-table.modal-listing-table tbody tr input[type="radio"] + label,
        table.modal-listing-table.modal-listing-table tr.tbody *:not(.switch-checkbox) > input[type="checkbox"] + label,
        table.modal-listing-table.modal-listing-table tr.tbody input[type="radio"] + label,
        table.listing-table.listing-table tbody tr *:not(.switch-checkbox) > input[type="checkbox"] + label,
        table.listing-table.listing-table tbody tr input[type="radio"] + label,
        table.listing-table.listing-table tr.tbody *:not(.switch-checkbox) > input[type="checkbox"] + label,
        table.listing-table.listing-table tr.tbody input[type="radio"] + label {
            margin: 0;
            padding: 0;
            width: 20px;
            height: 20px;
        }

button {
    cursor: pointer;
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}

input[type="text"].big-text-input {
    padding: 0 25px;
    height: 43px;
    border-radius: 21.5px;
    border: solid 1px #e5e5e5;
    background-color: #f1f1f1;
    box-sizing: border-box;
}

    input[type="text"].big-text-input.text-center {
        text-align: center;
    }

.force-radio-mid input[type="radio"] + label {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

    .force-radio-mid input[type="radio"] + label:before {
        position: relative;
        margin-right: 5px;
    }

.radios-inline input[type="radio"] + label {
    margin-right: 10px;
}

.ss-content {
    width: 100%;
}

input[type="text"].big-text-input.ga-code-input {
    font-size: 16px;
    width: 100px;
    padding: 0 15px;
}
img.channelimageswidth{
    max-width: 140px;
    max-height: 65px;
}

td a{
    display: inline-block;
    position: relative;
}

table.mytable tbody tr td img{
    max-height: 65px;
    max-width: 140px;
}