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

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

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

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

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

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

.mr-5px {
    margin-right: 5px !important;
}

.mr-10px {
    margin-right: 10px !important;
}

.mr-20px {
    margin-right: 20px !important;
}

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

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

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

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

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

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

.ml-1px {
    margin-left: 1px !important;
}

.ml-3px {
    margin-left: 3px !important;
}

.ml-5px {
    margin-left: 5px !important;
}

.ml-10px {
    margin-left: 10px !important;
}

.ml-15px {
    margin-left: 15px !important;
}

.ml-20px {
    margin-left: 20px !important;
}

.ml-30px {
    margin-left: 30px !important;
}

.ml-80px {
    margin-left: 80px !important;
}

.m-5px {
    margin: 5px !important;
}

.p-5px {
    padding: 5px !important;
}

.p-10px {
    padding: 10px !important;
}

.pt-3px {
    padding-top: 3px !important;
}

.pt-5px {
    padding-top: 5px !important;
}

.pt-10px {
    padding-top: 10px !important;
}

.pr-6px {
    padding-right: 6px !important;
}

.pr-10px {
    padding-right: 10px !important;
}

.pr-15px {
    padding-right: 15px !important;
}

.pr-20px {
    padding-right: 20px !important;
}

.pb-3px {
    padding-bottom: 3px !important;
}

.pb-5px {
    padding-bottom: 5px !important;
}

.pb-100px {
    padding-bottom: 100px !important;
}

.pl-1px {
    padding-left: 1px !important;
}

.pl-6px {
    padding-left: 6px !important;
}

.pl-10px {
    padding-left: 10px !important;
}

.pl-30px {
    padding-left: 30px !important;
}

.is-11 {
    font-size: 11px !important;
}

.is-12 {
    font-size: 12px !important;
}

.is-14 {
    font-size: 14px !important;
}

.is-15 {
    font-size: 15px !important;
}

.is-16 {
    font-size: 16px !important;
}

.is-18 {
    font-size: 18px !important;
}

.is-20 {
    font-size: 20px !important;
}

.is-22 {
    font-size: 22px !important;
}

.is-24 {
    font-size: 24px !important;
}

.is-30 {
    font-size: 30px !important;
}

a, a:not([href]):not([class])[role=button] {
    color: #3a8d8f;
}

a:hover, a:not([href]):not([class])[role=button]:hover {
    color: inherit;
}

.btn-white {
    background-color: white !important;
    color: #444;
    border-color: #d2d6de;
}

.btn-white:hover {
    background-color: #f9f9f9 !important;
}

.bg-white {
    background-color: white !important;
}

.bg-trans {
    background-color: transparent !important;
}

.internal {
    color: #a9a9a9 !important;
}

.minw-140px {
    min-width: 140px !important;
}

.minw-150px {
    min-width: 150px !important;
}

.minw-1000px {
    min-width: 1000px !important;
}

.minw-50pr {
    min-width: 50% !important;
}

.mw-150px {
    max-width: 150px !important;
}

.mw-250px {
    max-width: 250px !important;
}

.mw-400px {
    max-width: 400px !important;
}

.mw-630px {
    max-width: 630px !important;
}

.mw-1200px-tickets {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.w-30px {
    width: 30px !important;
}

.w-35px {
    width: 35px !important;
}

.w-40px {
    width: 40px !important;
}

.w-50px {
    width: 50px !important;
}

.w-60px {
    width: 60px !important;
}

.w-70px {
    width: 70px !important;
}

.w-80px {
    width: 80px !important;
}

.w-100px {
    width: 100px !important;
}

.w-110px {
    width: 100px !important;
}

.w-120px {
    width: 120px !important;
}

.w-130px {
    width: 130px !important;
}

.w-140px {
    width: 140px !important;
}

.w-150px {
    width: 150px !important;
}

.w-160px {
    width: 160px !important;
}

.w-200px {
    width: 200px !important;
}

.w-250px {
    width: 250px !important;
}

.w-1pr {
    width: 1% !important;
}

.w-30pr {
    width: 30% !important;
}

.w-40pr {
    width: 40% !important;
}

.w-45pr {
    width: 45% !important;
}

.w-60pr {
    width: 60% !important;
}

.w-70pr {
    width: 70% !important;
}

.w-85pr {
    width: 85% !important;
}

.w-90pr {
    width: 90% !important;
}

.minh-unset {
    min-height: unset !important;
}

.minh-75px {
    min-height: 75px !important;
}

.minh-110px {
    min-height: 110px !important;
}

.minh-300px {
    min-height: 300px !important;
}

.text-smaller {
    font-size: smaller;
}

.timeline-body img {
    max-width: 100% !important;
}

.timeline-body p:last-of-type {
    margin-bottom: unset;
}

.td-avatar {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.stars-outer {
    display: inline-block;
    position: relative;
}

.stars-outer::before {
    content: "\f005 \f005 \f005 \f005 \f005";
    font-size: 20px;
    position: relative;
    top: -4px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-regular);
}

.stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
}

.stars-inner::before {
    content: "\f005 \f005 \f005 \f005 \f005";
    font-size: 20px;
    position: relative;
    top: -4px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
}

#vat-result {
    margin-bottom: 0 !important;
}

.summary-tr {
    font-weight: 700;
}

.summary-tr td {
    border-top: 1px solid black !important;
}

#sidebar-select {
    width: 100%;
    padding: 5px;
    border-radius: 3px;
    background-color: #4b575b;
    color: #e3e3e3;
    border-color: #2d3437;
}

#sidebar-select:focus {
    background-color: #e8e8e8;
    color: #484848;
}

#sidebar-select-div {
    width: 100%;
    padding: 10px;
}

.js-toggler {
    cursor: pointer;
    color: #2a7576;
    top: 0px;
    float: right;
    position: relative;
}

#ticket-attachments {
    word-break: break-all;
}

.js-note-edit {
    color: #2a7576;
}

.js-note-edit:hover,
.js-note-edit:active,
.js-note-edit:focus {
    outline: none;
    text-decoration: none;
    color: #72afd2;
    cursor: pointer;
}

.js-note-del {
    color: #9f0d00;
}

