/* Change all background color */

/* Import Base style */
@import url("../../../base.9136d329983f.css");

body,
.changelist-footer {
    background: var(--style-body-background-body-changelist-footer-background-color)
}

.relative {
    position: relative;
}

/*.provider-logo.provider-2 {*/
/*    position: relative;*/
/*    top: -4px;*/
/*}*/

/* Top bar element */
/*.top-bar {*/
/*    width: 100%;*/
/*    background: #FFF;*/
/*    position: fixed;*/
/*    z-index: 9;*/
/*    height: 70px;*/
/*    -webkit-box-shadow: 0 3px 5px 0 #d2d5dc;*/
/*    -moz-box-shadow: 0 3px 5px 0 #d2d5dc;*/
/*    box-shadow: 0 3px 5px 0 #d2d5dc;*/
/*}*/

/*.impersonate .top-bar {*/
/*    top: 36px;*/
/*}*/

/*.logo-container {*/
/*    width: 250px;*/
/*    height: 70px;*/
/*    text-align: center;*/
/*}*/

/*.logo-container img {*/
/*    margin: 9px auto 0;*/
/*    width: 100px;*/
/*}*/

/*.logo-container .sidebar-toggle {*/
/*    float: left;*/
/*    margin: 13px 0 0 0;*/
/*    border: none;*/
/*    display: none;*/
/*}*/

/*#container {*/
/*    padding-top: 70px;*/
/*}*/

.table-container {
    overflow-x: auto;
    width: 100%;
}


.impersonate #container {
    padding-top: 106px;
}

.sidebar {
    /*top: 70px;*/
    z-index: 10;
}

/*.impersonate .sidebar {*/
/*    top: 106px;*/
/*}*/

.user-tools ul {
    z-index: 10;
    top: 19px;
    position: fixed;
    background: #fff;
}

/*#person-tools {*/
/*    position: fixed;*/
/*    top: 17px;*/
/*    right: 30px;*/
/*    cursor: pointer;*/
/*    z-index: 10;*/
/*    text-align: center;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    list-style: none;*/
/*    display: inline-block;*/
/*}*/

.impersonate #person-tools {
    top: 53px;
}

/*#person-tools:hover .person-sidebar,*/
/*#person-tools.opened .person-sidebar {*/
/*    display: block;*/
/*}*/

/*#person-tools .person-sidebar {*/
/*    display: none;*/
/*    background-color: #6f7e95;*/
/*    color: #ecf2f6;*/
/*    z-index: 10;*/
/*    top: 70px;*/
/*    position: fixed;*/
/*    text-align: left;*/
/*    width: 150px;*/
/*    right: 20px;*/
/*    border-radius: 4px;*/
/*    font-size: 12px;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    list-style: none;*/
/*}*/

.impersonate #person-tools .person-sidebar {
    top: 106px;
}

/*#person-tools .person-sidebar:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: 12px;*/
/*    top: -20px;*/
/*    border: 10px solid transparent;*/
/*    border-bottom: 10px solid #6f7e95;*/
/*    z-index: 10;*/
/*}*/

/*#person-tools .person-sidebar li {*/
/*    display: block;*/
/*    list-style-type: none;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    white-space: nowrap;*/
/*}*/

/*#person-tools .person-sidebar li.person-tools-link a,*/
/*#person-tools .person-sidebar li a:visited,*/
/*#person-tools .person-sidebar li.person-tools-link a:hover {*/
/*    display: block;*/
/*    line-height: 30px;*/
/*    padding: 0 14px;*/
/*    color: #ecf2f6;*/
/*    text-decoration: none;*/
/*}*/

/* Change buttons and links color*/
a {
    color: #3f8db2;
}

a:visited, a:hover, a:focus {
    color: #1d6cb2;
}

.button {
    cursor: pointer;
}

#toolbar form input[type="submit"],
#changelist .actions .button,
.button.default,
input[type="submit"].default,
input[type="button"].default,
.object-tools a.default {
    background-color: #3f8db2;
}

#toolbar form input[type="submit"]:hover,
.button.default:hover,
#changelist .actions .button:hover,
input[type="submit"].default:hover,
input[type="button"].default:hover {
    background-color: #1d6cb2;
}

input[type="submit"] {
    cursor: pointer;
}

