@font-face {
    font-family: "Exo 2";
    font-weight: 300;
    font-display: fallback;
    src: url("../css/fonts/Exo2-Light.ttf") format("truetype"), url("../css/fonts/Exo2-Light.woff") format("woff");
}
@font-face {
    font-family: "Exo 2";
    font-weight: 400;
    font-display: fallback;
    src: url("../css/fonts/Exo2-Regular.ttf") format("truetype"), url("../css/fonts/Exo2-Regular.woff") format("woff");
}
@font-face {
    font-family: "Exo 2";
    font-weight: 700;
    font-display: fallback;
    src: url("../css/fonts/Exo2-Bold.ttf") format("truetype"), url("../css/fonts/Exo2-Bold.woff") format("woff");
}

html,
body {
    font-family: "Exo 2", sans-serif;
    font-size: 12px;
    line-height: 1.7em;
    background-color: #e2effe;
    color: #2d3545;
    text-rendering: optimizeSpeed;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

a,
a:hover,
a:focus,
a:active {
    color: inherit;
    text-decoration: none;
}
.display-block {
    display: block;
}

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

.capitalize {
    text-transform: capitalize;
}

.panel-white,
.block_convex_paper {
    background: #ffffff;
    box-shadow: 0 3px 3px rgba(0,0,0,0.06);
    border-radius: 10px;
}

.panel-white {
    padding: 10px;
    margin-top: 10px;
}

.panel-white:first-child {
    margin-top: 0;
}

.indent-sm.row,
.indent-sm .row {
    margin-right: -5px;
    margin-left: -5px;
}

.indent-sm [class^="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-control {
    padding: 5px 8px;
    color: #2D3745;
    border-color: #CED4DA;
    border-radius: 6px;
    line-height: 20px;
    height: auto;
    font-size: 13px;
}

.show-real-count {
    display: inline-block;
    color: #00abff;
    border-bottom: dotted 1px #00abff;
}

.show-real-count.loading i {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%2300abff;stroke-width:8;stroke-linecap:round;stroke-dasharray:38;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='40' cy='40' r='36'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' keyTimes='0;1' values='0 40 40;360 40 40' dur='1s'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
}

.form-control-plaintext,
.form-control-plaintext:focus-visible {
    outline: none;
    -webkit-appearance: none;
    border-color: transparent;
}

.form-control.custom-select {
    appearance: none;
    outline: none;
    background-image: url('/images/icons/arrow-down-blue.svg');
    background-repeat: no-repeat;
    background-size: 14px 100%;
    background-position: center right;
    background-position-x: right 10px;
    background-position-y: center;
}

.form-control:focus {
    border-color: #2d3545;
}

.form-control.custom-select:focus {
    background-image: url('/images/icons/arrow-up-blue.svg');
}

.form-control.custom-select + .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.form-control.custom-select + .select2-container--default {
    width: 100%;
}

.form-control.custom-select.select-prepend + .select2-container--default {
    width: auto;
    flex: 1 1 auto;
}

.form-control.custom-select + .select2-container--default .select2-selection--single,
.form-control.custom-select + .select2-container--default .select2-selection--multiple {
    border-color: #CED4DA;
    border-radius: 6px;
    height: auto;
    font-size: 13px;
}

.form-control.custom-select.select-prepend + .select2-container--default .select2-selection--single,
.form-control.custom-select.select-prepend + .select2-container--default .select2-selection--multiple {
    height: 100%;
    line-height: inherit;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.form-control.custom-select + .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: initial;
}

.form-group.has-error .form-control.custom-select + .select2-container--default .select2-selection--single,
.form-group.has-error .form-control.custom-select + .select2-container--default .select2-selection--multiple {
    color: #FF6D6A;
    border-color: #FF6D6A;
}

.form-control.custom-select + .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 30px;
    min-height: 30px;
}

.form-control.custom-select + .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 32px;
}

.form-control.custom-select + .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    width: 14px;
    height: 100%;
    top: 0;
    left: auto;
    right: 10px;
    position: absolute;
    margin-left: -4px;
    margin-top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/arrow-down-blue.svg');
}

.form-control.custom-select + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    background-image: url('/images/icons/arrow-up-blue.svg');
}

.custom-select-list,
.custom-select-list input {
    font-size: 13px;
    color: #495057;
}

.custom-select-list .select2-dropdown {
    background-color: #fff;
    border: 1px solid #CED4DA;
    border-radius: 6px;
}

.custom-select-list .select2-results ul li {
    color: #2D3745;
    margin: 0;
    font-size: inherit;
    line-height: normal;
}

.custom-select-list .select2-results .disabled,
.custom-select-list .select2-results .item-disabled {
    color: #949494;
}

.custom-select-list .select2-results .inactive,
.custom-select-list .select2-results .item-inactive {
    color: #FF6D6A;
}

.custom-select-list .select2-results ul li.select2-results__option--selected {
    color: inherit;
    background-color: #ECEDF0;
}

.custom-select-list .select2-results ul li.select2-results__option--highlighted {
    color: inherit;
    background-color: #E2EFFC;
}

.custom-select-list .select2-results .item-inactive {
    color: #FF6D6A;
}

.custom-select-list .select2-results .active,
.custom-select-list .select2-results .item-active {
    color: #43D26B;
}

.custom-select-list .select2-results .item-title {
    font-size: 13px;
}

.custom-select-list .select2-results .item-description {
    color: #949494;
    display: block;
    font-size: 10px;
    line-height: 12px;
    vertical-align: top;
}

.custom-select-list .select2-results .item-checkbox {
    height: auto;
    cursor: pointer;
}

.custom-select-list .select2-results .item-checkbox .box {
    width: 1em;
    height: 1em;
    margin: 0 10px 0 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1em;
}

.custom-select-list .select2-results .item-checkbox .text {
    width: 80%;
    width: calc(100% - 30px);
    font-size: 13px;
    line-height: 15px;
    word-break: break-all;
    display: inline-block;
    vertical-align: middle;
}

.custom-select-list .select2-results .item-checkbox .box i {
    display: inline-block;
    text-align: left;
    line-height: 1em;
}

.custom-select-list .select2-results .item-checkbox .box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    margin: 0;
    color: #ffffff;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #00abff;
    background-color: #fff;
}

.custom-select-list .select2-results ul li.select2-results__option--selected .item-checkbox .box:before {
    background: #00abff;
    border-color: transparent;
}

.custom-select-list .select2-results ul li.select2-results__option--selected .item-checkbox .box:after {
    position: absolute;
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\F00C';
    top: 0.27em;
    left: 0.27em;
    margin: 0;
    font-size: 0.64em;
    line-height: 1;
    width: 1.3em;
    height: 1.3em;
    color: #fff;
}

.custom-select-list .select2-results .item-color {
    display: block;
}

.select2 .selection .item-color {
    display: block;
    height: 30px;
    padding: 5px 0;
}

.select2 .selection .item-color i,
.custom-select-list .select2-results .item-color i {
    display: inline-block;
    vertical-align: top;
    width: 10%;
    height: 20px;
}

.select2 .selection .item-color span,
.custom-select-list .select2-results .item-color span {
    display: inline-block;
    vertical-align: top;
    width: 90%;
    height: 20px;
    padding: 0 0 0 6px;
    line-height: 20px;
}

.form-default {
    font-size: 12px;
}

.form-default .col-form-label {
    color: #949494;
    line-height: 120%;
}

.form-default .form-hint {
    display:inline-block;
    width: 18px;
    height: 100%;
    cursor: pointer;
    vertical-align: middle;
}

.form-default .form-label-long {
    display:inline-block;
    width: calc(100% - 18px);
    vertical-align: middle;
    padding-right: 4px;
}

.form-default .form-label-short {
    display:inline-block;
    width: auto;
    color: #2d3545;
    font-weight: 600;
    vertical-align: middle;
    padding-right: 8px;
}

.form-default .form-group .form-text {
    color: #FF6D6A;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
}

.align-self,
.form-default .align-self {
    align-self: center;
}

.auto-width,
.form-default .auto-width {
    width: auto;
}

.form-default .form-group-divider {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    margin: 24px 0;
    background-color: #E2EFFC;
}

.form-default .form-group-divider:before {
    content: attr(data-label);
    position: absolute;
    display: inline-block;
    width: auto;
    padding: 0 5px 0 0;
    font-size: 12px;
    font-weight: 400;
    color: #949494;
    color: #2d3545;
    line-height: 18px;
    top: -10px;
    left: 0;
    background-color: #fff;
}

.form-default .form-group-toggable .form-group:last-child,
.form-default .form-group-toggable .form-group:last-of-type {
    margin-bottom: 1rem;
}

.form-hint:before {
    content: '';
    display: block;
    width: 18px;
    height: 100%;
    min-height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/info-i-icon-gray.svg');
}

.form-hint:hover:before {
    background-image: url('/images/icons/info-i-icon-black.svg');
}

.btn-bottom-wrapper {
    padding: 20px 0 0 0;
    text-align: right;
}

.btn-bottom-wrapper .btn-red,
.btn-bottom-wrapper .btn-blue,
.btn-bottom-wrapper .btn-green {
    max-width: 260px;
    width: 100%;
}

.btn-bottom-wrapper.btn-bottom-two .btn {
    width: calc(50% - 5px);
    max-width: 260px;
}

.btn-bottom-wrapper.btn-bottom-two .btn:first-child {
    float: left;
}

.form-control.form-control-lg {
    padding: 12px 8px;
    line-height: 22px;
}

.form-control.form-control-sm {
    padding: 5px 8px;
    line-height: 18px;
}

.form-control::placeholder,
.select2-search__field::placeholder {
    color: #949494;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-family: inherit;
    letter-spacing: 0.7px;
    opacity: 1;
}

.input-group-text {
    width: 40px;
    padding: 0;
    text-align: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1em;
    color: #ffffff;
    background: #2d3545;
    border-color: #2d3545;
    border-radius: 5px;
}

.messages-wrapper {
    position: absolute;
    z-index: 5;
    top: 5px;
    left: 0;
    right: 0;
    text-align: center;
}

.messages-container {
    position: absolute;
    z-index: 9999;
    top: 5px;
    left: 0;
    right: 0;
    text-align: center;
    height: 0px;
    padding: 0 5px;
}

.messages-container.sticky {
    position: sticky;
}

.messages-container .alert {
    display: block;
    position: relative;
    padding: 10px 28px 10px 16px;
    margin: 0 auto;
    min-width: 240px;
    max-width: 360px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: white;
    border-radius: 5px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.1);
}

.messages-container .alert + .alert {
    margin-top: 5px;
}

.messages-container .alert .close {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    float: none;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 6px;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    color: #fff;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/close-icon-white.svg');
}

.messages-container .alert.error {
    background-color: #dc143c;
}

.messages-container .alert.info {
    background-color: #00abff;
}

.messages-container .alert.success {
    background-color: #42d26b;
}

.messages-container .alert.animate {
    animation-name: action-response-fade, action-response-hide;
    animation-duration: 0.5s, 0.5s;
    animation-timing-function: ease, ease;
    animation-delay: 3s, 3.5s;
    animation-iteration-count: 1, 1;
    animation-direction: normal, normal;
    animation-fill-mode: forwards, forwards;
    animation-play-state: running, running;
}