.js-note-del:hover,
.js-note-del:active,
.js-note-del:focus {
    outline: none;
    text-decoration: none;
    color: #b73b3f;
    cursor: pointer;
}

#invoice-items-tbody {
    display: block;
    overflow: auto;
    max-height: 400px;
}

#invoice-items-tbody thead {
    position: sticky;
    top: 0;
    background-color: #fff;
}

#invoice-items-tbody tfoot {
    position: sticky;
    bottom: 0;
    background-color: #fff;
    border-top: solid black 2px;
}

#invoice-items-tbody thead,
#invoice-items-tbody tfoot,
#invoice-items-tbody tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
    /* even columns width , fix width of table too*/
}

#invoice-items-tbody {
    width: 100%;
}

.pull-bottom-right {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
}

.invoice-buttons {
    margin-right: -5px;
    margin-left: -5px;
}

.invoice-buttons>div {
    margin: 5px 3px 0;
    float: left;
}

.payments-table {
    min-width: 1200px;
}

.payments-table>tbody>tr>td,
.payments-table th {
    padding: 5px;
}

.payments-table input {
    width: 80%;
    height: 20px;
    padding: 2px;
    margin-top: 3px;
    display: inline-flex;
    flex-wrap: wrap;
}

.payments-table button,
.payments-table a.btn,
.js-premium-btn {
    width: calc(20% - 1px);
    height: 20px;
    padding: 2px 0 0 4px;
    margin-left: -3px;
    vertical-align: unset;
    display: inline-flex;
    flex-wrap: wrap;
}

#payments-btns button,
#payments-btns a.btn {
    width: 25px;
}

#payments-btns a.btn {
    height: 20px;
    padding: 2px 0 0 5px;
    margin-left: -2px;
    vertical-align: unset;
    display: inline-flex;
    flex-wrap: wrap;
}

.js-premium-price,
.js-premium-price-renew {
    width: 80%;
    height: 20px;
    padding: 2px;
    margin-top: 6px;
    display: inline-flex;
    flex-wrap: wrap;
}

.invoices-grid>.row {
    margin: 0;
    width: 100%;
}

.invoices-row {
    width: 100% !important;
    display: inherit;
    flex-wrap: inherit;
}

.invoices-row .invoices-main-row {
    width: 100% !important;
    display: inherit;
    flex-wrap: inherit;
}

.invoices-row.delimiter {
    border-top: 5px solid #2a7576 !important;
}

.invoices-row:hover {
    background-color: #ecf0f5;
}

.invoices-row>.invoices-main-row>div {
    border: 1px solid #e6e6e6;
}

.invoices-row>.invoices-main-row>div:nth-child(2) {
    display: flex;
    flex-flow: column;
}

.invoices-row>.invoices-main-row>div:nth-child(2)>div:last-child {
    flex-grow: 1;
}

.invoices-row>.invoices-main-row>div:nth-child(2)>div:last-child>div {
    height: 100%;
}

.invoices-header {
    border: 1px solid #e6e6e6;
    background-color: #ecf0f5;
    padding: 5px;
}

.invoice-item-odd>div,
.invoice-item-even>div {
    border: 1px solid #e6e6e6;
}

.invoice-items-header>div {
    border: 1px solid #e6e6e6;
    border-bottom: 2px solid black;
}

.show-invoice-items {
    position: absolute;
    bottom: -2px;
    right: 7px;
    z-index: 1000;
}

.payments>div {
    border-bottom: 1px solid #e6e6e6;
    padding: 3px;
    margin: 0 -5px;
}

.payments:last-child>div {
    border-bottom: 0;
}

.ods,
.dds {
    margin: 0 -7px;
}

.ods> :first-child {
    border-top: 1px solid #e6e6e6;
}

.ods>div,
.dds>div {
    padding: 0 7px;
}

.invoices-row small {
    font-size: 80%;
    margin-right: 10px;
    padding-right: 10px;
}

.table-hover>tbody>tr:hover {
    background-color: #ecf0f5;
}

#relations small {
    font-size: 55%;
}

#flash-alert-div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}

blockquote {
    font-size: 14px !important;
}

.form.footer-legend-is-floating .footer-legend {
    text-align: center;
}

.si-colored {
    background-color: rgb(204, 238, 255) !important;
}

#cart-prebtn {
    margin-top: 20px;
    margin-bottom: 3px;
}

.submit-check label {
    padding-left: 17px;
    text-indent: -19px;
}

.unchecked {
    border: 3px solid #a94442;
}

.submit-check input {
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 1px 4px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    overflow: hidden;
}

.payment-buttons .btn {
    padding: 7px;
    line-height: 1.1;
}

.payment-buttons>div {
    margin-top: 10px;
    height: 35px;
}

.prices-info {
    padding: 8px;
    margin-bottom: 10px;
    text-align: center;
}

.submit-check p {
    margin-left: -15px;
    text-indent: 0;
    text-align: justify;
}

.h-center {
    margin: 0 auto !important;
    float: none !important;
    text-align: center;
}

.login-logo,
.register-logo {
    padding-bottom: 10px;
}

.login-alert-box, .register-alert-box {
    position: absolute;
    top: 10px;
    width: 100%;
}

#price-list-table tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

#price-list-table tr:nth-of-type(odd) {
    background-color: #eee;
}

#price-list-table div.row>div {
    padding-top: 5px;
    padding-bottom: 5px;
}

#price-list-table div.row:not(:last-of-type)>div {
    border-bottom: 1px solid #ccc;
}

.font-bold {
    font-weight: bold;
}

.diff-old {
    border: 2px solid rgb(255, 124, 124) !important;
    background: rgb(255, 224, 224) !important;
}

.diff-new {
    border: 2px solid rgb(124, 255, 124) !important;
    background: rgb(224, 255, 224) !important;
}

.minicart-btns {
    width: 200px !important;
}

#cart-add-item-btn {
    width: 25%;
    float: right;
}

.cart-coupon-input {
    width: 30%;
    float: left;
    margin-right: 7px;
    -webkit-box-shadow: 0 2px #175152;
    -moz-box-shadow: 0 2px #175152;
    box-shadow: 0 2px #175152;
}

#cart-coupon-btn {
    width: 20%;
    float: left;
}