/* Delete button color */
.button.btn-delete {
    background-color: #c14747;
    color: white;
}

.button.btn-delete:hover {
    background-color: #c1141e;
}

/* error popup */
.ui-state-error .ui-dialog-titlebar {
    background-color: #ff4c4c;
}

.ui-state-error .ui-dialog-titlebar p {
    margin: 10px 0;
}

/* fix select2 for popup */
.select2-container.select2-container--jet.select2-container--open {
    z-index: 9999;
}

/* fix close popup icon */
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: 0;
}

/* date filter */
.changelist-filter-select-wrapper .controls {
    text-align: center;
    margin-bottom: 20px;
}

/* Button link */
a.link,
a.button-opt {
    font-weight: lighter;
    background-color: #3f8db2;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 7px 15px;
    border-radius: 5px;
    line-height: 19px;
    transition: background .3s;
}

a.link:visited,
a.link:hover,
a.link:focus {
    background-color: #1d6cb2;;
    color: #fff;
}

a.link:hover {
    background-color: #1d6cb2;;
    color: #fff;
}

a.button-opt:visited,
a.button-opt:hover,
a.button-opt:focus {
    background-color: #3f8db2;
    color: #fff;
}

a.button-opt:hover {
    background-color: #1d6cb2;;
    color: #fff;
}

a.button-opt {
    font-size: 12px;
}

/* margin */
.b-margin {
    margin-bottom: 30px;
}

/* Side menu */
.sidebar-nav-menu {
    margin: 30px 0 0 0;
    padding: 0;
}

.sidebar-nav-menu:before,
.sidebar-nav-menu:after {
    content: "";
    display: table;
}

.sidebar-nav-menu:after {
    clear: both;
}

.sidebar-nav-menu .nav-menu-title {
    float: left;
    width: 100%;
}

.sidebar-nav-menu .nav-menu-title .nav-icon {
    float: left;
    width: 50px;
    height: 24px;
    text-align: center;
}

.sidebar-nav-menu .nav-menu-title .nav-icon img {
    height: 24px;
}