@keyframes action-response-fade {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes action-response-hide{
    from {

    }
    to {
        height: 0px;
        padding: 0px;
        margin-top: 0px;
        border: 0;
    }
}

@-webkit-keyframes action-response-fade {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-webkit-keyframes action-response-hide{
    from {
        opacity: 1;
    }
    to {
        height: 0px;
        padding: 0px;
        margin-top: 0px;
        border: 0;
    }
}

.main-info-error,
.extra-info-error {
    font-weight: 300;
    line-height: 16px;
    margin: 0;
}

.extra-info-error {
    font-size: 11px;
    color: #FF6D6A;
}

.messages-container .main-info-error,
.messages-container .extra-info-error {
    color: #fff;
}

.form-group.has-error  label {
    color: #FF6D6A;
}

.form-group.has-error .form-control {
    color: #FF6D6A;
    border-color: #FF6D6A;
}

.blue-link {
    color: #00abff;
    text-decoration: none;
}

.blue-link:hover,
.blue-link:focus,
.blue-link:active {
    color: #00abff;
    text-decoration: underline;
}

.red-link {
    color: #FF6D6A;
    text-decoration: none;
}

.red-link:hover,
.red-link:focus,
.red-link:active {
    color: #FF6D6A;
    text-decoration: underline;
}

.green-link {
    color: #43D26B;
    text-decoration: none;
}

.green-link:hover,
.green-link:focus,
.green-link:active {
    color: #43D26B;
    text-decoration: underline;
}

.blue-link.dotted-link,
.red-link.dotted-link,
.green-link.dotted-link {
    text-decoration: underline;
    text-decoration-style: dotted;
}

/* Datepicker styles */
.datepicker table td.prominent-blue,
.datepicker table td.prominent-blue {
    background-color: rgba(0, 171, 255, 0.15);
    border-color: rgba(0, 171, 255, 0.15);
}

.datepicker table td.prominent-green,
.datepicker table td.prominent-green {
    background-color: rgba(67, 210, 107, 0.2);
    border-color: rgba(67, 210, 107, 0.2);
}

.datepicker table td.prominent-red,
.datepicker table td.prominent-red {
    background-color: rgba(255, 109, 106, 0.15);
    border-color: rgba(255, 109, 106, 0.15);
}

.datepicker table td.day.current-month {
    color: #00abff;
}

.datepicker table td.day.active {
    color: #ffffff;
    background-color: #00abff;
}

.datepicker table td.day.current-month.disabled {
    color: #777777;
}

.datepicker table td.disabled,
.datepicker table td.disabled:hover {
    background: none;
    color: #777777;
    cursor: default;
}

.datepicker table td.today {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733;
}

.datepicker table td.today:hover {
    color: #000;
    background-color: #ffc966;
    border-color: #f59e00;
}
/* Datepicker styles */

/* Custom switcher */
.custom-switch {
    position: relative;
    display: inline-block;
    min-height: 1.2em;
    min-width: 2em;
    padding-left: 0;
    text-align: right;
    vertical-align: middle;
    cursor: pointer;
}

.custom-switch.custom-switch-md {
    font-size:18px;
}

.custom-switch .custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-switch .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    cursor: inherit;
}

.custom-switch .custom-control-label::before {
    position: absolute;
    top: 0.10em;
    left: -2em;
    display: block;
    width: 2em;
    height: 1em;
    cursor: inherit;
    pointer-events: all;
    content: "";
    border-radius: 0.5em;
    border: #00abff solid 1px;
    outline: none;
    box-shadow: none !important;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.custom-switch .custom-control-label::after {
    position: absolute;
    top: calc(0.10em + 2px);
    left: calc(-2em + 2px);
    display: block;
    width: calc(1em - 4px);
    height: calc(1em - 4px);
    cursor: inherit;
    content: "";
    background: no-repeat 50% / 50% 50%;
    background-color: #00abff;
    border-radius: 0.5em;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #00abff;
    background-color: #00abff;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(1em);
    transform: translateX(1em);
}

.custom-switch .custom-control-input:disabled ~  .custom-control-label::before {
    border-color: #CACACA;
}

.custom-switch .custom-control-input:disabled ~ .custom-control-label::after,
.custom-switch .custom-control-input:disabled:checked  ~  .custom-control-label::before {
    background-color: #CACACA;
}

.custom-switch .custom-control-input:disabled ~  .custom-control-label::before,
.custom-switch .custom-control-input:disabled:checked  ~ .custom-control-label::after {
    background-color: #fff;
}
/* Custom switcher */

/* Custom radio */
.custom-radio.custom-radio-md {
    font-size: 18px;
    padding: 0 0 0 1.5em;
    margin: 0 1em 0 0;
    min-height: 1.2em;
    line-height: 1.2em;
}

.custom-radio.custom-radio-md .custom-control-label {
    cursor: pointer;
}

.custom-radio.custom-radio-md .custom-control-label::before {
    position: absolute;
    top: 0.15em;
    left: -1.5em;
    display: block;
    width: 1em;
    height: 1em;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: solid 2px #2d3545;
}

.custom-radio.custom-radio-md .custom-control-label::after {
    position: absolute;
    top: 0.40em;
    left: -1.5em;
    display: block;
    width: 1em;
    height: 1em;
    content: "";
    background: no-repeat 50% / 50% 50%;
}

.custom-radio.custom-radio-md .custom-control-label span {
    font-size: 85%;
}

.custom-radio.custom-radio-md .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #00abff;
    background-color: #fff;
    outline: none;
    box-shadow: none !important;
}

.custom-radio.custom-radio-md .custom-control-input:checked ~ .custom-control-label::after {
    content: '';
    position: absolute;
    top: calc(0.15em + 4px);
    left: calc(-1.5em + 4px);
    width: calc(1em - 8px);
    height: calc(1em - 8px);
    background-color: #00abff;
    background-image: none;
    border-radius: 50%;
}

.custom-radio.custom-radio-md .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #E9ECEF;
    border-color: #9F9F9F;
}

.custom-radio.custom-radio-md .custom-control-input:disabled:checked ~ .custom-control-label::after {
    background-color: #9F9F9F;
}
/* Custom radio */

/* Custom checkbox */
.checkbox-custom {
    position: relative;
    display: inline-block;
    margin: 0;
    width: 1em;
    height: 1em;
    padding: 0;
    line-height: 1em;
    vertical-align: top;
}

.checkbox-custom input[type="radio"],
.checkbox-custom input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 2;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.checkbox-custom label {
    cursor: pointer;
    margin-bottom: 0;
    text-align: left;
    line-height: 1em;
}

.checkbox-custom label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    margin: 0;
    color: #ffffff;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #00abff;
    background-color: #fff;
}

.checkbox-custom.disabled  label::before {
    background-color: #e9ecef;
    border-color: #999;
}

.checkbox-custom input[type="radio"]:checked + label::before,
.checkbox-custom input[type="checkbox"]:checked + label::before {
    background: #00abff;
    border-color: transparent;
}

.checkbox-custom input[type="radio"]:checked + label::after,
.checkbox-custom input[type="checkbox"]:checked + label::after {
    top: 0.27em;
    left: 0.27em;
    width: 1.3em;
    height: 1.3em;
    font-size: 0.64em;
    margin: 0;
    color: #ffffff;
}

.checkbox-custom input[type="radio"]:disabled + label::before,
.checkbox-custom input[type="checkbox"]:disabled + label::before {
    border-color: #aaa;
    background-color: #eee;
}

.form-group.has-error .checkbox-custom label::before {
    border-color: #FF6D6A;
}

.form-group.has-error .checkbox-custom input[type="radio"]:checked + label::before,
.form-group.has-error .checkbox-custom input[type="checkbox"]:checked + label::before {
    background: #FF6D6A;
    border-color: transparent;
}

/* Custom checkbox */

/* Custom number */
.custom-number {
    display: inline-block;
    max-width: 100px;
    max-height: 28px;
    padding-left: 0;
    font-size: 0px;
    vertical-align: middle;
}

.custom-number.wider {
    max-width: 120px;
}

.custom-number.no-ctrl {
    max-width: 120px;
}

.custom-number .number-label {
    display: inline-block;
    cursor: pointer;
    width: 18px;
    height: 28px;
    padding: 4px 3px;
    background-color: transparent;
    font-size: 13px;
    line-height: 18px;
    border: 1px solid transparent;
    border-radius: 4px;
    vertical-align: middle;
}

.custom-number .number-label:hover {
    background-color: #E2EFFC;
    border: 1px solid #E2EFFC;
}

.custom-number .number-label.minus:before,
.custom-number .number-label.plus:before {
    content: '';
    display: block;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.custom-number .number-label.minus:before {
    background-image: url('/images/icons/minus-icon-blue.svg');
}

.custom-number .number-label.plus:before {
    background-image: url('/images/icons/plus-icon-blue.svg');
}

.custom-number input {
    display: inline-block;
    width: calc(100% - 40px);
    max-width: 60px;
    margin: 0 2px;
    padding: 4px 25% 4px 2px;
    line-height: 18px;
    text-align: center;
    background-color: #fff;
    background-clip: padding-box;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.custom-number.wider input {
    max-width: 80px;
}

.custom-number.no-ctrl input {
    width: 100%;
}

.custom-number input + label {
    display: inline-block;
    position: relative;
    width: 0px;
    height: 28px;
    vertical-align: top;
}

.custom-number input + label:after {
    content: attr(data-label);
    position: absolute;
    font-size: 10px;
    left: -30px;
    line-height: 28px;
    text-align: left;
    width: 30px;
}

.custom-number.disabled input {
    color: #9F9F9F;
    border: 1px solid #9F9F9F;
}

.custom-number-full {
    width: 100%;
}

.custom-number-full .input-group-text {
    width: 30px;
    padding: 0;
    text-align: center;
    justify-content: center;
    font-size: 13px;
    line-height: 20px;
    color: #2D3745;
    background-color: #fff;
    border-color: #ced4da;
}

.custom-number-full .form-control,
.custom-number-full .form-control:focus {
    text-align: center;
    border-color: #CED4DA;
    border-left-color: transparent;
    border-right-color: transparent;
}

.custom-number-full .input-group-text.minus {
    cursor: pointer;
    border-right-color: transparent;
}

.custom-number-full .input-group-text.plus {
    cursor: pointer;
    border-left-color: transparent;
}

.custom-number-full .input-group-text.minus::before,
.custom-number-full .input-group-text.plus::before {
    content: '';
    display: block;
    height: 20px;
    width: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}



.custom-number-full .input-group-text.minus::before {
    background-image: url('/images/icons/minus-icon-blue.svg');
}

.custom-number-full .input-group-text.plus::before {
    background-image: url('/images/icons/plus-icon-blue.svg');
}

/* Custom number */

/* Custom time */
.custom-time {
  padding: 0;
}
/* Custom time */

/* Custom time single */
.custom-time-single {
    padding: 0;
}

.custom-time-single.normal {
    max-height: 100%;
}

.custom-time-single .time-input {
    border: 1px solid;
    border-color: #CED4DA;
    border-radius: 6px;
    padding: 1px 4px;
    width: fit-content;
    display: flex;
    align-items: center;
}

.custom-time-single .time-input label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    margin: 0;
    padding: 0;
}

.custom-time-single .time-input input {
    padding: 0;
    width: 24px;
    height: 24px;
    border: none;
    line-height: 24px;
    box-sizing: border-box;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.custom-time-single .time-input input:focus {
    outline: 0;
}

.custom-time-single.normal .time-input input {
    padding: 5px 2px 5px 2px;
    line-height: 20px;
}
/* Custom time single */


/* Custom time apart */
.custom-time-apart {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    max-height: 28px;
    line-height: 20px;
    padding: 0;
}

.custom-time-apart input {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    max-width: 50px;
    max-height: 28px;
    text-align: center;
    line-height: 18px;
    padding: 4px 2px 4px 2px;
}

.custom-time-apart .range-divider {
    width: 14px;
    max-height: 28px;
    font-size: 14px;
    font-weight: 600;
    color: #2D3745;
    padding: 5px 0;
}

.custom-time-apart .range-divider:after {
    content: ':';
    display: block;
    width: 14px;
    height: 100%;
    text-align: center;
       line-height: 16px;
}

.custom-time-apart.normal {
    max-height: 100%;
}

.custom-time-apart.normal .range-divider {
    max-height: 100%;
}

.custom-time-apart.normal input {
    padding: 5px 8px;
    line-height: 20px;
}
/* Custom time apart */

/* Custom file upload */
.custom-upload {
    padding-left: 0;
}

.custom-upload .upload-label {
    display: inline-block;
    background-color: transparent;
    color: #00abff;
    margin: 0;
    padding: 4px 10px;
    border: 1px solid #00abff;
    border-radius: 5px;
    cursor: pointer;
    line-height: 18px;
}
.custom-upload .upload-chosen{
    color: #CED4DA;
    margin-left: 5%;
    max-width: 45%;
    display: inline-block;
    line-height: 18px;
}
/* Custom file upload */

/* Custom date range */
.custom-date,
.custom-date-range,
.custom-time-range {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    padding: 0;
}

.custom-date .form-control,
.custom-date-range .form-control,
.custom-time-range .form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    max-width: 120px;
    text-align: center;
    padding: 5px 8px 5px 20px;
    background-image: url('/images/icons/calendar-icon-gray.svg');
    background-repeat: no-repeat;
    background-size: 14px 100%;
    background-position: center left;
    background-position-x: 6px;
    background-position-y: center;
}

.custom-time-range .form-control {
    background-image: url('/images/icons/clock-icon-gray.svg');
}

.custom-date .form-control:focus,
.custom-date-range .form-control:focus {
    background-image: url('/images/icons/calendar-icon-black.svg');
}

.custom-time-range .form-control:focus {
    background-image: url('/images/icons/clock-icon-black.svg');
}

.custom-date-range .range-divider,
.custom-time-range .range-divider {
    width: 14px;
    font-size: 14px;
    font-weight: 600;
    color: #2D3745;
    padding: 5px 0;
}

.custom-date-range .range-divider:after
.custom-time-range .range-divider:after {
    content: '–';
    display: block;
    width: 14px;
    height: 100%;
    text-align: center;
    line-height: 20px;
}
/* Custom date range */

/* Custom value range */
.custom-value-range {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    max-height: 28px;
    line-height: 20px;
    padding: 0;
}

.custom-value-range input {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    max-width: 50px;
    max-height: 28px;
    text-align: center;
    line-height: 18px;
    padding: 4px 2px 4px 2px;
}

.custom-value-range .range-divider {
    width: 14px;
    max-height: 28px;
    font-size: 14px;
    font-weight: 400;
    color: #2D3745;
    padding: 5px 0;
}

.custom-value-range .range-divider:after {
    content: '-';
    display: block;
    width: 14px;
    height: 100%;
    text-align: center;
    line-height: 16px;
}

.custom-value-range.normal,
.custom-value-range.normal .range-divider {
    max-height: 100%;
}

.custom-value-range.normal input {
    padding: 5px 8px;
    line-height: 20px;
}
/* Custom value range */

/* Custom datetime */
.custom-datetime {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    padding: 0;
}

.custom-datetime .form-control:nth-child(1) {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    max-width: 120px;
    text-align: center;
    padding: 5px 8px 5px 8px;
}

.custom-datetime .form-control.calendar:nth-child(1) {
    padding: 5px 8px 5px 20px;
    background-image: url('/images/icons/calendar-icon-gray.svg');
    background-repeat: no-repeat;
    background-size: 14px 100%;
    background-position: center left;
    background-position-x: 6px;
    background-position-y: center;
}

.custom-datetime .form-control:nth-child(3) {
    display: inline-block;
    width: auto;
    max-width: 60px;
}

.custom-datetime .datetime-divider {
    width: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #2D3745;
    padding: 5px 0;
}

.custom-datetime .time-input {
    border: 1px solid;
    border-color: #CED4DA;
    border-radius: 6px;
    padding: 3px 4px;
    width: fit-content;
    display: flex;
    align-items: center;
}

.custom-datetime .time-input label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    margin: 0;
    padding: 0;
}