.payment-ul>li {
    list-style: inside;
}

.word-break {
    word-break: break-word;
}

.dash-errors-body {
    font-size: smaller;
}

.modal-panel h2 {
    margin: 20px 0 10px 0 !important;
    padding-bottom: 2px !important;
    border: none !important;
}

.contacts-boxes h3 {
    text-transform: uppercase;
}

.priceList .content .styledTable table td,
.priceList .content .styledTable table th {
    padding: 5px 12px;
}

.table-compressed td {
    padding: 5px 12px !important;
}

.why-me img {
    top: 0;
}

.custom-conf-plate {
    margin-bottom: -1px !important;
}

.banner-item img {
    width: 100%;
    object-fit: contain;
}

.footer-logo {
    margin-bottom: 13px !important;
    text-align: center !important;
    font-size: 12px;
    font-family: "Arial", sans-serif;
}

.footer-logo:first-of-type {
    margin-top: 10px !important;
}

.footer-logo-helper {
    display: none;
}

.crossroad-services .content-card.background {
    background-size: contain;
}

.crossroad-services .content-card.background-01 {
    background-image: url(/img/site/background/crossroad-01.png);
}

.crossroad-services .content-card.background-02 {
    background-image: url(/img/site/background/crossroad-02.png);
}

.tariffs .content-card a.btn {
    color: #fff;
    text-decoration: none;
}

.tariffs .content-card a.btn:hover {
    color: #fff;
    text-decoration: none;
}

.configuration .recap .recap-all {
    padding-bottom: 20px;
}

.customers .content {
    padding-bottom: 60px;
}

.customers .content, .admins .content {
    min-height: 300px;
}

.change-table>tbody>tr {
    height: 25px;
}

.change-table>tbody>tr>td,
.change-table>tbody>tr>th {
    vertical-align: top;
}

.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.75) url("/img/loader.gif") center no-repeat;
}

/* Turn off scrollbar when body element has the loading class */
body.loading {
    overflow: hidden;
}

/* Make spinner image visible when body element has the loading class */
body.loading .overlay {
    display: block;
}

.dl-table td {
    width: 50%;
    border-bottom: 2px solid #fcfcfc;
}

.dl-table td:nth-of-type(even) {
    background-color: #fcfcfc;
}

.dl-table td:nth-of-type(odd) {
    background-color: #eee;
}

#tld-details-table {
    margin: 0 auto;
}

.text-30 {
    font-size: 30px !important;
}

.radius-none {
    border-radius: 0 !important;
}

.fe-red-alert {
    background-color: #dd4b39 !important;
    border-color: #d73925;
    color: #FFF;
}

.fe-red-alert a {
    text-decoration: underline;
    color: #FFF;
}

.infoicon.tld-tooltip {
    width: 15px;
    height: 15px;
    background-color: #2a7576;
    border: 1px solid #2a7576;
    color: #fff;
    font-size: 12px;
    font-weight: bolder;
    margin-left: 5px;
}

.table-with-shadow {
    margin-bottom: 4px !important;
    border: 0 none;
    -webkit-box-shadow: 3px 4px #bfbfbf;
    -moz-box-shadow: 3px 4px #bfbfbf;
    box-shadow: 3px 4px #bfbfbf;
}

.table-with-shadow td:last-child {
    background-color: #fff;
}

#contact-change-form #type option:disabled,
#contact-change-form #contact-id option:disabled {
    background-color: #eee;
}

.show-pwd {
    pointer-events: all;
    cursor: pointer;
}

.sideways {
    transform: rotate(270deg);
    text-align: center;
}

.bg-bright-green {
    background-color: rgb(87, 255, 87);
}

.bg-bright-red {
    background-color: rgb(255, 87, 87);
}

#select2-sidebar-search-input-results {
    overflow-x: hidden;
}

ul#select2-sidebar-search-input-results li:first-child {
    display: none !important;
}

#sidebar-search-input {
    background-color: white;
    height: 35px;
    overflow: hidden;
    border: 1px solid white;
    border-radius: 3px;
}

#sidebar-search-div .select2-selection__rendered, #sidebar-search-div .select2-selection--multiple, #sidebar-search-div .select2-search__field {
    margin: 0;
    padding: 0;
    height: 35px;
    border: none;
    outline: none;
}

#sidebar-search-div .select2.select2-container {
    border: 1px solid white;
    border-radius: 3px;
    width: 100% !important;
}

#sidebar-search-div .select2-search__field {
    padding: 6px 12px;
    font-size: 14px;
}

.timeline-item {
    background-color: white !important;
}

.ticket-alert-item {
    background-color: rgb(255 218 207) !important;
}

.strike-through {
    text-decoration: line-through;
}

.text-area-container, .backdrop, #new-sms-field {
    width: 100%;
    height: 160px;
}

.highlights, #new-sms-field {
    padding: 10px;
    letter-spacing: 1px;
}

.text-area-container {
    display: block;
    margin: 0 auto;
    transform: translateZ(0);
    -webkit-text-size-adjust: none;
}

.backdrop {
    position: absolute;
    z-index: 1;
    border: 1px solid #8e8e8e;
    background-color: #fff;
    overflow: auto;
    pointer-events: none;
    transition: transform 1s;
}

.highlights {
    white-space: pre-wrap;
    word-wrap: break-word;
    color: transparent;
}

#new-sms-field {
    display: block;
    position: absolute;
    z-index: 2;
    margin: 0;
    border: 1px solid #8e8e8e;
    border-radius: 0;
    color: #444;
    background-color: transparent;
    overflow: auto;
    resize: none;
    transition: transform 1s;
}

.highlights mark {
    border-radius: 3px;
    color: transparent;
    background-color: #b1d5e5;
    padding: 0;
}

.listing-tags-wrapper .select2-search__field {
    padding-left: 10px !important;
    margin: 0;
}

.select2-dropdown.select2-dropdown--below {
    border: none;
}

.lock-listener {
    cursor: pointer;
    font-weight: bold;
}

input.large-checkbox {
    transform: scale(2.5);
    margin-top: 16px !important;
    margin-left: 8px !important;
    display: block;
}