.sidebar-nav-menu .nav-menu-title > a,
.sidebar-nav-menu .nav-menu-title > span {
    line-height: 24px;
    float: left;
    width: 100%;
    padding: 10px 0;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.sidebar-nav-menu .nav-menu-title > span {
    cursor: pointer;
}

.sidebar-nav-menu .nav-menu-title > a:hover,
.sidebar-nav-menu .nav-menu-title > span:hover,
.sidebar-nav-menu .nav-menu-title.active > a,
.sidebar-nav-menu .nav-menu-title.active > span,
.sidebar-nav-menu .nav-menu-title.open > a,
.sidebar-nav-menu .nav-menu-title.open > span {
    background-color: #2b3647;
    color: #95d2e7;
}

.sidebar-nav-menu .nav-menu-title.submenu-active.fixed,
.sidebar-nav-menu .nav-menu-title.submenu-active.fixed > span {
    cursor: default;
}

.sidebar-nav-menu .nav-menu-title.submenu-active {
    position: relative;
}

.sidebar-nav-menu .nav-menu-title.submenu-active:after {
    content: "";
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 16px;
    right: 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/*.sidebar-nav-menu .nav-menu-title.submenu-active.open {*/
/*    background-color: #2b3647;*/
/*}*/

.sidebar-nav-menu .nav-menu-title.submenu-active.open:after {
    top: 20px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}

.sidebar-nav-menu .nav-menu-title .submenu {
    clear: both;
    padding: 10px 0 10px 55px;
    margin: 0;
    background: #566375;
    display: none;
}

.sidebar-nav-menu .nav-menu-title.fixed .submenu {
    display: block;
}

.sidebar-nav-menu .nav-menu-title .submenu li {
    list-style: none;
    padding: 8px 8px 8px 0;
}

/*.sidebar-nav-menu .nav-menu-title .submenu li a {*/
/*    color: #fff;*/
/*}*/

/*.sidebar-nav-menu .nav-menu-title .submenu li.active a,*/
/*.sidebar-nav-menu .nav-menu-title .submenu li a:hover {*/
/*    color: #64e698;*/
/*}*/

/* Info block */
.info-line {
    position: relative;
}

.info-line:before,
.info-line:after {
    content: "";
    display: table;
}

.info-line:after {
    clear: both;
}

.info-line h3 {
    float: left;
    margin: 3px 0;
}

.info-line img {
    float: left;
    cursor: pointer;
}

.info-line .info-detail {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #47bac1;
    padding: 10px;
    border-radius: 10px;
    top: 30px;
    z-index: 10;
    max-height: 415px;
    overflow-y: auto;
}

.info-line .info-block:hover .info-detail,
.info-line .info-block.opened .info-detail {
    display: block;
}

/* change help text style */
.help, p.help, form p.help {
    color: #919ea2;
}

/* fix select2 search style */
.select2-container--jet .select2-search--dropdown .select2-search__field {
    background: url("/static/admin/global/img/ico-search.65f56f85d291.png") no-repeat 95% 9px;
    padding-right: 25px;
}

.select2-container--jet .select2-search--dropdown .select2-search__field:after {
    content: "asdasdasd";

}

/* confirm popup */
.confirm-popup .ui-dialog-titlebar {
    background-color: #c14747;
}

/* change error text color */
li.errornote {
    color: #a02323;
}

/* change-list remove min-height */
.change-list .filtered {
    min-height: auto;
}

/* full_width class */
.full_width {
    width: 100%;
}

/* fieldset fix */
fieldset {
    min-width: 0;
}

/* p fix*/
p {
    word-break: break-all;
}


/* button colors */
.btn_c {
    display: inline-block;
    background-color: #3bbf3b;
    color: #fff;
    border: 0;
    border-radius: 4px;
    line-height: 24px;
    outline: 0;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    padding: 0 7px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: background .3s;
}

.btn_c.btn_cancel {
    background-color: #bb2f2f;
    color: #fff;
}

.btn_c.btn_active {
    background-color: #339933;
    color: #fff;
}

.btn_c.btn_inactive {
    background-color: #E66F00;
    color: #fff;
}

.btn_c.btn_action {
    background-color: #3f8db2;
    color: #fff;
}

.btn_c.btn_cancelled {
    background-color: #CCCCCC;
}

.btn_c.btn_trial_end {
    background-color: #bb2f2f;
}

.btn_c:visited,
.btn_c:hover,
.btn_c:focus {
    color: #FFF;
}

.btn_c:hover {
    background-color: #007300;
}

.btn_c.btn_cancel:hover {
    background-color: #6e1301;
}

.btn_c.btn_active:hover {
    background-color: #339933;
    color: #fff;
}

.btn_c.btn_inactive:hover {
    background-color: #E66F00;
    color: #fff;
}

.btn_c.btn_action:hover {
    background-color: #1d6cb2;
    color: #fff;
}

.btn_c.btn_cancelled:hover {
    background-color: #CCCCCC;
}

.btn_c.btn_trial_end:hover {
    background-color: #bb2f2f;
}

/* Impersonate  */
.impersonate-line {
    background: var(--style--impersonate-line-background);
    color: var(--style--impersonate-line-color);
    font-size: 14px;
    line-height: 30px;
    height: 36px;
    position: fixed;
    top: 0;
    right: 50px;
    z-index: 9999;
    padding: 0 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.impersonate-line a {
    float: right;
    margin: 6px 0 6px 20px;
}


.impersonate-line span {
    float: right;
    line-height: 36px;
    margin-right: 10px;
}

.impersonate-line strong {
    float: right;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Change impersonate for login page */
body.login.impersonate .impersonate-line {
    background-color: #0043b1;
}

/* System Alert */
.system-alert-wrapper {
    position: fixed;
    top: 70px;
    left: calc(50% - 500px);
    width: 100%;
    max-width: 1000px;
    padding: 0;
    z-index: 99;
}

.system-alert-wrapper .wrapper-background,
.system-alert .alert-background {
    background: rgba(119, 116, 126, 0.47);
    opacity: 0.1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-left: 1px solid rgba(83, 99, 126, 0.56);
    border-bottom: 1px solid rgba(83, 99, 126, 0.56);
    z-index: 0;
    border-radius: 0 0 0 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.system-alert-wrapper:hover .wrapper-background {
    opacity: 0.7;
}

.system-alert {
    margin: 0 10px 10px;
    z-index: 1;
    position: relative;
    display: none;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4);
}

.system-alert:first-child {
    margin-top: 10px;
}

.system-alert .alert-background {
    border: none;
    opacity: 0.7;
}

.system-alert:hover .alert-background {
    opacity: 1;
}

.system-alert .wrapper-system-alert {
    z-index: 1;
    position: relative;
    padding: 10px;
}

.system-alert .wrapper-system-alert .head-system-alert {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    padding-right: 20px;
}

.system-alert .wrapper-system-alert .head-system-alert span {
    right: 0;
    top: 0;
    cursor: pointer;
    position: absolute;
}

div#confirm-action {
    height: auto !important;
}

/* message */
.message-info {
    color: #fff;
    background-color: var(--system-selection-font-color);
    display: block;
    margin: 0 0 20px 0;
    border-radius: 6px;
    padding: 10px;
}

.message-info a {
    color: #ffdf58;
}

.message-info a:hover {
    color: rgba(255, 220, 43, 0.67);
}

/* message */
.message-error {
    color: #ffffff;
    background-color: #ec6969;
    display: block;
    margin: 0 0 20px 0;
    border-radius: 6px;
    padding: 10px;
}

.message-error a {
    color: #ffb92b;
}

.message-error a:hover {
    color: rgba(255, 185, 43, 0.69);
}


/* loader */

.w-loader {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, .6);
}

.w-loader:after {
    content: '';
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: block;
    position: absolute;
    border-top: 3px solid #00AE55;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*.w-loader::after {*/
/*    content: '';*/
/*    width: 96px;*/
/*    height: 5px;*/
/*    background: #00AE55;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    box-sizing: border-box;*/
/*    border-radius: 8px;*/
/*    animation: hitZak 0.6s ease-in-out infinite alternate;*/
/*}*/

@keyframes hitZak {
    0% {
        left: 0;
        transform: translateX(-1%);
    }
    100% {
        left: 100%;
        transform: translateX(-99%);
    }
}


/* Add scroll styles */

#content ::-webkit-scrollbar,
html::-webkit-scrollbar {
    height: 7px;
    width: 7px;
}

#content ::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 10px;
}

#content ::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 10px;
}

.main-preloader {
    text-align: center;
    padding: 100px;
}

/* Media screens */
@media only screen and (max-width: 960px) {
    /* Top bar element */
    body {
        padding-top: 0;
    }

    .logo-container .sidebar-toggle {
        display: block;
    }

    /*#container > .sidebar-container-toggle.sidebar-header-menu-icon.icon-menu.sidebar-toggle {*/
    /*    display: none;*/
    /*}*/
    .info-line .info-detail {
        max-height: 300px;
    }

    /* Styles */
    .doubleScroll-scroll-wrapper.indent {
        position: relative;
        left: -23px;
    }
}


@media only screen and (max-width: 768px) {
    /* Impersonate  */
    .impersonate-line span {
        display: none;
    }

    .impersonate-line strong {
        max-width: 220px;
    }
}

@media only screen and (max-width: 420px) {
    /* Impersonate  */
    .impersonate-line strong {
        max-width: 115px;
    }
}

@media only screen and (max-width: 480px) {
    /* Impersonate */
    .impersonate-line {
        right: 0;
        left: 0;
        border-radius: 0;
    }

    /* Top bar element */
    .logo-container {
        width: 160px;
    }

    /* buttons style */
    #toolbar form input[type="submit"],
    #changelist .actions .button,
    input[type="submit"].default,
    input[type="button"].default,
    .submit-row a.deletelink,
    body.login .submit-row input[type="submit"] {
        font-weight: 700;
    }

    #toolbar form input[type="submit"] {
        width: 100%;
    }

    /* scroll */
    .doubleScroll-scroll-wrapper.indent {
        left: -11px;
    }

    /* full width elements */
    .form-row input {
        width: 100%;
    }

    .form-row .select2 {
        width: 100% !important;
    }

    /* phone fields */
    #id_phone_0 {
        width: 160px
    }

    #id_phone_1 {
        width: 80px;
    }
}

@media only screen and (max-width: 359px) {
    /* Top bar element */
    .logo-container {
        width: 130px;
    }

    .logo-container img {
        width: 70px;
        margin-top: 16px;
    }

    /* phone fields */
    #id_phone_0 {
        width: 100%;
        margin-bottom: 10px;
    }
}