.custom-datetime .time-input input {
    padding: 0;
    width: 24px;
    height: 24px;
    border: none;
    line-height: 24px;
    box-sizing: border-box;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.custom-datetime .time-input input:focus {
    outline: 0;
}
/* Custom datetime */

/* Custom minhour */
.custom-minhour {
    display: inline-block;
    max-width: 160px;
    max-height: 28px;
    padding-left: 0;
    font-size: 0px;
    vertical-align: middle;
}
.custom-minhour .number-label {
    display: inline-block;
    cursor: pointer;
    width: 18px;
    height: 28px;
    padding: 4px 3px;
    background-color: transparent;
    font-size: 13px;
    line-height: 18px;
    border: 1px solid transparent;
    border-radius: 4px;
    vertical-align: middle;
}

.custom-minhour .number-label.minus::before,
.custom-minhour .number-label.plus::before {
    content: '';
    display: block;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.custom-minhour .number-label.plus::before {
    background-image: url('/images/icons/plus-icon-blue.svg');
}

.custom-minhour .number-label.minus::before {
    background-image: url('/images/icons/minus-icon-blue.svg');
}

.custom-minhour input {
    display: inline-block;
    width: calc(100% - 40px);
    line-height: 18px;
    text-align: right;
    background-color: #fff;
    background-clip: padding-box;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.custom-minhour input.hours {
    max-width: 40px;
    margin: 0 0 0 2px;
    padding: 4px 12px 4px 2px;
    border-right-width: 0;
    border-right-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    
}

.custom-minhour input.minutes {
    max-width: 35px;
    margin: 0 2px 0 0;
    padding: 4px 17px 4px 1px;
    border-left-width: 0;
    border-left-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-minhour:focus-within input.hours,
.custom-minhour:focus-within input.minutes {
    border-color: #2d3545;
    box-shadow: none;
}

.custom-minhour input.hours + label,
.custom-minhour input.minutes + label {
    display: inline-block;
    position: relative;
    width: 0px;
    height: 28px;
    vertical-align: top;
}

.custom-minhour input.hours + label::after {
    content: attr(data-label-hours);
    position: absolute;
    font-size: 10px;
    left: -12px;
    line-height: 28px;
    text-align: right;
    width: 8px;
}

.custom-minhour input.minutes + label::before {
    content: attr(data-label-minutes);
    position: absolute;
    font-size: 10px;
    left: -17px;
    line-height: 28px;
    text-align: right;
    width: 8px;
}

/* Custom minhour */

/* Custom calendar */
.datepicker.dropdown-menu {
    padding: 6px 12px;
    z-index: 1200 !important;
}

.datepicker table tr td,
.datepicker table tr th {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 13px;
}

.datepicker table tr th {
    height: 28px;
}

.datepicker table thead {
    color: #000;
}

.datepicker table thead tr:nth-child(2) {
    border-bottom: 1px solid #e2effe;
}

.datepicker table thead tr:nth-child(2) th {
    padding: 4px 0;
}

.datepicker th.prev,
.datepicker th.next {
    border-radius: 0;
    background-color: transparent;
}

.datepicker th.prev span,
.datepicker th.next span {
    display: block;
}

.datepicker th.prev span {
    margin-right: 26px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.datepicker th.next span {
    margin-left: 26px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.datepicker th.prev span:before,
.datepicker th.next span:before {
    content: '';
    display: block;
    width: 10px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.datepicker th.prev span:before{
    background-image: url('/images/icons/arrow-prev-black.svg');
}

.datepicker th.next span:before {
    background-image: url('/images/icons/arrow-next-black.svg');
}

.datepicker .datepicker-switch:hover {
    color: #00abff;
}

.datepicker th.prev:hover,
.datepicker th.next:hover {
    background-color: transparent;
}

.datepicker th.prev:hover span:before {
    background-image: url('/images/icons/arrow-prev-blue.svg');
}

.datepicker th.next:hover span:before {
    background-image: url('/images/icons/arrow-next-blue.svg');
}

.datepicker table tfoot .clear {
    color: #fff;
    font-weight: 600;
    background-color: #00ABFF;
    border-radius: 5px;
}

.datepicker .datepicker-months table tr td,
.datepicker .datepicker-years table tr td,
.datepicker .datepicker-decades table tr td ,
.datepicker .datepicker-centuries table tr td {
    width: auto;
    max-width: 250px;
    height: auto;
    border-radius: 0;
    padding-bottom: 15px;
}
.datepicker .datepicker-months table tr td .month,
.datepicker .datepicker-years table tr td .year,
.datepicker .datepicker-decades table tr td .decade,
.datepicker .datepicker-centuries table tr td .century {
    width: 25%;
    display: inline-block;
    padding: 12px 6px;
    box-sizing: border-box;
    line-height: normal;
    cursor: pointer;
    transition: .3s;
}
.datepicker .datepicker-months table tr td .month.focused,
.datepicker .datepicker-months table tr td .month:hover,
.datepicker .datepicker-years table tr td .year.focused,
.datepicker .datepicker-years table tr td .year:hover,
.datepicker .datepicker-decades table tr td .decade.focused,
.datepicker .datepicker-decades table tr td .decade:hover,
.datepicker .datepicker-centuries table tr td .century.focused,
.datepicker .datepicker-centuries table tr td .century:hover {
    background-color: #00abff;
    color: #fff;
    transition: .3s;
}
/* Custom calendar */


/* Custom input switcher */
.input-group.input-group-fixed .input-group-text {
    width: 32px;
    background-color: #fff;
    text-align: center;
    border-color: #CED4DA;
}

.input-group.input-group-fixed .input-group-text .form-check {
    padding: 0;
    line-height: 18px;
    text-align: center;
}

.input-group.input-group-fixed .checkbox-custom {
    font-size: 18px;
}

.input-group.input-group-fixed .form-check {
    padding: 6px 0 6px 0;
}

.input-group.input-group-fixed .form-check .form-check-label {
    width: 100%;
    font-size: 10px;
    max-width: calc(100% - 30px);
    line-height: 20px;
    vertical-align: top;
    padding: 0 0 0 3px;
    text-transform: capitalize;
}
/* Custom input switcher */

/* Webkit browsers scroll */
.dark-scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.dark-scroll::-webkit-scrollbar-track {
    background: #E2EFFC;
    border-radius: 3px;
}

.dark-scroll::-webkit-scrollbar-thumb {
    background: #2D3745;
    border-radius: 3px;
}

/* Webkit browsers */

/* Firefox browsers scroll */
@supports (-moz-appearance:none) {
    .dark-scroll {
        scrollbar-width: thin;
        scrollbar-color: #2D3745 #E2EFFC;
    }
}
/* Firefox browsers */

/* Left menu scroll */
html.no-overflowscrolling .nano > .nano-content {
    right: 0 !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

html.no-overflowscrolling .nano > .nano-content::-webkit-scrollbar {
    width: 0px;
    display: none;
}

html.no-overflowscrolling .sidebar-left .nano {
    -webkit-box-shadow: -5px 0 0 #2F3139 inset;
    box-shadow: -5px 0 0 #2F3139 inset;
}

html.no-overflowscrolling .nano > .nano-pane {
    width: 5px;
}

html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
    background: #00abff;
}
/* Left menu scroll */

/* Buttons */
.btn {
    line-height: 18px;
    padding: 10px 12px;
}

.btn:hover,
.btn:active,
.btn:focus {
    color: #fff;
    background-color: #0096e6;
    border: solid 1px #0096e6;
    transition: none;
    box-shadow: none;
    outline: 0;
}

.btn.btn-xl {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    padding: 18px 12px;
}

.btn.btn-lg {
    font-size: 14px;
    line-height: 20px;
    padding: 14px 12px;
}

.btn.btn-blue {
    color: #fff;
    background-color: #00abff;
    border: solid 1px #00abff;
    border-radius: 5px;
}

.btn.btn-green {
    color: #fff;
    background-color: #43D26B;
    border: solid 1px #43D26B;
    border-radius: 5px;
}

.btn.btn-secondary {
    color: #2D3745;
    background-color: #e0e1e2;
    border-color: #CED4DA;
    border-radius: 5px;
}

.btn.btn-red {
    color: #fff;
    background-color: #FF6D6A;
    border: solid 1px #FF6D6A;
    border-radius: 5px;
}

.btn.btn-gray {
    color: #2D3745;
    background-color: #fff;
    border: solid 1px #2D3745;
    border-radius: 5px;
}

.btn.btn-blue.btn-transparent {
    color: #00abff;
    background-color: transparent;
}

.btn.btn-green.btn-transparent {
    color: #43D26B;
    background-color: transparent;
}

.btn.btn-red.btn-transparent {
    color: #FF6D6A;
    background-color: transparent;
}

.btn.btn-loader {
    position: relative;
    padding-left: 30px;
}

.btn.btn-loader > span {
    margin-left: -20px;
}

.btn.btn-loader.loading:after {
    position: absolute;
    left: 10px;
    top: calc((100% - 20px) / 2);
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23fff;stroke-width:8;stroke-linecap:round;stroke-dasharray:38;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='40' cy='40' r='36'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' keyTimes='0;1' values='0 40 40;360 40 40' dur='1s'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
}
/* Buttons */

/* Password Input */
.form-group .show-hide-password {
    width: 20px;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/eye-open-gray.svg');
}

.form-group .input-group-append .show-hide-password {
    right: 50px;
}

.form-group.open .show-hide-password {
    background-image: url('/images/icons/eye-close-gray.svg');
}

.icon-copy {
    width: 15px;
    height: 15px;
    background-image: url(/images/icons/clone-icon-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.icon-generate {
    width: 15px;
    height: 12px;
    background-image: url(/images/icons/rotate-icon-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

/* Template */
.inner-wrapper {
    padding-top: 50px;
}

.content-body {
    padding: 0;
}

html.public .content-body {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    flex: 0 0 100%;
    max-width: 100%;
}

.page-content {
    padding: 10px 10px 60px 10px;
}

.site-copyright {
    padding: 20px 0 20px;
    font-size: 14px;
    color: #999999;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 20px;
}

.page-header {
    margin: 0;
    padding: 0 15px;
    color: #ffff;
    background: #485365;
    border-left: none;
    box-shadow: none;
}

.page-header h2 {
    float: none;
    width: 100%;
    font-size: 18px;
    padding: 0 0 0 35px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}

.page-header .history-back-link {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 50px;
    float: none;
    cursor: pointer;
    padding: 7px;
}

.page-header .history-back-link > a {
    display: block;
    width: 16px;
    height: 16px;
    margin: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/arrow-left-blue.svg');
}

.page-header .crumbs {
    align-self: center;
}

.page-header .breadcrumbs {
    width: 100%;
    display: block;
    font-size: 12px;
    font-weight: 300;
    padding: 0 10px 0 0;
    text-align: right;
    line-height: 20px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-header .breadcrumbs li {
    color: inherit;
    display: inline;
    vertical-align: baseline;
}

.page-header .breadcrumbs li::after {
    display: inline;
    margin: 0 4px;
    font-size: 10px;
    vertical-align: inherit;
}

.page-header .breadcrumbs li a,
.page-header .breadcrumbs span {
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    vertical-align: inherit;
}

.page-header .breadcrumbs .home {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-bottom: -4px;
    vertical-align: inherit;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/menu-home-white.svg');
}

.header-nav-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
    padding: 0;
    background-color: #2d3545;
    border: none;
    color: #ffffff;
    z-index: 50;
}

.header-nav-menu .header-left {
    float: left;
    width: 180px;
    padding: 0;
}

.header-nav-menu .header-right {
    float: left;
    width: calc(100% - 180px);
}

.header-nav-menu .navbar-action {
    display: none;
}

.header-nav-menu .userbox {
    width: auto;
    color: #fff;
    margin: 0;
    padding: 9px 20px 9px 0;
    margin: 0;
    position: relative;
    float: right;
}

.header-nav-menu .userbox .profile-info {
    max-width: 120px;
    min-width: 40px;
}

.header-nav-menu a,
.header-nav-menu a:hover {
    color: inherit;
    text-decoration: none;
}

.header-nav-menu .logo {
    display: block;
    padding: 12px 20px;
}

.header-nav-menu .logo img {
    width: auto;
    height: 26px;
}

.header-nav-menu .dropdown-menu {
    background-color: #2d3545;
}

.header-nav-menu .dropdown-toggle::after {
    font-size: 16px;
    margin: 0;
    vertical-align: inherit;
}

.header-nav-menu .profile-picture {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 1.7em;
    text-align: center;
    color: #ffffff;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/menu-userpic-black.svg');
}

.header-nav-menu .userbox.show .dropdown-menu {
    top: -1px !important;
    left: -13px !important;
    color: inherit;
    font-size: inherit;
    padding: 50px 0 0 0;
}

.header-nav-menu .userbox .dropdown-item,
.header-nav-menu .userbox .dropdown-item:hover {
    color: inherit;
    padding: 14px 10px;
    background-color: inherit;
    font-size: inherit;
    border-top: solid 1px #474747;
    line-height: 20px;
}

.header-nav-menu .userbox .dropdown-item:hover {
    background-color: #485365;
}

.sidebar-left .nav-userbox .menu-icon,
.header-nav-menu .userbox .menu-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin: 0 8px 0 0;
}

.sidebar-left .nav-userbox .menu-icon:before,
.header-nav-menu .userbox .menu-icon:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.sidebar-left .nav-userbox .menu-icon.menu-settings:before,
.header-nav-menu .userbox .menu-icon.menu-settings:before {
    background-image: url('/images/icons/menu-settings-white.svg');
}

.sidebar-left .nav-userbox .menu-icon.menu-language:before,
.header-nav-menu .userbox .menu-icon.menu-language:before {
    background-image: url('/images/icons/menu-language-white.svg');
}

.sidebar-left .nav-userbox .menu-icon.menu-exit:before,
.header-nav-menu .userbox .menu-icon.menu-exit:before {
    background-image: url('/images/icons/menu-exit-white.svg');
}

.sidebar-left {
    z-index: 20;
    width: 225px;
    background: #2d3545;
    color: #fff;
    font-size: 14px;
}

.sidebar-left .sidebar-fixed,
.sidebar-left > .sticky-wrapper {
    width: 100%;
    height: 100%;
    background: inherit;
}
.sidebar-left .sidebar-header {
    color: inherit;
}

.sidebar-left .sidebar-header .sidebar-title {
    height: 50px;
    padding: 0;
    background: none;
    border-top: solid 1px #485365;
    border-bottom: solid 1px #485365;
    color: inherit;
    font-size: inherit;
}

.sidebar-left .sidebar-header .sidebar-toggle {
    width: 50px;
    right: 1px;
    background-color: #485365;
    border-radius: 0;
}

.sidebar-left .sidebar-header .sidebar-toggle i {
    color: inherit;
    font-size: 16px;
}

.sidebar-left .sidebar-header .sidebar-toggle img {
    width: 16px;
    margin-top: 20px;
}

.sidebar-left .nano {
    background: inherit;
}

.sidebar-left ul.nav-main {
    margin: 0;
}

.sidebar-left ul.nav-main li a {
    color: inherit;
    font-size: inherit;
    white-space: normal;
}

.sidebar-left ul.nav-main li ul.nav-children {
    padding: 0;
    background: #252b37;
}

.sidebar-left ul.nav-main li span {
    vertical-align: baseline;
}

.sidebar-left .nav-link,
.sidebar-left ul.nav-main > li > a {
    padding: 14px;
    line-height: 20px;
}

.sidebar-left ul.nav-main > li > a:hover,
.sidebar-left ul.nav-main > li > a:focus,
.sidebar-left ul.nav-main > li.nav-expanded > a {
    background-color: #485365;
}

.sidebar-left ul.nav-main li a {
    color: inherit;
    font-size: inherit;
    white-space: normal;
    border-bottom: solid 1px #485365;
}

.sidebar-left ul.nav-main li.nav-parent > a::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0d7';
    color: #abb4be;
    position: absolute;
    right: 0;
    top: 0;
    padding: 14px 10px;
}

.sidebar-left .nav-userbox,
.sidebar-left .nav-bashboard,
.sidebar-left ul.nav-main li.nav-bashboard > a::after {
    display: none;
}

.sidebar-left ul.nav-main li.nav-parent.nav-expanded > a::after {
    content: '\f0d8';
}

.sidebar-left ul.nav-main li ul.nav-children li a {
    padding: 14px 14px 14px 40px;
}

.sidebar-left ul.nav-main li ul.nav-children li > a.nav-active {
    position: relative;
    color: #00abff;
    font-weight: bold;
}

.sidebar-left ul.nav-main li .nav-children li > a.nav-active::before {
    position: absolute;
    top: 50%;
    left: 22px;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    background: #00abff;
    border-radius: 50%;
    content: '';
}

.sidebar-left .nav-link .menu-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin: 0 8px 0 0;
}

.sidebar-left .nav-link .menu-icon:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/arrow-right-white.svg');
}

.sidebar-left .nav-link .menu-icon.menu-userpic:before {
   background-image: url('/images/icons/menu-userpic-white.svg');
}

.sidebar-left .nav-link .menu-icon.menu-home:before {
    background-image: url('/images/icons/menu-home-white.svg');
}

.sidebar-left .nav-link .menu-icon.menu-admin:before {
    background-image: url('/images/icons/menu-admin-white.svg');
}

.sidebar-left .nav-link .menu-icon.menu-sale:before {
    background-image: url('/images/icons/menu-tickets-white.svg');
}

.sidebar-left .nav-link .menu-icon.menu-user:before {
    background-image: url('/images/icons/menu-user-white.svg');
}

.sidebar-left .nav-link .menu-icon.menu-affiliate:before {
    background-image: url('/images/icons/menu-affiliates-white.svg');
}

.sidebar-left .nav-link .menu-icon.menu-report:before {
    background-image: url('/images/icons/menu-reports-white.svg');
}

.sidebar-left .nav-link .menu-icon.menu-help:before {
    background-image: url('/images/icons/menu-help-white.svg');
}

.sidebar-left .nav-link .menu-icon.menu-catalog:before {
    background-image: url('/images/icons/menu-catalog-white.svg');
}

.sidebar-left .nav-link .menu-icon.menu-trip:before {
    background-image: url('/images/icons/menu-trip-white.svg');
}

.sidebar-left .nav-link .menu-icon.menu-tool:before {
    width: 18px;
    background-image: url('/images/icons/menu-tool-white.svg');
}

.sidebar-left .nav-link .menu-icon.menu-setting:before {
    width: 18px;
    background-image: url('/images/icons/menu-settings-white.svg');
}

.sidebar-left .nav-link .menu-icon.menu-marketing:before {
    width: 18px;
    background-image: url('/images/icons/menu-marketing-white.svg');
}

.sidebar-left .nav-link .menu-icon.menu-language:before {
    width: 18px;
    background-image: url('/images/icons/menu-translations-white.svg');
}

.sidebar-left .nav-link .menu-icon.menu-tariff:before {
    background-image: url('/images/icons/menu-traiff-white.svg');
}

.page-alert {
    font-size: 13px;
    padding: 0 10px;
}

.page-alert .alert {
    margin: 0 0 10px 0;
}

.page-alert .alert:first-child {
    margin: 10px 0 0 0;
}

/* Template */

/* Default table */
.table-content {
    display: table;
    width: 100%;
}

.table-head {
    display:table-header-group;
}

.table-body {
    display:table-row-group;
}

.table-foot {
    display:table-footer-group;
}

.table-row {
    display:table-row;
}

.table-cell {
    display:table-cell;
    border-top: 1px solid #dee2e6;
}

.table-default {
    margin: 0;
}

.table-cell > .left {
    display: none;
}

.table-default thead th,
.table-default .table-head .table-cell,
.table-default .table-foot .table-cell {
    border: none;
    color: #9F9F9F;
    font-weight: 400;
    padding: 8px 3px;
    vertical-align: middle;
    line-height: 15px;
}

.table-default thead th.sort-cell,
.table-default .table-head .table-cell.sort-cell,
.table-default .table-foot .table-cell.sort-cell {
    cursor: pointer;
}

.table-default thead th.sort-cell .sort,
.table-default .table-head .table-cell.sort-cell .sort {
    display: inline-block;
    width: 10px;
    height: 15px;
    margin: 0 6px 0 0;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/arrow-up-gray.svg');
}

.table-default thead th.sort-cell.up .sort,
.table-default .table-head .table-cell.sort-cell.up .sort {
    background-image: url('/images/icons/arrow-up-gray.svg');
}

.table-default thead th.sort-cell.down .sort,
.table-default .table-head .table-cell.sort-cell.down .sort {
    background-image: url('/images/icons/arrow-down-gray.svg');
}

.table-default thead th.sort-cell.active.up .sort,
.table-default .table-head .table-cell.sort-cell.active.up .sort {
    background-image: url('/images/icons/arrow-up-blue.svg');
}

.table-default thead th.sort-cell.active.down .sort,
.table-default .table-head .table-cell.sort-cell.active.down .sort {
    background-image: url('/images/icons/arrow-down-blue.svg');
}

.table-default tbody td,
.table-default .table-body .table-cell {
    padding: 8px 3px;
    vertical-align: middle;
    line-height: 18px;
}

.table-default .table-row.empty .table-cell {
    color: #9F9F9F;
    font-size: 13px;
    text-align: center;
    background-color: #F5F5F5;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
}

.table-default .table-row.inactive {
    background-color: #FFE9EC;
}

.table-default tbody td.overflow-wrap,
.table-default .table-body .table-cell.overflow-wrap {
    overflow-wrap: anywhere;
}

.table-default .table-cell,
.table-default thead th.id-cell,
.table-default tbody td.id-cell {
    text-align: left;
}

.table-default tbody td.action-cell,
.table-default .table-cell.action-cell {
    width:1%;
    text-align: center;
    white-space:nowrap;
}

.table-default .item.faded,
.table-default .parent.faded {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

.table-default tbody + tbody,
.table-default .table-body + .table-body {
    border-top: none;
}

.table-default tbody.childs,
.table-default .table-body.childs {
    background-color: #F5F5F5;
}

.table-default .nested-list,
.table-default .nested-item {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding: 4px 6px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid transparent;
    background-color: transparent;
}

.table-default .nested-list {
    border: 1px solid #00abff;
    background-color: #00abff;
}

.table-default .nested-list i,
.table-default .nested-item i {
    display: block;
    width: 16px;
    height: 20px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.table-default .nested-item i {
    background-image: url('/images/icons/arrow-right-blue.svg');
}

.table-default .nested-list i {
    background-image: url('/images/icons/tree-list-white.svg');
}

.table-default .nested-list.empty {
    cursor: default;
    border: 1px solid #9F9F9F;
    background-color: #9F9F9F;
}

.table-default-empty-result {
    color: #9F9F9F;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    background-color: #F5F5F5;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    text-align: center;
}

.table-default-empty-result span {
    display: inline-block;
    line-height: 40px;
    vertical-align: baseline;
}

.table-default .item .transport {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.table-default .item .transport.bus {
    background-image: url('/images/icons/bus-icon-black.svg');
}

.table-default .item .transport.train {
    background-image: url('/images/icons/train-icon-black.svg');
}

.table-default .item .transport.plane {
    background-image: url('/images/icons/plain-icon-black.svg');
}

.table-default .item .transport.ferry {
    background-image: url('/images/icons/ferry-icon-black.svg');
}

.api-default-error-result {
    color: #FF6D6A;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    border-top: 1px solid #E2EFFC;
    text-align: center;
}

.api-default-error-result span {
    display: inline-block;
    line-height: 40px;
    vertical-align: baseline;
}

.action-dropdown {
    position: relative;
    display: inline-block;
    z-index: 6;
}

.action-dropdown .action-toggle {
    z-index: 7;
    position: relative;
    line-height: 20px;
    padding: 4px 6px;
    border-radius: 5px;
    border: 1px solid #485365;
    background-color: #485365;
}

.action-dropdown.mini .action-toggle {
    padding: 2px 4px;
}

.action-dropdown .action-toggle i {
    display: block;
    width: 16px;
    height: 20px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/burger-icon-white.svg');
}

.action-dropdown.mini .action-toggle i {
    width: 14px;
    height: 16px;
}

.action-dropdown.open .action-toggle i {
    background-image: url('/images/icons/close-icon-white.svg');
}

.action-dropdown .action-menu {
    display: none;
    padding: 0;
    margin: 0;
    text-align: left;
    list-style: none;
    background-color: #485365;
}

.action-dropdown.open .action-menu {
    z-index: 6;
    display: initial;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 20px;
    padding: 4px 46px 4px 16px;
    border-radius: 5px;
    border: 1px solid #2d3545;
    background-color: #2d3545;
    margin-left: calc(-100vw + 30px);
}

.action-dropdown.open.to-right .action-menu {
    left: 0;
    right: auto;
    padding: 0 10px 0 40px;
    margin-left: 0;
    margin-right: calc(-100vw + 30px);
}

.action-dropdown .action-menu .action-item {
    color: #fff;
    height: 100%;
    cursor: pointer;
    font-size: 12px;
    line-height: inherit;
    display: inline-block;
    vertical-align: top;
}

.action-dropdown .action-menu .action-item > a {
    display: block;
}

.action-dropdown .action-menu .action-item:not(:last-child) {
    margin: 0 20px 0 0;
}

.action-dropdown .action-menu .action-item > a > span {
    vertical-align: baseline;
    line-height: inherit;
}

.action-dropdown .action-menu .action-item .icon {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin: 0 4px 0 0;
}

.action-dropdown .action-menu .action-item .icon:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.action-dropdown .action-menu .action-item.edit .icon:before {
    width: 14px;
    margin: 0 3px;
    background-image: url('/images/icons/edit-pensil-white.svg');
}

.action-dropdown .action-menu .action-item.delete .icon:before {
    height: 16px;
    margin: 2px 0;
    background-image: url('/images/icons/trash-can-white.svg');
}

.action-dropdown .action-menu .action-item.branch .icon:before {
    width: 12px;
    margin: 0 4px;
    background-image: url('/images/icons/branch-icon-white.svg');
}

.action-dropdown .action-menu .action-item.transfer .icon:before {
    width: 14px;
    margin: 0 2px;
    background-image: url('/images/icons/transfer-icon-white.svg');
}

.action-dropdown .action-menu .action-item.clone .icon:before {
    width: 14px;
    margin: 0 3px;
    background-image: url('/images/icons/clone-icon-white.svg');
}

.action-dropdown .action-menu .action-item.back .icon:before {
    width: 14px;
    margin: 0 3px;
    background-image: url('/images/icons/return-icon-white.svg');
}

.action-dropdown .action-menu .action-item.translate .icon:before {
    width: 14px;
    margin: 0 3px;
    background-image: url('/images/icons/translate-icon-white.svg');
}

.action-dropdown .action-menu .action-item.download .icon:before {
    width: 14px;
    margin: 0 3px;
    background-image: url('/images/icons/download-icon-white.svg');
}

.action-dropdown .action-menu .action-item.archive .icon:before {
    width: 14px;
    margin: 0 3px;
    background-image: url('/images/icons/archive-icon-white.svg');
}

.action-dropdown .action-menu .action-item.trip .icon:before {
    width: 14px;
    margin: 0 3px;
    background-image: url('/images/icons/bus-icon-white.svg');
}

.action-dropdown .action-menu .action-item.date .icon:before {
    width: 14px;
    margin: 0 3px;
    background-image: url('/images/icons/calendar-icon-white.svg');
}

.action-dropdown .action-menu .action-item.seat .icon:before {
    width: 14px;
    height: 18px;
    margin: 1px 3px;
    background-image: url('/images/icons/seat-passenger-white.svg');
}

.action-dropdown .action-menu .action-item.userdata .icon:before {
    width: 14px;
    margin: 0 3px;
    background-image: url('/images/icons/userdata-icon-white.svg');
}

.action-dropdown .action-menu .action-item.pass .icon:before {
    width: 12px;
    height: 18px;
    margin: 1px 4px;
    background-image: url('/images/icons/passenger-icon-white.svg');
}

.action-dropdown .action-menu .action-item.history .icon:before {
    width: 16px;
    height: 16px;
    margin: 3px 2px 1px 2px;
    background-image: url('/images/icons/eye-icon-white.svg');
}

.action-dropdown .action-menu .action-item.cancel .icon:before {
    width: 18px;
    height: 17px;
    margin: 2px 1px 1px 1px;
    background-image: url('/images/icons/unavailable-icon-white.svg');
}

.action-dropdown .action-menu .action-item.register .icon:before {
    width: 18px;
    height: 17px;
    margin: 2px 0px 2px 0px;
    background-image: url('/images/icons/tickets-icon-white.svg');
}

.action-dropdown .action-menu .action-item.reset .icon:before {
    width: 18px;
    height: 17px;
    margin: 2px 0px 2px 0px;
    background-image: url('/images/icons/reset-icon-white.svg');
}

.action-dropdown .action-menu .action-item.recover .icon:before {
    width: 15px;
    margin: 0 3px;
    background-image: url('/images/icons/return-icon-white.svg');
}

.action-dropdown .action-menu .action-item.save .icon:before {
    width: 14px;
    margin: 0 3px;
    background-image: url('/images/icons/save-icon-white.svg');
}

.action-dropdown .action-menu .action-item.status .custom-switch {
    font-size: 15px;
}

.action-dropdown .action-menu .action-item.status span:first-child {
    display: inline-block;
    text-align: left;
    padding: 0 10px 0 0;
    float: left;
}

.table-default .table-cell.action-cell a.action-link {
    display: inline-block;
    width: auto;
    line-height: 18px;
    padding: 8px 16px;
    border-radius: 5px;
    border: solid 1px #00abff;
    background-color: #00abff;
    vertical-align: top;
}

.table-default .table-cell.action-cell a.action-link.disabled {
    opacity: 0.65;
}

.table-default .table-cell.action-cell a.action-link::before {
    content: '';
    display: block;
    width: 14px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/edit-pensil-white.svg');
}

.action-reorder.btn-group .btn {
    line-height: 20px;
    padding: 4px 6px;
    cursor: pointer;
    border-radius: 5px;
    background-color: transparent;
    border: solid 1px #00abff;
}

.action-reorder.btn-group .btn:hover {
    background-color: #00abff;
}

.action-reorder.btn-group .btn i {
    display: block;
    width: 14px;
    height: 20px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.action-reorder.btn-group .btn.up {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.action-reorder.btn-group .btn.down {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.action-reorder.btn-group .btn.up i{
    background-image: url('/images/icons/arrow-up-blue.svg');
}

.action-reorder.btn-group .btn.down i{
    background-image: url('/images/icons/arrow-down-blue.svg');
}

.action-reorder.btn-group .btn.up:hover i{
    background-image: url('/images/icons/arrow-up-white.svg');
}

.action-reorder.btn-group .btn.down:hover i{
    background-image: url('/images/icons/arrow-down-white.svg');
}
/* Default table */

/* Default tabpanel */
.form-default h5,
.tabpanel-default h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin: 0 0 20px 0;
}

.tabpanel-default .tab-content {
    padding: 0;
    border: none;
    border-radius: 10px;
    box-shadow: none;
    background-color: transparent;
}

.tabpanel-default .nav.nav-tabs {
    margin: 0;
    padding: 0;
    border: none;
    display: flex;
    align-items:flex-start;
    align-content:flex-start;
}

.tabpanel-default .nav-tabs .nav-link {
    display: block;
    color: #2d3545;
    font-size: 14px;
    padding: 6px 16px;
    margin: auto -1px 0 8px;
    line-height: 20px;
    background-color: #F4F4F4;
    border-color: #F4F4F4;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.tabpanel-default .nav-tabs .nav-link:first-child {
    margin-left: 16px;
}

.tabpanel-default .nav-tabs .nav-link.active {
    color: #00abff;
    padding: 10px 16px 8px 16px;
    line-height: 20px;
    background-color: #fff;
    border-color: #fff;
}
/* Default tabpanel */


/* Default action manager */
.default-action-manager {
    padding: 0 0 10px 0;
}

.default-action-manager h5 {
    margin: 0;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
}

.default-action-manager .action {
    display: inline-block;
    vertical-align: top;
}

.default-action-manager .action .title {
    font-size: 13px;
}

.default-action-manager .action .btn {
    padding: 7px 10px;
    line-height: 18px;
    min-width: 30px;
}

.default-action-manager .action .btn.add {
    min-width: 40px;
    margin-left: 10px;
}

.default-action-manager .action .btn.add:before {
    content: '';
    display: block;
    width: 14px;
    height: 18px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(/images/icons/plus-icon-white.svg);
}

.default-action-manager .action .btn.edit {
    min-width: 40px;
    margin-left: 10px;
}

.default-action-manager .action .btn.edit:before {
    content: '';
    display: block;
    width: 14px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/edit-pensil-white.svg');
}

.default-action-manager.trash .action.tack,
.default-action-manager.trash .action.topic,
.default-action-manager.topic .action.trash,
.default-action-manager.payment .action.refund,
.default-action-manager.refund .action.payment {
    display: none;
}

.default-action-manager.topic .action.tack,
.default-action-manager.topic .action.topic,
.default-action-manager.trash .action.trash,
.default-action-manager.payment .action.payment,
.default-action-manager.refund .action.refund {
    display: inline-block;
    line-height: 34px;
}

.default-action-manager.topic .action.topic {
    margin-right: 30px;
}

.default-action-manager.topic .action.topic .btn,
.default-action-manager.trash .action.trash .btn,
.default-action-manager.payment .action.payment .btn,
.default-action-manager.refund .action.refund .btn {
    padding: 7px 10px;
}

.default-action-manager.topic .action.tack .btn {
    margin: 0 0 0 10px;
}

.default-action-manager.topic .action.topic .btn:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 18px;
    margin-right: 6px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/trash-can-blue.svg');
}

.default-action-manager .action .export {
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
}

.default-action-manager .action .export.inactive {
    cursor: not-allowed;
}

.default-action-manager .action .export.no-events {
    pointer-events: none;
}

.default-action-manager .action .dropdown .export {
    cursor: pointer;
}

.default-action-manager .action .export span {
    color: #00abff;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
    text-decoration: underline;
}

.default-action-manager .action .export.inactive span {
    color: #949494;
}

.default-action-manager .action .export::before {
    display: inline-block;
    content: '';
    width: 18px;
    height: 18px;
    margin: 1px 4px 1px 0;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.default-action-manager .action .export.export-pdf::before {
    background-image: url('/images/icons/pdf-icon-black.svg');
}

.default-action-manager .action .export.export-excel::before {
    background-image: url('/images/icons/excel-icon-black.svg');
}

.default-action-manager .action .export.export-xml::before {
    background-image: url('/images/icons/xml-icon-black.svg');
}

.default-action-manager .action .export.export-print::before {
    background-image: url('/images/icons/print-icon-black.svg');
}

.default-action-manager .action .export.inactive.export-pdf::before {
    background-image: url('/images/icons/pdf-icon-gray.svg');
}

.default-action-manager .action .export.inactive.export-excel::before {
    background-image: url('/images/icons/excel-icon-gray.svg');
}

.default-action-manager .action .export.inactive.export-print::before {
    background-image: url('/images/icons/print-icon-gray.svg');
}


/* Default form */

/* Dialog */
.dialog-action-open,
.dialog-response-open,
.dialog-datepicker-open {
    /* overflow: hidden; */
}

.dialog-shadow {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1050;
    outline: 0;
    background: rgba(0, 0, 0, 0.25);
}

.dialog-action-open .dialog-shadow.dialog-action,
.dialog-response-open .dialog-shadow.dialog-response,
.dialog-datepicker-open .dialog-shadow.dialog-datepicker {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
}


.dialog-response .dialog-body {
    text-align: center;
}

.dialog-action-open .dialog-container,
.dialog-response-open .dialog-container,
.dialog-datepicker-open .dialog-container{
    margin: 5px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.dialog-action-open .dialog-container {
    max-width: 1140px;
}

.dialog-response-open .dialog-container {
    max-width: 500px;
}

.dialog-action-open .dialog-container::before,
.dialog-response-open .dialog-container::before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
}

.dialog-container .dialog-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    font-size: 15px;
    border: 1px solid transparent;
    border-radius: 10px;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    outline: 0;
}

.dialog-response-open .dialog-content .minimize,
.dialog-response-open .dialog-container .dialog-preview,
.dialog-action-open .dialog-container .dialog-preview {
    display: none;
}

.dialog-container .dialog-header {
    font-size: inherit;
    line-height: 20px;
    position: relative;
    padding: 12px 17px 12px 17px;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.dialog-container.dialog-draggable .dialog-header,
.dialog-container.dialog-draggable .dialog-movable {
    cursor: move;
}

.dialog-container .dialog-header .dialog-title {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: inherit;
}

.dialog-content .close,
.dialog-content .minimize {
    float: right;
    line-height: inherit;
    border: 0;
    opacity: 1;
    appearance: none;
    background-color: transparent;
}

.dialog-content .close {
    padding: 12px 12px 12px 12px;
    margin: -32px -12px -12px auto;
}

.dialog-content .minimize {
    padding: 11px 11px 11px 11px;
    margin: -32px 32px -12px auto;
}

.dialog-content .close:not(:disabled):not(.disabled):hover,
.dialog-preview .close:not(:disabled):not(.disabled):hover,
.dialog-content .minimize:not(:disabled):not(.disabled):hover,
.dialog-preview .minimize:not(:disabled):not(.disabled):hover {
    opacity: .60;
}

.dialog-content .close:before,
.dialog-preview .close:before,
.dialog-content .minimize:before,
.dialog-preview .minimize:before {
    content:'';
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.dialog-content .close:before,
.dialog-preview .close:before {
    width: 20px;
    height: 20px;
    background-image: url('/images/icons/close-icon-black.svg');
}

.dialog-content .minimize:before,
.dialog-preview .minimize:before {
    width: 22px;
    height: 22px;
    background-image: url('/images/icons/minimize-icon-black.svg');
}

.dialog-container .dialog-body {
    font-size: inherit;
    line-height: inherit;
    padding: 5px 17px 17px 17px;
}

.dialog-footer:empty,
.dialog-footer:empty,
.dialog-body .prolix:empty {
    display: none;
}

.dialog-body .btn.btn-dismiss {
    width: 100%;
    min-width: 50px;
    max-width: 90%;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    line-height: 18px;
    padding: 10px 12px;
    margin: 0;
}

.dialog-body .btn.btn-confirm {
    width: 100%;
    min-width: 50px;
    max-width: 90%;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    line-height: 18px;
    padding: 10px 12px;
    margin: 0;
}

.dialog-body .response-text {
    margin: 0;
    padding: 20px 0 20px 0;
    text-align: center;
}

.dialog-body .wrapper-confirm .standalone {
    margin: 0;
    padding: 10px 0 40px 0;
    text-align: center;
}

.dialog-body .wrapper-confirm .btn-confirm {
    font-weight: 600;
    width: 100%;
    max-width: 210px;
}

.dialog-body .wrapper-confirm .btn-confirm.btn-dismiss {
    color: #00abff;
    background-color: transparent;
}

.dialog-action-open .table-scroll.on,
.dialog-result-open .table-scroll.on {
    overflow: hidden;
}


/* minimized */
.dialog-action-mini .dialog-shadow.dialog-action {
    display: block;
    width: auto;
    height: 45px;
    top: auto;
    left: auto;
    right: calc(50% - 60px);
    bottom: 0;
    background: transparent;
}

.dialog-action-mini .dialog-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/* Prevent draggable styles */
.dialog-action-mini .dialog-container.dialog-draggable {
    position: initial !important;
    left: auto !important;
    top: auto !important;
}

.dialog-action-mini .dialog-container::before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
}

.dialog-action-mini .dialog-container .dialog-content {
    display: none;
}

.dialog-action-mini .dialog-container .dialog-preview {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.dialog-action-mini .dialog-container .dialog-preview-wrapper {
    height: 100%;
    font-size: inherit;
    line-height: 20px;
    position: relative;
    padding: 12px 45px 12px 17px;
    background-color: #fff;
    border: 1px solid #2d3545;
    border-bottom-color: #fff;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.dialog-preview .minimize {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    opacity: 1;
    appearance: none;
    background-color: transparent;
}

.dialog-preview .minimize {
    padding: 11px 11px 11px 11px;
}

.dialog-preview .dialog-preview-action {
    margin: 0;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: inherit;
}
/* minimized */

.list-wrapper-language {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.list-wrapper-language .item {
    display: block;
    width: 100%;
    max-width: 100px;
    padding: 10px 0;
    font-size: 14px;
    border: 1px solid transparent;
    border-radius: 10px;
}

.list-wrapper-language .item:hover,
.list-wrapper-language .item:focus {
    background-color: #e2effe;
}

.list-wrapper-language .item.active {
    color: #00abff;
    cursor: default;
    background-color: #F5F5F5;
}

.list-wrapper-language .code {
    font-size: 2em;
    text-transform: uppercase;
    line-height: 1.25em;
}

.list-wrapper-language .name {
    font-size: 1em;
}

/* Dialog */

/* Wizard */
.wizard .wizard-action {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wizard .wizard-action .item {
    cursor: pointer;
}

.wizard .wizard-action .item.active {
    color: #00abff;
}

.wizard .wizard-action .item.disabled,
.wizard .wizard-action .item.disabled:hover {
    color: #949494;
    cursor: default;
}

.wizard .wizard-action .item.disabled:hover {
    background-color: transparent;
}

.wizard .wizard-action .item:hover,
.wizard .wizard-action .item.active:hover {
    background-color: #E2EFFC;
}

.wizard .wizard-action .item .title {
    display: inline-block;
    width: calc(100% - 25px);
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0 10px 5px;
    vertical-align: top;
}

.wizard .wizard-action .item .icon-right {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 5px 3px;
    margin: 10px 5px 10px 0;
    float: right;
    border-radius: 50%;
    background-color: #C4C4C4;
}

.wizard .wizard-action .item .icon-right.done {
    background-color: #43D26B;
}

.wizard .wizard-action .item .icon-right:before {
    content: '';
    display: block;
    width: 14px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/tick-icon-white.svg');
}

.wizard .wizard-section > .item {
    display: none;
}

.wizard.open-action .wizard-section > .item.default,
.wizard.open-result .wizard-section > .item.active {
    display: block;
}

.wizard .wizard-menu .btn-back {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    padding: 10px;
    margin: 20px 0 0 0;
}

.wizard .wizard-menu .btn-back .back {
    position: absolute;
    left: 10px;
    display: inline-block;
    width: 16px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/arrow-left-white.svg');
}

/* Wizard */

/* Pagination */
.pagination {
    display: -ms-flexbox;
    display: flex;
    margin: 12px 0;
    text-align: center;
    font-size: 14px;
}

.pagination .page-item {
    margin: 0;
}

.pagination .page-link {
    position: relative;
    display: block;
    padding: 8px 16px;
    margin-left: -1px;
    line-height: 20px;
    color: #212529;
    background-color: #fff;
    border: 1px solid #00abff;
}

.pagination .page-link.prev,
.pagination .page-link.next {
    padding: 8px 14px;
}

.pagination .page-link.first,
.pagination .page-link.last {
    padding: 8px 12px;
}

.pagination .page-link.dots {
    padding: 8px 12px;
    background-color: transparent;
    border-color: transparent;
}

.pagination .page-link i {
    display: block;
    width: 7px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.pagination .page-link.first i,
.pagination .page-link.last i {
    width: 10px;
    height: 20px;
}

.pagination .page-link.dots i {
    width: 16px;
    height: 20px;
    font-size: 14px;
    line-height: 16px;
}

.pagination .page-link.prev i {
    background-image: url('/images/icons/arrow-prev-blue.svg');
    background-image: url('/images/icons/arrow-prev-black.svg');
}

.pagination .page-link.next i {
    background-image: url('/images/icons/arrow-next-blue.svg');
    background-image: url('/images/icons/arrow-next-black.svg');
}

.pagination .disabled .page-link.prev i {
    background-image: url('/images/icons/arrow-prev-gray.svg');
}

.pagination .disabled .page-link.next i {
    background-image: url('/images/icons/arrow-next-gray.svg');
}

.pagination .page-link.first i {
    background-image: url('/images/icons/arrow-double-prev-blue.svg');
    background-image: url('/images/icons/arrow-double-prev-black.svg');
}

.pagination .page-link.last i {
    background-image: url('/images/icons/arrow-double-next-blue.svg');
    background-image: url('/images/icons/arrow-double-next-black.svg');
}


.pagination .disabled .page-link.first i {
    background-image: url('/images/icons/arrow-double-prev-gray.svg');
}

.pagination .disabled .page-link.last i {
    background-image: url('/images/icons/arrow-double-next-gray.svg');
}

.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:focus {
    z-index: auto;
    color: #00abff;
}

.pagination .page-item:first-child .page-link:hover,
.pagination .page-item:first-child .page-link:focus {
    margin-left: 0px;
}

.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:hover,
.pagination .page-item.active .page-link:focus {
    color: #fff;
    font-weight: 600;
    background-color: #00abff;
    border-color: #00abff;
}

.pagination .page-link.first:hover i {
    background-image: url('/images/icons/arrow-double-prev-blue.svg');
}

.pagination .page-link.last:hover i {
    background-image: url('/images/icons/arrow-double-next-blue.svg');
}

.pagination .page-link.prev:hover i {
    background-image: url('/images/icons/arrow-prev-blue.svg');
}

.pagination .page-link.next:hover i {
    background-image: url('/images/icons/arrow-next-blue.svg');
}

/* Pagination */


/* Default filter form */
.default-filter-form .form-group {
    margin-bottom: 0;
}

.default-filter-form .negative-margin .form-group {
    margin-bottom: 1rem;
}

.default-filter-form .form-group.button-wrapper {
    text-align: right;
}

.default-filter-form .btn.btn-blue {
    width: 100%;
    max-width: 120px;
    padding: 6px 12px;
    line-height: 20px;
}

.default-filter-form .form-group.margin-bottom,
.default-filter-form .form-row .form-group.margin-bottom {
    margin-bottom: 1rem;
}

.default-filter-form .button-block .form-group.button-wrapper {
    text-align: right;
    margin-bottom: 0;
}

.default-filter-form .default-filter-left,
.default-filter-form .default-filter-right,
.default-filter-form .default-filter-right .switch-block,
.default-filter-form .default-filter-right .button-block {
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}

.default-filter-form .button-block .form-group.button-wrapper,
.default-filter-form .button-block .form-group.button-wrapper:last-child {
    text-align: right;
    margin-bottom: 0;
}

.default-filter-form .extra-options-switcher {
    text-align: center;
}

.default-filter-form .extra-options-switcher .text {
    width: 100%;
    margin: 0 0 7px 0;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #00abff;
    line-height: 13px;
    vertical-align: top;
    text-decoration: underline;
}

.default-filter-form .extra-options-switcher .text span {
    display: none;
}

.default-filter-form.extra-open .extra-options-switcher .text > span:nth-child(2),
.default-filter-form:not(.extra-open) .extra-options-switcher .text > span:nth-child(1) {
    display: inline;
}

.default-filter-form .extra-options-switcher .switch {
    display: block;
    width: 100%;
    max-width: 42px;
    height: 13px;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 10px;
    background: #00abff;
    color: #ffffff;
    text-align: center;
    font-size: 10px;
    line-height: 11px;
}

.default-filter-form .extra-options-switcher .switch:before {
    content: '';
    display: block;
    width: 13px;
    height: 100%;
    margin: 1px auto 0 auto;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/arrow-down-white.svg');
}

.default-filter-form.extra-open .extra-options-switcher .switch:before {
    background-image: url('/images/icons/arrow-up-white.svg');
}

.default-filter-form:not(.extra-open) .extra-options-group {
    display: none;
}

/* Default filter form */
.change-version-link {
    padding: 15px 0;
    text-align: center;
}

.change-version-link a {
    color: #00abff;
    font-size: 12px;
    line-height: 20px;
}

.change-version-link a:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 3px 6px 0 0;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/desktop-icon-blue.svg');
}
/* Default filter form */

/* Tooltip */
.hint-tooltip {
    cursor: pointer;
}

.hint-tooltip.hint-dotted {
    text-decoration-line: underline;
    text-decoration-style: dotted;
}

.tooltip,
.tooltip-inner {
    font-size: 11px;
    max-width: 400px;
    font-weight: 300;
    font-family: "Exo 2", sans-serif;
}

.tooltip-inner .tooltip-html-block {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    padding: 0.25rem 0;
}

.tooltip-inner .tooltip-html-block p {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0 0 10px 0;
}

.tooltip-inner .tooltip-html-block p:last-child {
    margin-bottom: 0;
}

.tooltip-inner .tooltip-html-block h6 {
    color: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin: 0 0 5px 0;
}
/* Tooltip */

/* Triple Circle Loading */
.default-list-block .triple-circle-loader,
.default-include-block .triple-circle-loader,
.wizard .wizard-content .triple-circle-loader {
    width: 100%;
    height: 100%;
    display: none;
    min-height: 50vh;
    position: relative;
    border-top: 1px solid #dee2e6;
}

.default-list-block.loading > .triple-circle-loader,
.default-include-block.loading .triple-circle-loader,
.wizard.loading .wizard-content .triple-circle-loader {
    display: block;
}

.default-list-block .triple-circle-loader > span,
.default-include-block .triple-circle-loader > span,
.wizard .wizard-content .triple-circle-loader > span {
    width: 100%;
    display: block;
    text-align: center;
    line-height: inherit;
    top: 40%;
    top: calc((100% - 25px) / 2);
    position: absolute;
}

.default-list-block .triple-circle-loader > span i,
.default-include-block .triple-circle-loader > span i,
.wizard .wizard-content .triple-circle-loader > span i {
    content: "";
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%2300abff;stroke-width:8;stroke-linecap:round;stroke-dasharray:38;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='40' cy='40' r='36'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' keyTimes='0;1' values='0 40 40;360 40 40' dur='1s'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
}
/* Triple Circle Loading */

.form-control-button {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -30px;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
    border: 1px solid #00abff;
    border-radius: 4px;
    background-color: #00abff;
}

.form-control-button:before {
    content: '';
    width: 14px;
    height: 14px;
    display: block;
    margin: 2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/plus-icon-white.svg');
}

.form-group.translate-group-input .form-control-button,
.form-group.translate-group-select .form-control-button,
.form-group.translate-group-textarea .form-control-button  {
    right: auto;
    left: 20px;
    z-index: 2;
    border: 1px solid #CED4DA;
    background-color: #CED4DA;
}

.form-group.translate-group-input.has-translate .form-control-button,
.form-group.translate-group-select.has-translate .form-control-button,
.form-group.translate-group-textarea.has-translate .form-control-button  {
    border: 1px solid rgba(67, 210, 107, 0.3);
    background-color: rgba(67, 210, 107, 0.4);
}

.form-group.translate-group-textarea .form-control-button {
    top: 15px;
}

.form-group.translate-group-input .form-control-button:hover,
.form-group.translate-group-select .form-control-button:hover,
.form-group.translate-group-textarea .form-control-button:hover {
    border: 1px solid #00abff;
    background-color: #00abff;
}

.form-group.translate-group-input .form-control-button:before,
.form-group.translate-group-select .form-control-button:before,
.form-group.translate-group-textarea .form-control-button:before {
    background-image: url('/images/icons/globe-icon-white.svg');
    background-image: url('/images/icons/translate-icon-white.svg');
}

.form-group.translate-group-input .form-control,
.form-group.translate-group-textarea .form-control,
.form-group.translate-group-select .form-control.custom-select + .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 30px;
}

.btn.btn-translate {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    font-weight: 300;
    line-height: 12px;
    padding: 2px 8px 4px 8px;
}

.btn.btn-translate::before {
    content: '';
    width: 13px;
    height: 13px;
    display: inline-block;
    margin: 0 6px 0 0;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/translate-icon-white.svg');
}

.submit-on-enter {
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    border: none;
    display: none;
}

/* Badges */
.badge-sub {
    color: #fff;
    cursor: pointer;
    margin-left: 5px;
    background-color: #00abff;
}
/* Badges */

/* Map */
.map-default .leaflet-popup-content-wrapper {
    border-radius: 10px;
}

.map-default .leaflet-popup-content {
    margin: 8px 20px 8px 12px;
    line-height: 1.5em;
    font-size: 12px;
    color: #2d3545;
}

.map-default .marker-description {
    color: inherit;
    font-size: inherit;
}

.map-default .marker-description .title {
    font-size: 14px;
    font-weight: 600;
}

.map-default .marker-description .muted {
    color: #9F9F9F;
}
/* Map */


.tooltip-hint-wrapper textarea.form-control {
    line-height: 17px;
    min-height: 46px;
}

/* Long string container */
.long-string-container {
    position: relative;
    display: block;
    max-width: 250px;
    padding: 0 6px 0 0;
}

.long-string-container.open {
    position: relative;
    display: block;
    padding: 0;
}

.long-string-container > span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.long-string-container.one > span {
    -webkit-line-clamp: 1;
}

.long-string-container.two > span {
    -webkit-line-clamp: 2;
}

.long-string-container.three > span {
    -webkit-line-clamp: 3;
}

.long-string-container.open > span {
    overflow: visible;
    text-overflow: clip;
    display: block;
    -webkit-line-clamp: initial !important;
    -webkit-box-orient: initial !important;
}

.long-string-container > a {
    width: 12px;
    height: 100%;
    display: block;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.long-string-container.open > a {
    display: none;
}

.long-string-container > a:before {
    content: '';
    width: 12px;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/arrow-down-blue.svg');
}
/* Long string container */

/* History list */
.table-history-list .table-cell {
    font-size: 12px;
}


.table-history-list .history-item {
    margin-top: 6px;
    line-height: 14px;
    font-size: 12px;
    font-weight: 300;
}

.table-history-list .history-item .name {
    font-weight: 400;
}

.table-history-list .history-item .red {
    color: #FF6D6A;
}

.table-history-list .history-item .green {
    color: #43D26B;
}

.table-history-list .history-item:first-child {
    margin-top: 0;
}
/* History list */

/* Multi add list */
.custom-multi-list {
    font-size: 13px;
}

.custom-multi-list .item {
    position: relative;
    margin-bottom: 10px;
    padding: 0 30px 0 0;
}

.custom-multi-list .item.add {
    margin-bottom: 0;
}

.custom-multi-list .item .action,
.custom-multi-list .item .detail {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
}

.custom-multi-list .item .action {
    position: absolute;
    top: 5px;
    right: 2px;
    width: 22px;
    height: 22px;
    display: block;
}

.custom-multi-list .item .detail {
    width: 100%;
    padding: 5px 8px;
    border: 1px solid #CED4DA;
    border-radius: 5px;
}

.custom-multi-list .item.add .detail {
    color: #949494;
    font-weight: 300;
    border: 1px dashed #949494;
}

.custom-multi-list .item .detail span:nth-child(1) {
    padding: 0 10px 0 0;
}
.custom-multi-list .item .detail span:nth-child(2) {
    font-weight: 300;
}

.custom-multi-list .item .action i {
    display: block;
    width: 20px;
    height: 20px;
    padding: 2px;
    background-color: transparent;
    border: solid 1px transparent;
    border-radius: 5px;
}

.custom-multi-list .item .action i:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.custom-multi-list .item.add .action i {
    background-color: #00abff;
    border-color: #00abff;
}

.custom-multi-list .item.edit .action i {
    padding: 3px;
    background-color: #FF6D6A;
    border-color: #FF6D6A;
}

.custom-multi-list .item.add .action i:before {
    background-image: url('/images/icons/plus-icon-white.svg');
}

.custom-multi-list .item.edit .action i:before {
    width: 12px;
    height: 12px;
    background-image: url('/images/icons/close-icon-white.svg');
}
/* Multi add list */

/* Dialog error wrapper */
.dialog-container .dialog-error-wrapper {
    width: 100%;
    display: block;
    padding: 5px 0;
    margin: 0 auto;
    text-align: center;
}

.dialog-container .dialog-error-wrapper:empty {
    display: none;
}

.dialog-container .dialog-error-wrapper p {
    margin: 0 0 5px 0;
    color: #FF6D6A;
    font-size: 12px;
    line-height: 17px;
}

.dialog-container .dialog-error-wrapper p:last-child {
    margin: 0;
}
/* Dialog error wrapper */

/* Infinite Sign */
.infinite-sign {
    display: inline-block;
    width: auto;
    height: auto;
}

.infinite-sign:before {
    content: '';
    display: block;
    min-width: 16px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/icons/infinite-icon-blue.svg');
}
/* Infinite Sign */


/* Tooltip form */
.tooltip-hint-wrapper .col-form-label {
    padding-top: 0;
    padding-bottom: 0;
}

.tooltip-hint-wrapper .col-form-label > span {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 15px;
    display: inline-block;
    vertical-align: top;
}

.tooltip-hint-wrapper .col-form-label > .flag {
    width: 20px;
    height: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Tooltip form */

/* Baggage types */
.baggage-type-list {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.baggage-type-list .baggage-row {
    width: auto;
    font-size: 0px;
    margin: 5px 0 0 0;
    display: inline-block;
}

.baggage-type-list .baggage-row:first-child {
    margin: 0;
}

.baggage-type-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: none;
}

.select2-results .baggage-type-icon {
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
    background-color: transparent;
}

.baggage-type-icon > span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0px 2px;
}

.baggage-type-list .baggage-row .baggage-item {
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px 0 0;
    vertical-align: middle;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: none;
}

.baggage-type-list .baggage-row .baggage-item > span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 4px 6px;
    border: 1px solid #CED4DA;
    border-radius: 5px;
}

.baggage-type-icon.active > span,
.baggage-type-list .baggage-row .baggage-item.active > span {
    border-color: #00ABFF;
    background-color: #00ABFF;
}

.baggage-type-icon > span::before,
.baggage-type-list .baggage-row .baggage-item > span::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-size: none;
}

.baggage-type-icon.envelope > span::before,
.baggage-type-list .baggage-row .baggage-item.envelope > span::before {
    background-image: url('/images/icons/baggage-type-envelope-white.svg');
    background-image: url('/images/icons/baggage-type-envelope-black.svg');
}

.baggage-type-icon.envelope.active > span::before,
.baggage-type-list .baggage-row .baggage-item.envelope.active > span::before {
    background-image: url('/images/icons/baggage-type-envelope-white.svg');
}

.baggage-type-icon.small-baggage > span::before,
.baggage-type-list .baggage-row .baggage-item.small-baggage > span::before {
    background-image: url('/images/icons/baggage-type-small-baggage-white.svg');
    background-image: url('/images/icons/baggage-type-small-baggage-black.svg');
}

.baggage-type-icon.small-baggage.active > span::before,
.baggage-type-list .baggage-row .baggage-item.small-baggage.active > span::before {
    background-image: url('/images/icons/baggage-type-small-baggage-white.svg');
}

.baggage-type-icon.medium-baggage > span::before,
.baggage-type-list .baggage-row .baggage-item.medium-baggage > span::before {
    background-image: url('/images/icons/baggage-type-medium-baggage-white.svg');
    background-image: url('/images/icons/baggage-type-medium-baggage-black.svg');
}

.baggage-type-icon.medium-baggage.active > span::before,
.baggage-type-list .baggage-row .baggage-item.medium-baggage.active > span::before {
    background-image: url('/images/icons/baggage-type-medium-baggage-white.svg');
}

.baggage-type-icon.large-baggage > span::before,
.baggage-type-list .baggage-row .baggage-item.large-baggage > span::before {
    background-image: url('/images/icons/baggage-type-large-baggage-white.svg');
    background-image: url('/images/icons/baggage-type-large-baggage-black.svg');
}

.baggage-type-icon.large-baggage.active > span::before,
.baggage-type-list .baggage-row .baggage-item.large-baggage.active > span::before {
    background-image: url('/images/icons/baggage-type-large-baggage-white.svg');
}

.select2-results .disabled .baggage-type-icon.envelope > span::before {
    background-image: url('/images/icons/baggage-type-envelope-gray.svg');
}

.select2-results .disabled .baggage-type-icon.small-baggage > span::before {
    background-image: url('/images/icons/baggage-type-small-baggage-gray.svg');
}

.select2-results .disabled .baggage-type-icon.medium-baggage > span::before {
    background-image: url('/images/icons/baggage-type-medium-baggage-gray.svg');
}

.select2-results .disabled .baggage-type-icon.large-baggage > span::before {
    background-image: url('/images/icons/baggage-type-large-baggage-gray.svg');
}

.tooltip-hint-wrapper .form-check .checkbox-small {
    font-size: 20px;
    margin: 0 6px 0 0;
}

/* Baggage types */


/* Panel items */
.panel-item-gray,
.panel-items-gray,
.panel-item-transparent {
    width: 100%;
    display: block;
    margin: 0 0 8px 0;
    line-height: 14px;
    border-radius: 5px;
}

.col-right .panel-item-gray {
    word-break: break-word;
}

.panel-item-gray,
.panel-item-transparent {
    margin: 0 0 8px 0;
    padding: 5px 10px 5px 10px;
}

.panel-item-gray,
.panel-items-gray {
    background-color: rgba(245, 245, 245, 1);
}

.panel-item-transparent {
    background-color: transparent;
}

.panel-item-transparent.small {
    font-size: 11px;
    font-weight: 300;
}

.order-info-block.buy .panel-item-gray,
.order-info-block.buy .panel-items-gray {
    background-color: rgba(216, 255, 231, 1);
}

.order-info-block.book .panel-item-gray,
.order-info-block.book .panel-items-gray {
    background-color: rgba(255, 242, 168, 1);
}

.order-info-block.cancel .panel-item-gray,
.order-info-block.cancel .panel-items-gray {
    background-color: rgba(255, 223, 223, 1);
}

/* Panel items */

.total_items_in_list {
    /*text-transform: uppercase;*/
    margin-left: 16px;
}

span.total_items_in_list {
    display: inline-block;
}

/* Progress bar */
.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.75rem;
}

.progress .progress-bar {
    height: auto;
    background-color: #00abff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
}

/* Progress bar */

.history-item .old {
    color: #FF6D6A;
}

/* pagination extended */
.pagination .search-page-control {
    display: flex;
    justify-content: center;
    align-items: stretch;
    position: relative;
}

.pagination .search-page-control.input-group {
    background-color: #fff !important;
}

.pagination .search-page-control input.form-control {
    max-width: 60px;
    border-radius: 0;
    border: 1px solid #00abff;
    text-align: center;
    margin-left: -1px;
    font-weight: 600;
}

.pagination .search-page-control input.form-control:focus {
    background-color: rgb(0 171 255 / 10%);
}

.pagination .pagination-search-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    width: auto;
}

.pagination .pagination-search-link:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(/images/icons/search-icon-white.svg);
}

.striked-text-red-line::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -1px;
    margin-left: -9%;
    width: 118%;
    height: 2px;
    left: 0;
    background: #ff6d6a;
    opacity: 0.75;
    transform: rotate(11deg);
}

.tariff-banner-wrapper {
    font-size: 14px;
}

.tariff-banner-wrapper .panel-banner-dark-blue {
    padding: 20px;
    background: #485365;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    color: #fff;
}

.tariff-banner-wrapper .icon-arrow-background{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #00ABFF;
    border-radius: 25px;
}

.tariff-banner-wrapper .icon-arrow-right{
    background-image: url(/images/icons/arrow-right-white.svg);
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 25% auto;
}

.tariff-banner-wrapper .text-grey {
    color: #A7B3C0;
}

.panel-white .default-list-block {
    padding-bottom: 1px;
}

@media (min-width:768px) {
    .default-filter-form .negative-margin  {
        margin-bottom: -1rem;
    }

    html.sidebar-left-collapsed .sidebar-left,
    html.sidebar-left-collapsed .sidebar-fixed {
        width: 50px;
    }

    .body {
        width: 100%;
        min-height: 100%;
    }

    .header-nav-menu {
        position: relative;
    }

    .inner-wrapper {
        padding: 0;
        overflow: visible;
        min-height: calc(100vh - 50px);
    }

    .sidebar-left > .sticky-wrapper {
        padding-bottom: 50px;
    }

    .sidebar-left .sidebar-fixed {
        top: 0;
        position: sticky;
        max-height: calc(100vh - 50px);
    }

    html.sidebar-left-collapsed .sidebar-left .nano:hover {
        max-width: 225px;
    }

    .dialog-action-open.scroll-padding,
    .dialog-response-open.scroll-padding,
    .dialog-datepicker-open.scroll-padding    {
        padding-right: 17px;
    }
    
    .default-filter-form .negative-margin {
        margin-bottom: -1rem;
    }
}

@media (min-width:1366px) {
    .default-filter-form .default-filter-left {
        flex: 0 0 calc(100% - 260px);
        max-width: calc(100% - 260px);
    }

    .default-filter-form .default-filter-right {
        flex: 0 0 260px;
        max-width: 260px;
    }
    
    .default-filter-form .default-filter-right .switch-block,
    .default-filter-form .default-filter-right .button-block {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width:1365px) {
    .default-filter-form .default-filter-left {
        flex: 0 0 calc(100% - 130px);
        max-width: calc(100% - 130px);
    }

    .default-filter-form .default-filter-right {
        flex: 0 0 130px;
        max-width: 130px;
    }
    
    .default-filter-form .default-filter-right .switch-block,
    .default-filter-form .default-filter-right .button-block {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .default-filter-form .default-filter-right .button-block {
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 7px;
    }
    
    .default-filter-form .default-filter-right .switch-block {
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (max-width:1199px) {
    .dialog-xl,
    .dialog-lg {
        max-width: 800px;
    }
    
    .table-content.table-fluid-md,
    .table-content.table-fluid-md .table-body,
    .table-content.table-fluid-md .table-row {
        display: block;
    }

    .table-content.table-fluid-md .table-head {
        display: none;
    }

    .table-content.table-fluid-md .table-cell {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-left: 0px;
        padding-right: 0px;
    }

    .table-fluid-md .table-cell > .left,
    .table-fluid-md .table-cell > .right {
        display: flex;
        min-height: 20px;
        height: 100%;
        align-self: center;
    }
    
    .table-fluid-md .table-cell > .left {
        font-weight: 600;
    }
    
    .table-fluid-md .table-cell > .left,
    .table-fluid-md .table-cell > .center .left {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .table-fluid-md .table-cell > .right,
    .table-fluid-md .table-cell > .center .right {
        flex: 0 0 60%;
        max-width: 60%;
        text-align: right;
        justify-content: right;
    }
    
    .table-fluid-md .table-cell > .center {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .table-fluid-md .table-cell > .center > div {    
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
}

@media (max-width:991px) {
    .dialog-xl,
    .dialog-lg {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    
    .dialog-container .dialog-header {
        line-height: 18px;
        padding: 10px 10px 10px 17px;
    }
    
    .dialog-action.dialog-blue .dialog-content {
        background-color: #e2effe;
    }

    .table-content.table-fluid-sm,
    .table-content.table-fluid-sm .table-body,
    .table-content.table-fluid-sm .table-row {
        display: block;
    }

    .table-content.table-fluid-sm .table-head {
        display: none;
    }

    .table-content.table-fluid-sm .table-cell {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .table-fluid-sm .table-cell > .left,
    .table-fluid-sm .table-cell > .right {
        display: flex;
        min-height: 20px;
        height: 100%;
    }

    .table-fluid-sm .table-cell > .left {
        flex: 0 0 40%;
        max-width: 40%;
        font-weight: 600;
    }

    .table-fluid-sm .table-cell > .right {
        flex: 0 0 60%;
        max-width: 60%;
        text-align: right;
        justify-content: right;
    }
    
    .default-filter-form .form-group {
        margin-bottom: 10px;
    }
    
    .default-filter-form .form-group:last-child {
        margin-bottom: 0;
    }
    
    .default-filter-form .negative-margin .form-group:last-child {
        margin-bottom: 1rem;
    }
    
    .pagination .page-item.non-mobile {
        display: none;
    }
}

@media (max-width:767px) {
    .page-content {
        padding: 10px 5px 10px 5px;
    }

    .page-header,
    .site-copyright    {
        display: none;
    }

    .header-nav-menu {
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 99;
    }
    
    html.public .content-body {
        width: 100%;
    }
    
    html .inner-wrapper,
    html.no-mobile-device .inner-wrapper    {
        padding-top: 50px;
        overflow: visible;
    }
    
    .messages-container.sticky {
        top: 55px;
    }
    
    .sidebar-left {
        padding: 50px 0 0 0;
    }

    .sidebar-left .sidebar-header {
        display: none;
    }

    .sidebar-left .nav-userbox,
    .sidebar-left .nav-bashboard {
        display: initial;
    }

    .header-nav-menu .header-left {
        float: none;
        width: 100%;
        height: 50px;
        padding: 0;
        padding: inherit;
        background: inherit;
        border-top: none;
        border-bottom: solid 1px #999999;
    }

    .header-nav-menu .header-right {
        display: none;
    }

    .header-nav-menu .logo {
        display: inline-block;
    }

    .header-nav-menu .header-btn-collapse-nav {
        outline: 0;
        float: right;
        margin-top: 0;
        margin-right: 0;
        padding: 16px 6px;
        height: 50px;
        min-width: 50px;
        color: #fff;
        background-color: transparent;
    }

    .header-nav-menu .header-btn-collapse-nav:hover,
    .header-nav-menu .header-btn-collapse-nav:focus,
    .header-nav-menu .header-btn-collapse-nav:active {
        border: solid 1px transparent;
    }

    .header-nav-menu .header-btn-collapse-nav .fa-bars {
        font-size: 14px;
        transform: scale(2,1);
        vertical-align: top;
    }

    .list-wrapper-language .item {
        font-size: 12px;
    }

    .default-action-manager {
        padding: 0 0 5px 0;
    }

    .dialog-container {
        margin: 0.5rem auto;
    }

    .table-content.table-fluid-xs,
    .table-content.table-fluid-xs .table-body,
    .table-content.table-fluid-xs .table-row {
        display: block;
    }

    .table-content.table-fluid-xs .table-head {
        display: none;
    }

    .table-content.table-fluid-xs .table-cell {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .table-fluid-xs .table-cell > .left,
    .table-fluid-xs .table-cell > .right {
        display: flex;
        min-height: 20px;
        height: 100%;
    }

    .table-fluid-xs .table-cell > .left {
        flex: 0 0 40%;
        max-width: 40%;
        font-weight: 600;
    }

    .table-fluid-xs .table-cell > .right {
        flex: 0 0 60%;
        max-width: 60%;
        text-align: right;
        justify-content: right;
    }

    .panel-white.transparent-xs {
        padding: 0;
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
    }

    .header-nav-menu .navbar-action:not(:empty) {
        display: block;
    }

    .header-nav-menu .navbar-action:not(:empty) + .logo {
        display: none;
    }

    .header-nav-menu .navbar-action {
        float: left;
        width: 100%;
        height: 50px;
        max-width: 85%;
        max-width: calc(100% - 50px);
        padding: 13px 0 13px 10px;
        color: #fff;
        cursor: pointer;
    }

    .header-nav-menu .navbar-action .navbar-step {
        position: relative;
        display: block;
        font-size: 16px;
        font-weight: 400;
    }

    .header-nav-menu .navbar-action .navbar-step {
        font-size: 16px;
        font-weight: 400;
    }

    .header-nav-menu .navbar-action .navbar-step .back,
    .header-nav-menu .navbar-action .navbar-step .edit {
        vertical-align: baseline;
        min-height: 24px;
    }

    .header-nav-menu .navbar-action .navbar-step .back {
        position: absolute;
        left: 0;
        display: inline-block;
        width: 26px;
    }

    .header-nav-menu .navbar-action .navbar-step .back img {
        width: 18px;
        margin: 2px 6px;
    }

    .header-nav-menu .navbar-action .navbar-step .edit {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0 0 0 34px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 20px;
    }

    .wizard .wizard-action .item,
    .wizard .wizard-action .item:hover,
    .wizard .wizard-action .item.active,
    .wizard .wizard-action .item.disabled,
    .wizard .wizard-action .item.active:hover,
    .wizard .wizard-action .item.disabled:hover {
        color: #2d3545;
        background: #fff;
        box-shadow: 0 3px 3px rgba(0,0,0,0.06);
        border-radius: 10px;
        margin: 0 0 10px 0;
    }

    .wizard .wizard-action .item.disabled,
    .wizard .wizard-action .item.disabled:hover {
        color: #949494;
    }

    .wizard .wizard-action .item .title {
        font-size: 15px;
        width: calc(100% - 30px);
        padding: 15px 0 15px 10px;
    }
    
    .wizard.open-result .wizard-action,
    .wizard.open-result .wizard-section,
    .wizard.open-action .wizard-section > .item.default {
        display: none;
    }

    .wizard.open-result .wizard-section,
    .wizard.open-result .wizard-section > .item.active {
        display: block;
    }

    .wizard .wizard-action .item .icon-right,
    .wizard .wizard-action .item .icon-right.done    {
        width: 16px;
        height: 20px;
        padding: 0;
        margin: 15px 10px 15px 0;
        background-color: transparent;
    }

    .wizard .wizard-action .item .icon-right:before {
        width: 16px;
        height: 20px;
        background-image: url('/images/icons/arrow-right-blue.svg');
    }

    .wizard .wizard-action .item.disabled .icon-right::before {
        background-image: url('/images/icons/arrow-right-gray.svg');
    }
    
    .wizard .wizard-menu .btn-back {
        margin: 10px 0 0 0;
    }
    
    .wizard.open-result .wizard-menu .btn-back {
        display: none;
    }
    
    .tooltip-hint-wrapper .form-group:last-child,
    .tooltip-hint-wrapper .form-group:last-of-type {
        margin-bottom: 1rem;
    }
    
    .default-action-manager .action .export span {
        display: none;
    }
    
    .default-filter-form .default-filter-left {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .default-filter-form .default-filter-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .default-filter-form .default-filter-right .switch-block,
    .default-filter-form .default-filter-right .button-block {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .default-filter-form .default-filter-right .button-block {
        -ms-flex-order: 2;
        order: 2;
    }
    
    .default-filter-form .default-filter-right .switch-block {
        -ms-flex-order: 1;
        order: 1;
    }
    
    .default-filter-form:not(.extra-open) .extra-options-group-sm {
        display: none;
    }
    
    .default-filter-form .extra-options-switcher {
        float:left;
    }
}

@media (max-width:575px) {
    .dialog-container {
        max-width: 100%;
        margin: 0.5rem;
    }
    
    .custom-date-range .form-control {
        max-width: 50%;
    }
    
    .btn-bottom-wrapper .btn-blue,
    .btn-bottom-wrapper .btn-green {
        max-width: 100%;
    }

    .btn-bottom-wrapper.btn-bottom-two .btn {
        float: none;
        width: 100%;
        max-width: 100%;
        margin-top: 10px;
    }
    
    .btn-bottom-wrapper.btn-bottom-two .btn:first-child {
        margin-top: 0;
    }
    
    .action-cell .action-cell-text {
        display: none;
    }
    
    .default-action-manager.topic .action.topic {
        margin-right: 6px;
    }
    
    .default-action-manager.topic .action.topic .btn::before {
        margin-right: 0;
    }
    
    .default-action-manager .action .btn {
        padding: 5px 13px;
    }
}

@media (max-width:359px) {
}