.font-outline {
    color: white;
    -webkit-text-stroke: 1px black;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.font-border {
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.font-outline-link {
    color: white;
    -webkit-text-stroke: 1px #3a8d8f;
    text-shadow: -1px 0 #3a8d8f, 0 1px #3a8d8f, 1px 0 #3a8d8f, 0 -1px #3a8d8f;
}

.js-new-call-form .select2-container {
    display: block;
    width: 100% !important;
}

.js-new-call-form .select2-container .select2-search__field {
    width: 100% !important;
}

.border-highlighted {
    border: red solid 2px;
}

.js-ansible-output {
    height: 500px;
    background-color: black;
}

.ansible-output {
    height: 100%;
    overflow-y: auto;
    padding: 10px;
    background-color: black;
    color: white;
}

.dot-typing {
    position: relative;
    left: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #ffffff;
    color: #ffffff;
    box-shadow: 9984px 0 0 0 #ffffff, 9999px 0 0 0 #ffffff, 10014px 0 0 0 #ffffff;
    animation: dot-typing 1.5s infinite linear;
    margin: 10px 20px 5px;
}

@keyframes dot-typing {
    0% {
        box-shadow: 9984px 0 0 0 #ffffff, 9999px 0 0 0 #ffffff, 10014px 0 0 0 #ffffff;
    }

    16.667% {
        box-shadow: 9984px -10px 0 0 #ffffff, 9999px 0 0 0 #ffffff, 10014px 0 0 0 #ffffff;
    }

    33.333% {
        box-shadow: 9984px 0 0 0 #ffffff, 9999px 0 0 0 #ffffff, 10014px 0 0 0 #ffffff;
    }

    50% {
        box-shadow: 9984px 0 0 0 #ffffff, 9999px -10px 0 0 #ffffff, 10014px 0 0 0 #ffffff;
    }

    66.667% {
        box-shadow: 9984px 0 0 0 #ffffff, 9999px 0 0 0 #ffffff, 10014px 0 0 0 #ffffff;
    }

    83.333% {
        box-shadow: 9984px 0 0 0 #ffffff, 9999px 0 0 0 #ffffff, 10014px -10px 0 0 #ffffff;
    }

    100% {
        box-shadow: 9984px 0 0 0 #ffffff, 9999px 0 0 0 #ffffff, 10014px 0 0 0 #ffffff;
    }
}

.many-winbox .wb-header {
    background-color: #2a7576;
}

.wb-copy {
    background-size: 14px auto;
    background-position: center;
}

.wb-copy-animation {
    animation: shake 3s ease 0s 1 normal forwards;
}

.scrollable.fixed .wrapper {
    overflow-y: scroll !important;
}

#messages-dropdown .dropdown-scrollable-body {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Extra small */
@media screen and (max-width: 767px) {
    .minicart-btns {
        margin-bottom: 5px;
    }

    #cart-add-item-btn {
        width: 100%;
    }

    .cart-coupon-input {
        width: 100%;
        margin-bottom: 5px;
    }

    #cart-coupon-btn {
        width: 100%;
        margin-bottom: 15px;
    }

    .invoice-buttons>div {
        width: 100%;
        margin: 5px 0 0;
    }

    .payment-buttons>div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .btn-calc-del {
        margin-left: -8px;
    }

    .modal-content {
        padding-bottom: 70px !important;
    }

    .infoicon.tld-tooltip {
        position: absolute;
        right: 10px;
    }

}

/* Small */
@media (min-width: 768px) {
    .invoice-buttons>div {
        width: calc(50% - 6px);
    }

    .form.form-is-domain-basket .domain-basket-table .repeater-item-is-group .col-name.with-action {
        width: calc(100% - 535px);
    }

    .form.form-is-domain-confirmation .col-period {
        flex-basis: 15%;
    }

    .form.form-is-domain-confirmation .col-name {
        flex-basis: 49%;
    }

    .form.form-is-domain-confirmation .col-price-without-vat {
        flex-basis: 18%;
    }

    .form.form-is-domain-confirmation .col-price-with-vat {
        flex-basis: 18%;
    }

    #cart-prebtn {
        margin-top: 30px;
        margin-bottom: 5px;
    }

    .payment-buttons>div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .configuration .conf-item .form-check+.row .plate {
        margin-top: 0;
    }

    .footer-logo {
        height: 60px;
        vertical-align: middle;
        margin-bottom: 0 !important;
    }

    .footer-logo:first-of-type {
        margin-top: 0 !important;
    }

    .footer-logo-helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .col-is-dotted::after {
        content: "";
        display: block;
        position: absolute;
        top: 5px;
        bottom: -5px;
        left: -9px;
        right: auto;
        border-top: 0;
        border-left: dotted 3px #ececec;
    }

}

/* Medium */
@media (min-width: 992px) {

    .invoice-buttons>div {
        width: unset;
        height: 35px;
    }

    .payment-buttons>div {
        padding-left: 0;
    }

    .footer-logo {
        height: unset;
        margin-bottom: 13px !important;
    }

    .footer-logo:first-of-type {
        margin-top: 5px !important;
    }

    .footer-logo-helper {
        display: none;
    }

    .crossroad-services .content-card {
        min-height: 242px;
    }

}

/* Large */
@media screen and (min-width: 1200px) {

    .invoices-grid>.row {
        display: inherit;
        flex-wrap: inherit;
    }

    .float-right-2nd {
        margin-right: 15px;
    }

    .Tickets.view.sidebar-collapse .content-header:not(.static) {
        width: 100%;
    }

    .Tickets.view>.wrapper>.content-wrapper>.alert {
        margin-top: 56px;
        margin-bottom: -50px;
    }


    #invoice-items-tbody thead .invoice-thead th {
        padding-right: 25px;
    }

    #invoice-items-tbody tfoot .invoice-tfoot td {
        padding-right: 23px;
    }

    .invoice-buttons>div {
        width: 200px;
    }

    .contact-edit-services {
        width: 85%;
    }

}

/* Extra large */
@media screen and (min-width: 1441px) {

    .contact-edit-services {
        width: 67%;
    }

    .contact-edit-alert {
        width: 33.33%;
    }

}

@media screen and (max-width: 992px) {
    .sidebar-submenu {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .float-right-2nd {
        margin-top: 7px;
    }
}

.print-only {
    display: none;
}

@media print {
    .print-only {
        display: initial;
    }
}

.js-transfer-contact {
    text-decoration: underline;
}

.js-transfer-contact:hover {
    text-decoration: underline;
    font-weight: bold;
}

.tooltip-img {
    max-width: 600px;
    max-height: 600px;
}

.tooltip-inner {
    max-width: 616px;
    max-height: 606px;
}

.tooltip {
    z-index: 99999;
    pointer-events: none;
}

/* Toggles */
.toggle.tags-flat {
    border-radius: 0px;
}

.toggle.tags-flat .toggle-handle {
    border-radius: 0px;
}

.toggle.tags-flat label {
    border-radius: 0px;
}

.toggle.tags-flat label.toggle-on {
    padding-left: 5px;
}

.toggle.tags-flat label.toggle-off {
    background-color: #FFF;
}

.copy {
    cursor: pointer;
    position: absolute;
    right: 15px;
}

.copy-inline {
    position: initial;
    right: inherit;
    margin-left: 0.5rem;
}

.text-white {
    color: white;
}

.text-dark-gray {
    color: #848484 !important;
}

.bg-blinking {
    animation: bg-blinker 1s step-start infinite;
}

@keyframes bg-blinker {
    50% {
        background-color: red;
        scale: 1.5;
    }
}

.text-blinking {
    animation: blinker 1s step-start infinite;
}

@keyframes blinker {
    50% {
        color: red;
    }
}

.has-errors {
    animation: error-blinker 1.25s ease-in-out infinite alternate-reverse both;
}

@keyframes error-blinker {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
        color: red;
    }

    100% {
        transform: scale(1);
    }
}

.has-serious-errors {
    animation: error-serious-blinker 1.25s ease-in-out infinite alternate-reverse both !important;
}

@keyframes error-serious-blinker {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(7) translateY(4px) translateX(2px);
        color: red;
    }

    100% {
        transform: scale(1);
    }
}

.timeline-item {
    overflow-x: auto;
}

body.admin-view-features>.wrapper .modal .modal-content .modal-body dd:hover:not(#contact-handles) {
    background-color: rgba(255, 255, 0, 0.4);
}

body.admin-view-features>.wrapper .modal .modal-content .modal-body dd#contact-handles span:hover {
    background-color: rgba(255, 255, 0, 0.4);
}

.img-xs {
    width: 20px !important;
    height: 20px !important;
}

.no-more-tables>thead>tr>th,
.no-more-tables>tbody>tr>th,
.no-more-tables>tfoot>tr>th,
.no-more-tables>thead>tr>td,
.no-more-tables>tbody>tr>td,
.no-more-tables>tfoot>tr>td {
    vertical-align: middle !important;
    font-size: 13px !important;
    padding: 8px;
}

.no-more-tables {
    width: 100% !important;
    overflow: visible;
}

div.paginator-sorter {
    display: none;
}

.p-relative {
    position: relative;
}

.form-control-copy {
    position: absolute;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    font-size: 16px;
}

.hidden-input {
    display: none !important;
}

.icheckbox_square-blue, .iradio_square-blue {
    margin-right: 0.3rem;
}

.pl-0>.icheckbox_square-blue, .pl-0>.iradio_square-blue {
    margin-right: 0;
}

.card-body.p-0 .table thead>tr>th:first-of-type,
.card-body.p-0 .table thead>tr>td:first-of-type,
.card-body.p-0 .table tfoot>tr>th:first-of-type,
.card-body.p-0 .table tfoot>tr>td:first-of-type,
.card-body.p-0 .table tbody>tr>th:first-of-type,
.card-body.p-0 .table tbody>tr>td:first-of-type {
    padding-left: 0.75rem;
}

.card-body.p-0 .table thead>tr>th:last-of-type,
.card-body.p-0 .table thead>tr>td:last-of-type,
.card-body.p-0 .table tfoot>tr>th:last-of-type,
.card-body.p-0 .table tfoot>tr>td:last-of-type,
.card-body.p-0 .table tbody>tr>th:last-of-type,
.card-body.p-0 .table tbody>tr>td:last-of-type {
    padding-right: 0.75rem;
}

.password-tooltip {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}

.bg-lines {
    background: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.10) 0px, rgba(0, 0, 0, 0.10) 5px, rgba(255, 255, 255, 0) 5px, rgba(255, 255, 255, 0) 15px) !important;
}

.content-wrapper {
    padding-bottom: 130px;
}

.content-wrapper, .content-header {
    padding-top: 5px;
}

.alert {
    border-radius: 8px;
    color: #494949 !important;
    font-size: 16px;
    line-height: 24px;
    margin: 0px 10px 10px 10px;
    position: relative;
}

.alert a {
    color: black;
    font-weight: bolder;
}

.alert button.close {
    opacity: 0.5;
}

.alert-danger, .alert-error {
    background-color: #f2dede !important;
    border-color: #dd4b39 !important;
}

.alert-warning {
    background-color: #fcf8e3 !important;
    border-color: #f39c12 !important;
}

.alert-info {
    background-color: #d9edf7 !important;
    border-color: #00c0ef !important;
}

.alert-success {
    background-color: #dff0d8 !important;
    border-color: #00a65a !important;
}

.shake {
    position: relative;
    animation: shake 5s ease 0.5s 3 normal forwards;
}

.new-call-note {
    min-height: 108px !important;
    resize: vertical;
}

.js-new-call-form div.form-group.form-check div.form-check {
    display: inline;
}

.js-new-call-form div.form-group.form-check label {
    padding-left: 0;
}

.js-new-call-form div.form-group.form-check div.form-check label:nth-child(1) {
    padding-left: 10px;
}

.js-new-call-form div.form-group.form-check div.form-check .iradio_square-blue {
    margin-right: 0.5rem;
}

.js-new-call-form div.form-group.form-check>label {
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.icon-fixed {
    position: relative;
    top: 2px;
}

@keyframes shake {

    0%,
    10% {
        transform: translateX(0);
    }

    4% {
        transform: translateX(-5px);
    }

    8% {
        transform: translateX(5px);
    }

    12% {
        transform: translateX(-5px);
    }

    16% {
        transform: translateX(3px);
    }

    20% {
        transform: translateX(-3px);
    }

    24% {
        transform: translateX(1px);
    }

    28% {
        transform: translateX(-1px);
    }
}

.many-winbox {
    z-index: 2000 !important;
}

.many-winbox.min {
    z-index: 2100 !important;
}

.many-winbox.min .wb-copy {
    display: none !important;
}

.many-winbox.min .wb-drag {
    cursor: pointer !important;
}

.z-index-order-1 {
    z-index: 2010 !important;
}

.z-index-order-2 {
    z-index: 2009 !important;
}

.z-index-order-3 {
    z-index: 2008 !important;
}

.z-index-order-4 {
    z-index: 2007 !important;
}

.z-index-order-5 {
    z-index: 2006 !important;
}

.z-index-order-6 {
    z-index: 2005 !important;
}

.z-index-order-7 {
    z-index: 2004 !important;
}

.z-index-order-8 {
    z-index: 2003 !important;
}

.z-index-order-9 {
    z-index: 2002 !important;
}

.z-index-order-10 {
    z-index: 2001 !important;
}

.winbox .select2-container, body>.select2-container {
    z-index: 2100;
}

body.no-header .content-wrapper {
    padding-top: 10px !important;
}

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

td.dt-control {
    width: 0px !important;
}

.child-row:hover {
    background-color: #ffffff !important;
}

.child-row:hover>td {
    box-shadow: unset !important;
}

.child-row>td {
    border: unset !important;
    border-bottom-style: solid !important;
    border-bottom-width: 3px !important;
    border-bottom-color: #3d3d3d !important;
    background-color: #ffffff;
    transition: border-bottom-color 0.4s ease;
}

.child-row-content {
    transition: max-height 0.4s ease, padding 0.4s ease;
    max-height: 0px;
    overflow: hidden;
    padding: 20px !important;
}

.child-row-content>div {
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
}

.child-row-content.collapsed {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.child-row-hidden {
    visibility: hidden;
    max-height: inherit;
    position: absolute;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.js-service-detail-field-input .form-group {
    margin-bottom: 0px;
    display: inline-block;
    width: calc(100% - 20px);
}

.js-service-detail-field-input .input-xs {
    height: 30px;
    padding: 1px 5px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 3px;
    position: relative;
    width: 100%;
}

.js-service-detail-field-input select.input-xs:not([multiple]) {
    height: 30px;
    line-height: 30px;
}

.js-service-detail-field-input .tooltip {
    white-space: nowrap;
}

.js-service-detail-field-input-alert {
    position: relative;
    right: 0px;
    top: 5px;
    float: right;
}

.child-row>td {
    padding: unset !important;
    min-height: unset !important;
}

.card-service-detail .nav>li>a {
    padding: 5px 10px;
}

.card-service-detail .card-header {
    background-color: #2a7576;
    color: white;
    padding: 6px 8px !important;
    font-size: 16px !important;
}

.card-service-detail .card-header .card-tools {
    right: 6px !important;
    top: 2px !important;
    margin: 0;
}

.card-service-detail .card-header .btn-tool {
    color: white;
    border-top: 3px solid transparent !important;
}

.card-service-detail .card-header .btn-tool:hover {
    color: rgb(234, 234, 234);
    background: rgba(0, 0, 0, 0.1);
    border-top: 3px solid transparent !important;
}

.card-outline-tabs>.card-header>.nav-tabs .nav-link {
    color: #343a40 !important;
}

.card-outline-tabs>.card-header>.nav-tabs .nav-link:hover:not(.active) {
    padding-top: 7px !important;
}

.row-label {
    position: absolute;
}

.row-data {
    margin-left: 140px;
    width: calc(100% - 140px);
    display: inline-block;
}

.highlighted-links a {
    color: #2a7576 !important;
    font-weight: 500;
}

.dtsp-subRowsContainer .row {
    margin-left: initial;
    margin-right: initial;
}

.clearButton:not(.disabled) {
    font-weight: 1000;
    background-color: red;
    color: white;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
    content: "Sbalit ▼" !important;
}

table.dataTable td.dt-control:before {
    content: "Rozbalit ►" !important;
    color: rgba(0, 0, 0, 0.75) !important;
    font-weight: 800;
    font-size: 14px;
    white-space: nowrap;
}

.js-collapse-all {
    font-weight: 800;
    font-size: 14px;
    white-space: nowrap;
}

#services-table-loader {
    position: relative;
    width: 240px;
    margin: auto;
    height: 240px;
    margin-bottom: 20px;
}

#services-table-loader>div>div {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 30px solid #2a7576;
    border-top-color: transparent;
    border-radius: 50%;
    animation: service-loader 1s linear infinite;
    top: 110px;
    left: 120px;
    box-sizing: content-card;
}

#services-table-loader>div {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
}

@keyframes service-loader {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.service-table-search #services-table_filter {
    text-align: left !important;
}

.service-table-search label {
    font-weight: 700 !important;
    margin-left: 2px !important;
}

.service-table-search input {
    display: block !important;
    margin-left: unset !important;
    margin-top: 5px !important;
    width: 100% !important;
}

.service-table-search-panes .dtsp-titleRow {
    display: none !important;
}

.service-table-search-panes .dtsp-topRow {
    margin: unset !important;
}

.js-bulk-operation-service,
.js-bulk-operation-service-all {
    padding: 5px 5px !important;
    text-align: center;
}

.js-bulk-operation-service div,
.js-bulk-operation-service-all div {
    margin: 0 !important;
    padding-left: 0 !important;
}

.js-bulk-operation-service-all div {
    display: inline-block !important;
}

.show-on-mobile {
    display: none;
}

.js-service-table-filters-card {
    box-shadow: 5px 5px 5px rgb(0 0 0 / 10%);
    border: 1px rgb(0 0 0 / 10%) solid;
}

.js-service-table-filters-card .dtsp-searchPanes .dtsp-subRowsContainer {
    padding: 0 !important;
}

.js-service-table-filters-card .dtsp-searchPanes .dtsp-subRowsContainer .dtsp-subRow2 button {
    line-height: 36px;
}

.js-service-table-filters-card .dtsp-panesContainer {
    margin-bottom: 0.2rem !important;
}

.service-table-bulk-operations {
    margin-bottom: 0;
    display: inline-flex;
}

.no-round-corners {
    border-radius: 0 !important;
}

.links-flexbox {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
}

.dtsp-searchCont .input-group-append {
    position: absolute;
    right: 0;
}

/* #blur-container {
    position: fixed;
    top: 0;
    background-color: transparent;
    width: 100%;
    height: 100vh;
    z-index: 500;
    cursor: not-allowed;
}

#blur-container-tooltip {
    position: absolute;
}

#blur-container-tooltip+.tooltip {
    pointer-events: none;
} */

.blur #services-table>tbody>tr:not(.dt-hasChild):not(.child-row), .blur #services-table>tbody>tr:not(.dt-hasChild):not(.child-row) .dt-control:before {
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.25) !important;
    transition: text-shadow 0.3s ease, color 0.3s ease;
}

.not-blur #services-table>tbody>tr:not(.dt-hasChild):not(.child-row), .not-blur #services-table>tbody>tr:not(.dt-hasChild):not(.child-row) .dt-control:before {
    text-shadow: none;
    transition: text-shadow 0.3s ease, color 0.3s ease;
}

.blur .js-collapse-all, .blur th, .not-blur .js-collapse-all, .not-blur th {
    color: initial;
    text-shadow: none !important;
}

.js-collapse-all {
    color: #3a8d8f !important;
}

.dt-hasChild, .child-row, #services-table>thead>tr {
    z-index: 501;
    position: relative;
}

.z-index-501 {
    z-index: 501;
    position: relative;
}

#lhc_status_widget_v2 {
    inset: auto 10px 40px auto !important;
    z-index: 2147483639 !important;
}

#lhc_widget_v2 {
    z-index: 2147483639 !important;
}

#lhc_widget_v2.lhc-desktop {
    inset: auto 30px 45px auto !important;
}

.fixed-bulk-submit {
    position: fixed;
    inset: auto 10px 120px auto;
    z-index: 1000;
    width: 65px;
    height: 65px;
    margin: 15px;
    -webkit-box-shadow: 0 0 17px rgb(50 50 50 / 50%);
    -moz-box-shadow: 0 0 17px rgba(50, 50, 50, 0.5);
    box-shadow: 0 0 17px rgb(50 50 50 / 50%);
    border-radius: 47px;
    background-size: 45px 45px;
    background-image: url("/img/site/icon/icon-check-white.svg");
    overflow: visible;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ff6700;
    border: unset;
    animation: fadeIn ease 0.3s;
}

.fixed-bulk-submit.fade-out {
    animation: fadeOut ease 0.3s;
    opacity: 0;
}

.fixed-bulk-submit .bulk-counter {
    left: unset;
    color: white;
    display: block;
    position: absolute;
    background-color: #2a7576;
    text-align: center;
    border-radius: 7px;
    right: -2px;
    bottom: -6px;
    line-height: 23px;
    width: 23px;
    height: 23px;
    font-size: 16px;
    animation: fadeIn ease 0.3s;
}

.fixed-bulk-submit .bulk-reset {
    right: unset;
    color: white;
    display: block;
    position: absolute;
    background-color: #d72e2e;
    text-align: center;
    border-radius: 7px;
    left: -2px;
    bottom: -6px;
    line-height: 23px;
    width: 23px;
    height: 23px;
    font-size: 16px;
    animation: fadeIn ease 0.3s;
}

.contacts-list ul {
    list-style: none;
    padding-left: 0;
    text-align: left;
}

.contacts-list li {
    text-align: left;
    padding: 0;
}

.contacts-list li h4 {
    margin-bottom: 3px;
}

dl.row>dt {
    text-align: right;
}

dl.row>dd {
    text-align: left;
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.service-notes-versions {
    max-height: 300px;
    overflow-y: hidden;
}

div.dtsp-searchPane div.dtsp-topRow.dtsp-bordered:hover button.disabled {
    cursor: pointer !important;
    pointer-events: initial !important;
}

div.dtsp-searchPane div.dtsp-topRow.dtsp-bordered:hover input.dtsp-paneInputButton {
    pointer-events: initial !important;
}

.icon-container {
    width: 30px;
    height: 18px;
    display: inline-block;
    text-align: center;
}

#sidebar-scroll {
    overflow: hidden !important;
}

.card-outline-tabs .card-body .card .card-header .card-tools {
    margin: initial;
    margin-right: -0.625rem;
}

.text-break-spaces {
    white-space: break-spaces;
    word-break: break-word;
}

@media only screen and (max-width: 576px) {

    .pull-small .btn-sm {
        padding: 5px 7px !important;
    }

    .pull-small .form-control-sm {
        padding: 3px 7px !important;
        min-width: 125px;
        height: 30px !important;
    }

    .js-bulk-operation-service {
        position: absolute !important;
        width: calc(100% - 128px);
    }

    .js-bulk-operation-service>div {
        position: absolute;
        top: 2px;
        right: 34px;
        z-index: 999;
    }

    .js-bulk-operation-service-all>div {
        position: absolute;
        top: 4px;
        right: 4px;
    }

    .show-on-mobile {
        display: block;
    }

    .dtr-hidden {
        display: block !important;
    }

    .hidden-on-mobile {
        display: none !important;
    }

    table.show-all .hidden-on-mobile {
        display: block !important;
    }

    .child-row-content {
        padding: 10px !important;
    }

    div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_length {
        text-align: left !important;
    }

    .no-more-tables .summary-tr td {
        border-top: unset !important;
    }

    /* Force table to not be like tables anymore */
    .no-more-tables,
    .no-more-tables>thead,
    .no-more-tables>tbody,
    .no-more-tables>tfoot,
    .no-more-tables>thead>tr,
    .no-more-tables>tbody>tr,
    .no-more-tables>tfoot>tr,
    .no-more-tables>thead>tr>th,
    .no-more-tables>tbody>tr>th,
    .no-more-tables>tfoot>tr>th,
    .no-more-tables>thead>tr>td,
    .no-more-tables>tbody>tr>td,
    .no-more-tables>tfoot>tr>td {
        display: block;
    }

    .no-more-tables {
        width: 100% !important;
    }

    .no-more-tables>thead.hide-head tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    div.paginator-sorter {
        display: block;
    }

    .no-more-tables>thead>tr,
    .no-more-tables>tbody>tr,
    .no-more-tables>tfoot>tr {
        border: 1px solid #ccc;
        min-width: unset !important;
    }

    .no-more-tables#invoice-items-tbody>tfoot {
        border-top: solid black 2px;
    }

    .no-more-tables>thead>tr>td,
    .no-more-tables>tbody>tr>td,
    .no-more-tables>tfoot>tr>td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding: 4px 6px 4px 120px !important;
        white-space: normal !important;
        text-align: left;
        min-height: 36px;
    }

    .no-more-tables-2-rows {
        min-height: 55px !important;
    }

    .no-more-tables.data-table>thead>tr>td,
    .no-more-tables.data-table>tbody>tr>td,
    .no-more-tables.data-table>tfoot>tr>td,
    .no-more-tables#services-table>thead>tr>td,
    .no-more-tables#services-table>tbody>tr>td,
    .no-more-tables#services-table>tfoot>tr>td {
        min-height: 19px;
    }

    .no-more-tables.data-table .no-more-tables-2-rows,
    .no-more-tables#services-table .no-more-tables-2-rows {
        min-height: 37px !important;
    }

    .no-more-tables>thead>tr>td .fa,
    .no-more-tables>tbody>tr>td .fa,
    .no-more-tables>tfoot>tr>td .fa {
        font-size: 17px !important;
    }

    .no-more-tables>thead>tr>th,
    .no-more-tables>tbody>tr>th,
    .no-more-tables>tfoot>tr>th {
        width: 100% !important;
        max-width: unset !important;
        padding: 4px 6px !important;
    }

    .no-more-tables>thead>tr>th.sorting,
    .no-more-tables>thead>tr>th.sorting_disabled,
    .no-more-tables>tbody>tr>th.sorting,
    .no-more-tables>tfoot>tr>th.sorting {
        width: calc(100% - 12px) !important;
    }

    .no-more-tables>thead>tr>td:before,
    .no-more-tables>tbody>tr>td:before,
    .no-more-tables>tfoot>tr>td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        left: 8px;
        width: 100px !important;
        padding-right: 6px;
        white-space: normal !important;
        text-align: left;
        font-weight: bold;
        max-width: 100px !important;
        content: attr(data-title);
    }

    .no-more-tables>tbody>tr>.dt-control {
        width: initial !important;
    }

    .no-more-tables>tbody>tr>.dt-control:before {
        margin-top: initial !important;
    }

    .no-more-tables>tbody>tr.child-row>td {
        padding-left: unset !important;
        padding-top: 2px !important;
    }
}

.brand-link {
    padding: 9px;
}

.form-control {
    height: calc(1.83375rem + 4px);
}

.select2-container--default .select2-selection--single {
    padding: 0.26875rem 0.75rem;
    height: calc(1.83375rem + 4px);
}

#Addresses div.box {
    position: relative;
}

a.btn.disabled {
    cursor: not-allowed;
    pointer-events: auto;
}

#autoreload-layout {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-color: #175152;
    top: 0;
    pointer-events: none;
    opacity: 25%;
    transition: opacity 30s ease;
    z-index: 3000;
}

#autoreload-layout.fade-out {
    opacity: 0%;
}

#modal-js-confirm {
    z-index: 3500 !important;
}

.waviy {
    white-space: nowrap;
}

.waviy span {
    display: inline-block;
    animation: waviy 1s infinite;
    animation-delay: calc(.1s * var(--i));

}

@keyframes waviy {
    0%, 40%, 100% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(-0.35rem)
    }
}

.js-cookie-consent-box, #openCookieConsent {
    transition: left 0.5s, right 0.5s;
}

.js-cookie-consent-preferences, .js-cookie-consent-buttons {
    transition: height 0.5s;
}

button.flag {
    width: 9px;
    padding: 0;
    border: lightgray solid 1px;
}

.card-service-detail button.flag {
    height: 15px;
}

.direct-chat-text img {
    object-fit: contain;
    max-width: 100%;
    height: auto;
}

.direct-chat-text p:last-of-type {
    margin-bottom: unset;
}

.input-group .tox .tox-tbtn svg, .big-ticket-note-container .tox .tox-tbtn svg {
    transform: scale(0.75);
}

.input-group .tox .tox-tbtn, .big-ticket-note-container .tox .tox-tbtn {
    height: 20px;
    width: 20px;
    margin: 2px 5px;
}

.input-group .tox .tox-editor-header, .big-ticket-note-container .tox .tox-editor-header {
    border-bottom: 1px solid lightgray;
}

.input-group .tox-toolbar, .big-ticket-note-container .tox-toolbar {
    padding: 0rem 0.3rem !important;
}

.input-group .tox .tox-toolbar__group, .big-ticket-note-container .tox .tox-toolbar__group {
    padding: 0 !important;
    flex-wrap: nowrap !important;
}

.tox-promotion-link {
    display: none !important;
}

.input-group .tox-tinymce {
    border-radius: 10px 0px 0px 10px;
}

.table {
    margin-bottom: 0;
}

.mailbox-subject a {
    word-break: break-word;
}

.search-table-container {
    max-height: 400px;
    overflow-y: hidden;
}

.search-table-container.loaded {
    max-height: unset;
    overflow-y: unset;
}

.search-placeholder {
    height: 400px;
}

.search-append-separator td {
    border-top: 1rem solid #c2c2c2;
}

.pretty-scroll-y {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 400px;

    scrollbar-width: thin;
    scrollbar-color: #8b8f98 transparent;
}

.pretty-scroll-x {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;

    scrollbar-width: thin;
    scrollbar-color: #8b8f98 transparent;
}

.pretty-scroll-both {
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;

    scrollbar-width: thin;
    scrollbar-color: #8b8f98 transparent;
}

.pretty-scroll-y.hide-scrollbar,
.pretty-scroll-x.hide-scrollbar,
.pretty-scroll-both.hide-scrollbar {
    scrollbar-width: none;
}