/* CSS resets */

iframe,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
ins,
q,
small,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
fieldset,
form,
label,
legend,
html,
body,
div,
article,
aside,
figure,
figcaption,
hgroup,
footer,
header,
nav,
section,
video,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote {
    display: block;
    position: relative;
    border: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

span,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.h4 {
    font-size: 1.2rem;
}

p {
    line-height: 150% !important;
}

button.link,
button.link:hover {
    background: none !important;
    border: none;
    color: inherit !important;
    font-size: inherit;
    float: unset;
    text-align: left;
    line-height: inherit;
    padding-left: 0px !important;
    height: auto !important;
}

.logo-header {
    font-size: 2.0rem !important;
    font-weight: bold !important;
    margin-bottom: 0.5rem;
    margin-top: 0;
}

.sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

figure img {
    width: 100%;
}

img {
    height: auto;
    padding-bottom: 0;
}

.svg::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

input {
    padding: 0;
}

    input:focus,
    select:focus,
    textarea:focus,
    button:focus {
        outline: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type="search"] {
        -webkit-appearance: none;
        -webkit-appearance: textfield;
    }

        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

        input[type="search"]::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    input[type="number"] {
        -moz-appearance: textfield;
    }

.date:-webkit-autofill,
.date:-webkit-autofill:hover,
.date:-webkit-autofill:focus {
    display: none;
}

/* site structure */

html,
body {
    background: #fff;
    height: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #002455;
}

html {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    display: inline;
}

::selection {
    background: var(--alert-color-warning);
    color: #fff; /* Safari */
}

::-moz-selection {
    background: var(--alert-color-warning);
    color: #fff; /* Firefox */
}

#container-main {
    width: 100%;
    min-height: 100%;
    background: #fff;
    overflow: hidden;
}

.container-content {
    left: 0;
    width: auto;
    margin-left: -260px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

#container-main.open .container-content {
    left: 260px;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

a {
    color: var(--alert-color-warning);
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

a {
    color: #0082c8;
}

    a:hover,
    a:hover,
    a:active {
        color: #50beff;
    }

    a.orange {
        color: #ff5000;
    }

    a.orange {
        color: #dc3c00;
    }

        a.orange:hover,
        a.orange:hover,
        a.orange:active {
            color: #ff8c00;
        }

        a.orange.button,
        a.orange.button,
        a.orange.button:hover,
        a.orange.button:hover,
        a.orange.button:active {
            color: #fff;
        }

strong,
.bold {
    font-weight: 600;
}

input,
textarea,
button {
    display: block;
    position: relative;
    height: 40px;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    border-radius: 0;
    box-sizing: border-box;
}

input,
textarea {
    padding: 8px 14px 10px 12px;
    font-weight: 400;
    color: var(--color-primary);
    background: none;
    border: 1px solid var(--stroke-color-input);
}

textarea {
    height: auto;
    resize: none;
}

.tarea-resize-v {
    resize: vertical;
    overflow: auto;
    width: 100%;
    height: 100px;
}

.link {
    cursor: pointer;
}

button {
    border: none;
    cursor: pointer;
}

.button,
.button,
button {
    font-weight: 600;
    color: #fff;
    background: var(--alert-color-warning);
}

    .button:hover,
    .button:hover,
    .button:active,
    button:hover {
        color: #fff;
        background: #50beff;
    }

    .button.small,
    button.small {
        height: 24px;
        font-size: 14px;
        line-height: 18px;
        padding: 2px 10px 4px 10px;
    }

    .button.big,
    button.big {
        padding: 9px 25px 11px 25px;
    }

    .button.dark,
    .button.dark,
    button.dark {
        background: var(--alert-color-info);
        color: var(--color-white);
    }

        .button.dark:hover,
        .button.dark:hover,
        .button.dark:active,
        button.dark:hover {
            background: var(--color-primary);
            color: var(--color-white);
        }

    .button.orange,
    .button.orange,
    button.orange {
        background: #ff5000;
    }

        .button.orange:hover,
        .button.orange:hover,
        .button.orange:active,
        button.orange:hover {
            background: #ff8c00;
        }

    button[disabled],
    button.disabled,
    .button.disabled {
        opacity: 0.2;
        pointer-events: none;
    }

.select,
.select div,
div.under-select,
.dropdown {
    float: left;
}

    .select label {
        padding: 9px 4px 11px 0;
        float: left;
    }

    .select div::before,
    div.under-select::before,
    .dropdown button::after {
        content: "";
        display: block;
        position: relative;
        top: -0.3rem;
        width: 1rem;
        height: 1rem;
        border: solid currentColor;
        border-width: 0 1px 1px 0;
        box-sizing: border-box;
        transform: rotate(45deg);
    }

    .select div select,
    div.under-select select,
    .dropdown button {
        position: relative;
        z-index: 2;
    }

    .select div select {
        text-overflow: ellipsis;
    }

.bell {
    padding: 9px 24px 11px 15px;
    position: relative;
    display: inline-block;
    top: -5px;
}

.dropdown > i > a,
.dropdown > i > a,
.dropdown > i > a:hover {
    color: #fff !important;
}

.select.short div select {
    width: 220px;
}

.select div:hover select option {
    color: #002455;
}

.dropdown .drop-button {
    z-index: 2;
}

.select.disabled div select,
.select.disabled div:hover select,
div.under-select.disabled select,
div.under-select.disabled:hover select,
.dropdown.disabled button,
.dropdown.disabled button:hover {
    color: #002455;
    opacity: 0.2;
    pointer-events: none;
}

    .select.disabled div::before,
    .select.disabled div:hover::before,
    div.under-select.disabled::before,
    div.under-select.disabled:hover::before,
    .dropdown.disabled button::after,
    .dropdown.disabled button:hover::after {
        border-color: #002455;
        opacity: 0;
        pointer-events: none;
    }

.dropdown.show button::after {
    top: 0.4rem;
    transform: rotate(225deg);
}

.dropdown ul {
    display: none;
    position: absolute;
    top: -5px;
    right: -15px;
    width: auto;
    min-width: 100%;
    padding: 50px 15px 10px 15px;
    background: #fff;
    box-sizing: content-box;
    opacity: 0;
    z-index: 1;
    list-style-type: none;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.dropdown.show ul {
    opacity: 1;
}

.dropdown ul a,
.dropdown ul a {
    padding: 5px 0;
    color: #002455;
    white-space: nowrap;
}

    .dropdown ul a:hover,
    .dropdown ul a:hover,
    .dropdown ul a:active {
        color: var(--alert-color-warning);
    }

.dropdown.signature .button,
.dropdown.signature .button,
.dropdown.signature button {
    margin: 0;
    font-weight: 600;
    color: #fff;
    background: var(--alert-color-warning);
}

    .dropdown.signature .button:hover,
    .dropdown.signature .button:hover,
    .dropdown.signature .button:active,
    .dropdown.signature button:hover {
        color: #fff;
        background: #50beff;
    }

.dropdown.signature.small .button,
.dropdown.signature.small button {
    height: 24px;
    font-size: 14px;
    line-height: 18px;
    padding: 2px 10px 4px 10px;
}

.dropdown.signature.big .button,
.dropdown.signature.big button {
    padding: 9px 25px 11px 25px;
}

.dropdown.signature.dark .button,
.dropdown.signature.dark .button,
.dropdown.signature.dark button {
    background: #002455;
}

    .dropdown.signature.dark .button:hover,
    .dropdown.signature.dark .button:hover,
    .dropdown.signature.dark .button:active,
    .dropdown.signature.dark button:hover {
        background: #28508c;
    }

.dropdown.signature.orange .button,
.dropdown.signature.orange .button,
.dropdown.signature.orange button {
    background: #ff5000;
}

    .dropdown.signature.orange .button:hover,
    .dropdown.signature.orange .button:hover,
    .dropdown.signature.orange .button:active,
    .dropdown.signature.orange button:hover {
        background: #ff8c00;
    }

.dropdown.signature .button::after,
.dropdown.signature button::after {
    display: none;
}

.dropdown.signature ul {
    top: 0;
    right: 0;
    background: var(--alert-color-warning);
}

.dropdown.signature.small ul {
    padding: 24px 0 4px 0;
}

.dropdown.signature.big ul {
    padding: 40px 0 11px 0;
}

.dropdown.signature.dark ul {
    background: #002455;
}

.dropdown.signature.orange ul {
    background: #ff5000;
}

.dropdown.signature ul li {
    margin: 0 !important;
    float: none !important;
}

    .dropdown.signature ul li a,
    .dropdown.signature ul li a {
        width: 100%;
        color: #fff;
        font-weight: 600;
        margin: 0;
        border: none;
    }

.dropdown.signature.small ul li a {
    padding: 4px 10px 6px 10px;
}

.dropdown.signature.big ul li a {
    padding: 9px 25px 11px 25px;
}

.dropdown.signature ul li a:hover,
.dropdown.signature ul li a:hover,
.dropdown.signature ul li a:active {
    background: #50beff;
}

.dropdown.signature.dark ul li a:hover,
.dropdown.signature.dark ul li a:hover,
.dropdown.signature.dark ul li a:active {
    background: #28508c;
}

.dropdown.signature.orange ul li a:hover,
.dropdown.signature.orange ul li a:hover,
.dropdown.signature.orange ul li a:active {
    background: #ff8c00;
}

.checkbox,
.radio {
    padding: 4px 0 4px 30px;
    cursor: pointer;
}

.modal-body .checkbox {
    width: auto !important;
}

.side-menu .checkbox,
.side-menu .radio {
    word-break: break-word !important;
    hyphens: auto;
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
    cursor: pointer;
}

.checkbox .checkmark,
.radio .checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #cdd2d7;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.radio .checkmark {
    border-radius: 50%;
}

.checkbox .checkmark:after {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 3px;
    width: 0;
    height: 0;
    border: solid #fff;
    border-width: 0 0 2px 2px;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}

.radio .checkmark:after {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 9px;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #fff;
}

.checkbox:hover input ~ .checkmark,
.radio:hover input ~ .checkmark {
    background: #cdd2d7;
}

.checkbox input:checked ~ .checkmark,
.radio input:checked ~ .checkmark {
    background: var(--alert-color-warning);
    border: none;
}

.checkbox input:checked ~ .disabled {
    background: #cdd2d7 !important;
}

.checkbox input:checked ~ .checkmark:after {
    width: 9px;
    height: 4px;
    opacity: 1;
    -webkit-transition: width 0.2s 0.1s, height 0.1s, opacity 0s;
    -moz-transition: width 0.2s 0.1s, height 0.1s, opacity 0s;
    -o-transition: width 0.2s 0.1s, height 0.1s, opacity 0s;
    transition: width 0.2s 0.1s, height 0.1s, opacity 0s;
}

.radio input:checked ~ .checkmark:after {
    top: 6px;
    left: 6px;
    width: 6px;
    height: 6px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* date picker */

#ui-datepicker-div {
    display: none;
    padding: 12px;
    font-size: 14px;
    background: #fff;
    z-index: 100 !important;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
}

    #ui-datepicker-div .ui-datepicker-prev,
    #ui-datepicker-div .ui-datepicker-next {
        position: absolute;
        top: 5px;
        width: 28px;
        text-indent: 28px;
        cursor: pointer;
        overflow: hidden;
    }

    #ui-datepicker-div .ui-datepicker-prev {
        left: 0;
    }

    #ui-datepicker-div .ui-datepicker-next {
        right: 0;
    }

        #ui-datepicker-div .ui-datepicker-prev::before,
        #ui-datepicker-div .ui-datepicker-next::before {
            content: "";
            display: block;
            position: absolute;
            top: 4px;
            width: 8px;
            height: 8px;
            border: solid #002455;
            box-sizing: border-box;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
        }

    #ui-datepicker-div .ui-datepicker-prev::before {
        left: 12px;
        border-width: 0 1px 1px 0;
    }

    #ui-datepicker-div .ui-datepicker-next::before {
        right: 12px;
        border-width: 1px 0 0 1px;
    }

    #ui-datepicker-div .ui-datepicker-prev:hover::before,
    #ui-datepicker-div .ui-datepicker-next:hover::before {
        border-color: var(--alert-color-warning);
    }

    #ui-datepicker-div .ui-datepicker-title {
        margin: 0 28px;
        padding: 4px 0;
        font-weight: 600;
        text-align: center;
    }

        #ui-datepicker-div .ui-datepicker-title span {
            display: inline-block;
        }

    #ui-datepicker-div .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w,
    #ui-datepicker-div .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e {
        display: inline-block;
    }

    #ui-datepicker-div thead th,
    #ui-datepicker-div tbody td {
        display: inline-block;
        width: 28px;
        font-weight: 400;
    }

        #ui-datepicker-div thead th span,
        #ui-datepicker-div tbody td span,
        #ui-datepicker-div tbody td a {
            display: inline-flex;
            width: 28px;
            font-weight: 400;
            height: 28px;
            align-items: center;
            justify-content: center;
            font-size: 1.3rem;
            line-height: 1;
        }

        #ui-datepicker-div thead th span {
            padding: 4px 5px;
            text-align: center;
            text-transform: lowercase;
        }

        #ui-datepicker-div tbody td a {
            color: #002455;
            border: 2px solid #fff;
            border-radius: 50%;
            text-align: center;
        }

        #ui-datepicker-div tbody td a {
            color: #002455;
        }

        #ui-datepicker-div thead th.ui-datepicker-week-end span,
        #ui-datepicker-div tbody td.ui-datepicker-week-end a {
            color: #96a0aa;
        }

        #ui-datepicker-div tbody td a.ui-state-highlight {
            color: #fff;
            background: var(--alert-color-warning);
        }

        #ui-datepicker-div tbody td a.ui-state-active {
            color: #fff;
            background: #002455;
        }

        #ui-datepicker-div tbody td a:hover,
        #ui-datepicker-div tbody td a:hover,
        #ui-datepicker-div tbody td a:active,
        #ui-datepicker-div tbody td a.ui-state-highlight:hover,
        #ui-datepicker-div tbody td a.ui-state-highlight:hover,
        #ui-datepicker-div tbody td a.ui-state-highlight:active {
            color: #fff;
            background: #96a0aa;
        }

        #ui-datepicker-div tbody td span {
            padding: 2px 5px;
            border: 2px solid #fff;
            color: #cdd2d7;
            border-radius: 50%;
            text-align: center;
        }

    #ui-datepicker-div .ui-timepicker-div {
        padding: 12px 7px;
    }

        #ui-datepicker-div .ui-timepicker-div .ui_tpicker_time_label {
            display: inline-block;
            padding: 0;
        }

        #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute::before {
            content: ":";
            display: inline-block;
            padding: 0 5px;
        }

        #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
        #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
            content: "";
            display: block;
            position: absolute;
            top: 4px;
            right: 1px;
            width: 7px;
            height: 7px;
            border: solid #002455;
            border-width: 0 1px 1px 0;
            box-sizing: border-box;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        #ui-datepicker-div .ui-timepicker-div select {
            display: inline-block;
            position: relative;
            width: 40px;
            height: 18px;
            margin: 0;
            padding-right: 16px;
            font-size: 14px;
            font-weight: 400;
            color: #002455;
            line-height: 18px;
            text-align: right;
            text-align-last: right;
            background: none;
            border: none;
            border-radius: 0;
            box-sizing: border-box;
            z-index: 2;
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
        }

            #ui-datepicker-div .ui-timepicker-div select option {
                direction: rtl;
            }

    #ui-datepicker-div .ui-datepicker-buttonpane {
        width: 100%;
        padding: 0 7px 7px 7px;
        display: flex;
        justify-content: space-between;
    }

        #ui-datepicker-div .ui-datepicker-buttonpane button {
            height: 24px;
            font-size: 14px;
            line-height: 19px;
        }

            #ui-datepicker-div .ui-datepicker-buttonpane button.ui-datepicker-close {
                float: right;
            }

/* display settings */

.display-settings {
    display: none;
    position: absolute;
    top: 183px;
    right: 0;
    padding: 12px 0 0 40px;
    z-index: 4;
    -webkit-transition: right 0.6s;
    -moz-transition: right 0.6s;
    -o-transition: right 0.6s;
    transition: right 0.6s;
}

#container-main.open .display-settings {
    right: -300px;
}

#settings-background {
    position: absolute;
    top: -20px;
    bottom: 0;
    left: -20px;
    right: 0;
    overflow: hidden;
}

    #settings-background div {
        position: absolute;
        top: 20px;
        bottom: 0;
        left: 20px;
        right: 0;
        background: #fff;
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    }

.navbar .display-settings {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    margin-left: -20px;
    padding: 11px 0 10px 20px;
    background: #f3f5f7;
    border-bottom: 2px solid #fff;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    z-index: 6;
}

#container-main.open .navbar .display-settings {
    right: auto;
}

.display-settings a {
    margin-right: 40px;
    float: left;
}

    .display-settings a span:first-child {
        height: 16px;
        margin: 1px 10px 1px 0;
        background-size: 100%;
        float: left;
    }

.display-settings .colors span:first-child {
    width: 18px;
    background: url("../img/colors-light.png");
    background-image: url("../img/colors-light.svg"), none;
}

.display-settings .contrast span:first-child {
    width: 16px;
    background: url("../img/contrast-light.png");
    background-image: url("../img/contrast-light.svg"), none;
}

.display-settings a span:last-child {
    font-size: 14px;
    line-height: 18px;
    color: #556473;
    float: left;
}

.password {
    -webkit-text-security: disc !important;
    font-family: text-security-disc !important;
}

.password-visible {
    -webkit-text-security: none !important;
    font-family: inherit !important;
}

.colors-settings {
    display: none;
    align-items: stretch;
    position: absolute;
    top: 213px;
    right: 76px;
    width: 216px;
    padding-top: 10px;
    opacity: 0;
    background: #fff;
    z-index: 3;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transition: right 0.6s, opacity 0.2s;
    -moz-transition: right 0.6s, opacity 0.2s;
    -o-transition: right 0.6s, opacity 0.2s;
    transition: right 0.6s, opacity 0.2s;
}

    .colors-settings.show {
        display: none;
    }

#container-main.open .colors-settings {
    right: -224px;
}

.navbar .colors-settings {
    display: none;
    top: 41px;
    left: 20px;
    right: auto;
    padding-top: 0;
    z-index: 5;
}

.text-align-center {
    text-align: center;
    padding-bottom: 10px;
}

.font-size-19 {
    font-size: 19px !important;
}

.navbar .colors-settings.show {
    display: flex;
}

.colors-settings .colors-container {
    width: 108px;
    padding: 20px 24px 24px 24px;
}

    .colors-settings .colors-container.light {
        background: #f3f5f7;
    }

    .colors-settings .colors-container.dark {
        background: #32465a;
    }

    .colors-settings .colors-container p {
        margin-bottom: 4px;
        text-align: center;
    }

    .colors-settings .colors-container.dark p {
        color: #fff;
    }

    .colors-settings .colors-container .checkbox {
        width: 30px;
        height: 30px;
        float: left;
    }

        .colors-settings .colors-container .checkbox .checkmark {
            left: 6px;
            border: none;
        }

        .colors-settings .colors-container .checkbox.theme-light-default .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-default .checkmark {
            background: var(--alert-color-warning);
        }

        .colors-settings .colors-container .checkbox.theme-light-default:hover input ~ .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-default:hover input ~ .checkmark {
            background: #50beff;
        }

        .colors-settings .colors-container .checkbox.theme-light-red .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-red .checkmark {
            background: #ff3c3c;
        }

        .colors-settings .colors-container .checkbox.theme-light-red:hover input ~ .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-red:hover input ~ .checkmark {
            background: #ff6e6e;
        }

        .colors-settings .colors-container .checkbox.theme-light-orange .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-orange .checkmark {
            background: #ff8200;
        }

        .colors-settings .colors-container .checkbox.theme-light-orange:hover input ~ .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-orange:hover input ~ .checkmark {
            background: #ffa000;
        }

        .colors-settings .colors-container .checkbox.theme-light-yellow .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-yellow .checkmark {
            background: #ffaa00;
        }

        .colors-settings .colors-container .checkbox.theme-light-yellow:hover input ~ .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-yellow:hover input ~ .checkmark {
            background: #ffbe00;
        }

        .colors-settings .colors-container .checkbox.theme-light-green .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-green .checkmark {
            background: #00c800;
        }

        .colors-settings .colors-container .checkbox.theme-light-green:hover input ~ .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-green:hover input ~ .checkmark {
            background: #00dc00;
        }

        .colors-settings .colors-container .checkbox.theme-light-olive .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-olive .checkmark {
            background: #a0a000;
        }

        .colors-settings .colors-container .checkbox.theme-light-olive:hover input ~ .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-olive:hover input ~ .checkmark {
            background: #b4b400;
        }

        .colors-settings .colors-container .checkbox.theme-light-pink .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-pink .checkmark {
            background: #ff4b91;
        }

        .colors-settings .colors-container .checkbox.theme-light-pink:hover input ~ .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-pink:hover input ~ .checkmark {
            background: #ff78b4;
        }

        .colors-settings .colors-container .checkbox.theme-light-purple .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-purple .checkmark {
            background: #aa78ff;
        }

        .colors-settings .colors-container .checkbox.theme-light-purple:hover input ~ .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-purple:hover input ~ .checkmark {
            background: #be8cff;
        }

        .colors-settings .colors-container .checkbox.theme-light-brown .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-brown .checkmark {
            background: #b48250;
        }

        .colors-settings .colors-container .checkbox.theme-light-brown:hover input ~ .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-brown:hover input ~ .checkmark {
            background: #c89664;
        }

        .colors-settings .colors-container .checkbox.theme-light-gray .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-gray .checkmark {
            background: #96a0aa;
        }

        .colors-settings .colors-container .checkbox.theme-light-gray:hover input ~ .checkmark,
        .colors-settings .colors-container .checkbox.theme-dark-gray:hover input ~ .checkmark {
            background: #aab4be;
        }

/* navigation bar */

.colorizer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 2px;
    width: 260px;
    background: #cdd2d7;
    -webkit-transition: width 0.6s, background 0.6s;
    -moz-transition: width 0.6s, background 0.6s;
    -o-transition: width 0.6s, background 0.6s;
    transition: width 0.6s, background 0.6s;
}

.navbar {
    width: 260px;
    padding-left: 20px;
    opacity: 0;
    float: left;
    -webkit-transition: width 0.6s, padding 0.6s, opacity 0.6s;
    -moz-transition: width 0.6s, padding 0.6s, opacity 0.6s;
    -o-transition: width 0.6s, padding 0.6s, opacity 0.6s;
    transition: width 0.6s, padding 0.6s, opacity 0.6s;
}

#container-main.open .colorizer {
    background: #f3f5f7;
}

.container-content.top .colorizer {
    bottom: auto;
    height: 281px;
}

.container-content.bottom .colorizer {
    margin-top: 53px;
}

.container-content.bottom .navbar {
    min-height: 10px;
    margin-top: 53px;
}

#container-main.open .navbar {
    height: auto;
    opacity: 1;
}

.navbar .logo {
    display: none;
    margin-left: -40px;
    padding: 46px 0 36px 40px;
    border-bottom: 2px solid #fff;
}

    .navbar .logo a {
        width: 120px;
        height: 91px;
        background: url("../img/logo-main-light.png");
        background-image: url("../img/logo-main-light.svg"), none;
        background-size: 100%;
    }

.navbar #goto {
    margin-left: -20px;
    padding: 0 20px;
    border-bottom: 2px solid #fff;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    z-index: 4;
}

    .navbar #goto .dropdown button {
        height: 39px;
        padding: 9px 24px 10px 0;
    }

        .navbar #goto .dropdown button::after {
            top: 13px;
        }

    .navbar #goto .dropdown.show button::after {
        top: 18px;
    }

.navbar .side-menu {
    margin-left: -20px;
    padding: 23px 20px 26px 20px;
    border-bottom: 2px solid #fff;
}

.side-menu .links {
    margin-bottom: 1.2rem;
}

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

.form-group,
.form-button {
    overflow: hidden;
}

.navbar .side-menu > fieldset strong,
.navbar .side-menu > compose > fieldset strong {
    margin: 22px 0 5px 0;
}

.navbar .side-menu:last-child {
    padding-bottom: 40px;
}

p.h5,
.navbar .side-menu .h5,
.navbar .side-menu h5 {
    margin-bottom: 3px;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}

.navbar .side-menu fieldset,
.navbar .side-menu .form-group {
    margin: 22px 0 5px 0;
}

.navbar .side-menu .h6,
.navbar .side-menu h6 {
    font-size: 17px;
    font-weight: 600;
    line-height: 23px;
}

.navbar .side-menu ul {
    list-style-type: none;
}

    .navbar .side-menu ul li.current {
        padding: 4px 0 6px 0;
        color: var(--alert-color-warning);
    }

        .navbar .side-menu ul li.current a,
        .navbar .side-menu ul li.current a {
            margin: -4px 0 -6px 0;
            color: var(--alert-color-warning);
        }

            .navbar .side-menu ul li.current a:hover,
            .navbar .side-menu ul li.current a:hover,
            .navbar .side-menu ul li.current a:active {
                color: #50beff;
            }

    .navbar .side-menu ul li a,
    .navbar .side-menu ul li a {
        padding: 4px 0 6px 0;
        color: #002455;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

        .navbar .side-menu ul li a:hover,
        .navbar .side-menu ul li a:hover,
        .navbar .side-menu ul li a:active {
            color: var(--alert-color-warning);
        }

.navbar .side-menu .input {
    width: 100%;
    margin: 6px 0;
}

.navbar .side-menu textarea {
    width: 220px;
    height: 100px;
    margin: 6px 0;
}

.navbar nav:last-child,
.navbar section:last-child {
    border-bottom: 2px solid transparent;
}

.navbar .select,
.navbar .select div {
    float: none;
}

    .navbar .select div::before {
        top: 8px;
    }

    .navbar .select select {
        width: 100%;
        height: 30px;
        padding: 4px 24px 6px 0;
        float: none;
    }

.navbar .dropdown {
    float: none;
}

    .navbar .dropdown button {
        height: 30px;
        padding: 4px 24px 6px 0;
    }

        .navbar .dropdown button::after {
            top: 8px;
        }

    .navbar .dropdown.show button::after {
        top: 13px;
    }

    .navbar .dropdown:last-child {
        z-index: 1;
    }

    .navbar .dropdown:nth-last-child(2) {
        z-index: 2;
    }

    .navbar .dropdown:nth-last-child(3) {
        z-index: 3;
    }

    .navbar .dropdown:nth-last-child(4) {
        z-index: 4;
    }

    .navbar .dropdown:nth-last-child(5) {
        z-index: 5;
    }

    .navbar .dropdown:nth-last-child(6) {
        z-index: 6;
    }

    .navbar .dropdown ul {
        left: -15px;
        right: auto;
    }

/* navbar search section */

#navbar-search {
    position: absolute;
    padding-bottom: 26px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    z-index: 3;
}

    #navbar-search .search {
        padding: 10px 0;
    }

        #navbar-search .search input {
            width: 150px;
            border-right: none;
        }

        #navbar-search .search button {
            width: 70px;
        }

    #navbar-search .links .dropdown button {
        max-width: 220px;
        overflow: hidden;
        white-space: nowrap;
        text-align: left;
        text-overflow: ellipsis;
    }

/* mobile header */

#mobile-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: #f3f5f7;
    z-index: 5;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

#container-main.open #mobile-header {
    left: 262px;
}

#mobile-opener {
    position: absolute;
    top: 23px;
    left: 12px;
    width: 40px;
    height: 34px;
    -webkit-transition: left 0.6s;
    -moz-transition: left 0.6s;
    -o-transition: left 0.6s;
    transition: left 0.6s;
}

    #mobile-opener span,
    #mobile-opener span {
        position: absolute;
        left: 8px;
        width: 24px;
        height: 2px;
        background: #002455;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

        #mobile-opener span:first-child {
            top: 8px;
        }

        #mobile-opener span:nth-child(2) {
            top: 16px;
        }

        #mobile-opener span:last-child {
            top: 24px;
            width: 16px;
        }

    #mobile-opener:hover span,
    #mobile-opener:hover span,
    #mobile-opener:active span {
        background: var(--alert-color-warning);
    }

#mobile-header .logo {
    width: 60px;
    margin: 20px auto 0 auto;
}

    #mobile-header .logo a {
        width: 60px;
        height: 46px;
        background: url("../img/logo-main-light.png");
        background-image: url("../img/logo-main-light.svg"), none;
        background-size: 100%;
    }

/* page header */

#department .department-custom-logo {
    display: flex;
    height: auto;
}

#department {
    margin-left: -20px;
    padding: 120px 0 0 20px;
}

    #department object,
    #department img {
        width: 50px;
        margin: 0 20px 0 0;
        float: left;
    }

    #department div.department-custom-logo {
        /* height: 110px; */
        /* padding-left: 70px; */
    }

    #department h4 {
        margin-bottom: 8px;
        font-size: 20px;
        font-weight: 600;
        line-height: 22px;
    }

    #department p {
        font-size: 14px;
        line-height: 18px;
    }

#page-header {
    display: none;
    position: absolute;
    top: 80px;
    right: 0;
    width: 100%;
    height: 133px;
    bottom: 0;
    -webkit-transition: right 0.6s;
    -moz-transition: right 0.6s;
    -o-transition: right 0.6s;
    transition: right 0.6s;
}

#container-main.open #page-header {
    right: -300px;
}

#page-header .background {
    position: absolute;
    top: 0;
    left: 520px;
    right: 0;
    height: 100%;
    background: url("../img/header.jpg") no-repeat left center;
    background-size: cover;
}

/* search section */

#search-section {
    display: none;
    padding: 40px 0 0 0;
}

#search {
    width: 100%;
}

    #search #search-input {
        overflow: hidden;
    }

    #search input {
        width: 100%;
        padding: 8px 14px 10px 14px;
        font-weight: 400;
        color: #002455;
        background: none;
        border-right: none;
    }

        #search input[type="search"]::-webkit-search-decoration,
        #search input[type="search"]::-webkit-search-cancel-button,
        #search input[type="search"]::-webkit-search-results-button,
        #search input[type="search"]::-webkit-search-results-decoration {
            -webkit-appearance: none;
        }

    #search #search-options {
        float: right;
    }

        #search #search-options div::before {
            right: 17px;
        }

        #search #search-options div select {
            max-width: 160px;
            padding: 8px 39px 10px 14px;
            border: 1px solid #cdd2d7;
            border-left: none;
            border-right: none;
        }

        #search #search-options button {
            width: 100px;
            padding: 9px 14px 11px 14px;
            float: right;
        }

/* user menu section */

#user-nav {
    display: none;
    padding: 16px 40px 0 0;
    float: right;
    clear: both;
    z-index: 1;
}

#user {
    float: right;
}

    #user button {
        max-width: 200px;
        overflow: hidden;
        white-space: nowrap;
        text-align: left;
        text-overflow: ellipsis;
    }

    #user .link,
    #user .link {
        margin-left: 40px;
        padding: 9px 0 11px 0;
        color: #002455;
        float: left;
    }

        #user .link:hover,
        #user .link:hover,
        #user .link:active {
            color: var(--alert-color-warning);
        }

    #user .button,
    #user .button {
        margin: 4px 0 4px 40px;
        padding: 3px 9px 5px 9px;
        font-weight: 600;
        color: var(--alert-color-warning);
        background: #fff;
        border: 2px solid var(--alert-color-warning);
        float: left;
    }

        #user .button:hover,
        #user .button:hover,
        #user .button:active {
            color: #002455;
        }

.help {
    width: 22px;
    height: 22px;
    margin: 9px 0 9px 40px;
    background: url("../img/help.png");
    background-image: url("../img/help.svg"), none;
    background-size: 100%;
    float: left;
}

.favorites {
    width: 28px;
    height: 26px;
    margin: 6px 0 8px 40px;
    background: url("../img/favorites.png");
    background-image: url("../img/favorites.svg"), none;
    background-size: 100%;
    float: left;
}

    .help:hover,
    .favorites:hover {
        -webkit-transform: scale(1.4, 1.4);
        -moz-transform: scale(1.4, 1.4);
        -ms-transform: scale(1.4, 1.4);
        -o-transform: scale(1.4, 1.4);
        transform: scale(1.4, 1.4);
        opacity: 0.7;
    }

#user .dropdown {
    margin-left: 20px;
    margin-right: 30px;
}

.notifications {
    position: absolute;
    top: 0;
    right: 14px;
    min-width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    line-height: 20px;
    text-align: center;
    background: #ff5000;
    border-radius: 50px;
    padding: 0 2px;
}

.font-higher-10 {
    font-size: 1.1em;
}

/* title section */

#title-section {
    padding: 33px 0 36px 0;
    border-bottom: 1px solid var(--stroke-color-input);
}

    #title-section header h1 {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 7px;
    }

    #title-section #breadcrumbs {
        list-style-type: none;
        clear: both;
    }

        #title-section #breadcrumbs li {
            color: var(--alert-color-warning);
            float: left;
        }

            #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
                content: "/";
                display: inline-block;
                margin: 0 10px;
                font-weight: 400;
                font-size: 16px;
                line-height: 20px;
                color: var(--alert-color-info);
            }

            #title-section #breadcrumbs li a {
                display: inline-block;
                color: var(--alert-color-info);
            }

            #title-section #breadcrumbs li a {
                color: var(--alert-color-info);
            }

                #title-section #breadcrumbs li a:hover,
                #title-section #breadcrumbs li a:hover,
                #title-section #breadcrumbs li a:active {
                    color: var(--alert-color-warning);
                }

    #title-section .tags {
        padding: 11px 0 4px 0;
    }

/* page content */

.page-content {
    padding: 0 20px;
    overflow: hidden;
    -webkit-transition: padding 0.6s;
    -moz-transition: padding 0.6s;
    -o-transition: padding 0.6s;
    transition: padding 0.6s;
}

.info {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.tags {
    padding: 7px 0 3px 0;
    list-style-type: none;
}

    .tags.highline {
        padding: 8px 0 18px 0;
    }

.buttons-right .tags.highline {
    padding-top: 7px;
}

.tags li {
    float: left;
}

    .tags li a,
    .tags li span {
        margin: 5px 5px 0 0;
        padding: 1px 9px 3px 9px;
        font-size: 14px;
        line-height: 18px;
        color: #96a0aa;
        border: 1px solid #cdd2d7;
    }

    .tags li a {
        color: #96a0aa;
        border-color: #cdd2d7;
    }

        .tags li a:hover,
        .tags li a:hover,
        .tags li a:active {
            color: var(--alert-color-warning);
            border-color: var(--alert-color-warning);
        }

.participant-status span {
    white-space: nowrap;
}

.tags li .blue,
.tags li a.blue {
    color: var(--alert-color-warning);
    border-color: var(--alert-color-warning);
}

    .tags li a.blue:hover,
    .tags li a.blue:hover,
    .tags li a.blue:active {
        color: #50beff;
        border-color: #50beff;
    }

.tags li .orange,
.tags li a.orange {
    color: #ff5000;
    border-color: #ff5000;
}

    .tags li a.orange:hover,
    .tags li a.orange:hover,
    .tags li a.orange:active {
        color: #ff8c00;
        border-color: #ff8c00;
    }

.tags li button,
.tags li button,
.tags li button:hover,
.tags li button:hover,
.tags li button:active,
.tags li button.dark,
.tags li button.dark,
.tags li button.dark:hover,
.tags li button.dark:hover,
.tags li button.dark:active,
.tags li button.orange,
.tags li button.orange,
.tags li button.orange:hover,
.tags li button.orange:hover,
.tags li button.orange:active,
.tags li .button,
.tags li .button,
.tags li .button:hover,
.tags li .button:hover,
.tags li .button:active,
.tags li .button.dark,
.tags li .button.dark,
.tags li .button.dark:hover,
.tags li .button.dark:hover,
.tags li .button.dark:active,
.tags li .button.orange,
.tags li .button.orange,
.tags li .button.orange:hover,
.tags li .button.orange:hover,
.tags li .button.orange:active {
    color: #fff;
    border: none;
}

.tags li .button {
    margin-top: 0;
}

.tabs-container {
    margin-top: -1px;
    overflow: hidden;
}

.tabs ul {
    background: var(--color-white);
    list-style-type: none;
    border-bottom: 1px solid var(--stroke-color-input);
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px;
    row-gap: 15px;
    padding-bottom: 10px;
}

.tabs li {
    display: block;
    color: var(--color-text);
}

.pzp-contrast {
    color: var(--color-primary);
}

.tabs li .current,
.tabs li .current {
    color: var(--color-primary);
}

.tabs li a {
    font-weight: 600;
    color: inherit;
}

    .tabs li a:hover,
    .tabs li a:active {
        color: inherit;
    }

.tabs .underline {
    position: absolute;
    bottom: 0;
    left: auto;
    height: 2px;
    background: var(--alert-color-warning);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.tabs-content {
    margin-right: -40px;
    overflow: hidden;
}

.tabs-mask {
    overflow: hidden;
}

.tabs-content.slide .tabs-mask {
    -webkit-transition: left 0.6s, height 0.6s;
    -moz-transition: left 0.6s, height 0.6s;
    -o-transition: left 0.6s, height 0.6s;
    transition: left 0.6s, height 0.6s;
}

.tabs-content.fade .tabs-mask {
    -webkit-transition: left 0s 0.6s, height 0s 0.6s;
    -moz-transition: left 0s 0.6s, height 0s 0.6s;
    -o-transition: left 0s 0.6s, height 0s 0.6s;
    transition: left 0s 0.6s, height 0s 0.6s;
}

.tab-box {
    padding-right: 40px;
    float: left;
    overflow: hidden;
}

.tabs-content.fade .tabs-mask .tab-box {
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

    .tabs-content.fade .tabs-mask .tab-box.current {
        opacity: 1;
        -webkit-transition: opacity 0.6s 0.6s;
        -moz-transition: opacity 0.6s 0.6s;
        -o-transition: opacity 0.6s 0.6s;
        transition: opacity 0.6s 0.6s;
    }

main {
    padding-bottom: 4px;
}

.scroll {
    margin: 0 -20px;
    overflow: scroll;
}

@media print {
    .scroll {
        overflow: auto;
    }
}

.scroll .scroller {
    padding: 0 20px;
    min-width: 680px;
}

main #pagination-top {
    padding-top: 31px;
}

    main #pagination-top .select {
        padding-bottom: 10px;
    }

        main #pagination-top .select label {
            width: auto;
            margin-bottom: 0;
            padding-right: 4px;
            font-weight: 400;
        }

        main #pagination-top .select > div {
            margin: 0;
        }

main #pagination-bottom {
    padding-bottom: 27px;
}

main .new {
    padding: 30px 0 40px 0;
    border-bottom: 1px solid #cdd2d7;
}

    main .new.big-menu a {
        margin: 10px 10px 0 0;
    }

main .edit {
    padding: 30px 0 0 0;
}

    main .edit.big-menu {
        padding: 40px 0 10px 0;
    }

    main .edit.end-menu {
        padding: 4px 0 26px 0;
    }

    main .edit.big-menu .search {
        width: 100%;
        max-width: 410px;
        padding-right: 10px;
        float: left;
    }

        main .edit.big-menu .search input {
            width: 100%;
            margin-right: 0;
        }

        main .edit.big-menu .search button {
            right: 18px;
        }

    main .edit .start-buttons a,
    main .edit .start-buttons button {
        margin: 0 10px 10px 0;
    }

    main .edit .start-buttons {
        float: left;
    }

    main .edit .start-buttons-right {
        float: right;
    }

    main .edit.big-menu .end-buttons,
    main .edit.end-menu .end-buttons {
        clear: none;
    }

    main .edit.big-menu .message {
        width: auto;
        margin: 0 0 10px 10px;
        padding: 8px 14px 10px 14px;
        border: 1px solid #002455;
        float: left;
    }

        main .edit.big-menu .message.left {
            margin: 0 10px 10px 0;
        }

main article.thumbnail,
main section.section {
    padding: 30px 0 36px 0;
}

    main article.thumbnail:nth-last-of-type(n + 2),
    main section.section:nth-last-of-type(n + 2) {
        border-bottom: 1px solid #cdd2d7;
    }

main section.subsection {
    padding: 30px 0 10px 0;
}

main header h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 31px;
}

main header > .buttons-right {
    padding: 12px 0 6px 0;
    float: none;
}

    main header > .buttons-right li:nth-last-child(n + 2) {
        margin-right: 5px;
    }

main .content p:nth-last-of-type(n + 2) {
    padding-bottom: 14px;
}

main .content .more {
    padding: 12px 18px 1px 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: var(--alert-color-warning);
    float: right;
}

main .table-row .more {
    padding: 11px 18px 11px 0;
}

main .content .more {
    color: var(--alert-color-warning);
}

    main .content .more:hover,
    main .content .more:hover,
    main .content .more:active {
        color: #50beff;
    }

    main .content .more::before {
        content: "";
        display: block;
        position: absolute;
        top: 16px;
        right: 2px;
        width: 8px;
        height: 8px;
        border: solid var(--alert-color-warning);
        border-width: 0 1px 1px 0;
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

main .table-row .more::before {
    top: 15px;
}

main .content .more::before {
    border-color: var(--alert-color-warning);
}

main .content .more:hover::before,
main .content .more:hover::before,
main .content .more:active::before {
    border-color: #50beff;
}

main .dates {
    padding-top: 12px;
    font-size: 14px;
    line-height: 18px;
    clear: both;
}

    main .dates .column {
        float: left;
    }

        main .dates .column.left {
            margin-right: 10px;
            color: #96a0aa;
        }

        main .dates .column.right {
            color: #556473;
        }

main form:nth-last-of-type(n + 2),
main .form:nth-last-of-type(n + 2) {
    border-bottom: 1px solid #cdd2d7;
}

main form .separator,
main .form .separator {
    width: 100%;
    margin: 5px 0 15px 0;
    border-bottom: 1px solid #e2e6ea;
    float: left;
    clear: both;
}

main .clear {
    clear: left;
}

main .column,
main .textarea {
    width: 100%;
    float: left;
}

    main .column.xs {
        width: 25%;
        padding-right: 20px;
    }

    main .column.xs40 {
        width: 40px;
        margin-left: 20px;
        clear: left;
    }

    main .column.xs60 {
        width: 60px;
    }

    main .column.xs80 {
        width: 80px;
    }

    main .column.xs150,
    main .column.radio.xs150 {
        width: 150px;
    }

    main .column.xs200,
    main .column.radio.xs200 {
        width: 200px;
    }

    main .column.xs250,
    main .column.radio.xs250 {
        width: 250px;
    }

    main .column.s {
        width: 33%;
        padding-right: 20px;
    }

    main .column.m {
        width: 50%;
        padding-right: 20px;
    }

.label-inline {
    display: inline-flex;
    width: 100%;
}

main:not(.tmp-no-cascade) label.button {
    width: auto;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.label-sm {
    width: 50px;
    margin-bottom: 10px;
    padding: 9px 20px 11px 0;
    font-weight: 600;
}

main .light {
    font-weight: 400;
}

main .inline {
    display: inline;
}

main .select label {
    padding-right: 20px;
}

main label.multiline,
main .label.multiline {
    padding: 0 20px 0 0;
}

main .top-text {
    width: auto;
    margin-bottom: 10px;
    padding: 9px 20px 0 0;
    float: none;
}

main .under-text {
    margin: 0 10px 24px 0;
    float: left;
}

main p.highline {
    padding: 9px 0 11px 0;
}

main button.highline {
    margin: 8px 20px 18px 0;
}

main .under-button {
    margin: 0 10px 20px 0;
}

main .under-select {
    margin: 0 10px 24px 0;
}

    main .under-select select {
        height: 20px;
        padding: 0 24px 0 0;
    }

    main .under-select::before {
        top: 4px;
    }

main .after-text {
    margin: 0 40px 10px 0;
    padding: 9px 20px 11px 0;
    float: left;
}

main input {
    /* width: 100%; */
}

main .select div {
    margin: 0 40px 10px 0;
}

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

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

main .small-margin-40 {
    margin-right: 40px !important;
}

main .small-margin-left-10 {
    margin-left: 10px;
}

main .small-margin-left-20 {
    margin-left: 20px;
}

main .margin-left-auto {
    margin-left: auto;
}

main .search {
    width: 100%;
}

    main .search .codes {
        float: left;
    }

        main .search .codes ul {
            padding: 5px 0;
            margin-bottom: 10px;
        }

            main .search .codes ul li {
                position: relative;
                padding: 4px 0 6px 30px;
            }

                main .search .codes ul li a {
                    position: absolute;
                    top: 4px;
                    left: 0;
                    width: 20px;
                    height: 20px;
                }

                    main .search .codes ul li a::before {
                        content: "";
                        display: block;
                        position: absolute;
                        top: 10px;
                        left: 3px;
                        width: 12px;
                        height: 2px;
                        box-sizing: border-box;
                    }

                    main .search .codes ul li a::after {
                        content: "";
                        display: block;
                        position: absolute;
                        top: 5px;
                        left: 8px;
                        width: 2px;
                        height: 12px;
                        box-sizing: border-box;
                    }

            main .search .codes ul.used li a::before,
            main .search .codes ul.used li a::after {
                background: #ff5000;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            main .search .codes ul.searched li a::before,
            main .search .codes ul.searched li a::after {
                background: var(--alert-color-warning);
            }

.select-cpv {
    position: relative !important;
    margin-left: 10px;
}

main .search .codes button:not(.big) {
    top: 8px;
    bottom: auto;
    right: 8px;
}

main .search button:hover {
    background: #28508c;
}

main .codes ul {
    list-style-type: none;
}

main:not(.tmp-no-cascade) .checkbox,
main:not(.tmp-no-cascade) .radio {
    padding: 9px 20px 13px 30px;
}

    main:not(.tmp-no-cascade) .radio:not(.tmp-radio) {
        float: left;
    }

    main:not(.tmp-no-cascade) .checkbox .checkmark,
    main:not(.tmp-no-cascade) .radio .checkmark {
        top: 11px;
    }

main .radiogroup {
    width: 100%;
    padding-bottom: 10px;
}

    main .radiogroup .radio {
        width: auto;
        margin-bottom: 0;
        padding: 4px 20px 6px 30px;
    }

        main .radiogroup .radio:first-child {
            padding-top: 9px;
        }

        main .radiogroup .radio .checkmark {
            top: 6px;
        }

        main .radiogroup .radio:first-child .checkmark {
            top: 11px;
        }

main .checkbox.long,
main .radio.long {
    width: 100%;
}

main .checkbox.half,
main .radio.half {
    width: 100%;
    padding-bottom: 21px;
    float: left;
}

main .filebox {
    padding: 9px 40px 10px 0;
}

    main .filebox.no-margins {
        padding: 0 40px 0 0;
    }

    main .filebox .info {
        display: block;
        margin: 0;
        word-wrap: break-word;
    }

main .files-list {
    padding: 9px 0 1px 0;
    list-style-type: none;
}

    main .files-list li {
        margin-bottom: 10px;
    }

main .table-message {
    margin-bottom: 10px;
    background-color: #ffffff;
    padding: 8px 14px 10px 14px;
    border: 1px solid #002455;
}

main .end-buttons {
    margin: 0 0 -10px -10px;
    float: right;
    clear: both;
}

.middle-buttons {
    clear: both;
}

    .middle-buttons > label,
    .middle-buttons > button {
        margin: 10px 5px 0 0 !important;
    }

main .end-buttons > button {
    position: relative;
}

main .end-buttons a,
main .end-buttons button {
    margin: 0 0 10px 10px;
}

main .end-no-margins {
    margin: -10px 0 0 0;
    float: right;
    clear: both;
    color: #959a9f;
}

main .top-space {
    margin-top: 20px;
}

main .top-space-10 {
    margin-top: 10px;
}

main .bottom-space {
    margin-bottom: 20px;
}

main .table-row:nth-last-of-type(n + 2) {
    border-bottom: 1px solid var(--bg-color-menu);
}

main .table-row .column {
    padding-right: 40px;
    float: left;
}

    main .table-row .column:last-child {
        padding-right: 0;
    }

main .table-row.columns-1-1 > .column:first-child {
    width: 50%;
    padding-right: 20px;
}

main .table-row.columns-1-1 > .column:last-child {
    width: 50%;
    padding-left: 20px;
}

main .table-row.columns-1-2 > .column:first-child {
    width: 35%;
    padding-right: 45px;
}

main .table-row.columns-1-2 > .column:last-child {
    width: 65%;
}

main .table-row.columns-2-2 > .column:first-child {
    width: 50%;
}

main .table-row.columns-2-2 > .column:last-child {
    width: 50%;
}

main .table-row.columns-1-3 > .column:first-child {
    width: 28%;
}

main .table-row.columns-1-3 > .column:last-child {
    width: 72%;
}

main .table-row.columns-1-2-1 > .column:first-child {
    width: 28%;
}

main .table-row.columns-1-2-1 > .column:nth-child(2) {
    width: 49%;
}

main .table-row.columns-1-2-1 > .column:last-child {
    width: 23%;
}

main .table-row.columns-1-3-1 > .column:first-child {
    width: 28%;
}

main .table-row.columns-1-3-1 > .column:nth-child(2) {
    width: 68%;
}

main .table-row.columns-1-3-1 > .column:last-child {
    width: 4%;
}

main .table-row.columns-2-1-1 > .column:first-child {
    width: 50%;
}

main .table-row.columns-2-1-1 > .column:nth-child(2) {
    width: 30%;
}

main .table-row.columns-2-1-1 > .column:last-child {
    width: 20%;
}

main .table-row.columns-1-2-2 > .column:first-child {
    width: 28%;
}

main .table-row.columns-1-2-2 > .column:nth-child(2) {
    width: 38%;
}

main .table-row.columns-1-2-2 > .column:last-child {
    width: 34%;
}

main .table-row.columns-1-2-2-percent > .column:first-child {
    width: 10%;
}

main .table-row.columns-1-2-2-percent > .column:nth-child(2) {
    width: 50%;
}

main .table-row.columns-1-2-2-percent > .column:last-child {
    width: 40%;
}


main .table-row.columns-1-1-1 > .column {
    width: 35%;
    padding-right: 45px;
}

    main .table-row.columns-1-1-1 > .column:last-child {
        width: 30%;
        padding-right: 0;
    }

main .table-row.columns-1-1-1-1 > .column {
    width: 28%;
}

    main .table-row.columns-1-1-1-1 > .column:last-child {
        width: 16%;
    }

main .table-row.columns-1-2-2-3 > .column:first-child {
    width: 13%;
}

main .table-row.columns-1-2-2-3 > .column:nth-child(2),
main .table-row.columns-1-2-2-3 > .column:nth-child(3) {
    width: 25%;
}

main .table-row.columns-1-2-2-3 > .column:last-child {
    width: 37%;
}

main .table-row.columns-1-3-4-1 > .column:nth-child(1) {
    width: 10%;
}

main .table-row.columns-1-3-4-1 > .column:nth-child(2) {
    width: 30%;
}

main .table-row.columns-1-3-4-1 > .column:nth-child(3) {
    width: 50%;
}

main .table-row.columns-1-3-4-1 > .column:nth-child(4) {
    width: 10%;
}

main .table-row.columns-1-4-3-2 > .column:first-child {
    width: 13%;
}

main .table-row.columns-1-4-3-2 > .column:nth-child(2) {
    width: 42%;
}

main .table-row.columns-1-4-3-2 > .column:nth-child(3) {
    width: 25%;
}

main .table-row.columns-1-4-3-2 > .column:last-child {
    width: 20%;
}

main .table-row.columns-3-1-2-3 > .column {
    width: 28%;
}

    main .table-row.columns-3-1-2-3 > .column:nth-child(2) {
        width: 20%;
    }

    main .table-row.columns-3-1-2-3 > .column:nth-child(3) {
        width: 24%;
    }

main .table-row.columns-3-3-3 > .column {
    width: 33%;
}

    main .table-row.columns-3-3-3 > .column:nth-child(2) {
        width: 33%;
    }

    main .table-row.columns-3-3-3 > .column:nth-child(3) {
        width: 33%;
    }

main .table-row.columns-1-2-2-4-1 > .column:nth-child(1) {
    width: 5%;
}

main .table-row.columns-1-2-2-4-1 > .column:nth-child(2) {
    width: 25%;
}

main .table-row.columns-1-2-2-4-1 > .column:nth-child(3) {
    width: 20%;
}

main .table-row.columns-1-2-2-4-1 > .column:nth-child(4) {
    width: 40%;
}

main .table-row.columns-1-2-2-4-1 > .column:nth-child(5) {
    width: 10%;
}

main .table-row.columns-1-3-3-1-2 > .column:nth-child(1) {
    width: 10%;
}

main .table-row.columns-1-3-3-1-2 > .column:nth-child(2),
main .table-row.columns-1-3-3-1-2 > .column:nth-child(3) {
    width: 30%;
}

main .table-row.columns-1-3-3-1-2 > .column:nth-child(4) {
    width: 10%;
}

main .table-row.columns-1-3-3-1-2 > .column:nth-child(5) {
    width: 20%;
}

main .table-row.columns-1-4-4-4-3 > .column:first-child {
    width: 13%;
}

main .table-row.columns-1-4-4-4-3 > .column:nth-child(2),
main .table-row.columns-1-4-4-4-3 > .column:nth-child(3),
main .table-row.columns-1-4-4-4-3 > .column:nth-child(4) {
    width: 22%;
}

main .table-row.columns-1-4-4-4-3 > .column:last-child {
    width: 21%;
}

main .table-row.columns-2-1-1-1-1 > .column:nth-last-child(n + 2) {
    padding-right: 20px;
}

main .table-row.columns-2-1-1-1-1 > .column:first-child {
    width: 32%;
}

main .table-row.columns-2-1-1-1-1 > .column:nth-child(2),
main .table-row.columns-2-1-1-1-1 > .column:nth-child(3),
main .table-row.columns-2-1-1-1-1 > .column:nth-child(4) {
    width: 18%;
}

main .table-row.columns-2-1-1-1-1 > .column:last-child {
    width: 14%;
}

main .table-row.columns-1-3-3-3-2-2 > .column:nth-child(1) {
    width: 7%;
}

main .table-row.columns-1-3-3-3-2-2 > .column:nth-child(2),
main .table-row.columns-1-3-3-3-2-2 > .column:nth-child(3),
main .table-row.columns-1-3-3-3-2-2 > .column:nth-child(4) {
    width: 24%;
}

main .table-row.columns-1-3-3-3-2-2 > .column:nth-child(5),
main .table-row.columns-1-3-3-3-2-2 > .column:nth-child(6) {
    width: 11%;
}

main .table-row.columns-1-3-3-3-3-3 > .column:nth-last-child(n + 2) {
    padding-right: 20px;
}

main .table-row.columns-1-3-3-3-3-3 > .column:first-child {
    width: 13%;
}

main .table-row.columns-1-3-3-3-3-3 > .column:nth-child(n + 2) {
    width: 17%;
}

main .table-row.columns-1-3-3-3-3-3 > .column:last-child {
    width: 19%;
}

main .table-row.columns-1-4-4-4-3-2 > .column:nth-last-child(n + 2) {
    padding-right: 20px;
}

main .table-row.columns-1-4-4-4-3-2 > .column:first-child {
    width: 13%;
}

main .table-row.columns-1-4-4-4-3-2 > .column:nth-child(2),
main .table-row.columns-1-4-4-4-3-2 > .column:nth-child(3),
main .table-row.columns-1-4-4-4-3-2 > .column:nth-child(4),
main .table-row.columns-1-4-4-4-3-2 > .column:nth-child(5) {
    width: 18%;
}

main .table-row.columns-1-4-4-4-3-2 > .column:last-child {
    width: 15%;
}

main .table-row.columns-2-4-2-1 > .column:first-child {
    width: 25%;
}

main .table-row.columns-2-4-2-1 > .column:nth-child(2) {
    width: 35%;
}

main .table-row.columns-2-4-2-1 > .column:nth-child(3) {
    width: 25%;
}

main .table-row.columns-2-4-2-1 > .column:last-child {
    width: 15%;
}

main .table-row.columns-1-3-3-3-1-2-2 > .column:nth-child(1) {
    width: 7%;
}

main .table-row.columns-1-3-3-3-1-2-2 > .column:nth-child(2),
main .table-row.columns-1-3-3-3-1-2-2 > .column:nth-child(3),
main .table-row.columns-1-3-3-3-1-2-2 > .column:nth-child(4) {
    width: 20%;
}

main .table-row.columns-1-3-3-3-1-2-2 > .column:nth-child(5) {
    width: 10%;
}

main .table-row.columns-1-3-3-3-1-2-2 > .column:nth-child(6) {
    width: 13%;
}

main .table-row.columns-1-3-3-3-1-2-2 > .column:nth-child(7) {
    width: 10%;
}

main .table-row.columns-1-3-3-3-3-2-2 > .column:nth-child(1) {
    width: 6%;
}

main .table-row.columns-1-3-3-3-3-2-2 > .column:nth-child(2),
main .table-row.columns-1-3-3-3-3-2-2 > .column:nth-child(3),
main .table-row.columns-1-3-3-3-3-2-2 > .column:nth-child(4) {
    width: 18%;
}

main .table-row.columns-1-3-3-3-3-2-2 > .column:nth-child(5) {
    width: 14%;
}

main .table-row.columns-1-3-3-3-3-2-2 > .column:nth-child(6) {
    width: 18%;
}

main .table-row.columns-1-3-3-3-3-2-2 > .column:nth-child(7) {
    width: 9%;
}

main .table-row.columns-1-2-2-2-2-1-2-2 > .column:first-child {
    width: 6%;
}

main .table-row.columns-1-2-2-2-2-1-2-2 > .column:nth-child(2) {
    width: 18%;
}

main .table-row.columns-1-2-2-2-2-1-2-2 > .column:nth-child(3),
main .table-row.columns-1-2-2-2-2-1-2-2 > .column:nth-child(4),
main .table-row.columns-1-2-2-2-2-1-2-2 > .column:nth-child(5),
main .table-row.columns-1-2-2-2-2-1-2-2 > .column:nth-child(6) {
    width: 12%;
}

main .table-row.columns-1-2-2-2-2-1-2-2 > .column:nth-child(7) {
    width: 14%;
}

main .table-row.columns-1-2-2-2-2-1-2-2 > .column:last-child {
    width: 14%;
}

main .table-row.columns-1-3-3-3 > .column:first-child {
    width: 10%;
}

main .table-row.columns-1-3-3-3 > .column:nth-child(2),
main .table-row.columns-1-3-3-3 > .column:nth-child(3) {
    width: 30%;
}

main .table-row.columns-1-3-3-3 > .column:last-child {
    width: 30%;
}

main .table-row.inside-columns-0-1-1-1 > .column {
    width: 36%;
}

    main .table-row.inside-columns-0-1-1-1 > .column:last-child {
        width: 28%;
    }

main .table-row.inside-columns-0-1-1 > .column:first-child {
    width: 50%;
    padding-right: 20px;
}

main .table-row.inside-columns-0-1-1 > .column:last-child {
    width: 50%;
    padding-left: 20px;
}

main .table-row.inside-columns-0-1-2-2 > .column:first-child {
    width: 18%;
}

main .table-row.inside-columns-0-1-2-2 > .column:nth-child(2) {
    width: 35%;
}

main .table-row.inside-columns-0-1-2-2 > .column:last-child {
    width: 47%;
}

main .table-row.question-answer {
    border-bottom: none;
}

main .table-row .bottom-space {
    margin-bottom: 10px;
}

main .table-row.question-answer > .column:last-child {
    padding-top: 42px;
}

main .table-row.question-answer > .column.qa-inputs > .qa-date {
    height: 42px;
    padding-bottom: 5px !important;
}

main .table-row.question-answer > .column.qa-inputs > .qa-label {
    padding: 10px 0 !important;
    float: left;
    clear: both;
}

    main .table-row.question-answer > .column.qa-inputs > .qa-label:nth-child(2) {
        padding-top: 0 !important;
    }

main .table-row.question-answer > .column.qa-inputs > .title {
    height: 46px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
}

main .table-row.question-answer > .column.qa-inputs > .text {
    height: 100px;
}

main .table-row.question-answer > .column:last-child p:last-child {
    padding-bottom: 10px;
}

main .table-row.question-answer > .column:last-child .filebox p:last-child {
    padding-bottom: 0;
}

main .columns-1-1.questions-list > .column:nth-child(2) {
    width: 50%;
    padding-left: 20px;
}

main .columns-1-1.questions-list > .column:nth-child(n + 3) {
    width: 100% !important;
    padding-left: 0;
}

main .columns-1-1-1.questions-list > .column:nth-child(3) {
    width: 30%;
    padding-right: 0;
}

main .columns-1-1-1.questions-list > .column:nth-child(n + 4) {
    width: 100% !important;
}

main .columns-1-1.questions-list > .column.files > .column {
    width: 50%;
}

main .columns-1-1-1.questions-list > .column.files > .column {
    width: 20%;
}

    main .columns-1-1-1.questions-list > .column.files > .column.filebox {
        width: 50%;
    }

main .questions-list > .column.files > .column:first-child {
    width: 100%;
}

    main .questions-list > .column.files > .column:first-child p {
        padding-bottom: 11px !important;
    }

main .questions-list > .column.files > .column.filebox p:last-child {
    padding-bottom: 0;
}

main .questions-list > .column > .buttons-right {
    padding: 0 0 20px 0;
    float: right;
}

    main .questions-list > .column > .buttons-right li:last-child {
        margin-right: 0;
    }

main .content button.answer {
    position: absolute;
    bottom: 10px;
    right: 0;
}

main .content h3 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
}

    main .content h3.ted {
        padding-bottom: 11px;
    }

main .content h4 {
    padding: 17px 0 3px 0;
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
}

main section header h4 {
    border-bottom: 1px solid rgba(205, 210, 215, 0.5);
    padding-bottom: 10px !important;
    font-size: 1.5em !important;
}

main .content .h5,
main .content h5 {
    padding: 24px 0 11px 0;
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
}

main .content-nopad .h5,
main .content-nopad h5 {
    padding: 2px 0 11px 0;
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
}

main h6,
main .h6,
main .content h6,
main .content .h6 {
    padding: 9px 0 11px 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

main .content .right,
.property-table .table-row .column:first-child,
.property-table .table-row .column:first-child {
    text-align: right;
}

.table-row.table-header .column .h6,
.table-row.table-header .column .h5 {
    text-align: left !important;
}

.sreach-input {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

    .sreach-input label {
        padding-right: 10px;
    }

main .table-row .column h6.with-info,
main .table-row .column .h6.with-info {
    margin-right: 10px;
    padding: 0;
    word-break: break-word;
}

    main .table-row .column .h6.with-info a,
    main .table-row .column h6.with-info a {
        margin-right: 10px;
        float: left;
    }

    main .table-row .column .h6.with-info span.info,
    main .table-row .column h6.with-info span.info {
        display: block;
        margin-left: 0;
        word-break: break-word;
        clear: both;
    }

main .table-row > .column > .h6,
main .table-row > .column > h6 {
    word-wrap: break-word;
}

main .table-row > .column > p {
    padding: 0;
    word-wrap: break-word;
}

    main .table-row > .column > p:first-child {
        padding-top: 9px;
    }

    main .table-row > .column > p:last-child {
        padding-bottom: 11px;
    }

.row-with-input {
    margin-top: 10px;
}

main .content.questions .table-row .column .h5,
main .content.questions .table-row .column h5 {
    padding: 0;
}

main .content.questions .table-row .column p {
    padding: 0;
}

    main .content.questions .table-row .column p.qa-date {
        padding-top: 19px;
        font-size: 14px;
        line-height: 18px;
        color: #96a0aa;
    }

main .table-row .column .multi-col {
    padding: 9px 0 11px 0;
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 20px;
}

    main .table-row .column .multi-col li {
        word-wrap: break-word;
    }

main .content.questions .table-row .column p:last-child {
    padding-bottom: 21px;
}

main .content.questions .table-row:last-child .column p:last-child {
    padding-bottom: 0;
}

main .table-row:first-child > .column > h6,
main .table-row:first-child > .column > .h6,
main .table-row:first-child > .column > p,
main .table-row:first-child > .column > .multi-col {
    padding-top: 0;
}

main .table-row:nth-child(n + 2) .inside-columns-0-1-1-1:first-child > .column > .h6,
main .table-row:nth-child(n + 2) .inside-columns-0-1-1-1:first-child > .column > h6,
main .table-row:nth-child(n + 2) .inside-columns-0-1-1-1:first-child > .column > p {
    padding-top: 9px;
}

main .table-row:last-child > .column > h6,
main .table-row:last-child > .column > .h6,
main .table-row:last-child > .column > p,
main .table-row:last-child > .column > .multi-col {
    padding-bottom: 0;
}

main .table-row:nth-last-child(n + 2) .inside-columns-0-1-1-1:last-child > .column > h6,
main .table-row:nth-last-child(n + 2) .inside-columns-0-1-1-1:last-child > .column > .h6,
main .table-row:nth-last-child(n + 2) .inside-columns-0-1-1-1:last-child > .column > p {
    padding-bottom: 11px;
}

main .table-row .column.buttons-only {
    padding: 1px 0 5px 0;
}

main .column.margin-top {
    padding-top: 1px;
}

main .column.buttons-right,
main .table-row .column.buttons-right {
    width: auto !important;
    padding-top: 1px;
    float: right;
}

    main .column.buttons-right.margin-top {
        padding-top: 6px;
    }

        main .column.buttons-right.margin-top .tags {
            padding-top: 8px;
        }

    main .table-row .column.buttons-right .plan {
        width: 90px;
    }

        main .table-row .column.buttons-right .plan li > * {
            padding: 1px 0 3px 0;
            text-align: center;
        }

        main .table-row .column.buttons-right .plan li:first-child span {
            width: 41px;
        }

        main .table-row .column.buttons-right .plan li:nth-child(2) {
            margin-right: 0;
        }

            main .table-row .column.buttons-right .plan li:nth-child(2) > * {
                width: 44px;
            }

        main .table-row .column.buttons-right .plan li:last-child {
            margin: 5px 0 0 0;
            clear: both;
        }

            main .table-row .column.buttons-right .plan li:last-child > * {
                width: 90px;
            }

main .column .tags li {
    margin-right: 5px;
    float: left;
}

    main .column .tags li.right {
        margin-right: 0;
        float: right;
    }

main .column.buttons-right .tags li:last-child {
    margin-right: 0;
}

main .table-row .column .tags li a,
main .table-row .column .tags li span {
    margin: 0;
}

main .expanded > header {
    padding-bottom: 0;
}

main .expanded.show > header {
    padding-bottom: 12px;
}

main .expanded > header > h2 a {
    display: inline-block;
    padding-right: 28px;
    color: #002455;
}

main .expanded > header > h2 a {
    color: #002455;
}

    main .expanded > header > h2 a:hover,
    main .expanded > header > h2 a:hover,
    main .expanded > header > h2 a:active {
        color: #28508c;
    }

    main .expanded > header > h2 button::before,
    main .expanded > header > h2 a::before {
        content: "";
        display: block;
        position: absolute;
        top: 9px;
        right: -15px;
        width: 12px;
        height: 12px;
        border: solid #002455;
        border-width: 0 2px 2px 0;
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

    main .expanded > header > h2 a::before {
        border-color: #002455;
    }

    main .expanded > header > h2 a:hover::before,
    main .expanded > header > h2 a:hover::before,
    main .expanded > header > h2 a:active::before {
        border-color: #28508c;
    }

main .expanded.show > header > h2 button::before,
main .expanded.show > header > h2 a::before {
    top: 15px;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}

main .expanded > .content {
    display: none;
}

    main .expanded > .content:nth-of-type(n + 2) {
        margin-top: 20px;
        border-top: 1px solid #e2e6ea;
    }

main .expanded.show > .content {
    display: block;
}

main .content .expanded:nth-last-of-type(n + 2) {
    border-bottom: 1px solid #e2e6ea;
}

main .content .expanded > .table-row .column p {
    padding: 9px 0 11px 0;
}

main .content .expanded > .table-row,
main .content .expanded > .frame {
    display: none;
}

    main .content .expanded > .table-row.show,
    main .content .expanded > .frame.show {
        display: block;
    }

main .content .expanded .more {
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px 18px 11px 0;
}

    main .content .expanded .more.open {
        top: 10px;
    }

    main .content .expanded .more::before {
        top: 15px;
    }

    main .content .expanded .more.open::before {
        top: 20px;
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg);
    }

main .content .frame {
    margin: -1px -20px;
    padding: 20px;
    background: #f3f5f7;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
}

    main .content .frame header {
        padding-bottom: 10px;
    }

    main .content .frame .announcements h6,
    main .content .frame .announcements .h6,
    main .content .frame .announcements p {
        padding: 0;
    }

    main .content .frame .announcements .file {
        float: left;
    }

    main .content .frame .announcements .table-row.answer {
        margin-top: -1px;
        border-top: 1px solid #f3f5f7;
    }

    main .content .frame .table-row:nth-last-of-type(n + 2) {
        border-bottom: 1px solid #cdd2d7;
    }

    main .content .frame .table-row .tags .no-margins {
        margin: 1px 0 0 0;
    }

    main .content .frame .table-row.no-lines {
        padding: 9px 0 11px 0;
    }

        main .content .frame .table-row.no-lines .table-row {
            border-bottom: none;
        }

    main .content .frame .attachments {
        border-bottom: none !important;
    }

        main .content .frame .attachments:nth-child(n + 2) {
            border-top: 1px solid #96a0aa;
        }

        main .content .frame .attachments > .row:nth-child(n + 2) {
            padding: 15px 0;
            border-bottom: 1px solid #cdd2d7;
        }

        main .content .frame .attachments > .row:last-child {
            border: none;
        }

        main .content .frame .attachments .row .h6.column.light,
        main .content .frame .attachments .row h6.column.light {
            font-weight: 400;
        }

        main .content .frame .attachments .row .list {
            list-style-type: none;
        }

            main .content .frame .attachments .row .list li {
                word-break: break-word;
            }

                main .content .frame .attachments .row .list li:nth-last-child(n + 2) {
                    padding-bottom: 14px;
                }

        main .content .frame .attachments .row .subrow {
            padding-left: 100px;
        }

            main .content .frame .attachments .row .subrow .row:nth-child(n + 2) {
                padding-top: 15px;
            }

            main .content .frame .attachments .row .subrow .row a,
            main .content .frame .attachments .row .subrow .row span {
                display: inline-block;
                margin-right: 10px;
                word-break: break-word;
            }

            main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
                display: inline-block;
                padding: 0;
                height: 18px;
                font-size: 14px;
                font-weight: 400;
                line-height: 18px;
                color: #ff5000;
                background: none;
                float: none;
            }

                main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
                    color: #ff8c00;
                }

            main .content .frame .attachments .row .subrow .row span.info {
                display: block;
                margin-left: 0;
                word-wrap: break-word;
            }

    main .content .frame .content.announcements .table-row:nth-last-of-type(n + 2) {
        border-bottom: 1px solid #96a0aa;
    }

    main .content .frame .content.announcements .table-row .table-row {
        border-bottom: none;
    }

        main .content .frame .content.announcements .table-row .table-row:first-child > .column:last-child {
            border-bottom: 1px solid #96a0aa;
        }

        main .content .frame .content.announcements .table-row .table-row .column {
            padding: 9px 0 11px 0;
        }

            main .content .frame .content.announcements .table-row .table-row .column .column:first-child {
                padding-top: 0;
            }

            main .content .frame .content.announcements .table-row .table-row .column .column:last-child {
                padding-bottom: 0;
            }

            main .content .frame .content.announcements .table-row .table-row .column .column:nth-last-of-type(n + 2) {
                width: 100%;
                border-bottom: 1px solid #cdd2d7;
            }

/* user profile section */

.profile form {
    max-width: 400px;
}

.profile .strength {
    width: 75%;
    height: 44px;
    padding-bottom: 14px;
    border-right: none;
}

.profile .safety-stat {
    width: 25%;
    height: 44px;
    padding: 10px 14px 14px 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    text-align: right;
    border: 1px solid #cdd2d7;
    border-left: none;
    float: right;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.profile .safety-bar {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    height: 5px;
    background: #f3f5f7;
    border: 1px solid #cdd2d7;
    border-top: none;
}

    .profile .safety-bar div {
        position: absolute;
        top: 0;
        left: 0;
        height: 5px;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
    }

.profile .warning {
    border-color: #ff0000;
}

    .profile .warning + p {
        width: 100%;
        padding-bottom: 12px;
        color: #ff0000;
        float: left;
        clear: both;
    }

.profile .message {
    padding: 8px 14px 10px 14px;
    border: 1px solid #002455;
}

.profile form .checkbox {
    padding: 0 20px 2px 30px;
}

    .profile form .checkbox .checkmark {
        top: 2px;
    }

.profile .restore {
    position: absolute;
    bottom: 47px;
}

.profile button.big {
    float: right;
    clear: both;
}

.profile-pz object,
.profile-pz img {
    display: block;
    width: 180px;
    padding: 40px 0;
}

.profile-pk object,
.profile-pk img {
    display: block;
    width: 150px;
    padding: 40px 0;
}

.profile-pz button.big,
.profile-pk button.big {
    margin-bottom: 36px;
}

/* footer */

footer .container {
    width: auto;
    margin: 0 20px;
    padding-top: 40px;
}

footer #brand {
    width: 240px;
    padding: 0 40px 40px 0;
}

    footer #brand .logo {
        padding-bottom: 19px;
    }

        footer #brand .logo a {
            width: 80px;
            height: 61px;
            background-size: 100%;
        }

footer .links {
    width: 170px;
    padding: 0 40px 40px 0;
    float: left;
}

    footer .links:nth-child(3) {
        clear: both;
    }

    footer .links .h6,
    footer .links h6 {
        padding-bottom: 4px;
        font-size: 14px;
        font-weight: 600;
        color: #556473;
    }

    footer .links ul {
        list-style-type: none;
    }

        footer .links ul li a {
            padding: 3px 0 4px 0;
            color: #96a0aa;
        }

            footer .links ul li a:hover {
                color: var(--alert-color-warning);
            }

footer #efrr-footer {
    height: 80px;
    padding: 10px;
    align-items: center;
    background: #fff;
}

footer #efrr-logos {
    display: flex;
    max-width: 810px;
    height: 100%;
    margin: 0 auto;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}

    footer #efrr-logos div {
        padding: 0 10px;
    }

        footer #efrr-logos div img {
            width: 100%;
        }

/* popups */

.popup-container {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 999;
    overflow: auto;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

    .popup-container.show {
        opacity: 1;
    }

.popup-box {
    width: 100%;
    min-height: 100%;
    overflow: hidden;
}

.popup-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0.4;
}

.popup-container .popup {
    width: 100%;
    margin: 0;
    padding: 22px 20px 30px 20px;
    background: #fff;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    float: unset !important;
}

.popup-container.show .popup {
    margin: 0;
}

.popup-container .popup h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 31px;
}

.popup-container .popup .popup-close {
    position: absolute;
    top: 18px;
    right: 8px;
    width: 40px;
    height: 40px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

    .popup-container .popup .popup-close:hover {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .popup-container .popup .popup-close span {
        position: absolute;
        background: #002455;
    }

        .popup-container .popup .popup-close span:first-child {
            top: 19px;
            left: 10px;
            width: 20px;
            height: 2px;
        }

        .popup-container .popup .popup-close span:last-child {
            top: 10px;
            left: 19px;
            width: 2px;
            height: 20px;
        }

.modal-dialog .popup form,
.modal-dialog .popup .form,
.popup-container .popup form,
.popup-container .popup .form {
    padding: 12px 0 0 0;
}

    .popup-container .popup form > .edit.big-menu,
    .popup-container .popup .form > .edit.big-menu {
        padding-top: 28px;
    }

        .popup-container .popup form > .edit.big-menu + .table,
        .popup-container .popup .form > .edit.big-menu + .table {
            padding-top: 20px;
        }

            .popup-container .popup form > .edit.big-menu + .table + .edit.end-menu,
            .popup-container .popup .form > .edit.big-menu + .table + .edit.end-menu {
                padding: 30px 0 0 0;
            }

.modal-body .popup p,
.popup-container .popup p {
    padding-bottom: 10px;
}

.modal-body .popup .table,
.popup-container .popup .table {
    margin: 0 -20px;
    padding: 0 20px;
    overflow: auto;
}

/* Doesn't effect on PC look, but break mobile version */
/*
    .modal-body .popup .table-row,
.popup-container .popup .table-row {
    min-width: 360px;
}

.modal-body .popup.wide .table-row,
.popup-container .popup.wide .table-row {
    min-width: 600px;
}
*/

.modal-body .popup .table-row:nth-last-of-type(n + 2),
.popup-container .popup .table-row:nth-last-of-type(n + 2) {
    border-bottom: 1px solid #e2e6ea;
}

.popup-container .popup .table-row.highlight:first-child > .column > h6,
.popup-container .popup .table-row.highlight:first-child > .column > .h6,
.popup-container .popup .table-row.highlight:first-child > .column > p .modal-body .popup .table-row.highlight:first-child > .column > h6,
.modal-body .popup .table-row.highlight:first-child > .column > .h6,
.modal-body .popup .table-row.highlight:first-child > .column > p {
    padding-top: 9px;
}

.modal-body .popup .table-row.highlight::before,
.popup-container .popup .table-row.highlight::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    right: -20px;
    background: #f3f5f7;
}

.modal-body .popup .table-row.highlight:last-child::before,
.popup-container .popup .table-row.highlight:last-child::before {
    bottom: 10px;
}

.modal-body .popup .table-row .column,
.popup-container .popup .table-row .column {
    padding-right: 40px;
    float: left;
}

    .modal-body .popup .table-row .column:last-child,
    .popup-container .popup .table-row .column:last-child {
        padding-right: 0;
    }

.modal-body .popup .table-row:last-child,
.popup-container .popup .table-row:last-child {
    padding-bottom: 10px;
}

.modal-body .popup .table-row.columns-1-2 > .column:first-child,
.popup-container .popup .table-row.columns-1-2 > .column:first-child {
    width: 40%;
}

.modal-body .popup .table-row.columns-1-2 > .column:last-child,
.popup-container .popup .table-row.columns-1-2 > .column:last-child {
    width: 60%;
}

.modal-body .popup .table-row.columns-1-2-3 > .column:first-child,
.popup-container .popup .table-row.columns-1-2-3 > .column:first-child {
    width: 15%;
}

.modal-body .popup .table-row.columns-1-2-3 > .column:nth-child(2),
.popup-container .popup .table-row.columns-1-2-3 > .column:nth-child(2) {
    width: 45%;
}

.modal-body .popup .table-row.columns-1-2-3 > .column:last-child,
.popup-container .popup .table-row.columns-1-2-3 > .column:last-child {
    width: 40%;
}

.modal-body .popup .table-row.columns-2-1-1 > .column:first-child,
.popup-container .popup .table-row.columns-2-1-1 > .column:first-child {
    width: 60%;
}

.modal-body .popup .table-row.columns-2-1-1 > .column:nth-child(2),
.popup-container .popup .table-row.columns-2-1-1 > .column:nth-child(2) {
    width: 25%;
}

.modal-body .popup .table-row.columns-2-1-1 > .column:last-child,
.popup-container .popup .table-row.columns-2-1-1 > .column:last-child {
    width: 15%;
}

.modal-body .popup .table-row.columns-1-1-4 > .column:first-child,
.popup-container .popup .table-row.columns-1-1-4 > .column:first-child {
    width: 5%;
}

.modal-body .popup .table-row.columns-1-1-4 > .column:nth-child(2),
.popup-container .popup .table-row.columns-1-1-4 > .column:nth-child(2) {
    width: 8%;
}

.modal-body .popup .table-row.columns-1-1-4 > .column:last-child,
.popup-container .popup .table-row.columns-1-1-4 > .column:last-child {
    width: 70%;
}

.modal-body .popup .table-row.columns-1-4-1 > .column:first-child,
.popup-container .popup .table-row.columns-1-4-1 > .column:first-child {
    width: 10%;
}

.modal-body .popup .table-row.columns-1-4-1 > .column:nth-child(2),
.popup-container .popup .table-row.columns-1-4-1 > .column:nth-child(2) {
    width: 80%;
}

.modal-body .popup .table-row.columns-1-4-1 > .column:last-child,
.popup-container .popup .table-row.columns-1-4-1 > .column:last-child {
    width: 10%;
}

main .table-row.columns-1-4-3-3 > .column:first-child {
    width: 10%;
}

main .table-row.columns-1-4-3-3 > .column:nth-child(2) {
    width: 40%;
}

main .table-row.columns-1-4-3-3 > .column:nth-child(3) {
    width: 28%;
}

main .table-row.columns-1-4-3-3 > .column:last-child {
    width: 22%;
}

.modal-body .popup .table-row:last-child > .column > h6,
.modal-body .popup .table-row:last-child > .column > .h6,
.modal-body .popup .table-row:last-child > .column > p,
.popup-container .popup .table-row:last-child > .column > h6,
.popup-container .popup .table-row:last-child > .column > .h6,
.popup-container .popup .table-row:last-child > .column > p {
    padding-bottom: 11px;
}

.pattern-calculator .keyboard {
    width: 250px;
    padding: 0 40px 8px 0;
    float: left;
}

    .pattern-calculator .keyboard button {
        float: left;
        width: 40px;
        height: 40px;
        margin: 0 2px 2px 0;
        padding: 9px 0 11px 0;
        font-weight: 400;
        color: #002455;
        background: #f3f5f7;
    }

        .pattern-calculator .keyboard button:hover {
            background: #e2e6ea;
        }

        .pattern-calculator .keyboard button.bold {
            font-weight: 600;
        }

        .pattern-calculator .keyboard button.left {
            padding-right: 42px;
        }

        .pattern-calculator .keyboard button.double {
            width: 82px;
        }

        .pattern-calculator .keyboard button.dark {
            color: #fff;
            background: #002455;
        }

            .pattern-calculator .keyboard button.dark:hover {
                background: #28508c;
            }

        .pattern-calculator .keyboard button.blue {
            color: #fff;
            background: var(--alert-color-warning);
        }

            .pattern-calculator .keyboard button.blue:hover {
                background: #50beff;
            }

        .pattern-calculator .keyboard button.dark-gray {
            color: #fff;
            background: #96a0aa;
        }

            .pattern-calculator .keyboard button.dark-gray:hover {
                background: #aab4be;
            }

        .pattern-calculator .keyboard button.gray {
            background: #e2e6ea;
        }

            .pattern-calculator .keyboard button.gray:hover {
                background: #cdd2d7;
            }

    .pattern-calculator .keyboard .select {
        margin: 0 2px 2px 0;
        background: #e2e6ea;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

        .pattern-calculator .keyboard .select:hover {
            background: #cdd2d7;
        }

        .pattern-calculator .keyboard .select::before {
            content: "";
            display: block;
            position: absolute;
            top: 13px;
            right: 14px;
            width: 10px;
            height: 10px;
            border: solid #002455;
            border-width: 0 1px 1px 0;
            box-sizing: border-box;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .pattern-calculator .keyboard .select select {
            display: block;
            position: relative;
            width: 124px;
            height: 40px;
            margin: 0;
            padding: 9px 36px 11px 16px;
            font-size: 16px;
            font-weight: 400;
            color: #002455;
            line-height: 20px;
            background: none;
            border: none;
            border-radius: 0;
            box-sizing: border-box;
            float: left;
            z-index: 2;
            cursor: pointer;
            overflow: hidden;
            -webkit-appearance: none;
            -moz-appearance: none;
        }

.pattern-calculator .right-to-keyboard {
    width: 100%;
    float: left;
}

.modal-body .popup label:not(.radio):not(.checkbox),
.popup-container .popup label:not(.radio):not(.checkbox) {
    width: 100%;
    padding: 9px 20px 11px 0;
    font-weight: 600;
    float: left;
}

.modal-body .popup label.light,
.popup-container .popup label.light {
    font-weight: 400;
}

.modal-body .popup label.checkbox,
.popup-container .popup label.checkbox {
    padding-left: 30px;
}

.modal-body .popup input:not(.form-unit__field),
.popup-container .popup input:not(.form-unit__field) {
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

.modal-body .popup .checkbox input,
.modal-body .popup .radio input,
.popup-container .popup .checkbox input,
.popup-container .popup .radio input {
    width: 0;
}

.pattern-calculator .right-to-keyboard p {
    height: 40px;
    padding: 9px 0 11px 0;
    float: left;
}

    .pattern-calculator .right-to-keyboard p.label {
        margin-right: 10px;
        font-weight: 600;
    }

.formula {
    width: 100%;
    height: 100% !important;
}

/* specjal for popup in .search*/

.popup-container .popup ul {
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

    .popup-container .popup ul li {
        padding: 0 !important;
    }

.popup-container .popup .list-unstyled li {
    padding: 10px !important;
}
/* --- */

/* confirm */
ux-dialog-overlay {
    background: rgba(0, 0, 0, 0.4);
}

ux-dialog-container > div {
    margin-top: 0;
    padding: 10px 0 !important;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.modal-dialog {
    width: 100%;
    margin: 0;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.modal-content {
    margin: 0;
    padding: 22px 20px 30px 20px;
    background: #fff;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: hidden;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.modal-header,
.modal-body,
.modal-footer {
    padding: 0;
    border: none;
}



    .modal-header p {
        font-size: 24px;
        font-weight: 600;
        line-height: 31px;
        z-index: 1;
    }

    .modal-header .close {
        position: absolute;
        top: -2px;
        right: -12px;
        width: 40px;
        height: 40px;
        background: none;
        opacity: 1;
        cursor: pointer;
        z-index: 2;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        .modal-header .close:hover {
            background: none;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
        }

        .modal-header .close::before {
            content: "";
            display: block;
            position: absolute;
            top: 19px;
            left: 10px;
            width: 20px;
            height: 2px;
            background: #002455;
        }

        .modal-header .close::after {
            content: "";
            display: block;
            position: absolute;
            top: 10px;
            left: 19px;
            width: 2px;
            height: 20px;
            background: #002455;
        }

        .modal-header .close span {
            display: none;
        }

.modal-footer {
    margin: 0 0 -10px -10px;
    float: right;
    clear: both;
}

    .modal-footer .btn {
        height: 40px;
        margin: 0 0 10px 10px;
        padding: 9px 25px 11px 25px;
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        color: #fff;
        border: none;
        border-radius: 0;
        float: left;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

        .modal-footer .btn + .btn {
            margin-bottom: 10px;
            margin-left: 10px;
        }

        .modal-footer .btn.btn-danger {
            background: var(--alert-color-warning);
        }

            .modal-footer .btn.btn-danger:hover {
                background: #50beff;
            }

        .modal-footer .btn.btn-success {
            background: #ff5000;
        }

            .modal-footer .btn.btn-success:hover {
                background: #ff8c00;
            }

aup-cookie-consent {
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 999999;
    background: var(--bg-color-cookie);
}

    aup-cookie-consent .btn-primary {
        border: 1px solid var(--color-primary);
        background-color: var(--color-primary);
    }

.cookie-consent {
    display: flex;
    width: 100%;
    flex-direction: row;
}

    .cookie-consent p {
        flex-grow: 1;
        margin: 1rem;
    }

    .cookie-consent button {
        width: auto;
        margin: 1rem;
        color: var(--color-white);
    }

/* color themes */

/* light blue */

body.theme-light-default ::selection {
    background: var(--alert-color-warning);
}

body.theme-light-default ::-moz-selection {
    background: var(--alert-color-warning);
}

body.theme-light-default a {
    color: var(--alert-color-warning);
}

body.theme-light-default a {
    color: #0082c8;
}

    body.theme-light-default a:hover,
    body.theme-light-default a:hover,
    body.theme-light-default a:active {
        color: #50beff;
    }

    body.theme-light-default a.orange {
        color: #ff5000;
    }

    body.theme-light-default a.orange {
        color: #dc3c00;
    }

        body.theme-light-default a.orange:hover,
        body.theme-light-default a.orange:hover,
        body.theme-light-default a.orange:active {
            color: #ff8c00;
        }

body.theme-light-default main .search .popup-container .popup .button,
body.theme-light-default main .search .popup-container .popup .button,
body.theme-light-default main .search .popup-container .popup button,
body.theme-light-default .button,
body.theme-light-default .button,
body.theme-light-default button {
    color: #fff;
    background: var(--alert-color-warning);
}

    body.theme-light-default main .search .popup-container .popup .button:hover,
    body.theme-light-default main .search .popup-container .popup .button:hover,
    body.theme-light-default main .search .popup-container .popup button:active,
    body.theme-light-default main .search .popup-container .popup button:hover,
    body.theme-light-default .button:hover,
    body.theme-light-default .button:hover,
    body.theme-light-default .button:active,
    body.theme-light-default button:hover {
        color: #fff;
        background: #50beff;
    }

    body.theme-light-default .button.dark,
    body.theme-light-default .button.dark,
    body.theme-light-default button.dark {
        background: #002455;
    }

        body.theme-light-default .button.dark:hover,
        body.theme-light-default .button.dark:hover,
        body.theme-light-default .button.dark:active,
        body.theme-light-default button.dark:hover {
            background: #28508c;
        }

    body.theme-light-default main .search .popup-container .popup .button.orange,
    body.theme-light-default main .search .popup-container .popup .button.orange,
    body.theme-light-default main .search .popup-container .popup button.orange,
    body.theme-light-default .button.orange,
    body.theme-light-default .button.orange,
    body.theme-light-default button.orange {
        color: #fff;
        background: #ff5000;
    }

        body.theme-light-default main .search .popup-container .popup .button.orange:hover,
        body.theme-light-default main .search .popup-container .popup .button.orange:hover,
        body.theme-light-default main .search .popup-container .popup .button.orange:active,
        body.theme-light-default main .search .popup-container .popup button.orange:hover,
        body.theme-light-default .button.orange:hover,
        body.theme-light-default .button.orange:hover,
        body.theme-light-default .button.orange:active,
        body.theme-light-default button.orange:hover {
            color: #fff;
            background: #ff8c00;
        }

body.theme-light-default .select div select,
body.theme-light-default div.under-select select,
body.theme-light-default .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-light-default .select div:hover select,
    body.theme-light-default div.under-select:hover select,
    body.theme-light-default .dropdown button:hover {
        color: var(--alert-color-warning);
    }

        body.theme-light-default .select div:hover::before,
        body.theme-light-default div.under-select:hover::before,
        body.theme-light-default .dropdown button:hover::after {
            border-color: var(--alert-color-warning);
        }

body.theme-light-default .select.disabled div select,
body.theme-light-default .select.disabled div:hover select,
body.theme-light-default div.under-select.disabled select,
body.theme-light-default div.under-select.disabled:hover select,
body.theme-light-default .dropdown.disabled button,
body.theme-light-default .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-light-default .select.disabled div::before,
    body.theme-light-default .select.disabled div:hover::before,
    body.theme-light-default div.under-select.disabled::before,
    body.theme-light-default div.under-select.disabled:hover::before,
    body.theme-light-default .dropdown.disabled button::after,
    body.theme-light-default .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-light-default .dropdown ul a,
body.theme-light-default .dropdown ul a {
    color: #002455;
}

    body.theme-light-default .dropdown ul a:hover,
    body.theme-light-default .dropdown ul a:hover,
    body.theme-light-default .dropdown ul a:active {
        color: var(--alert-color-warning);
    }

body.theme-light-default .dropdown.signature .button,
body.theme-light-default .dropdown.signature .button,
body.theme-light-default .dropdown.signature button {
    color: #fff;
    background: var(--alert-color-warning);
}

    body.theme-light-default .dropdown.signature .button:hover,
    body.theme-light-default .dropdown.signature .button:hover,
    body.theme-light-default .dropdown.signature .button:active,
    body.theme-light-default .dropdown.signature button:hover {
        color: #fff;
        background: #50beff;
    }

body.theme-light-default .dropdown.signature.dark .button,
body.theme-light-default .dropdown.signature.dark .button,
body.theme-light-default .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-light-default .dropdown.signature.dark .button:hover,
    body.theme-light-default .dropdown.signature.dark .button:hover,
    body.theme-light-default .dropdown.signature.dark .button:active,
    body.theme-light-default .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-light-default .dropdown.signature.orange .button,
body.theme-light-default .dropdown.signature.orange .button,
body.theme-light-default .dropdown.signature.orange button {
    background: #ff5000;
}

    body.theme-light-default .dropdown.signature.orange .button:hover,
    body.theme-light-default .dropdown.signature.orange .button:hover,
    body.theme-light-default .dropdown.signature.orange .button:active,
    body.theme-light-default .dropdown.signature.orange button:hover {
        background: #ff8c00;
    }

body.theme-light-default .dropdown.signature ul {
    background: var(--alert-color-warning);
}

body.theme-light-default .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-light-default .dropdown.signature.orange ul {
    background: #ff5000;
}

body.theme-light-default .dropdown.signature ul li a,
body.theme-light-default .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-light-default .dropdown.signature ul li a:hover,
    body.theme-light-default .dropdown.signature ul li a:hover,
    body.theme-light-default .dropdown.signature ul li a:active {
        background: #50beff;
    }

body.theme-light-default .dropdown.signature.dark ul li a:hover,
body.theme-light-default .dropdown.signature.dark ul li a:hover,
body.theme-light-default .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-light-default .dropdown.signature.orange ul li a:hover,
body.theme-light-default .dropdown.signature.orange ul li a:hover,
body.theme-light-default .dropdown.signature.orange ul li a:active {
    background: #ff8c00;
}

body.theme-light-default .checkbox input:checked ~ .checkmark,
body.theme-light-default .radio input:checked ~ .checkmark {
    background: var(--alert-color-warning);
}

body.theme-light-default #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-light-default #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-light-default #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-light-default #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: var(--alert-color-warning);
}

body.theme-light-default #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-light-default #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-light-default #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-light-default #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-light-default #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: var(--alert-color-warning);
}

body.theme-light-default #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-light-default #ui-datepicker-div tbody td a:hover,
body.theme-light-default #ui-datepicker-div tbody td a:hover,
body.theme-light-default #ui-datepicker-div tbody td a:active,
body.theme-light-default #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-default #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-default #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-light-default #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-light-default #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-light-default #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-light-default #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-light-default .navbar .side-menu ul li.current,
body.theme-light-default .navbar .side-menu ul li.current a,
body.theme-light-default .navbar .side-menu ul li.current a {
    color: var(--alert-color-warning);
}

    body.theme-light-default .navbar .side-menu ul li.current a:hover,
    body.theme-light-default .navbar .side-menu ul li.current a:hover,
    body.theme-light-default .navbar .side-menu ul li.current a:active {
        color: #50beff;
    }

body.theme-light-default .navbar .side-menu ul li a,
body.theme-light-default .navbar .side-menu ul li a {
    color: #002455;
}

    body.theme-light-default .navbar .side-menu ul li a:hover,
    body.theme-light-default .navbar .side-menu ul li a:hover,
    body.theme-light-default .navbar .side-menu ul li a:active {
        color: var(--alert-color-warning);
    }

body.theme-light-default #mobile-opener:hover span,
body.theme-light-default #mobile-opener:hover span,
body.theme-light-default #mobile-opener:active span {
    background: var(--alert-color-warning);
}

body.theme-light-default #user .link,
body.theme-light-default #user .link {
    color: #002455;
}

    body.theme-light-default #user .link:hover,
    body.theme-light-default #user .link:hover,
    body.theme-light-default #user .link:active {
        color: var(--alert-color-warning);
    }

body.theme-light-default #user .button,
body.theme-light-default #user .button {
    color: var(--alert-color-warning);
    background: #fff;
    border: 2px solid var(--alert-color-warning);
}

    body.theme-light-default #user .button:hover,
    body.theme-light-default #user .button:hover,
    body.theme-light-default #user .button:active {
        color: #002455;
    }

body.theme-light-default .help {
    background: url("../img/help.png");
    background-image: url("../img/help.svg"), none;
}

body.theme-light-default .favorites {
    background: url("../img/favorites.png");
    background-image: url("../img/favorites.svg"), none;
}

body.theme-light-default #title-section #breadcrumbs li {
    color: var(--alert-color-warning);
}

    body.theme-light-default #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-light-default #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-light-default #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-light-default #title-section #breadcrumbs li a:hover,
        body.theme-light-default #title-section #breadcrumbs li a:hover,
        body.theme-light-default #title-section #breadcrumbs li a:active {
            color: var(--alert-color-warning);
        }

body.theme-light-default .tags li a:hover,
body.theme-light-default .tags li a:hover,
body.theme-light-default .tags li a:active,
body.theme-light-default .tags li .blue,
body.theme-light-default .tags li a.blue {
    color: var(--alert-color-warning);
    border-color: var(--alert-color-warning);
}

    body.theme-light-default .tags li a.blue:hover,
    body.theme-light-default .tags li a.blue:hover,
    body.theme-light-default .tags li a.blue:active {
        color: #50beff;
        border-color: #50beff;
    }

body.theme-light-default .tags li .orange,
body.theme-light-default .tags li a.orange {
    color: #ff5000;
    border-color: #ff5000;
}

    body.theme-light-default .tags li a.orange:hover,
    body.theme-light-default .tags li a.orange:hover,
    body.theme-light-default .tags li a.orange:active {
        color: #ff8c00;
        border-color: #ff8c00;
    }

body.theme-light-default .tags li button,
body.theme-light-default .tags li button,
body.theme-light-default .tags li button:hover,
body.theme-light-default .tags li button:hover,
body.theme-light-default .tags li button:active,
body.theme-light-default .tags li button.dark,
body.theme-light-default .tags li button.dark,
body.theme-light-default .tags li button.dark:hover,
body.theme-light-default .tags li button.dark:hover,
body.theme-light-default .tags li button.dark:active,
body.theme-light-default .tags li button.orange,
body.theme-light-default .tags li button.orange,
body.theme-light-default .tags li button.orange:hover,
body.theme-light-default .tags li button.orange:hover,
body.theme-light-default .tags li button.orange:active,
body.theme-light-default .tags li .button,
body.theme-light-default .tags li .button,
body.theme-light-default .tags li .button:hover,
body.theme-light-default .tags li .button:hover,
body.theme-light-default .tags li .button:active,
body.theme-light-default .tags li .button.dark,
body.theme-light-default .tags li .button.dark,
body.theme-light-default .tags li .button.dark:hover,
body.theme-light-default .tags li .button.dark:hover,
body.theme-light-default .tags li .button.dark:active,
body.theme-light-default .tags li .button.orange,
body.theme-light-default .tags li .button.orange,
body.theme-light-default .tags li .button.orange:hover,
body.theme-light-default .tags li .button.orange:hover,
body.theme-light-default .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-light-default .tabs li .current,
body.theme-light-default .tabs li .current {
    color: #002455;
}

body.theme-light-default .tabs li a,
body.theme-light-default .tabs li a {
    color: #96a0aa;
}

    body.theme-light-default .tabs li a:hover,
    body.theme-light-default .tabs li a:hover,
    body.theme-light-default .tabs li a:active {
        color: var(--alert-color-warning);
    }

body.theme-light-default .tabs .underline {
    background: var(--alert-color-warning);
}

body.theme-light-default main .edit.big-menu .message {
    border: 1px solid #002455;
}

body.theme-light-default main .content .more,
body.theme-light-default main .content .more {
    color: var(--alert-color-warning);
}

    body.theme-light-default main .content .more:hover,
    body.theme-light-default main .content .more:hover,
    body.theme-light-default main .content .more:active {
        color: #50beff;
    }

    body.theme-light-default main .content .more::before {
        border-color: var(--alert-color-warning);
    }

    body.theme-light-default main .content .more::before {
        border-color: var(--alert-color-warning);
    }

    body.theme-light-default main .content .more:hover::before,
    body.theme-light-default main .content .more:hover::before,
    body.theme-light-default main .content .more:active::before {
        border-color: #50beff;
    }

body.theme-light-default main .search .codes ul.searched li a::before,
body.theme-light-default main .search .codes ul.searched li a::after {
    background: var(--alert-color-warning);
}

body.theme-light-default main .search button {
    background: #002455;
}

    body.theme-light-default main .search button:hover {
        background: #28508c;
    }

body.theme-light-default main .table-message {
    border: 1px solid #002455;
}

body.theme-light-default main .expanded > header > h2 a {
    color: #002455;
}

body.theme-light-default main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-light-default main .expanded > header > h2 a:hover,
    body.theme-light-default main .expanded > header > h2 a:hover,
    body.theme-light-default main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-light-default main .expanded > header > h2 a:hover::before,
        body.theme-light-default main .expanded > header > h2 a:hover::before,
        body.theme-light-default main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-light-default main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #ff5000;
}

    body.theme-light-default main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #ff8c00;
    }

body.theme-light-default .profile .warning {
    border-color: #ff0000;
}

    body.theme-light-default .profile .warning + p {
        color: #ff0000;
    }

body.theme-light-default .profile .message {
    border: 1px solid #002455;
}

body.theme-light-default footer .links h6,
body.theme-light-default footer .links .h6 {
    color: #556473;
}

body.theme-light-default footer .links ul li a {
    color: #96a0aa;
}

    body.theme-light-default footer .links ul li a:hover {
        color: var(--alert-color-warning);
    }

body.theme-light-default .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-light-default .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-light-default .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-light-default .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-light-default .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: var(--alert-color-warning);
    }

        body.theme-light-default .pattern-calculator .keyboard button.blue:hover {
            background: #50beff;
        }

    body.theme-light-default .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-light-default .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-light-default .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-light-default .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-light-default .modal-footer .btn.btn-danger {
    background: var(--alert-color-warning);
}

    body.theme-light-default .modal-footer .btn.btn-danger:hover {
        background: #50beff;
    }

/* light red */

body.theme-light-red ::selection {
    background: #ff3c3c;
}

body.theme-light-red ::-moz-selection {
    background: #ff3c3c;
}

body.theme-light-red a {
    color: #ff3c3c;
}

body.theme-light-red a {
    color: #e13232;
}

    body.theme-light-red a:hover,
    body.theme-light-red a:hover,
    body.theme-light-red a:active {
        color: #ff6e6e;
    }

    body.theme-light-red a.orange {
        color: #a00000;
    }

    body.theme-light-red a.orange {
        color: #780000;
    }

        body.theme-light-red a.orange:hover,
        body.theme-light-red a.orange:hover,
        body.theme-light-red a.orange:active {
            color: #dc0000;
        }

body.theme-light-red main .search .popup-container .popup .button,
body.theme-light-red main .search .popup-container .popup .button,
body.theme-light-red main .search .popup-container .popup button,
body.theme-light-red .button,
body.theme-light-red .button,
body.theme-light-red button {
    color: #fff;
    background: #ff3c3c;
}

    body.theme-light-red main .search .popup-container .popup .button:hover,
    body.theme-light-red main .search .popup-container .popup .button:hover,
    body.theme-light-red main .search .popup-container .popup .button:active,
    body.theme-light-red main .search .popup-container .popup button:hover,
    body.theme-light-red .button:hover,
    body.theme-light-red .button:hover,
    body.theme-light-red .button:active,
    body.theme-light-red button:hover {
        color: #fff;
        background: #ff6e6e;
    }

    body.theme-light-red .button.dark,
    body.theme-light-red .button.dark,
    body.theme-light-red button.dark {
        background: #002455;
    }

        body.theme-light-red .button.dark:hover,
        body.theme-light-red .button.dark:hover,
        body.theme-light-red .button.dark:active,
        body.theme-light-red button.dark:hover {
            background: #28508c;
        }

    body.theme-light-red main .search .popup-container .popup .button.orange,
    body.theme-light-red main .search .popup-container .popup .button.orange,
    body.theme-light-red main .search .popup-container .popup button.orange,
    body.theme-light-red .button.orange,
    body.theme-light-red .button.orange,
    body.theme-light-red button.orange {
        color: #fff;
        background: #a00000;
    }

        body.theme-light-red main .search .popup-container .popup .button.orange:hover,
        body.theme-light-red main .search .popup-container .popup .button.orange:hover,
        body.theme-light-red main .search .popup-container .popup .button.orange:active,
        body.theme-light-red main .search .popup-container .popup button.orange:hover,
        body.theme-light-red .button.orange:hover,
        body.theme-light-red .button.orange:hover,
        body.theme-light-red .button.orange:active,
        body.theme-light-red button.orange:hover {
            color: #fff;
            background: #dc0000;
        }

body.theme-light-red .select div select,
body.theme-light-red div.under-select select,
body.theme-light-red .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-light-red .select div:hover select,
    body.theme-light-red div.under-select:hover select,
    body.theme-light-red .dropdown button:hover {
        color: #ff3c3c;
    }

        body.theme-light-red .select div:hover::before,
        body.theme-light-red div.under-select:hover::before,
        body.theme-light-red .dropdown button:hover::after {
            border-color: #ff3c3c;
        }

body.theme-light-red .select.disabled div select,
body.theme-light-red .select.disabled div:hover select,
body.theme-light-red div.under-select.disabled select,
body.theme-light-red div.under-select.disabled:hover select,
body.theme-light-red .dropdown.disabled button,
body.theme-light-red .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-light-red .select.disabled div::before,
    body.theme-light-red .select.disabled div:hover::before,
    body.theme-light-red div.under-select.disabled::before,
    body.theme-light-red div.under-select.disabled:hover::before,
    body.theme-light-red .dropdown.disabled button::after,
    body.theme-light-red .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-light-red .dropdown ul a,
body.theme-light-red .dropdown ul a {
    color: #002455;
}

    body.theme-light-red .dropdown ul a:hover,
    body.theme-light-red .dropdown ul a:hover,
    body.theme-light-red .dropdown ul a:active {
        color: #ff3c3c;
    }

body.theme-light-red .dropdown.signature .button,
body.theme-light-red .dropdown.signature .button,
body.theme-light-red .dropdown.signature button {
    color: #fff;
    background: #ff3c3c;
}

    body.theme-light-red .dropdown.signature .button:hover,
    body.theme-light-red .dropdown.signature .button:hover,
    body.theme-light-red .dropdown.signature .button:active,
    body.theme-light-red .dropdown.signature button:hover {
        color: #fff;
        background: #ff6e6e;
    }

body.theme-light-red .dropdown.signature.dark .button,
body.theme-light-red .dropdown.signature.dark .button,
body.theme-light-red .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-light-red .dropdown.signature.dark .button:hover,
    body.theme-light-red .dropdown.signature.dark .button:hover,
    body.theme-light-red .dropdown.signature.dark .button:active,
    body.theme-light-red .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-light-red .dropdown.signature.orange .button,
body.theme-light-red .dropdown.signature.orange .button,
body.theme-light-red .dropdown.signature.orange button {
    background: #a00000;
}

    body.theme-light-red .dropdown.signature.orange .button:hover,
    body.theme-light-red .dropdown.signature.orange .button:hover,
    body.theme-light-red .dropdown.signature.orange .button:active,
    body.theme-light-red .dropdown.signature.orange button:hover {
        background: #dc0000;
    }

body.theme-light-red .dropdown.signature ul {
    background: #ff3c3c;
}

body.theme-light-red .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-light-red .dropdown.signature.orange ul {
    background: #a00000;
}

body.theme-light-red .dropdown.signature ul li a,
body.theme-light-red .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-light-red .dropdown.signature ul li a:hover,
    body.theme-light-red .dropdown.signature ul li a:hover,
    body.theme-light-red .dropdown.signature ul li a:active {
        background: #ff6e6e;
    }

body.theme-light-red .dropdown.signature.dark ul li a:hover,
body.theme-light-red .dropdown.signature.dark ul li a:hover,
body.theme-light-red .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-light-red .dropdown.signature.orange ul li a:hover,
body.theme-light-red .dropdown.signature.orange ul li a:hover,
body.theme-light-red .dropdown.signature.orange ul li a:active {
    background: #dc0000;
}

body.theme-light-red .checkbox input:checked ~ .checkmark,
body.theme-light-red .radio input:checked ~ .checkmark {
    background: #ff3c3c;
}

body.theme-light-red #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-light-red #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-light-red #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-light-red #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #ff3c3c;
}

body.theme-light-red #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-light-red #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-light-red #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-light-red #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-light-red #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #ff3c3c;
}

body.theme-light-red #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-light-red #ui-datepicker-div tbody td a:hover,
body.theme-light-red #ui-datepicker-div tbody td a:hover,
body.theme-light-red #ui-datepicker-div tbody td a:active,
body.theme-light-red #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-red #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-red #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-light-red #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-light-red #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-light-red #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-light-red #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-light-red .navbar .side-menu ul li.current,
body.theme-light-red .navbar .side-menu ul li.current a,
body.theme-light-red .navbar .side-menu ul li.current a {
    color: #ff3c3c;
}

    body.theme-light-red .navbar .side-menu ul li.current a:hover,
    body.theme-light-red .navbar .side-menu ul li.current a:hover,
    body.theme-light-red .navbar .side-menu ul li.current a:active {
        color: #ff6e6e;
    }

body.theme-light-red .navbar .side-menu ul li a,
body.theme-light-red .navbar .side-menu ul li a {
    color: #002455;
}

    body.theme-light-red .navbar .side-menu ul li a:hover,
    body.theme-light-red .navbar .side-menu ul li a:hover,
    body.theme-light-red .navbar .side-menu ul li a:active {
        color: #ff3c3c;
    }

body.theme-light-red #mobile-opener:hover span,
body.theme-light-red #mobile-opener:hover span,
body.theme-light-red #mobile-opener:active span {
    background: #ff3c3c;
}

body.theme-light-red #user .link,
body.theme-light-red #user .link {
    color: #002455;
}

    body.theme-light-red #user .link:hover,
    body.theme-light-red #user .link:hover,
    body.theme-light-red #user .link:active {
        color: #ff3c3c;
    }

body.theme-light-red #user .button,
body.theme-light-red #user .button {
    color: #ff3c3c;
    background: #fff;
    border: 2px solid #ff3c3c;
}

    body.theme-light-red #user .button:hover,
    body.theme-light-red #user .button:hover,
    body.theme-light-red #user .button:active {
        color: #002455;
    }

body.theme-light-red .help {
    background: url("../img/help-red.png");
    background-image: url("../img/help-red.svg"), none;
}

body.theme-light-red .favorites {
    background: url("../img/favorites-red.png");
    background-image: url("../img/favorites-red.svg"), none;
}

body.theme-light-red .notifications {
    background: #a00000;
}

body.theme-light-red #title-section #breadcrumbs li {
    color: #ff3c3c;
}

    body.theme-light-red #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-light-red #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-light-red #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-light-red #title-section #breadcrumbs li a:hover,
        body.theme-light-red #title-section #breadcrumbs li a:hover,
        body.theme-light-red #title-section #breadcrumbs li a:active {
            color: #ff3c3c;
        }

body.theme-light-red .tags li a:hover,
body.theme-light-red .tags li a:hover,
body.theme-light-red .tags li a:active,
body.theme-light-red .tags li .blue,
body.theme-light-red .tags li a.blue {
    color: #ff3c3c;
    border-color: #ff3c3c;
}

    body.theme-light-red .tags li a.blue:hover,
    body.theme-light-red .tags li a.blue:hover,
    body.theme-light-red .tags li a.blue:active {
        color: #ff6e6e;
        border-color: #ff6e6e;
    }

body.theme-light-red .tags li .orange,
body.theme-light-red .tags li a.orange {
    color: #a00000;
    border-color: #a00000;
}

    body.theme-light-red .tags li a.orange:hover,
    body.theme-light-red .tags li a.orange:hover,
    body.theme-light-red .tags li a.orange:active {
        color: #dc0000;
        border-color: #dc0000;
    }

body.theme-light-red .tags li button,
body.theme-light-red .tags li button,
body.theme-light-red .tags li button:hover,
body.theme-light-red .tags li button:hover,
body.theme-light-red .tags li button:active,
body.theme-light-red .tags li button.dark,
body.theme-light-red .tags li button.dark,
body.theme-light-red .tags li button.dark:hover,
body.theme-light-red .tags li button.dark:hover,
body.theme-light-red .tags li button.dark:active,
body.theme-light-red .tags li button.orange,
body.theme-light-red .tags li button.orange,
body.theme-light-red .tags li button.orange:hover,
body.theme-light-red .tags li button.orange:hover,
body.theme-light-red .tags li button.orange:active,
body.theme-light-red .tags li .button,
body.theme-light-red .tags li .button,
body.theme-light-red .tags li .button:hover,
body.theme-light-red .tags li .button:hover,
body.theme-light-red .tags li .button:active,
body.theme-light-red .tags li .button.dark,
body.theme-light-red .tags li .button.dark,
body.theme-light-red .tags li .button.dark:hover,
body.theme-light-red .tags li .button.dark:hover,
body.theme-light-red .tags li .button.dark:active,
body.theme-light-red .tags li .button.orange,
body.theme-light-red .tags li .button.orange,
body.theme-light-red .tags li .button.orange:hover,
body.theme-light-red .tags li .button.orange:hover,
body.theme-light-red .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-light-red .tabs li .current,
body.theme-light-red .tabs li .current {
    color: #002455;
}

body.theme-light-red .tabs li a,
body.theme-light-red .tabs li a {
    color: #96a0aa;
}

    body.theme-light-red .tabs li a:hover,
    body.theme-light-red .tabs li a:hover,
    body.theme-light-red .tabs li a:active {
        color: #ff3c3c;
    }

body.theme-light-red .tabs .underline {
    background: #ff3c3c;
}

body.theme-light-red main .edit.big-menu .message {
    border: 1px solid #002455;
}

body.theme-light-red main .content .more,
body.theme-light-red main .content .more {
    color: #ff3c3c;
}

    body.theme-light-red main .content .more:hover,
    body.theme-light-red main .content .more:hover,
    body.theme-light-red main .content .more:active {
        color: #ff6e6e;
    }

    body.theme-light-red main .content .more::before {
        border-color: #ff3c3c;
    }

    body.theme-light-red main .content .more::before {
        border-color: #ff3c3c;
    }

    body.theme-light-red main .content .more:hover::before,
    body.theme-light-red main .content .more:hover::before,
    body.theme-light-red main .content .more:active::before {
        border-color: #ff6e6e;
    }

body.theme-light-red main .search .codes ul.used li a::before,
body.theme-light-red main .search .codes ul.used li a::after {
    background: #a00000;
}

body.theme-light-red main .search .codes ul.searched li a::before,
body.theme-light-red main .search .codes ul.searched li a::after {
    background: #ff3c3c;
}

body.theme-light-red main .search button {
    background: #002455;
}

    body.theme-light-red main .search button:hover {
        background: #28508c;
    }

body.theme-light-red main .table-message {
    border: 1px solid #002455;
}

body.theme-light-red main .expanded > header > h2 a {
    color: #002455;
}

body.theme-light-red main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-light-red main .expanded > header > h2 a:hover,
    body.theme-light-red main .expanded > header > h2 a:hover,
    body.theme-light-red main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-light-red main .expanded > header > h2 a:hover::before,
        body.theme-light-red main .expanded > header > h2 a:hover::before,
        body.theme-light-red main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-light-red main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #a00000;
}

    body.theme-light-red main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #dc0000;
    }

body.theme-light-red .profile .warning {
    border-color: #ff0000;
}

    body.theme-light-red .profile .warning + p {
        color: #ff0000;
    }

body.theme-light-red .profile .message {
    border: 1px solid #002455;
}

body.theme-light-red footer .links .h6,
body.theme-light-red footer .links h6 {
    color: #556473;
}

body.theme-light-red footer .links ul li a {
    color: #96a0aa;
}

    body.theme-light-red footer .links ul li a:hover {
        color: #ff3c3c;
    }

body.theme-light-red .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-light-red .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-light-red .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-light-red .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-light-red .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #ff3c3c;
    }

        body.theme-light-red .pattern-calculator .keyboard button.blue:hover {
            background: #ff6e6e;
        }

    body.theme-light-red .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-light-red .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-light-red .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-light-red .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-light-red .modal-footer .btn.btn-danger {
    background: #ff3c3c;
}

    body.theme-light-red .modal-footer .btn.btn-danger:hover {
        background: #ff6e6e;
    }

/* light orange */

body.theme-light-orange ::selection {
    background: #ff8200;
}

body.theme-light-orange ::-moz-selection {
    background: #ff8200;
}

body.theme-light-orange a {
    color: #ff8200;
}

body.theme-light-orange a {
    color: #e16e00;
}

    body.theme-light-orange a:hover,
    body.theme-light-orange a:hover,
    body.theme-light-orange a:active {
        color: #ffa000;
    }

    body.theme-light-orange a.orange {
        color: #a00000;
    }

    body.theme-light-orange a.orange {
        color: #780000;
    }

        body.theme-light-orange a.orange:hover,
        body.theme-light-orange a.orange:hover,
        body.theme-light-orange a.orange:active {
            color: #dc0000;
        }

body.theme-light-orange main .search .popup-container .popup .button,
body.theme-light-orange main .search .popup-container .popup .button,
body.theme-light-orange main .search .popup-container .popup button,
body.theme-light-orange .button,
body.theme-light-orange .button,
body.theme-light-orange button {
    color: #fff;
    background: #ff8200;
}

    body.theme-light-orange main .search .popup-container .popup .button:hover,
    body.theme-light-orange main .search .popup-container .popup .button:hover,
    body.theme-light-orange main .search .popup-container .popup .button:active,
    body.theme-light-orange main .search .popup-container .popup button:hover,
    body.theme-light-orange .button:hover,
    body.theme-light-orange .button:hover,
    body.theme-light-orange .button:active,
    body.theme-light-orange button:hover {
        color: #fff;
        background: #ffa000;
    }

    body.theme-light-orange .button.dark,
    body.theme-light-orange .button.dark,
    body.theme-light-orange button.dark {
        background: #002455;
    }

        body.theme-light-orange .button.dark:hover,
        body.theme-light-orange .button.dark:hover,
        body.theme-light-orange .button.dark:active,
        body.theme-light-orange button.dark:hover {
            background: #28508c;
        }

    body.theme-light-orange main .search .popup-container .popup .button.orange,
    body.theme-light-orange main .search .popup-container .popup .button.orange,
    body.theme-light-orange main .search .popup-container .popup button.orange,
    body.theme-light-orange .button.orange,
    body.theme-light-orange .button.orange,
    body.theme-light-orange button.orange {
        color: #fff;
        background: #a00000;
    }

        body.theme-light-orange main .search .popup-container .popup .button.orange:hover,
        body.theme-light-orange main .search .popup-container .popup .button.orange:hover,
        body.theme-light-orange main .search .popup-container .popup .button.orange:active,
        body.theme-light-orange main .search .popup-container .popup button.orange:hover,
        body.theme-light-orange .button.orange:hover,
        body.theme-light-orange .button.orange:active,
        body.theme-light-orange button.orange:hover {
            color: #fff;
            background: #dc0000;
        }

body.theme-light-orange .select div select,
body.theme-light-orange div.under-select select,
body.theme-light-orange .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-light-orange .select div:hover select,
    body.theme-light-orange div.under-select:hover select,
    body.theme-light-orange .dropdown button:hover {
        color: #ff8200;
    }

        body.theme-light-orange .select div:hover::before,
        body.theme-light-orange div.under-select:hover::before,
        body.theme-light-orange .dropdown button:hover::after {
            border-color: #ff8200;
        }

body.theme-light-orange .select.disabled div select,
body.theme-light-orange .select.disabled div:hover select,
body.theme-light-orange div.under-select.disabled select,
body.theme-light-orange div.under-select.disabled:hover select,
body.theme-light-orange .dropdown.disabled button,
body.theme-light-orange .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-light-orange .select.disabled div::before,
    body.theme-light-orange .select.disabled div:hover::before,
    body.theme-light-orange div.under-select.disabled::before,
    body.theme-light-orange div.under-select.disabled:hover::before,
    body.theme-light-orange .dropdown.disabled button::after,
    body.theme-light-orange .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-light-orange .dropdown ul a,
body.theme-light-orange .dropdown ul a {
    color: #002455;
}

    body.theme-light-orange .dropdown ul a:hover,
    body.theme-light-orange .dropdown ul a:hover,
    body.theme-light-orange .dropdown ul a:active {
        color: #ff8200;
    }

body.theme-light-orange .dropdown.signature .button,
body.theme-light-orange .dropdown.signature .button,
body.theme-light-orange .dropdown.signature button {
    color: #fff;
    background: #ff8200;
}

    body.theme-light-orange .dropdown.signature .button:hover,
    body.theme-light-orange .dropdown.signature .button:hover,
    body.theme-light-orange .dropdown.signature .button:active,
    body.theme-light-orange .dropdown.signature button:hover {
        color: #fff;
        background: #ffa000;
    }

body.theme-light-orange .dropdown.signature.dark .button,
body.theme-light-orange .dropdown.signature.dark .button,
body.theme-light-orange .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-light-orange .dropdown.signature.dark .button:hover,
    body.theme-light-orange .dropdown.signature.dark .button:hover,
    body.theme-light-orange .dropdown.signature.dark .button:active,
    body.theme-light-orange .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-light-orange .dropdown.signature.orange .button,
body.theme-light-orange .dropdown.signature.orange .button,
body.theme-light-orange .dropdown.signature.orange button {
    background: #a00000;
}

    body.theme-light-orange .dropdown.signature.orange .button:hover,
    body.theme-light-orange .dropdown.signature.orange .button:hover,
    body.theme-light-orange .dropdown.signature.orange .button:active,
    body.theme-light-orange .dropdown.signature.orange button:hover {
        background: #dc0000;
    }

body.theme-light-orange .dropdown.signature ul {
    background: #ff8200;
}

body.theme-light-orange .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-light-orange .dropdown.signature.orange ul {
    background: #a00000;
}

body.theme-light-orange .dropdown.signature ul li a,
body.theme-light-orange .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-light-orange .dropdown.signature ul li a:hover,
    body.theme-light-orange .dropdown.signature ul li a:hover,
    body.theme-light-orange .dropdown.signature ul li a:active {
        background: #ffa000;
    }

body.theme-light-orange .dropdown.signature.dark ul li a:hover,
body.theme-light-orange .dropdown.signature.dark ul li a:hover,
body.theme-light-orange .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-light-orange .dropdown.signature.orange ul li a:hover,
body.theme-light-orange .dropdown.signature.orange ul li a:hover,
body.theme-light-orange .dropdown.signature.orange ul li a:active {
    background: #dc0000;
}

body.theme-light-orange .checkbox input:checked ~ .checkmark,
body.theme-light-orange .radio input:checked ~ .checkmark {
    background: #ff8200;
}

body.theme-light-orange #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-light-orange #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-light-orange #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-light-orange #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #ff8200;
}

body.theme-light-orange #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-light-orange #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-light-orange #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-light-orange #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-light-orange #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #ff8200;
}

body.theme-light-orange #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-light-orange #ui-datepicker-div tbody td a:hover,
body.theme-light-orange #ui-datepicker-div tbody td a:hover,
body.theme-light-orange #ui-datepicker-div tbody td a:active,
body.theme-light-orange #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-orange #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-orange #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-light-orange #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-light-orange #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-light-orange #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-light-orange #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-light-orange .navbar .side-menu ul li.current,
body.theme-light-orange .navbar .side-menu ul li.current a,
body.theme-light-orange .navbar .side-menu ul li.current a {
    color: #ff8200;
}

    body.theme-light-orange .navbar .side-menu ul li.current a:hover,
    body.theme-light-orange .navbar .side-menu ul li.current a:hover,
    body.theme-light-orange .navbar .side-menu ul li.current a:active {
        color: #ffa000;
    }

body.theme-light-orange .navbar .side-menu ul li a,
body.theme-light-orange .navbar .side-menu ul li a {
    color: #002455;
}

    body.theme-light-orange .navbar .side-menu ul li a:hover,
    body.theme-light-orange .navbar .side-menu ul li a:hover,
    body.theme-light-orange .navbar .side-menu ul li a:active {
        color: #ff8200;
    }

body.theme-light-orange #mobile-opener:hover span,
body.theme-light-orange #mobile-opener:hover span,
body.theme-light-orange #mobile-opener:active span {
    background: #ff8200;
}

body.theme-light-orange #user .link,
body.theme-light-orange #user .link {
    color: #002455;
}

    body.theme-light-orange #user .link:hover,
    body.theme-light-orange #user .link:hover,
    body.theme-light-orange #user .link:active {
        color: #ff8200;
    }

body.theme-light-orange #user .button,
body.theme-light-orange #user .button {
    color: #ff8200;
    background: #fff;
    border: 2px solid #ff8200;
}

    body.theme-light-orange #user .button:hover,
    body.theme-light-orange #user .button:hover,
    body.theme-light-orange #user .button:active {
        color: #002455;
    }

body.theme-light-orange .help {
    background: url("../img/help-orange.png");
    background-image: url("../img/help-orange.svg"), none;
}

body.theme-light-orange .favorites {
    background: url("../img/favorites-orange.png");
    background-image: url("../img/favorites-orange.svg"), none;
}

body.theme-light-orange .notifications {
    background: #a00000;
}

body.theme-light-orange #title-section #breadcrumbs li {
    color: #ff8200;
}

    body.theme-light-orange #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-light-orange #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-light-orange #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-light-orange #title-section #breadcrumbs li a:hover,
        body.theme-light-orange #title-section #breadcrumbs li a:hover,
        body.theme-light-orange #title-section #breadcrumbs li a:active {
            color: #ff8200;
        }

body.theme-light-orange .tags li a:hover,
body.theme-light-orange .tags li a:hover,
body.theme-light-orange .tags li a:active,
body.theme-light-orange .tags li .blue,
body.theme-light-orange .tags li a.blue {
    color: #ff8200;
    border-color: #ff8200;
}

    body.theme-light-orange .tags li a.blue:hover,
    body.theme-light-orange .tags li a.blue:hover,
    body.theme-light-orange .tags li a.blue:active {
        color: #ffa000;
        border-color: #ffa000;
    }

body.theme-light-orange .tags li .orange,
body.theme-light-orange .tags li a.orange {
    color: #a00000;
    border-color: #a00000;
}

    body.theme-light-orange .tags li a.orange:hover,
    body.theme-light-orange .tags li a.orange:hover,
    body.theme-light-orange .tags li a.orange:active {
        color: #dc0000;
        border-color: #dc0000;
    }

body.theme-light-orange .tags li button,
body.theme-light-orange .tags li button,
body.theme-light-orange .tags li button:hover,
body.theme-light-orange .tags li button:hover,
body.theme-light-orange .tags li button:active,
body.theme-light-orange .tags li button.dark,
body.theme-light-orange .tags li button.dark,
body.theme-light-orange .tags li button.dark:hover,
body.theme-light-orange .tags li button.dark:hover,
body.theme-light-orange .tags li button.dark:active,
body.theme-light-orange .tags li button.orange,
body.theme-light-orange .tags li button.orange,
body.theme-light-orange .tags li button.orange:hover,
body.theme-light-orange .tags li button.orange:hover,
body.theme-light-orange .tags li button.orange:active,
body.theme-light-orange .tags li .button,
body.theme-light-orange .tags li .button,
body.theme-light-orange .tags li .button:hover,
body.theme-light-orange .tags li .button:hover,
body.theme-light-orange .tags li .button:active,
body.theme-light-orange .tags li .button.dark,
body.theme-light-orange .tags li .button.dark,
body.theme-light-orange .tags li .button.dark:hover,
body.theme-light-orange .tags li .button.dark:hover,
body.theme-light-orange .tags li .button.dark:active,
body.theme-light-orange .tags li .button.orange,
body.theme-light-orange .tags li .button.orange,
body.theme-light-orange .tags li .button.orange:hover,
body.theme-light-orange .tags li .button.orange:hover,
body.theme-light-orange .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-light-orange .tabs li .current,
body.theme-light-orange .tabs li .current {
    color: #002455;
}

body.theme-light-orange .tabs li a,
body.theme-light-orange .tabs li a {
    color: #96a0aa;
}

    body.theme-light-orange .tabs li a:hover,
    body.theme-light-orange .tabs li a:hover,
    body.theme-light-orange .tabs li a:active {
        color: #ff8200;
    }

body.theme-light-orange .tabs .underline {
    background: #ff8200;
}

body.theme-light-orange main .edit.big-menu .message {
    border: 1px solid #002455;
}

body.theme-light-orange main .content .more,
body.theme-light-orange main .content .more {
    color: #ff8200;
}

    body.theme-light-orange main .content .more:hover,
    body.theme-light-orange main .content .more:hover,
    body.theme-light-orange main .content .more:active {
        color: #ffa000;
    }

    body.theme-light-orange main .content .more::before {
        border-color: #ff8200;
    }

    body.theme-light-orange main .content .more::before {
        border-color: #ff8200;
    }

    body.theme-light-orange main .content .more:hover::before,
    body.theme-light-orange main .content .more:hover::before,
    body.theme-light-orange main .content .more:active::before {
        border-color: #ffa000;
    }

body.theme-light-orange main .search .codes ul.used li a::before,
body.theme-light-orange main .search .codes ul.used li a::after {
    background: #a00000;
}

body.theme-light-orange main .search .codes ul.searched li a::before,
body.theme-light-orange main .search .codes ul.searched li a::after {
    background: #ff8200;
}

body.theme-light-orange main .search button {
    background: #002455;
}

    body.theme-light-orange main .search button:hover {
        background: #28508c;
    }

body.theme-light-orange main .table-message {
    border: 1px solid #002455;
}

body.theme-light-orange main .expanded > header > h2 a {
    color: #002455;
}

body.theme-light-orange main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-light-orange main .expanded > header > h2 a:hover,
    body.theme-light-orange main .expanded > header > h2 a:hover,
    body.theme-light-orange main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-light-orange main .expanded > header > h2 a:hover::before,
        body.theme-light-orange main .expanded > header > h2 a:hover::before,
        body.theme-light-orange main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-light-orange main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #a00000;
}

    body.theme-light-orange main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #dc0000;
    }

body.theme-light-orange .profile .warning {
    border-color: #ff0000;
}

    body.theme-light-orange .profile .warning + p {
        color: #ff0000;
    }

body.theme-light-orange .profile .message {
    border: 1px solid #002455;
}

body.theme-light-orange footer .links .h6,
body.theme-light-orange footer .links h6 {
    color: #556473;
}

body.theme-light-orange footer .links ul li a {
    color: #96a0aa;
}

    body.theme-light-orange footer .links ul li a:hover {
        color: #ff8200;
    }

body.theme-light-orange .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-light-orange .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-light-orange .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-light-orange .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-light-orange .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #ff8200;
    }

        body.theme-light-orange .pattern-calculator .keyboard button.blue:hover {
            background: #ffa000;
        }

    body.theme-light-orange .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-light-orange .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-light-orange .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-light-orange .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-light-orange .modal-footer .btn.btn-danger {
    background: #ff8200;
}

    body.theme-light-orange .modal-footer .btn.btn-danger:hover {
        background: #ffa000;
    }

/* light yellow */

body.theme-light-yellow ::selection {
    background: #ffaa00;
}

body.theme-light-yellow ::-moz-selection {
    background: #ffaa00;
}

body.theme-light-yellow a {
    color: #ffaa00;
}

body.theme-light-yellow a {
    color: #e19600;
}

    body.theme-light-yellow a:hover,
    body.theme-light-yellow a:hover,
    body.theme-light-yellow a:active {
        color: #ffbe00;
    }

    body.theme-light-yellow a.orange {
        color: #a00000;
    }

    body.theme-light-yellow a.orange {
        color: #780000;
    }

        body.theme-light-yellow a.orange:hover,
        body.theme-light-yellow a.orange:hover,
        body.theme-light-yellow a.orange:active {
            color: #dc0000;
        }

body.theme-light-yellow main .search .popup-container .popup .button,
body.theme-light-yellow main .search .popup-container .popup .button,
body.theme-light-yellow main .search .popup-container .popup button,
body.theme-light-yellow .button,
body.theme-light-yellow .button,
body.theme-light-yellow button {
    color: #fff;
    background: #ffaa00;
}

    body.theme-light-yellow main .search .popup-container .popup .button:hover,
    body.theme-light-yellow main .search .popup-container .popup .button:hover,
    body.theme-light-yellow main .search .popup-container .popup .button:active,
    body.theme-light-yellow main .search .popup-container .popup button:hover,
    body.theme-light-yellow .button:hover,
    body.theme-light-yellow .button:hover,
    body.theme-light-yellow .button:active,
    body.theme-light-yellow button:hover {
        color: #fff;
        background: #ffbe00;
    }

    body.theme-light-yellow .button.dark,
    body.theme-light-yellow .button.dark,
    body.theme-light-yellow button.dark {
        background: #002455;
    }

        body.theme-light-yellow .button.dark:hover,
        body.theme-light-yellow .button.dark:hover,
        body.theme-light-yellow .button.dark:active,
        body.theme-light-yellow button.dark:hover {
            background: #28508c;
        }

    body.theme-light-yellow main .search .popup-container .popup .button.orange,
    body.theme-light-yellow main .search .popup-container .popup .button.orange,
    body.theme-light-yellow main .search .popup-container .popup button.orange,
    body.theme-light-yellow .button.orange,
    body.theme-light-yellow .button.orange,
    body.theme-light-yellow button.orange {
        color: #fff;
        background: #a00000;
    }

        body.theme-light-yellow main .search .popup-container .popup .button.orange:hover,
        body.theme-light-yellow main .search .popup-container .popup .button.orange:hover,
        body.theme-light-yellow main .search .popup-container .popup .button.orange:active,
        body.theme-light-yellow main .search .popup-container .popup button.orange:hover,
        body.theme-light-yellow .button.orange:hover,
        body.theme-light-yellow .button.orange:hover,
        body.theme-light-yellow .button.orange:active,
        body.theme-light-yellow button.orange:hover {
            color: #fff;
            background: #dc0000;
        }

body.theme-light-yellow .select div select,
body.theme-light-yellow div.under-select select,
body.theme-light-yellow .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-light-yellow .select div:hover select,
    body.theme-light-yellow div.under-select:hover select,
    body.theme-light-yellow .dropdown button:hover {
        color: #ffaa00;
    }

        body.theme-light-yellow .select div:hover::before,
        body.theme-light-yellow div.under-select:hover::before,
        body.theme-light-yellow .dropdown button:hover::after {
            border-color: #ffaa00;
        }

body.theme-light-yellow .select.disabled div select,
body.theme-light-yellow .select.disabled div:hover select,
body.theme-light-yellow div.under-select.disabled select,
body.theme-light-yellow div.under-select.disabled:hover select,
body.theme-light-yellow .dropdown.disabled button,
body.theme-light-yellow .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-light-yellow .select.disabled div::before,
    body.theme-light-yellow .select.disabled div:hover::before,
    body.theme-light-yellow div.under-select.disabled::before,
    body.theme-light-yellow div.under-select.disabled:hover::before,
    body.theme-light-yellow .dropdown.disabled button::after,
    body.theme-light-yellow .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-light-yellow .dropdown ul a,
body.theme-light-yellow .dropdown ul a {
    color: #002455;
}

    body.theme-light-yellow .dropdown ul a:hover,
    body.theme-light-yellow .dropdown ul a:hover,
    body.theme-light-yellow .dropdown ul a:active {
        color: #ffaa00;
    }

body.theme-light-yellow .dropdown.signature .button,
body.theme-light-yellow .dropdown.signature .button,
body.theme-light-yellow .dropdown.signature button {
    color: #fff;
    background: #ffaa00;
}

    body.theme-light-yellow .dropdown.signature .button:hover,
    body.theme-light-yellow .dropdown.signature .button:hover,
    body.theme-light-yellow .dropdown.signature .button:active,
    body.theme-light-yellow .dropdown.signature button:hover {
        color: #fff;
        background: #ffbe00;
    }

body.theme-light-yellow .dropdown.signature.dark .button,
body.theme-light-yellow .dropdown.signature.dark .button,
body.theme-light-yellow .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-light-yellow .dropdown.signature.dark .button:hover,
    body.theme-light-yellow .dropdown.signature.dark .button:hover,
    body.theme-light-yellow .dropdown.signature.dark .button:active,
    body.theme-light-yellow .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-light-yellow .dropdown.signature.orange .button,
body.theme-light-yellow .dropdown.signature.orange .button,
body.theme-light-yellow .dropdown.signature.orange button {
    background: #a00000;
}

    body.theme-light-yellow .dropdown.signature.orange .button:hover,
    body.theme-light-yellow .dropdown.signature.orange .button:hover,
    body.theme-light-yellow .dropdown.signature.orange .button:active,
    body.theme-light-yellow .dropdown.signature.orange button:hover {
        background: #dc0000;
    }

body.theme-light-yellow .dropdown.signature ul {
    background: #ffaa00;
}

body.theme-light-yellow .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-light-yellow .dropdown.signature.orange ul {
    background: #a00000;
}

body.theme-light-yellow .dropdown.signature ul li a,
body.theme-light-yellow .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-light-yellow .dropdown.signature ul li a:hover,
    body.theme-light-yellow .dropdown.signature ul li a:hover,
    body.theme-light-yellow .dropdown.signature ul li a:active {
        background: #ffbe00;
    }

body.theme-light-yellow .dropdown.signature.dark ul li a:hover,
body.theme-light-yellow .dropdown.signature.dark ul li a:hover,
body.theme-light-yellow .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-light-yellow .dropdown.signature.orange ul li a:hover,
body.theme-light-yellow .dropdown.signature.orange ul li a:hover,
body.theme-light-yellow .dropdown.signature.orange ul li a:active {
    background: #dc0000;
}

body.theme-light-yellow .checkbox input:checked ~ .checkmark,
body.theme-light-yellow .radio input:checked ~ .checkmark {
    background: #ffaa00;
}

body.theme-light-yellow #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-light-yellow #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-light-yellow #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-light-yellow #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #ffaa00;
}

body.theme-light-yellow #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-light-yellow #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-light-yellow #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-light-yellow #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-light-yellow #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #ffaa00;
}

body.theme-light-yellow #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-light-yellow #ui-datepicker-div tbody td a:hover,
body.theme-light-yellow #ui-datepicker-div tbody td a:hover,
body.theme-light-yellow #ui-datepicker-div tbody td a:active,
body.theme-light-yellow #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-yellow #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-yellow #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-light-yellow #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-light-yellow #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-light-yellow #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-light-yellow #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-light-yellow .navbar .side-menu ul li.current,
body.theme-light-yellow .navbar .side-menu ul li.current a,
body.theme-light-yellow .navbar .side-menu ul li.current a {
    color: #ffaa00;
}

    body.theme-light-yellow .navbar .side-menu ul li.current a:hover,
    body.theme-light-yellow .navbar .side-menu ul li.current a:hover,
    body.theme-light-yellow .navbar .side-menu ul li.current a:active {
        color: #ffbe00;
    }

body.theme-light-yellow .navbar .side-menu ul li a,
body.theme-light-yellow .navbar .side-menu ul li a {
    color: #002455;
}

    body.theme-light-yellow .navbar .side-menu ul li a:hover,
    body.theme-light-yellow .navbar .side-menu ul li a:hover,
    body.theme-light-yellow .navbar .side-menu ul li a:active {
        color: #ffaa00;
    }

body.theme-light-yellow #mobile-opener:hover span,
body.theme-light-yellow #mobile-opener:hover span,
body.theme-light-yellow #mobile-opener:active span {
    background: #ffaa00;
}

body.theme-light-yellow #user .link,
body.theme-light-yellow #user .link {
    color: #002455;
}

    body.theme-light-yellow #user .link:hover,
    body.theme-light-yellow #user .link:hover,
    body.theme-light-yellow #user .link:active {
        color: #ffaa00;
    }

body.theme-light-yellow #user .button,
body.theme-light-yellow #user .button {
    color: #ffaa00;
    background: #fff;
    border: 2px solid #ffaa00;
}

    body.theme-light-yellow #user .button:hover,
    body.theme-light-yellow #user .button:hover,
    body.theme-light-yellow #user .button:active {
        color: #002455;
    }

body.theme-light-yellow .help {
    background: url("../img/help-yellow.png");
    background-image: url("../img/help-yellow.svg"), none;
}

body.theme-light-yellow .favorites {
    background: url("../img/favorites-yellow.png");
    background-image: url("../img/favorites-yellow.svg"), none;
}

body.theme-light-yellow .notifications {
    background: #a00000;
}

body.theme-light-yellow #title-section #breadcrumbs li {
    color: #ffaa00;
}

    body.theme-light-yellow #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-light-yellow #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-light-yellow #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-light-yellow #title-section #breadcrumbs li a:hover,
        body.theme-light-yellow #title-section #breadcrumbs li a:hover,
        body.theme-light-yellow #title-section #breadcrumbs li a:active {
            color: #ffaa00;
        }

body.theme-light-yellow .tags li a:hover,
body.theme-light-yellow .tags li a:hover,
body.theme-light-yellow .tags li a:active,
body.theme-light-yellow .tags li .blue,
body.theme-light-yellow .tags li a.blue {
    color: #ffaa00;
    border-color: #ffaa00;
}

    body.theme-light-yellow .tags li a.blue:hover,
    body.theme-light-yellow .tags li a.blue:hover,
    body.theme-light-yellow .tags li a.blue:active {
        color: #ffbe00;
        border-color: #ffbe00;
    }

body.theme-light-yellow .tags li .orange,
body.theme-light-yellow .tags li a.orange {
    color: #a00000;
    border-color: #a00000;
}

    body.theme-light-yellow .tags li a.orange:hover,
    body.theme-light-yellow .tags li a.orange:hover,
    body.theme-light-yellow .tags li a.orange:active {
        color: #dc0000;
        border-color: #dc0000;
    }

body.theme-light-yellow .tags li button,
body.theme-light-yellow .tags li button,
body.theme-light-yellow .tags li button:hover,
body.theme-light-yellow .tags li button:hover,
body.theme-light-yellow .tags li button:active,
body.theme-light-yellow .tags li button.dark,
body.theme-light-yellow .tags li button.dark,
body.theme-light-yellow .tags li button.dark:hover,
body.theme-light-yellow .tags li button.dark:hover,
body.theme-light-yellow .tags li button.dark:active,
body.theme-light-yellow .tags li button.orange,
body.theme-light-yellow .tags li button.orange,
body.theme-light-yellow .tags li button.orange:hover,
body.theme-light-yellow .tags li button.orange:hover,
body.theme-light-yellow .tags li button.orange:active,
body.theme-light-yellow .tags li .button,
body.theme-light-yellow .tags li .button,
body.theme-light-yellow .tags li .button:hover,
body.theme-light-yellow .tags li .button:hover,
body.theme-light-yellow .tags li .button:active,
body.theme-light-yellow .tags li .button.dark,
body.theme-light-yellow .tags li .button.dark,
body.theme-light-yellow .tags li .button.dark:hover,
body.theme-light-yellow .tags li .button.dark:hover,
body.theme-light-yellow .tags li .button.dark:active,
body.theme-light-yellow .tags li .button.orange,
body.theme-light-yellow .tags li .button.orange,
body.theme-light-yellow .tags li .button.orange:hover,
body.theme-light-yellow .tags li .button.orange:hover,
body.theme-light-yellow .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-light-yellow .tabs li .current,
body.theme-light-yellow .tabs li .current {
    color: #002455;
}

body.theme-light-yellow .tabs li a,
body.theme-light-yellow .tabs li a {
    color: #96a0aa;
}

    body.theme-light-yellow .tabs li a:hover,
    body.theme-light-yellow .tabs li a:hover,
    body.theme-light-yellow .tabs li a:active {
        color: #ffaa00;
    }

body.theme-light-yellow .tabs .underline {
    background: #ffaa00;
}

body.theme-light-yellow main .edit.big-menu .message {
    border: 1px solid #002455;
}



body.theme-light-yellow main .content .more,
body.theme-light-yellow main .content .more {
    color: #ffaa00;
}

    body.theme-light-yellow main .content .more:hover,
    body.theme-light-yellow main .content .more:hover,
    body.theme-light-yellow main .content .more:active {
        color: #ffbe00;
    }

    body.theme-light-yellow main .content .more::before {
        border-color: #ffaa00;
    }

    body.theme-light-yellow main .content .more::before {
        border-color: #ffaa00;
    }

    body.theme-light-yellow main .content .more:hover::before,
    body.theme-light-yellow main .content .more:hover::before,
    body.theme-light-yellow main .content .more:active::before {
        border-color: #ffbe00;
    }

body.theme-light-yellow main .search .codes ul.used li a::before,
body.theme-light-yellow main .search .codes ul.used li a::after {
    background: #a00000;
}

body.theme-light-yellow main .search .codes ul.searched li a::before,
body.theme-light-yellow main .search .codes ul.searched li a::after {
    background: #ffaa00;
}

body.theme-light-yellow main .search button {
    background: #002455;
}

    body.theme-light-yellow main .search button:hover {
        background: #28508c;
    }

body.theme-light-yellow main .table-message {
    border: 1px solid #002455;
}

body.theme-light-yellow main .expanded > header > h2 a {
    color: #002455;
}

body.theme-light-yellow main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-light-yellow main .expanded > header > h2 a:hover,
    body.theme-light-yellow main .expanded > header > h2 a:hover,
    body.theme-light-yellow main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-light-yellow main .expanded > header > h2 a:hover::before,
        body.theme-light-yellow main .expanded > header > h2 a:hover::before,
        body.theme-light-yellow main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-light-yellow main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #a00000;
}

    body.theme-light-yellow main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #dc0000;
    }

body.theme-light-yellow .profile .warning {
    border-color: #ff0000;
}

    body.theme-light-yellow .profile .warning + p {
        color: #ff0000;
    }

body.theme-light-yellow .profile .message {
    border: 1px solid #002455;
}

body.theme-light-yellow footer .links .h6,
body.theme-light-yellow footer .links h6 {
    color: #556473;
}

body.theme-light-yellow footer .links ul li a {
    color: #96a0aa;
}

    body.theme-light-yellow footer .links ul li a:hover {
        color: #ffaa00;
    }

body.theme-light-yellow .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-light-yellow .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-light-yellow .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-light-yellow .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-light-yellow .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #ffaa00;
    }

        body.theme-light-yellow .pattern-calculator .keyboard button.blue:hover {
            background: #ffbe00;
        }

    body.theme-light-yellow .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-light-yellow .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-light-yellow .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-light-yellow .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-light-yellow .modal-footer .btn.btn-danger {
    background: #ffaa00;
}

    body.theme-light-yellow .modal-footer .btn.btn-danger:hover {
        background: #ffbe00;
    }

/* light green */

body.theme-light-green ::selection {
    background: #00c800;
}

body.theme-light-green ::-moz-selection {
    background: #00c800;
}

body.theme-light-green a {
    color: #00c800;
}

body.theme-light-green a {
    color: #00aa00;
}

    body.theme-light-green a:hover,
    body.theme-light-green a:hover,
    body.theme-light-green a:active {
        color: #00dc00;
    }

    body.theme-light-green a.orange {
        color: #ff5000;
    }

    body.theme-light-green a.orange {
        color: #dc3c00;
    }

        body.theme-light-green a.orange:hover,
        body.theme-light-green a.orange:hover,
        body.theme-light-green a.orange:active {
            color: #ff8c00;
        }

body.theme-light-green main .search .popup-container .popup.button,
body.theme-light-green main .search .popup-container .popup.button,
body.theme-light-green main .search .popup-container .popup button,
body.theme-light-green .button,
body.theme-light-green .button,
body.theme-light-green button {
    color: #fff;
    background: #00c800;
}

    body.theme-light-green main .search .popup-container .popup .button:hover,
    body.theme-light-green main .search .popup-container .popup .button:hover,
    body.theme-light-green main .search .popup-container .popup .button:active,
    body.theme-light-green main .search .popup-container .popup button:hover,
    body.theme-light-green .button:hover,
    body.theme-light-green .button:hover,
    body.theme-light-green .button:active,
    body.theme-light-green button:hover {
        color: #fff;
        background: #00dc00;
    }

    body.theme-light-green .button.dark,
    body.theme-light-green .button.dark,
    body.theme-light-green button.dark {
        background: #002455;
    }

        body.theme-light-green .button.dark:hover,
        body.theme-light-green .button.dark:hover,
        body.theme-light-green .button.dark:active,
        body.theme-light-green button.dark:hover {
            background: #28508c;
        }

    body.theme-light-green main .search .popup-container .popup .button.orange,
    body.theme-light-green main .search .popup-container .popup .button.orange,
    body.theme-light-green main .search .popup-container .popup button.orange,
    body.theme-light-green button.orange,
    body.theme-light-green .button.orange,
    body.theme-light-green button.orange {
        color: #fff;
        background: #ff5000;
    }

        body.theme-light-green main .search .popup-container .popup .button.orange:hover,
        body.theme-light-green main .search .popup-container .popup .button.orange:hover,
        body.theme-light-green main .search .popup-container .popup .button.orange:active,
        body.theme-light-green main .search .popup-container .popup button.orange:hover,
        body.theme-light-green .button.orange:hover,
        body.theme-light-green .button.orange:hover,
        body.theme-light-green .button.orange:active,
        body.theme-light-green button.orange:hover {
            color: #fff;
            background: #ff8c00;
        }

body.theme-light-green .select div select,
body.theme-light-green div.under-select select,
body.theme-light-green .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-light-green .select div:hover select,
    body.theme-light-green div.under-select:hover select,
    body.theme-light-green .dropdown button:hover {
        color: #00c800;
    }

        body.theme-light-green .select div:hover::before,
        body.theme-light-green div.under-select:hover::before,
        body.theme-light-green .dropdown button:hover::after {
            border-color: #00c800;
        }

body.theme-light-green .select.disabled div select,
body.theme-light-green .select.disabled div:hover select,
body.theme-light-green div.under-select.disabled select,
body.theme-light-green div.under-select.disabled:hover select,
body.theme-light-green .dropdown.disabled button,
body.theme-light-green .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-light-green .select.disabled div::before,
    body.theme-light-green .select.disabled div:hover::before,
    body.theme-light-green div.under-select.disabled::before,
    body.theme-light-green div.under-select.disabled:hover::before,
    body.theme-light-green .dropdown.disabled button::after,
    body.theme-light-green .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-light-green .dropdown ul a,
body.theme-light-green .dropdown ul a {
    color: #002455;
}

    body.theme-light-green .dropdown ul a:hover,
    body.theme-light-green .dropdown ul a:hover,
    body.theme-light-green .dropdown ul a:active {
        color: #00c800;
    }

body.theme-light-green .dropdown.signature .button,
body.theme-light-green .dropdown.signature .button,
body.theme-light-green .dropdown.signature button {
    color: #fff;
    background: #00c800;
}

    body.theme-light-green .dropdown.signature .button:hover,
    body.theme-light-green .dropdown.signature .button:hover,
    body.theme-light-green .dropdown.signature .button:active,
    body.theme-light-green .dropdown.signature button:hover {
        color: #fff;
        background: #00dc00;
    }

body.theme-light-green .dropdown.signature.dark .button,
body.theme-light-green .dropdown.signature.dark .button,
body.theme-light-green .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-light-green .dropdown.signature.dark .button:hover,
    body.theme-light-green .dropdown.signature.dark .button:hover,
    body.theme-light-green .dropdown.signature.dark .button:active,
    body.theme-light-green .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-light-green .dropdown.signature.orange .button,
body.theme-light-green .dropdown.signature.orange .button,
body.theme-light-green .dropdown.signature.orange button {
    background: #ff5000;
}

    body.theme-light-green .dropdown.signature.orange .button:hover,
    body.theme-light-green .dropdown.signature.orange .button:hover,
    body.theme-light-green .dropdown.signature.orange .button:active,
    body.theme-light-green .dropdown.signature.orange button:hover {
        background: #ff8c00;
    }

body.theme-light-green .dropdown.signature ul {
    background: #00c800;
}

body.theme-light-green .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-light-green .dropdown.signature.orange ul {
    background: #ff5000;
}

body.theme-light-green .dropdown.signature ul li a,
body.theme-light-green .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-light-green .dropdown.signature ul li a:hover,
    body.theme-light-green .dropdown.signature ul li a:hover,
    body.theme-light-green .dropdown.signature ul li a:active {
        background: #00dc00;
    }

body.theme-light-green .dropdown.signature.dark ul li a:hover,
body.theme-light-green .dropdown.signature.dark ul li a:hover,
body.theme-light-green .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-light-green .dropdown.signature.orange ul li a:hover,
body.theme-light-green .dropdown.signature.orange ul li a:hover,
body.theme-light-green .dropdown.signature.orange ul li a:active {
    background: #ff8c00;
}

body.theme-light-green .checkbox input:checked ~ .checkmark,
body.theme-light-green .radio input:checked ~ .checkmark {
    background: #00c800;
}

body.theme-light-green #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-light-green #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-light-green #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-light-green #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #00c800;
}

body.theme-light-green #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-light-green #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-light-green #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-light-green #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-light-green #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #00c800;
}

body.theme-light-green #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-light-green #ui-datepicker-div tbody td a:hover,
body.theme-light-green #ui-datepicker-div tbody td a:hover,
body.theme-light-green #ui-datepicker-div tbody td a:active,
body.theme-light-green #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-green #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-green #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-light-green #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-light-green #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-light-green #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-light-green #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-light-green .navbar .side-menu ul li.current,
body.theme-light-green .navbar .side-menu ul li.current a,
body.theme-light-green .navbar .side-menu ul li.current a {
    color: #00c800;
}

    body.theme-light-green .navbar .side-menu ul li.current a:hover,
    body.theme-light-green .navbar .side-menu ul li.current a:hover,
    body.theme-light-green .navbar .side-menu ul li.current a:active {
        color: #00dc00;
    }

body.theme-light-green .navbar .side-menu ul li a,
body.theme-light-green .navbar .side-menu ul li a {
    color: #002455;
}

    body.theme-light-green .navbar .side-menu ul li a:hover,
    body.theme-light-green .navbar .side-menu ul li a:hover,
    body.theme-light-green .navbar .side-menu ul li a:active {
        color: #00c800;
    }

body.theme-light-green #mobile-opener:hover span,
body.theme-light-green #mobile-opener:hover span,
body.theme-light-green #mobile-opener:active span {
    background: #00c800;
}

body.theme-light-green #user .link,
body.theme-light-green #user .link {
    color: #002455;
}

    body.theme-light-green #user .link:hover,
    body.theme-light-green #user .link:hover,
    body.theme-light-green #user .link:active {
        color: #00c800;
    }

body.theme-light-green #user .button,
body.theme-light-green #user .button {
    color: #00c800;
    background: #fff;
    border: 2px solid #00c800;
}

    body.theme-light-green #user .button:hover,
    body.theme-light-green #user .button:hover,
    body.theme-light-green #user .button:active {
        color: #002455;
    }

body.theme-light-green .help {
    background: url("../img/help-green.png");
    background-image: url("../img/help-green.svg"), none;
}

body.theme-light-green .favorites {
    background: url("../img/favorites-green.png");
    background-image: url("../img/favorites-green.svg"), none;
}

body.theme-light-green #title-section #breadcrumbs li {
    color: #00c800;
}

    body.theme-light-green #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-light-green #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-light-green #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-light-green #title-section #breadcrumbs li a:hover,
        body.theme-light-green #title-section #breadcrumbs li a:hover,
        body.theme-light-green #title-section #breadcrumbs li a:active {
            color: #00c800;
        }

body.theme-light-green .tags li a:hover,
body.theme-light-green .tags li a:hover,
body.theme-light-green .tags li a:active,
body.theme-light-green .tags li .blue,
body.theme-light-green .tags li a.blue {
    color: #00c800;
    border-color: #00c800;
}

    body.theme-light-green .tags li a.blue:hover,
    body.theme-light-green .tags li a.blue:hover,
    body.theme-light-green .tags li a.blue:active {
        color: #00dc00;
        border-color: #00dc00;
    }

body.theme-light-green .tags li .orange,
body.theme-light-green .tags li a.orange {
    color: #ff5000;
    border-color: #ff5000;
}

    body.theme-light-green .tags li a.orange:hover,
    body.theme-light-green .tags li a.orange:hover,
    body.theme-light-green .tags li a.orange:active {
        color: #ff8c00;
        border-color: #ff8c00;
    }

body.theme-light-green .tags li button,
body.theme-light-green .tags li button,
body.theme-light-green .tags li button:hover,
body.theme-light-green .tags li button:hover,
body.theme-light-green .tags li button:active,
body.theme-light-green .tags li button.dark,
body.theme-light-green .tags li button.dark,
body.theme-light-green .tags li button.dark:hover,
body.theme-light-green .tags li button.dark:hover,
body.theme-light-green .tags li button.dark:active,
body.theme-light-green .tags li button.orange,
body.theme-light-green .tags li button.orange,
body.theme-light-green .tags li button.orange:hover,
body.theme-light-green .tags li button.orange:hover,
body.theme-light-green .tags li button.orange:active,
body.theme-light-green .tags li .button,
body.theme-light-green .tags li .button,
body.theme-light-green .tags li .button:hover,
body.theme-light-green .tags li .button:hover,
body.theme-light-green .tags li .button:active,
body.theme-light-green .tags li .button.dark,
body.theme-light-green .tags li .button.dark,
body.theme-light-green .tags li .button.dark:hover,
body.theme-light-green .tags li .button.dark:hover,
body.theme-light-green .tags li .button.dark:active,
body.theme-light-green .tags li .button.orange,
body.theme-light-green .tags li .button.orange,
body.theme-light-green .tags li .button.orange:hover,
body.theme-light-green .tags li .button.orange:hover,
body.theme-light-green .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-light-green .tabs li .current,
body.theme-light-green .tabs li .current {
    color: #002455;
}

body.theme-light-green .tabs li a,
body.theme-light-green .tabs li a {
    color: #96a0aa;
}

    body.theme-light-green .tabs li a:hover,
    body.theme-light-green .tabs li a:hover,
    body.theme-light-green .tabs li a:active {
        color: #00c800;
    }

body.theme-light-green .tabs .underline {
    background: #00c800;
}

body.theme-light-green main .edit.big-menu .message {
    border: 1px solid #002455;
}

body.theme-light-green main .content .more,
body.theme-light-green main .content .more {
    color: #00c800;
}

    body.theme-light-green main .content .more:hover,
    body.theme-light-green main .content .more:hover,
    body.theme-light-green main .content .more:active {
        color: #00dc00;
    }

    body.theme-light-green main .content .more::before {
        border-color: #00c800;
    }

    body.theme-light-green main .content .more::before {
        border-color: #00c800;
    }

    body.theme-light-green main .content .more:hover::before,
    body.theme-light-green main .content .more:hover::before,
    body.theme-light-green main .content .more:active::before {
        border-color: #00dc00;
    }

body.theme-light-green main .search .codes ul.searched li a::before,
body.theme-light-green main .search .codes ul.searched li a::after {
    background: #00c800;
}

body.theme-light-green main .search button {
    background: #002455;
}

    body.theme-light-green main .search button:hover {
        background: #28508c;
    }

body.theme-light-green main .table-message {
    border: 1px solid #002455;
}

body.theme-light-green main .expanded > header > h2 a {
    color: #002455;
}

body.theme-light-green main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-light-green main .expanded > header > h2 a:hover,
    body.theme-light-green main .expanded > header > h2 a:hover,
    body.theme-light-green main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-light-green main .expanded > header > h2 a:hover::before,
        body.theme-light-green main .expanded > header > h2 a:hover::before,
        body.theme-light-green main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-light-green main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #ff5000;
}

    body.theme-light-green main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #ff8c00;
    }

body.theme-light-green .profile .warning {
    border-color: #ff0000;
}

    body.theme-light-green .profile .warning + p {
        color: #ff0000;
    }

body.theme-light-green .profile .message {
    border: 1px solid #002455;
}

body.theme-light-green footer .links h6,
body.theme-light-green footer .links .h6 {
    color: #556473;
}

body.theme-light-green footer .links ul li a {
    color: #96a0aa;
}

    body.theme-light-green footer .links ul li a:hover {
        color: #00c800;
    }

body.theme-light-green .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-light-green .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-light-green .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-light-green .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-light-green .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #00c800;
    }

        body.theme-light-green .pattern-calculator .keyboard button.blue:hover {
            background: #00dc00;
        }

    body.theme-light-green .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-light-green .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-light-green .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-light-green .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-light-green .modal-footer .btn.btn-danger {
    background: #00c800;
}

    body.theme-light-green .modal-footer .btn.btn-danger:hover {
        background: #00dc00;
    }

/* light olive */

body.theme-light-olive ::selection {
    background: #a0a000;
}

body.theme-light-olive ::-moz-selection {
    background: #a0a000;
}

body.theme-light-olive a {
    color: #a0a000;
}

body.theme-light-olive a {
    color: #828200;
}

    body.theme-light-olive a:hover,
    body.theme-light-olive a:hover,
    body.theme-light-olive a:active {
        color: #b4b400;
    }

    body.theme-light-olive a.orange {
        color: #ff5000;
    }

    body.theme-light-olive a.orange {
        color: #dc3c00;
    }

        body.theme-light-olive a.orange:hover,
        body.theme-light-olive a.orange:hover,
        body.theme-light-olive a.orange:active {
            color: #ff8c00;
        }

body.theme-light-olive main .search .popup-container .popup .button,
body.theme-light-olive main .search .popup-container .popup .button,
body.theme-light-olive main .search .popup-container .popup button,
body.theme-light-olive .button,
body.theme-light-olive .button,
body.theme-light-olive button {
    color: #fff;
    background: #a0a000;
}

    body.theme-light-olive main .search .popup-container .popup .button:hover,
    body.theme-light-olive main .search .popup-container .popup .button:hover,
    body.theme-light-olive main .search .popup-container .popup .button:active,
    body.theme-light-olive main .search .popup-container .popup button:hover,
    body.theme-light-olive .button:hover,
    body.theme-light-olive .button:hover,
    body.theme-light-olive .button:active,
    body.theme-light-olive button:hover {
        color: #fff;
        background: #b4b400;
    }

    body.theme-light-olive .button.dark,
    body.theme-light-olive .button.dark,
    body.theme-light-olive button.dark {
        background: #002455;
    }

        body.theme-light-olive .button.dark:hover,
        body.theme-light-olive .button.dark:hover,
        body.theme-light-olive .button.dark:active,
        body.theme-light-olive button.dark:hover {
            background: #28508c;
        }

    body.theme-light-olive main .search .popup-container .popup .button.orange,
    body.theme-light-olive main .search .popup-container .popup .button.orange,
    body.theme-light-olive main .search .popup-container .popup button.orange,
    body.theme-light-olive .button.orange,
    body.theme-light-olive .button.orange,
    body.theme-light-olive button.orange {
        color: #fff;
        background: #ff5000;
    }

        body.theme-light-olive main .search .popup-container .popup .button.orange:hover,
        body.theme-light-olive main .search .popup-container .popup .button.orange:hover,
        body.theme-light-olive main .search .popup-container .popup .button.orange:active,
        body.theme-light-olive main .search .popup-container .popup button.orange:hover,
        body.theme-light-olive .button.orange:hover,
        body.theme-light-olive .button.orange:hover,
        body.theme-light-olive .button.orange:active,
        body.theme-light-olive button.orange:hover {
            color: #fff;
            background: #ff8c00;
        }

body.theme-light-olive .select div select,
body.theme-light-olive div.under-select select,
body.theme-light-olive .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-light-olive .select div:hover select,
    body.theme-light-olive div.under-select:hover select,
    body.theme-light-olive .dropdown button:hover {
        color: #a0a000;
    }

        body.theme-light-olive .select div:hover::before,
        body.theme-light-olive div.under-select:hover::before,
        body.theme-light-olive .dropdown button:hover::after {
            border-color: #a0a000;
        }

body.theme-light-olive .select.disabled div select,
body.theme-light-olive .select.disabled div:hover select,
body.theme-light-olive div.under-select.disabled select,
body.theme-light-olive div.under-select.disabled:hover select,
body.theme-light-olive .dropdown.disabled button,
body.theme-light-olive .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-light-olive .select.disabled div::before,
    body.theme-light-olive .select.disabled div:hover::before,
    body.theme-light-olive div.under-select.disabled::before,
    body.theme-light-olive div.under-select.disabled:hover::before,
    body.theme-light-olive .dropdown.disabled button::after,
    body.theme-light-olive .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-light-olive .dropdown ul a,
body.theme-light-olive .dropdown ul a {
    color: #002455;
}

    body.theme-light-olive .dropdown ul a:hover,
    body.theme-light-olive .dropdown ul a:hover,
    body.theme-light-olive .dropdown ul a:active {
        color: #a0a000;
    }

body.theme-light-olive .dropdown.signature .button,
body.theme-light-olive .dropdown.signature .button,
body.theme-light-olive .dropdown.signature button {
    color: #fff;
    background: #a0a000;
}

    body.theme-light-olive .dropdown.signature .button:hover,
    body.theme-light-olive .dropdown.signature .button:hover,
    body.theme-light-olive .dropdown.signature .button:active,
    body.theme-light-olive .dropdown.signature button:hover {
        color: #fff;
        background: #b4b400;
    }

body.theme-light-olive .dropdown.signature.dark .button,
body.theme-light-olive .dropdown.signature.dark .button,
body.theme-light-olive .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-light-olive .dropdown.signature.dark .button:hover,
    body.theme-light-olive .dropdown.signature.dark .button:hover,
    body.theme-light-olive .dropdown.signature.dark .button:active,
    body.theme-light-olive .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-light-olive .dropdown.signature.orange .button,
body.theme-light-olive .dropdown.signature.orange .button,
body.theme-light-olive .dropdown.signature.orange button {
    background: #ff5000;
}

    body.theme-light-olive .dropdown.signature.orange .button:hover,
    body.theme-light-olive .dropdown.signature.orange .button:hover,
    body.theme-light-olive .dropdown.signature.orange .button:active,
    body.theme-light-olive .dropdown.signature.orange button:hover {
        background: #ff8c00;
    }

body.theme-light-olive .dropdown.signature ul {
    background: #a0a000;
}

body.theme-light-olive .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-light-olive .dropdown.signature.orange ul {
    background: #ff5000;
}

body.theme-light-olive .dropdown.signature ul li a,
body.theme-light-olive .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-light-olive .dropdown.signature ul li a:hover,
    body.theme-light-olive .dropdown.signature ul li a:hover,
    body.theme-light-olive .dropdown.signature ul li a:active {
        background: #b4b400;
    }

body.theme-light-olive .dropdown.signature.dark ul li a:hover,
body.theme-light-olive .dropdown.signature.dark ul li a:hover,
body.theme-light-olive .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-light-olive .dropdown.signature.orange ul li a:hover,
body.theme-light-olive .dropdown.signature.orange ul li a:hover,
body.theme-light-olive .dropdown.signature.orange ul li a:active {
    background: #ff8c00;
}

body.theme-light-olive .checkbox input:checked ~ .checkmark,
body.theme-light-olive .radio input:checked ~ .checkmark {
    background: #a0a000;
}

body.theme-light-olive #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-light-olive #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-light-olive #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-light-olive #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #a0a000;
}

body.theme-light-olive #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-light-olive #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-light-olive #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-light-olive #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-light-olive #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #a0a000;
}

body.theme-light-olive #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-light-olive #ui-datepicker-div tbody td a:hover,
body.theme-light-olive #ui-datepicker-div tbody td a:hover,
body.theme-light-olive #ui-datepicker-div tbody td a:active,
body.theme-light-olive #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-olive #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-olive #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-light-olive #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-light-olive #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-light-olive #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-light-olive #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-light-olive .navbar .side-menu ul li.current,
body.theme-light-olive .navbar .side-menu ul li.current a,
body.theme-light-olive .navbar .side-menu ul li.current a {
    color: #a0a000;
}

    body.theme-light-olive .navbar .side-menu ul li.current a:hover,
    body.theme-light-olive .navbar .side-menu ul li.current a:hover,
    body.theme-light-olive .navbar .side-menu ul li.current a:active {
        color: #b4b400;
    }

body.theme-light-olive .navbar .side-menu ul li a,
body.theme-light-olive .navbar .side-menu ul li a {
    color: #002455;
}

    body.theme-light-olive .navbar .side-menu ul li a:hover,
    body.theme-light-olive .navbar .side-menu ul li a:hover,
    body.theme-light-olive .navbar .side-menu ul li a:active {
        color: #a0a000;
    }

body.theme-light-olive #mobile-opener:hover span,
body.theme-light-olive #mobile-opener:hover span,
body.theme-light-olive #mobile-opener:active span {
    background: #a0a000;
}

body.theme-light-olive #user .link,
body.theme-light-olive #user .link {
    color: #002455;
}

    body.theme-light-olive #user .link:hover,
    body.theme-light-olive #user .link:hover,
    body.theme-light-olive #user .link:active {
        color: #a0a000;
    }

body.theme-light-olive #user .button,
body.theme-light-olive #user .button {
    color: #a0a000;
    background: #fff;
    border: 2px solid #a0a000;
}

    body.theme-light-olive #user .button:hover,
    body.theme-light-olive #user .button:hover,
    body.theme-light-olive #user .button:active {
        color: #002455;
    }

body.theme-light-olive .help {
    background: url("../img/help-olive.png");
    background-image: url("../img/help-olive.svg"), none;
}

body.theme-light-olive .favorites {
    background: url("../img/favorites-olive.png");
    background-image: url("../img/favorites-olive.svg"), none;
}

body.theme-light-olive #title-section #breadcrumbs li {
    color: #a0a000;
}

    body.theme-light-olive #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-light-olive #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-light-olive #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-light-olive #title-section #breadcrumbs li a:hover,
        body.theme-light-olive #title-section #breadcrumbs li a:hover,
        body.theme-light-olive #title-section #breadcrumbs li a:active {
            color: #a0a000;
        }

body.theme-light-olive .tags li a:hover,
body.theme-light-olive .tags li a:hover,
body.theme-light-olive .tags li a:active,
body.theme-light-olive .tags li .blue,
body.theme-light-olive .tags li a.blue {
    color: #a0a000;
    border-color: #a0a000;
}

    body.theme-light-olive .tags li a.blue:hover,
    body.theme-light-olive .tags li a.blue:hover,
    body.theme-light-olive .tags li a.blue:active {
        color: #b4b400;
        border-color: #b4b400;
    }

body.theme-light-olive .tags li .orange,
body.theme-light-olive .tags li a.orange {
    color: #ff5000;
    border-color: #ff5000;
}

    body.theme-light-olive .tags li a.orange:hover,
    body.theme-light-olive .tags li a.orange:hover,
    body.theme-light-olive .tags li a.orange:active {
        color: #ff8c00;
        border-color: #ff8c00;
    }

body.theme-light-olive .tags li button,
body.theme-light-olive .tags li button,
body.theme-light-olive .tags li button:hover,
body.theme-light-olive .tags li button:hover,
body.theme-light-olive .tags li button:active,
body.theme-light-olive .tags li button.dark,
body.theme-light-olive .tags li button.dark,
body.theme-light-olive .tags li button.dark:hover,
body.theme-light-olive .tags li button.dark:hover,
body.theme-light-olive .tags li button.dark:active,
body.theme-light-olive .tags li button.orange,
body.theme-light-olive .tags li button.orange,
body.theme-light-olive .tags li button.orange:hover,
body.theme-light-olive .tags li button.orange:hover,
body.theme-light-olive .tags li button.orange:active,
body.theme-light-olive .tags li .button,
body.theme-light-olive .tags li .button,
body.theme-light-olive .tags li .button:hover,
body.theme-light-olive .tags li .button:hover,
body.theme-light-olive .tags li .button:active,
body.theme-light-olive .tags li .button.dark,
body.theme-light-olive .tags li .button.dark,
body.theme-light-olive .tags li .button.dark:hover,
body.theme-light-olive .tags li .button.dark:hover,
body.theme-light-olive .tags li .button.dark:active,
body.theme-light-olive .tags li .button.orange,
body.theme-light-olive .tags li .button.orange,
body.theme-light-olive .tags li .button.orange:hover,
body.theme-light-olive .tags li .button.orange:hover,
body.theme-light-olive .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-light-olive .tabs li .current,
body.theme-light-olive .tabs li .current {
    color: #002455;
}

body.theme-light-olive .tabs li a,
body.theme-light-olive .tabs li a {
    color: #96a0aa;
}

    body.theme-light-olive .tabs li a:hover,
    body.theme-light-olive .tabs li a:hover,
    body.theme-light-olive .tabs li a:active {
        color: #a0a000;
    }

body.theme-light-olive .tabs .underline {
    background: #a0a000;
}

body.theme-light-olive main .edit.big-menu .message {
    border: 1px solid #002455;
}

body.theme-light-olive main .content .more,
body.theme-light-olive main .content .more {
    color: #a0a000;
}

    body.theme-light-olive main .content .more:hover,
    body.theme-light-olive main .content .more:hover,
    body.theme-light-olive main .content .more:active {
        color: #b4b400;
    }

    body.theme-light-olive main .content .more::before {
        border-color: #a0a000;
    }

    body.theme-light-olive main .content .more::before {
        border-color: #a0a000;
    }

    body.theme-light-olive main .content .more:hover::before,
    body.theme-light-olive main .content .more:hover::before,
    body.theme-light-olive main .content .more:active::before {
        border-color: #b4b400;
    }

body.theme-light-olive main .search .codes ul.searched li a::before,
body.theme-light-olive main .search .codes ul.searched li a::after {
    background: #a0a000;
}

body.theme-light-olive main .search button {
    background: #002455;
}

    body.theme-light-olive main .search button:hover {
        background: #28508c;
    }

body.theme-light-olive main .table-message {
    border: 1px solid #002455;
}

body.theme-light-olive main .expanded > header > h2 a {
    color: #002455;
}

body.theme-light-olive main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-light-olive main .expanded > header > h2 a:hover,
    body.theme-light-olive main .expanded > header > h2 a:hover,
    body.theme-light-olive main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-light-olive main .expanded > header > h2 a:hover::before,
        body.theme-light-olive main .expanded > header > h2 a:hover::before,
        body.theme-light-olive main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-light-olive main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #ff5000;
}

    body.theme-light-olive main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #ff8c00;
    }

body.theme-light-olive .profile .warning {
    border-color: #ff0000;
}

    body.theme-light-olive .profile .warning + p {
        color: #ff0000;
    }

body.theme-light-olive .profile .message {
    border: 1px solid #002455;
}

body.theme-light-olive footer .links .h6,
body.theme-light-olive footer .links h6 {
    color: #556473;
}

body.theme-light-olive footer .links ul li a {
    color: #96a0aa;
}

    body.theme-light-olive footer .links ul li a:hover {
        color: #a0a000;
    }

body.theme-light-olive .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-light-olive .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-light-olive .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-light-olive .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-light-olive .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #a0a000;
    }

        body.theme-light-olive .pattern-calculator .keyboard button.blue:hover {
            background: #b4b400;
        }

    body.theme-light-olive .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-light-olive .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-light-olive .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-light-olive .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-light-olive .modal-footer .btn.btn-danger {
    background: #a0a000;
}

    body.theme-light-olive .modal-footer .btn.btn-danger:hover {
        background: #b4b400;
    }

/* light pink */

body.theme-light-pink ::selection {
    background: #ff4b91;
}

body.theme-light-pink ::-moz-selection {
    background: #ff4b91;
}

body.theme-light-pink a {
    color: #ff4b91;
}

body.theme-light-pink a {
    color: #d74b73;
}

    body.theme-light-pink a:hover,
    body.theme-light-pink a:hover,
    body.theme-light-pink a:active {
        color: #ff78b4;
    }

    body.theme-light-pink a.orange {
        color: #a00000;
    }

    body.theme-light-pink a.orange {
        color: #780000;
    }

        body.theme-light-pink a.orange:hover,
        body.theme-light-pink a.orange:hover,
        body.theme-light-pink a.orange:active {
            color: #dc0000;
        }

body.theme-light-pink main .search .popup-container .popup .button,
body.theme-light-pink main .search .popup-container .popup .button,
body.theme-light-pink main .search .popup-container .popup button,
body.theme-light-pink .button,
body.theme-light-pink .button,
body.theme-light-pink button {
    color: #fff;
    background: #ff4b91;
}

    body.theme-light-pink main .search .popup-container .popup .button:hover,
    body.theme-light-pink main .search .popup-container .popup .button:hover,
    body.theme-light-pink main .search .popup-container .popup .button:active,
    body.theme-light-pink main .search .popup-container .popup button:hover,
    body.theme-light-pink .button:hover,
    body.theme-light-pink .button:hover,
    body.theme-light-pink .button:active,
    body.theme-light-pink button:hover {
        color: #fff;
        background: #ff78b4;
    }

    body.theme-light-pink .button.dark,
    body.theme-light-pink .button.dark,
    body.theme-light-pink button.dark {
        background: #002455;
    }

        body.theme-light-pink .button.dark:hover,
        body.theme-light-pink .button.dark:hover,
        body.theme-light-pink .button.dark:active,
        body.theme-light-pink button.dark:hover {
            background: #28508c;
        }

    body.theme-light-pink main .search .popup-container .popup .button.orange,
    body.theme-light-pink main .search .popup-container .popup .button.orange,
    body.theme-light-pink main .search .popup-container .popup button.orange,
    body.theme-light-pink .button.orange,
    body.theme-light-pink .button.orange,
    body.theme-light-pink button.orange {
        color: #fff;
        background: #a00000;
    }

        body.theme-light-pink main .search .popup-container .popup .button.orange:hover,
        body.theme-light-pink main .search .popup-container .popup .button.orange:hover,
        body.theme-light-pink main .search .popup-container .popup .button.orange:active,
        body.theme-light-pink main .search .popup-container .popup button.orange:hover,
        body.theme-light-pink .button.orange:hover,
        body.theme-light-pink .button.orange:hover,
        body.theme-light-pink .button.orange:active,
        body.theme-light-pink button.orange:hover {
            color: #fff;
            background: #dc0000;
        }

body.theme-light-pink .select div select,
body.theme-light-pink div.under-select select,
body.theme-light-pink .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-light-pink .select div:hover select,
    body.theme-light-pink div.under-select:hover select,
    body.theme-light-pink .dropdown button:hover {
        color: #ff4b91;
    }

        body.theme-light-pink .select div:hover::before,
        body.theme-light-pink div.under-select:hover::before,
        body.theme-light-pink .dropdown button:hover::after {
            border-color: #ff4b91;
        }

body.theme-light-pink .select.disabled div select,
body.theme-light-pink .select.disabled div:hover select,
body.theme-light-pink div.under-select.disabled select,
body.theme-light-pink div.under-select.disabled:hover select,
body.theme-light-pink .dropdown.disabled button,
body.theme-light-pink .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-light-pink .select.disabled div::before,
    body.theme-light-pink .select.disabled div:hover::before,
    body.theme-light-pink div.under-select.disabled::before,
    body.theme-light-pink div.under-select.disabled:hover::before,
    body.theme-light-pink .dropdown.disabled button::after,
    body.theme-light-pink .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-light-pink .dropdown ul a,
body.theme-light-pink .dropdown ul a {
    color: #002455;
}

    body.theme-light-pink .dropdown ul a:hover,
    body.theme-light-pink .dropdown ul a:hover,
    body.theme-light-pink .dropdown ul a:active {
        color: #ff4b91;
    }

body.theme-light-pink .dropdown.signature .button,
body.theme-light-pink .dropdown.signature .button,
body.theme-light-pink .dropdown.signature button {
    color: #fff;
    background: #ff4b91;
}

    body.theme-light-pink .dropdown.signature .button:hover,
    body.theme-light-pink .dropdown.signature .button:hover,
    body.theme-light-pink .dropdown.signature .button:active,
    body.theme-light-pink .dropdown.signature button:hover {
        color: #fff;
        background: #ff78b4;
    }

body.theme-light-pink .dropdown.signature.dark .button,
body.theme-light-pink .dropdown.signature.dark .button,
body.theme-light-pink .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-light-pink .dropdown.signature.dark .button:hover,
    body.theme-light-pink .dropdown.signature.dark .button:hover,
    body.theme-light-pink .dropdown.signature.dark .button:active,
    body.theme-light-pink .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-light-pink .dropdown.signature.orange .button,
body.theme-light-pink .dropdown.signature.orange .button,
body.theme-light-pink .dropdown.signature.orange button {
    background: #a00000;
}

    body.theme-light-pink .dropdown.signature.orange .button:hover,
    body.theme-light-pink .dropdown.signature.orange .button:hover,
    body.theme-light-pink .dropdown.signature.orange .button:active,
    body.theme-light-pink .dropdown.signature.orange button:hover {
        background: #dc0000;
    }

body.theme-light-pink .dropdown.signature ul {
    background: #ff4b91;
}

body.theme-light-pink .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-light-pink .dropdown.signature.orange ul {
    background: #a00000;
}

body.theme-light-pink .dropdown.signature ul li a,
body.theme-light-pink .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-light-pink .dropdown.signature ul li a:hover,
    body.theme-light-pink .dropdown.signature ul li a:hover,
    body.theme-light-pink .dropdown.signature ul li a:active {
        background: #ff78b4;
    }

body.theme-light-pink .dropdown.signature.dark ul li a:hover,
body.theme-light-pink .dropdown.signature.dark ul li a:hover,
body.theme-light-pink .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-light-pink .dropdown.signature.orange ul li a:hover,
body.theme-light-pink .dropdown.signature.orange ul li a:hover,
body.theme-light-pink .dropdown.signature.orange ul li a:active {
    background: #dc0000;
}

body.theme-light-pink .checkbox input:checked ~ .checkmark,
body.theme-light-pink .radio input:checked ~ .checkmark {
    background: #ff4b91;
}

body.theme-light-pink #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-light-pink #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-light-pink #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-light-pink #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #ff4b91;
}

body.theme-light-pink #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-light-pink #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-light-pink #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-light-pink #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-light-pink #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #ff4b91;
}

body.theme-light-pink #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-light-pink #ui-datepicker-div tbody td a:hover,
body.theme-light-pink #ui-datepicker-div tbody td a:hover,
body.theme-light-pink #ui-datepicker-div tbody td a:active,
body.theme-light-pink #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-pink #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-pink #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-light-pink #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-light-pink #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-light-pink #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-light-pink #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-light-pink .navbar .side-menu ul li.current,
body.theme-light-pink .navbar .side-menu ul li.current a,
body.theme-light-pink .navbar .side-menu ul li.current a {
    color: #ff4b91;
}

    body.theme-light-pink .navbar .side-menu ul li.current a:hover,
    body.theme-light-pink .navbar .side-menu ul li.current a:hover,
    body.theme-light-pink .navbar .side-menu ul li.current a:active {
        color: #ff78b4;
    }

body.theme-light-pink .navbar .side-menu ul li a,
body.theme-light-pink .navbar .side-menu ul li a {
    color: #002455;
}

    body.theme-light-pink .navbar .side-menu ul li a:hover,
    body.theme-light-pink .navbar .side-menu ul li a:hover,
    body.theme-light-pink .navbar .side-menu ul li a:active {
        color: #ff4b91;
    }

body.theme-light-pink #mobile-opener:hover span,
body.theme-light-pink #mobile-opener:hover span,
body.theme-light-pink #mobile-opener:active span {
    background: #ff4b91;
}

body.theme-light-pink #user .link,
body.theme-light-pink #user .link {
    color: #002455;
}

    body.theme-light-pink #user .link:hover,
    body.theme-light-pink #user .link:hover,
    body.theme-light-pink #user .link:active {
        color: #ff4b91;
    }

body.theme-light-pink #user .button,
body.theme-light-pink #user .button {
    color: #ff4b91;
    background: #fff;
    border: 2px solid #ff4b91;
}

    body.theme-light-pink #user .button:hover,
    body.theme-light-pink #user .button:hover,
    body.theme-light-pink #user .button:active {
        color: #002455;
    }

body.theme-light-pink .help {
    background: url("../img/help-pink.png");
    background-image: url("../img/help-pink.svg"), none;
}

body.theme-light-pink .favorites {
    background: url("../img/favorites-pink.png");
    background-image: url("../img/favorites-pink.svg"), none;
}

body.theme-light-pink .notifications {
    background: #a00000;
}

body.theme-light-pink #title-section #breadcrumbs li {
    color: #ff4b91;
}

    body.theme-light-pink #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-light-pink #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-light-pink #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-light-pink #title-section #breadcrumbs li a:hover,
        body.theme-light-pink #title-section #breadcrumbs li a:hover,
        body.theme-light-pink #title-section #breadcrumbs li a:active {
            color: #ff4b91;
        }

body.theme-light-pink .tags li a:hover,
body.theme-light-pink .tags li a:hover,
body.theme-light-pink .tags li a:active,
body.theme-light-pink .tags li .blue,
body.theme-light-pink .tags li a.blue {
    color: #ff4b91;
    border-color: #ff4b91;
}

    body.theme-light-pink .tags li a.blue:hover,
    body.theme-light-pink .tags li a.blue:hover,
    body.theme-light-pink .tags li a.blue:active {
        color: #ff78b4;
        border-color: #ff78b4;
    }

body.theme-light-pink .tags li .orange,
body.theme-light-pink .tags li a.orange {
    color: #a00000;
    border-color: #a00000;
}

    body.theme-light-pink .tags li a.orange:hover,
    body.theme-light-pink .tags li a.orange:hover,
    body.theme-light-pink .tags li a.orange:active {
        color: #dc0000;
        border-color: #dc0000;
    }

body.theme-light-pink .tags li button,
body.theme-light-pink .tags li button,
body.theme-light-pink .tags li button:hover,
body.theme-light-pink .tags li button:hover,
body.theme-light-pink .tags li button:active,
body.theme-light-pink .tags li button.dark,
body.theme-light-pink .tags li button.dark,
body.theme-light-pink .tags li button.dark:hover,
body.theme-light-pink .tags li button.dark:hover,
body.theme-light-pink .tags li button.dark:active,
body.theme-light-pink .tags li button.orange,
body.theme-light-pink .tags li button.orange,
body.theme-light-pink .tags li button.orange:hover,
body.theme-light-pink .tags li button.orange:hover,
body.theme-light-pink .tags li button.orange:active,
body.theme-light-pink .tags li .button,
body.theme-light-pink .tags li .button,
body.theme-light-pink .tags li .button:hover,
body.theme-light-pink .tags li .button:hover,
body.theme-light-pink .tags li .button:active,
body.theme-light-pink .tags li .button.dark,
body.theme-light-pink .tags li .button.dark,
body.theme-light-pink .tags li .button.dark:hover,
body.theme-light-pink .tags li .button.dark:hover,
body.theme-light-pink .tags li .button.dark:active,
body.theme-light-pink .tags li .button.orange,
body.theme-light-pink .tags li .button.orange,
body.theme-light-pink .tags li .button.orange:hover,
body.theme-light-pink .tags li .button.orange:hover,
body.theme-light-pink .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-light-pink .tabs li .current,
body.theme-light-pink .tabs li .current {
    color: #002455;
}

body.theme-light-pink .tabs li a,
body.theme-light-pink .tabs li a {
    color: #96a0aa;
}

    body.theme-light-pink .tabs li a:hover,
    body.theme-light-pink .tabs li a:hover,
    body.theme-light-pink .tabs li a:active {
        color: #ff4b91;
    }

body.theme-light-pink .tabs .underline {
    background: #ff4b91;
}

body.theme-light-pink main .edit.big-menu .message {
    border: 1px solid #002455;
}



body.theme-light-pink main .content .more,
body.theme-light-pink main .content .more {
    color: #ff4b91;
}

    body.theme-light-pink main .content .more:hover,
    body.theme-light-pink main .content .more:hover,
    body.theme-light-pink main .content .more:active {
        color: #ff78b4;
    }

    body.theme-light-pink main .content .more::before {
        border-color: #ff4b91;
    }

    body.theme-light-pink main .content .more::before {
        border-color: #ff4b91;
    }

    body.theme-light-pink main .content .more:hover::before,
    body.theme-light-pink main .content .more:hover::before,
    body.theme-light-pink main .content .more:active::before {
        border-color: #ff78b4;
    }

body.theme-light-pink main .search .codes ul.used li a::before,
body.theme-light-pink main .search .codes ul.used li a::after {
    background: #a00000;
}

body.theme-light-pink main .search .codes ul.searched li a::before,
body.theme-light-pink main .search .codes ul.searched li a::after {
    background: #ff4b91;
}

body.theme-light-pink main .search button {
    background: #002455;
}

    body.theme-light-pink main .search button:hover {
        background: #28508c;
    }

body.theme-light-pink main .table-message {
    border: 1px solid #002455;
}

body.theme-light-pink main .expanded > header > h2 a {
    color: #002455;
}

body.theme-light-pink main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-light-pink main .expanded > header > h2 a:hover,
    body.theme-light-pink main .expanded > header > h2 a:hover,
    body.theme-light-pink main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-light-pink main .expanded > header > h2 a:hover::before,
        body.theme-light-pink main .expanded > header > h2 a:hover::before,
        body.theme-light-pink main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-light-pink main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #a00000;
}

    body.theme-light-pink main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #dc0000;
    }

body.theme-light-pink .profile .warning {
    border-color: #ff0000;
}

    body.theme-light-pink .profile .warning + p {
        color: #ff0000;
    }

body.theme-light-pink .profile .message {
    border: 1px solid #002455;
}

body.theme-light-pink footer .links .h6,
body.theme-light-pink footer .links h6 {
    color: #556473;
}

body.theme-light-pink footer .links ul li a {
    color: #96a0aa;
}

    body.theme-light-pink footer .links ul li a:hover {
        color: #ff4b91;
    }

body.theme-light-pink .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-light-pink .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-light-pink .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-light-pink .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-light-pink .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #ff4b91;
    }

        body.theme-light-pink .pattern-calculator .keyboard button.blue:hover {
            background: #ff78b4;
        }

    body.theme-light-pink .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-light-pink .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-light-pink .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-light-pink .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-light-pink .modal-footer .btn.btn-danger {
    background: #ff4b91;
}

    body.theme-light-pink .modal-footer .btn.btn-danger:hover {
        background: #ff78b4;
    }

/* light purple */

body.theme-light-purple ::selection {
    background: #aa78ff;
}

body.theme-light-purple ::-moz-selection {
    background: #aa78ff;
}

body.theme-light-purple a {
    color: #aa78ff;
}

body.theme-light-purple a {
    color: #8c64e1;
}

    body.theme-light-purple a:hover,
    body.theme-light-purple a:hover,
    body.theme-light-purple a:active {
        color: #be8cff;
    }

    body.theme-light-purple a.orange {
        color: #ff5000;
    }

    body.theme-light-purple a.orange {
        color: #dc3c00;
    }

        body.theme-light-purple a.orange:hover,
        body.theme-light-purple a.orange:hover,
        body.theme-light-purple a.orange:active {
            color: #ff8c00;
        }

body.theme-light-purple main .search .popup-container .popup .button,
body.theme-light-purple main .search .popup-container .popup .button,
body.theme-light-purple main .search .popup-container .popup button,
body.theme-light-purple .button,
body.theme-light-purple .button,
body.theme-light-purple button {
    color: #fff;
    background: #aa78ff;
}

    body.theme-light-purple main .search .popup-container .popup .button:hover,
    body.theme-light-purple main .search .popup-container .popup .button:hover,
    body.theme-light-purple main .search .popup-container .popup .button:active,
    body.theme-light-purple main .search .popup-container .popup button:hover,
    body.theme-light-purple .button:hover,
    body.theme-light-purple .button:hover,
    body.theme-light-purple .button:active,
    body.theme-light-purple button:hover {
        color: #fff;
        background: #be8cff;
    }

    body.theme-light-purple .button.dark,
    body.theme-light-purple .button.dark,
    body.theme-light-purple button.dark {
        background: #002455;
    }

        body.theme-light-purple .button.dark:hover,
        body.theme-light-purple .button.dark:hover,
        body.theme-light-purple .button.dark:active,
        body.theme-light-purple button.dark:hover {
            background: #28508c;
        }

    body.theme-light-purple main .search .popup-container .popup .button.orange,
    body.theme-light-purple main .search .popup-container .popup .button.orange,
    body.theme-light-purple main .search .popup-container .popup button.orange,
    body.theme-light-purple .button.orange,
    body.theme-light-purple .button.orange,
    body.theme-light-purple button.orange {
        color: #fff;
        background: #ff5000;
    }

        body.theme-light-purple main .search .popup-container .popup .button.orange:hover,
        body.theme-light-purple main .search .popup-container .popup .button.orange:hover,
        body.theme-light-purple main .search .popup-container .popup .button.orange:active,
        body.theme-light-purple main .search .popup-container .popup button.orange:hover,
        body.theme-light-purple .button.orange:hover,
        body.theme-light-purple .button.orange:hover,
        body.theme-light-purple .button.orange:active,
        body.theme-light-purple button.orange:hover {
            color: #fff;
            background: #ff8c00;
        }

body.theme-light-purple .select div select,
body.theme-light-purple div.under-select select,
body.theme-light-purple .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-light-purple .select div:hover select,
    body.theme-light-purple div.under-select:hover select,
    body.theme-light-purple .dropdown button:hover {
        color: #aa78ff;
    }

        body.theme-light-purple .select div:hover::before,
        body.theme-light-purple div.under-select:hover::before,
        body.theme-light-purple .dropdown button:hover::after {
            border-color: #aa78ff;
        }

body.theme-light-purple .select.disabled div select,
body.theme-light-purple .select.disabled div:hover select,
body.theme-light-purple div.under-select.disabled select,
body.theme-light-purple div.under-select.disabled:hover select,
body.theme-light-purple .dropdown.disabled button,
body.theme-light-purple .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-light-purple .select.disabled div::before,
    body.theme-light-purple .select.disabled div:hover::before,
    body.theme-light-purple div.under-select.disabled::before,
    body.theme-light-purple div.under-select.disabled:hover::before,
    body.theme-light-purple .dropdown.disabled button::after,
    body.theme-light-purple .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-light-purple .dropdown ul a,
body.theme-light-purple .dropdown ul a {
    color: #002455;
}

    body.theme-light-purple .dropdown ul a:hover,
    body.theme-light-purple .dropdown ul a:hover,
    body.theme-light-purple .dropdown ul a:active {
        color: #aa78ff;
    }

body.theme-light-purple .dropdown.signature .button,
body.theme-light-purple .dropdown.signature .button,
body.theme-light-purple .dropdown.signature button {
    color: #fff;
    background: #aa78ff;
}

    body.theme-light-purple .dropdown.signature .button:hover,
    body.theme-light-purple .dropdown.signature .button:hover,
    body.theme-light-purple .dropdown.signature .button:active,
    body.theme-light-purple .dropdown.signature button:hover {
        color: #fff;
        background: #be8cff;
    }

body.theme-light-purple .dropdown.signature.dark .button,
body.theme-light-purple .dropdown.signature.dark .button,
body.theme-light-purple .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-light-purple .dropdown.signature.dark .button:hover,
    body.theme-light-purple .dropdown.signature.dark .button:hover,
    body.theme-light-purple .dropdown.signature.dark .button:active,
    body.theme-light-purple .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-light-purple .dropdown.signature.orange .button,
body.theme-light-purple .dropdown.signature.orange .button,
body.theme-light-purple .dropdown.signature.orange button {
    background: #ff5000;
}

    body.theme-light-purple .dropdown.signature.orange .button:hover,
    body.theme-light-purple .dropdown.signature.orange .button:hover,
    body.theme-light-purple .dropdown.signature.orange .button:active,
    body.theme-light-purple .dropdown.signature.orange button:hover {
        background: #ff8c00;
    }

body.theme-light-purple .dropdown.signature ul {
    background: #aa78ff;
}

body.theme-light-purple .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-light-purple .dropdown.signature.orange ul {
    background: #ff5000;
}

body.theme-light-purple .dropdown.signature ul li a,
body.theme-light-purple .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-light-purple .dropdown.signature ul li a:hover,
    body.theme-light-purple .dropdown.signature ul li a:hover,
    body.theme-light-purple .dropdown.signature ul li a:active {
        background: #be8cff;
    }

body.theme-light-purple .dropdown.signature.dark ul li a:hover,
body.theme-light-purple .dropdown.signature.dark ul li a:hover,
body.theme-light-purple .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-light-purple .dropdown.signature.orange ul li a:hover,
body.theme-light-purple .dropdown.signature.orange ul li a:hover,
body.theme-light-purple .dropdown.signature.orange ul li a:active {
    background: #ff8c00;
}

body.theme-light-purple .checkbox input:checked ~ .checkmark,
body.theme-light-purple .radio input:checked ~ .checkmark {
    background: #aa78ff;
}

body.theme-light-purple #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-light-purple #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-light-purple #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-light-purple #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #aa78ff;
}

body.theme-light-purple #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-light-purple #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-light-purple #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-light-purple #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-light-purple #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #aa78ff;
}

body.theme-light-purple #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-light-purple #ui-datepicker-div tbody td a:hover,
body.theme-light-purple #ui-datepicker-div tbody td a:hover,
body.theme-light-purple #ui-datepicker-div tbody td a:active,
body.theme-light-purple #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-purple #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-purple #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-light-purple #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-light-purple #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-light-purple #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-light-purple #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-light-purple .navbar .side-menu ul li.current,
body.theme-light-purple .navbar .side-menu ul li.current a,
body.theme-light-purple .navbar .side-menu ul li.current a {
    color: #aa78ff;
}

    body.theme-light-purple .navbar .side-menu ul li.current a:hover,
    body.theme-light-purple .navbar .side-menu ul li.current a:hover,
    body.theme-light-purple .navbar .side-menu ul li.current a:active {
        color: #be8cff;
    }

body.theme-light-purple .navbar .side-menu ul li a,
body.theme-light-purple .navbar .side-menu ul li a {
    color: #002455;
}

    body.theme-light-purple .navbar .side-menu ul li a:hover,
    body.theme-light-purple .navbar .side-menu ul li a:hover,
    body.theme-light-purple .navbar .side-menu ul li a:active {
        color: #aa78ff;
    }

body.theme-light-purple #mobile-opener:hover span,
body.theme-light-purple #mobile-opener:hover span,
body.theme-light-purple #mobile-opener:active span {
    background: #aa78ff;
}

body.theme-light-purple #user .link,
body.theme-light-purple #user .link {
    color: #002455;
}

    body.theme-light-purple #user .link:hover,
    body.theme-light-purple #user .link:hover,
    body.theme-light-purple #user .link:active {
        color: #aa78ff;
    }

body.theme-light-purple #user .button,
body.theme-light-purple #user .button {
    color: #aa78ff;
    background: #fff;
    border: 2px solid #aa78ff;
}

    body.theme-light-purple #user .button:hover,
    body.theme-light-purple #user .button:hover,
    body.theme-light-purple #user .button:active {
        color: #002455;
    }

body.theme-light-purple .help {
    background: url("../img/help-purple.png");
    background-image: url("../img/help-purple.svg"), none;
}

body.theme-light-purple .favorites {
    background: url("../img/favorites-purple.png");
    background-image: url("../img/favorites-purple.svg"), none;
}

body.theme-light-purple #title-section #breadcrumbs li {
    color: #aa78ff;
}

    body.theme-light-purple #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-light-purple #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-light-purple #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-light-purple #title-section #breadcrumbs li a:hover,
        body.theme-light-purple #title-section #breadcrumbs li a:hover,
        body.theme-light-purple #title-section #breadcrumbs li a:active {
            color: #aa78ff;
        }

body.theme-light-purple .tags li a:hover,
body.theme-light-purple .tags li a:hover,
body.theme-light-purple .tags li a:active,
body.theme-light-purple .tags li .blue,
body.theme-light-purple .tags li a.blue {
    color: #aa78ff;
    border-color: #aa78ff;
}

    body.theme-light-purple .tags li a.blue:hover,
    body.theme-light-purple .tags li a.blue:hover,
    body.theme-light-purple .tags li a.blue:active {
        color: #be8cff;
        border-color: #be8cff;
    }

body.theme-light-purple .tags li .orange,
body.theme-light-purple .tags li a.orange {
    color: #ff5000;
    border-color: #ff5000;
}

    body.theme-light-purple .tags li a.orange:hover,
    body.theme-light-purple .tags li a.orange:hover,
    body.theme-light-purple .tags li a.orange:active {
        color: #ff8c00;
        border-color: #ff8c00;
    }

body.theme-light-purple .tags li button,
body.theme-light-purple .tags li button,
body.theme-light-purple .tags li button:hover,
body.theme-light-purple .tags li button:hover,
body.theme-light-purple .tags li button:active,
body.theme-light-purple .tags li button.dark,
body.theme-light-purple .tags li button.dark,
body.theme-light-purple .tags li button.dark:hover,
body.theme-light-purple .tags li button.dark:hover,
body.theme-light-purple .tags li button.dark:active,
body.theme-light-purple .tags li button.orange,
body.theme-light-purple .tags li button.orange,
body.theme-light-purple .tags li button.orange:hover,
body.theme-light-purple .tags li button.orange:hover,
body.theme-light-purple .tags li button.orange:active,
body.theme-light-purple .tags li .button,
body.theme-light-purple .tags li .button,
body.theme-light-purple .tags li .button:hover,
body.theme-light-purple .tags li .button:hover,
body.theme-light-purple .tags li .button:active,
body.theme-light-purple .tags li .button.dark,
body.theme-light-purple .tags li .button.dark,
body.theme-light-purple .tags li .button.dark:hover,
body.theme-light-purple .tags li .button.dark:hover,
body.theme-light-purple .tags li .button.dark:active,
body.theme-light-purple .tags li .button.orange,
body.theme-light-purple .tags li .button.orange,
body.theme-light-purple .tags li .button.orange:hover,
body.theme-light-purple .tags li .button.orange:hover,
body.theme-light-purple .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-light-purple .tabs li .current,
body.theme-light-purple .tabs li .current {
    color: #002455;
}

body.theme-light-purple .tabs li a,
body.theme-light-purple .tabs li a {
    color: #96a0aa;
}

    body.theme-light-purple .tabs li a:hover,
    body.theme-light-purple .tabs li a:hover,
    body.theme-light-purple .tabs li a:active {
        color: #aa78ff;
    }

body.theme-light-purple .tabs .underline {
    background: #aa78ff;
}

body.theme-light-purple main .edit.big-menu .message {
    border: 1px solid #002455;
}

body.theme-light-purple main .content .more,
body.theme-light-purple main .content .more {
    color: #aa78ff;
}

    body.theme-light-purple main .content .more:hover,
    body.theme-light-purple main .content .more:hover,
    body.theme-light-purple main .content .more:active {
        color: #be8cff;
    }

    body.theme-light-purple main .content .more::before {
        border-color: #aa78ff;
    }

    body.theme-light-purple main .content .more::before {
        border-color: #aa78ff;
    }

    body.theme-light-purple main .content .more:hover::before,
    body.theme-light-purple main .content .more:hover::before,
    body.theme-light-purple main .content .more:active::before {
        border-color: #be8cff;
    }

body.theme-light-purple main .search .codes ul.searched li a::before,
body.theme-light-purple main .search .codes ul.searched li a::after {
    background: #aa78ff;
}

body.theme-light-purple main .search button {
    background: #002455;
}

    body.theme-light-purple main .search button:hover {
        background: #28508c;
    }

body.theme-light-purple main .table-message {
    border: 1px solid #002455;
}

body.theme-light-purple main .expanded > header > h2 a {
    color: #002455;
}

body.theme-light-purple main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-light-purple main .expanded > header > h2 a:hover,
    body.theme-light-purple main .expanded > header > h2 a:hover,
    body.theme-light-purple main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-light-purple main .expanded > header > h2 a:hover::before,
        body.theme-light-purple main .expanded > header > h2 a:hover::before,
        body.theme-light-purple main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-light-purple main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #ff5000;
}

    body.theme-light-purple main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #ff8c00;
    }

body.theme-light-purple .profile .warning {
    border-color: #ff0000;
}

    body.theme-light-purple .profile .warning + p {
        color: #ff0000;
    }

body.theme-light-purple .profile .message {
    border: 1px solid #002455;
}

body.theme-light-purple footer .links .h6,
body.theme-light-purple footer .links h6 {
    color: #556473;
}

body.theme-light-purple footer .links ul li a {
    color: #96a0aa;
}

    body.theme-light-purple footer .links ul li a:hover {
        color: #aa78ff;
    }

body.theme-light-purple .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-light-purple .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-light-purple .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-light-purple .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-light-purple .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #aa78ff;
    }

        body.theme-light-purple .pattern-calculator .keyboard button.blue:hover {
            background: #be8cff;
        }

    body.theme-light-purple .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-light-purple .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-light-purple .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-light-purple .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-light-purple .modal-footer .btn.btn-danger {
    background: #aa78ff;
}

    body.theme-light-purple .modal-footer .btn.btn-danger:hover {
        background: #be8cff;
    }

/* light brown */

body.theme-light-brown ::selection {
    background: #b48250;
}

body.theme-light-brown ::-moz-selection {
    background: #b48250;
}

body.theme-light-brown a {
    color: #b48250;
}

body.theme-light-brown a {
    color: #966e46;
}

    body.theme-light-brown a:hover,
    body.theme-light-brown a:hover,
    body.theme-light-brown a:active {
        color: #c89664;
    }

    body.theme-light-brown a.orange {
        color: #ff5000;
    }

    body.theme-light-brown a.orange {
        color: #dc3c00;
    }

        body.theme-light-brown a.orange:hover,
        body.theme-light-brown a.orange:hover,
        body.theme-light-brown a.orange:active {
            color: #ff8c00;
        }

body.theme-light-brown main .search .popup-container .popup .button,
body.theme-light-brown main .search .popup-container .popup .button,
body.theme-light-brown main .search .popup-container .popup button,
body.theme-light-brown .button,
body.theme-light-brown .button,
body.theme-light-brown button {
    color: #fff;
    background: #b48250;
}

    body.theme-light-brown main .search .popup-container .popup .button:hover,
    body.theme-light-brown main .search .popup-container .popup .button:hover,
    body.theme-light-brow nmain .search .popup-container .popup .button:active,
    body.theme-light-brown main .search .popup-container .popup button:hover,
    body.theme-light-brown .button:hover,
    body.theme-light-brown .button:hover,
    body.theme-light-brown .button:active,
    body.theme-light-brown button:hover {
        color: #fff;
        background: #c89664;
    }

    body.theme-light-brown .button.dark,
    body.theme-light-brown .button.dark,
    body.theme-light-brown button.dark {
        background: #002455;
    }

        body.theme-light-brown .button.dark:hover,
        body.theme-light-brown .button.dark:hover,
        body.theme-light-brown .button.dark:active,
        body.theme-light-brown button.dark:hover {
            background: #28508c;
        }

    body.theme-light-brown main .search .popup-container .popup .button.orange,
    body.theme-light-brown main .search .popup-container .popup .button.orange,
    body.theme-light-brown main .search .popup-container .popup button.orange,
    body.theme-light-brown .button.orange,
    body.theme-light-brown .button.orange,
    body.theme-light-brown button.orange {
        color: #fff;
        background: #ff5000;
    }

        body.theme-light-brown main .search .popup-container .popup .button.orange:hover,
        body.theme-light-brown main .search .popup-container .popup .button.orange:hover,
        body.theme-light-brown main .search .popup-container .popup .button.orange:active,
        body.theme-light-brown main .search .popup-container .popup button.orange:hover,
        body.theme-light-brown .button.orange:hover,
        body.theme-light-brown .button.orange:hover,
        body.theme-light-brown .button.orange:active,
        body.theme-light-brown button.orange:hover {
            color: #fff;
            background: #ff8c00;
        }

body.theme-light-brown .select div select,
body.theme-light-brown div.under-select select,
body.theme-light-brown .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-light-brown .select div:hover select,
    body.theme-light-brown div.under-select:hover select,
    body.theme-light-brown .dropdown button:hover {
        color: #b48250;
    }

        body.theme-light-brown .select div:hover::before,
        body.theme-light-brown div.under-select:hover::before,
        body.theme-light-brown .dropdown button:hover::after {
            border-color: #b48250;
        }

body.theme-light-brown .select.disabled div select,
body.theme-light-brown .select.disabled div:hover select,
body.theme-light-brown div.under-select.disabled select,
body.theme-light-brown div.under-select.disabled:hover select,
body.theme-light-brown .dropdown.disabled button,
body.theme-light-brown .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-light-brown .select.disabled div::before,
    body.theme-light-brown .select.disabled div:hover::before,
    body.theme-light-brown div.under-select.disabled::before,
    body.theme-light-brown div.under-select.disabled:hover::before,
    body.theme-light-brown .dropdown.disabled button::after,
    body.theme-light-brown .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-light-brown .dropdown ul a,
body.theme-light-brown .dropdown ul a {
    color: #002455;
}

    body.theme-light-brown .dropdown ul a:hover,
    body.theme-light-brown .dropdown ul a:hover,
    body.theme-light-brown .dropdown ul a:active {
        color: #b48250;
    }

body.theme-light-brown .dropdown.signature .button,
body.theme-light-brown .dropdown.signature .button,
body.theme-light-brown .dropdown.signature button {
    color: #fff;
    background: #b48250;
}

    body.theme-light-brown .dropdown.signature .button:hover,
    body.theme-light-brown .dropdown.signature .button:hover,
    body.theme-light-brown .dropdown.signature .button:active,
    body.theme-light-brown .dropdown.signature button:hover {
        color: #fff;
        background: #c89664;
    }

body.theme-light-brown .dropdown.signature.dark .button,
body.theme-light-brown .dropdown.signature.dark .button,
body.theme-light-brown .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-light-brown .dropdown.signature.dark .button:hover,
    body.theme-light-brown .dropdown.signature.dark .button:hover,
    body.theme-light-brown .dropdown.signature.dark .button:active,
    body.theme-light-brown .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-light-brown .dropdown.signature.orange .button,
body.theme-light-brown .dropdown.signature.orange .button,
body.theme-light-brown .dropdown.signature.orange button {
    background: #ff5000;
}

    body.theme-light-brown .dropdown.signature.orange .button:hover,
    body.theme-light-brown .dropdown.signature.orange .button:hover,
    body.theme-light-brown .dropdown.signature.orange .button:active,
    body.theme-light-brown .dropdown.signature.orange button:hover {
        background: #ff8c00;
    }

body.theme-light-brown .dropdown.signature ul {
    background: #b48250;
}

body.theme-light-brown .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-light-brown .dropdown.signature.orange ul {
    background: #ff5000;
}

body.theme-light-brown .dropdown.signature ul li a,
body.theme-light-brown .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-light-brown .dropdown.signature ul li a:hover,
    body.theme-light-brown .dropdown.signature ul li a:hover,
    body.theme-light-brown .dropdown.signature ul li a:active {
        background: #c89664;
    }

body.theme-light-brown .dropdown.signature.dark ul li a:hover,
body.theme-light-brown .dropdown.signature.dark ul li a:hover,
body.theme-light-brown .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-light-brown .dropdown.signature.orange ul li a:hover,
body.theme-light-brown .dropdown.signature.orange ul li a:hover,
body.theme-light-brown .dropdown.signature.orange ul li a:active {
    background: #ff8c00;
}

body.theme-light-brown .checkbox input:checked ~ .checkmark,
body.theme-light-brown .radio input:checked ~ .checkmark {
    background: #b48250;
}

body.theme-light-brown #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-light-brown #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-light-brown #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-light-brown #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #b48250;
}

body.theme-light-brown #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-light-brown #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-light-brown #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-light-brown #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-light-brown #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #b48250;
}

body.theme-light-brown #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-light-brown #ui-datepicker-div tbody td a:hover,
body.theme-light-brown #ui-datepicker-div tbody td a:hover,
body.theme-light-brown #ui-datepicker-div tbody td a:active,
body.theme-light-brown #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-brown #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-brown #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-light-brown #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-light-brown #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-light-brown #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-light-brown #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-light-brown .navbar .side-menu ul li.current,
body.theme-light-brown .navbar .side-menu ul li.current a,
body.theme-light-brown .navbar .side-menu ul li.current a {
    color: #b48250;
}

    body.theme-light-brown .navbar .side-menu ul li.current a:hover,
    body.theme-light-brown .navbar .side-menu ul li.current a:hover,
    body.theme-light-brown .navbar .side-menu ul li.current a:active {
        color: #c89664;
    }

body.theme-light-brown .navbar .side-menu ul li a,
body.theme-light-brown .navbar .side-menu ul li a {
    color: #002455;
}

    body.theme-light-brown .navbar .side-menu ul li a:hover,
    body.theme-light-brown .navbar .side-menu ul li a:hover,
    body.theme-light-brown .navbar .side-menu ul li a:active {
        color: #b48250;
    }

body.theme-light-brown #mobile-opener:hover span,
body.theme-light-brown #mobile-opener:hover span,
body.theme-light-brown #mobile-opener:active span {
    background: #b48250;
}

body.theme-light-brown #user .link,
body.theme-light-brown #user .link {
    color: #002455;
}

    body.theme-light-brown #user .link:hover,
    body.theme-light-brown #user .link:hover,
    body.theme-light-brown #user .link:active {
        color: #b48250;
    }

body.theme-light-brown #user .button,
body.theme-light-brown #user .button {
    color: #b48250;
    background: #fff;
    border: 2px solid #b48250;
}

    body.theme-light-brown #user .button:hover,
    body.theme-light-brown #user .button:hover,
    body.theme-light-brown #user .button:active {
        color: #002455;
    }

body.theme-light-brown .help {
    background: url("../img/help-brown.png");
    background-image: url("../img/help-brown.svg"), none;
}

body.theme-light-brown .favorites {
    background: url("../img/favorites-brown.png");
    background-image: url("../img/favorites-brown.svg"), none;
}

body.theme-light-brown #title-section #breadcrumbs li {
    color: #b48250;
}

    body.theme-light-brown #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-light-brown #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-light-brown #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-light-brown #title-section #breadcrumbs li a:hover,
        body.theme-light-brown #title-section #breadcrumbs li a:hover,
        body.theme-light-brown #title-section #breadcrumbs li a:active {
            color: #b48250;
        }

body.theme-light-brown .tags li a:hover,
body.theme-light-brown .tags li a:hover,
body.theme-light-brown .tags li a:active,
body.theme-light-brown .tags li .blue,
body.theme-light-brown .tags li a.blue {
    color: #b48250;
    border-color: #b48250;
}

    body.theme-light-brown .tags li a.blue:hover,
    body.theme-light-brown .tags li a.blue:hover,
    body.theme-light-brown .tags li a.blue:active {
        color: #c89664;
        border-color: #c89664;
    }

body.theme-light-brown .tags li .orange,
body.theme-light-brown .tags li a.orange {
    color: #ff5000;
    border-color: #ff5000;
}

    body.theme-light-brown .tags li a.orange:hover,
    body.theme-light-brown .tags li a.orange:hover,
    body.theme-light-brown .tags li a.orange:active {
        color: #ff8c00;
        border-color: #ff8c00;
    }

body.theme-light-brown .tags li button,
body.theme-light-brown .tags li button,
body.theme-light-brown .tags li button:hover,
body.theme-light-brown .tags li button:hover,
body.theme-light-brown .tags li button:active,
body.theme-light-brown .tags li button.dark,
body.theme-light-brown .tags li button.dark,
body.theme-light-brown .tags li button.dark:hover,
body.theme-light-brown .tags li button.dark:hover,
body.theme-light-brown .tags li button.dark:active,
body.theme-light-brown .tags li button.orange,
body.theme-light-brown .tags li button.orange,
body.theme-light-brown .tags li button.orange:hover,
body.theme-light-brown .tags li button.orange:hover,
body.theme-light-brown .tags li button.orange:active,
body.theme-light-brown .tags li .button,
body.theme-light-brown .tags li .button,
body.theme-light-brown .tags li .button:hover,
body.theme-light-brown .tags li .button:hover,
body.theme-light-brown .tags li .button:active,
body.theme-light-brown .tags li .button.dark,
body.theme-light-brown .tags li .button.dark,
body.theme-light-brown .tags li .button.dark:hover,
body.theme-light-brown .tags li .button.dark:hover,
body.theme-light-brown .tags li .button.dark:active,
body.theme-light-brown .tags li .button.orange,
body.theme-light-brown .tags li .button.orange,
body.theme-light-brown .tags li .button.orange:hover,
body.theme-light-brown .tags li .button.orange:hover,
body.theme-light-brown .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-light-brown .tabs li .current,
body.theme-light-brown .tabs li .current {
    color: #002455;
}

body.theme-light-brown .tabs li a,
body.theme-light-brown .tabs li a {
    color: #96a0aa;
}

    body.theme-light-brown .tabs li a:hover,
    body.theme-light-brown .tabs li a:hover,
    body.theme-light-brown .tabs li a:active {
        color: #b48250;
    }

body.theme-light-brown .tabs .underline {
    background: #b48250;
}

body.theme-light-brown main .edit.big-menu .message {
    border: 1px solid #002455;
}

body.theme-light-brown main .content .more,
body.theme-light-brown main .content .more {
    color: #b48250;
}

    body.theme-light-brown main .content .more:hover,
    body.theme-light-brown main .content .more:hover,
    body.theme-light-brown main .content .more:active {
        color: #c89664;
    }

    body.theme-light-brown main .content .more::before {
        border-color: #b48250;
    }

    body.theme-light-brown main .content .more::before {
        border-color: #b48250;
    }

    body.theme-light-brown main .content .more:hover::before,
    body.theme-light-brown main .content .more:hover::before,
    body.theme-light-brown main .content .more:active::before {
        border-color: #c89664;
    }

body.theme-light-brown main .search .codes ul.searched li a::before,
body.theme-light-brown main .search .codes ul.searched li a::after {
    background: #b48250;
}

body.theme-light-brown main .search button {
    background: #002455;
}

    body.theme-light-brown main .search button:hover {
        background: #28508c;
    }

body.theme-light-brown main .table-message {
    border: 1px solid #002455;
}

body.theme-light-brown main .expanded > header > h2 a {
    color: #002455;
}

body.theme-light-brown main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-light-brown main .expanded > header > h2 a:hover,
    body.theme-light-brown main .expanded > header > h2 a:hover,
    body.theme-light-brown main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-light-brown main .expanded > header > h2 a:hover::before,
        body.theme-light-brown main .expanded > header > h2 a:hover::before,
        body.theme-light-brown main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-light-brown main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #ff5000;
}

    body.theme-light-brown main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #ff8c00;
    }

body.theme-light-brown .profile .warning {
    border-color: #ff0000;
}

    body.theme-light-brown .profile .warning + p {
        color: #ff0000;
    }

body.theme-light-brown .profile .message {
    border: 1px solid #002455;
}

body.theme-light-brown footer .links .h6,
body.theme-light-brown footer .links h6 {
    color: #556473;
}

body.theme-light-brown footer .links ul li a {
    color: #96a0aa;
}

    body.theme-light-brown footer .links ul li a:hover {
        color: #b48250;
    }

body.theme-light-brown .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-light-brown .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-light-brown .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-light-brown .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-light-brown .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #b48250;
    }

        body.theme-light-brown .pattern-calculator .keyboard button.blue:hover {
            background: #c89664;
        }

    body.theme-light-brown .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-light-brown .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-light-brown .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-light-brown .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-light-brown .modal-footer .btn.btn-danger {
    background: #b48250;
}

    body.theme-light-brown .modal-footer .btn.btn-danger:hover {
        background: #c89664;
    }

/* light gray */

body.theme-light-gray ::selection {
    background: #96a0aa;
}

body.theme-light-gray ::-moz-selection {
    background: #96a0aa;
}

body.theme-light-gray a {
    color: #96a0aa;
}

body.theme-light-gray a {
    color: #78828c;
}

    body.theme-light-gray a:hover,
    body.theme-light-gray a:hover,
    body.theme-light-gray a:active {
        color: #aab4be;
    }

    body.theme-light-gray a.orange {
        color: #ff5000;
    }

    body.theme-light-gray a.orange {
        color: #dc3c00;
    }

        body.theme-light-gray a.orange:hover,
        body.theme-light-gray a.orange:hover,
        body.theme-light-gray a.orange:active {
            color: #ff8c00;
        }

body.theme-light-gray main .search .popup-container .popup .button,
body.theme-light-gray main .search .popup-container .popup .button,
body.theme-light-gray main .search .popup-container .popup button,
body.theme-light-gray .button,
body.theme-light-gray .button,
body.theme-light-gray button {
    color: #fff;
    background: #96a0aa;
}

    body.theme-light-gray main .search .popup-container .popup .button:hover,
    body.theme-light-gray main .search .popup-container .popup .button:hover,
    body.theme-light-gray main .search .popup-container .popup .button:active,
    body.theme-light-gray main .search .popup-container .popup button:hover,
    body.theme-light-gray .button:hover,
    body.theme-light-gray .button:hover,
    body.theme-light-gray .button:active,
    body.theme-light-gray button:hover {
        color: #fff;
        background: #aab4be;
    }

    body.theme-light-gray .button.dark,
    body.theme-light-gray .button.dark,
    body.theme-light-gray button.dark {
        background: #002455;
    }

        body.theme-light-gray .button.dark:hover,
        body.theme-light-gray .button.dark:hover,
        body.theme-light-gray .button.dark:active,
        body.theme-light-gray button.dark:hover {
            background: #28508c;
        }

    body.theme-light-gray main .search .popup-container .popup .button.orange,
    body.theme-light-gray main .search .popup-container .popup .button.orange,
    body.theme-light-gray main .search .popup-container .popup button.orange,
    body.theme-light-gray .button.orange,
    body.theme-light-gray .button.orange,
    body.theme-light-gray button.orange {
        color: #fff;
        background: #ff5000;
    }

        body.theme-light-gray main .search .popup-container .popup .button.orange:hover,
        body.theme-light-gray main .search .popup-container .popup .button.orange:hover,
        body.theme-light-gray main .search .popup-container .popup .button.orange:active,
        body.theme-light-gray main .search .popup-container .popup button.orange:hover,
        body.theme-light-gray .button.orange:hover,
        body.theme-light-gray .button.orange:hover,
        body.theme-light-gray .button.orange:active,
        body.theme-light-gray button.orange:hover {
            color: #fff;
            background: #ff8c00;
        }

body.theme-light-gray .select div select,
body.theme-light-gray div.under-select select,
body.theme-light-gray .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-light-gray .select div:hover select,
    body.theme-light-gray div.under-select:hover select,
    body.theme-light-gray .dropdown button:hover {
        color: #96a0aa;
    }

        body.theme-light-gray .select div:hover::before,
        body.theme-light-gray div.under-select:hover::before,
        body.theme-light-gray .dropdown button:hover::after {
            border-color: #96a0aa;
        }

body.theme-light-gray .select.disabled div select,
body.theme-light-gray .select.disabled div:hover select,
body.theme-light-gray div.under-select.disabled select,
body.theme-light-gray div.under-select.disabled:hover select,
body.theme-light-gray .dropdown.disabled button,
body.theme-light-gray .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-light-gray .select.disabled div::before,
    body.theme-light-gray .select.disabled div:hover::before,
    body.theme-light-gray div.under-select.disabled::before,
    body.theme-light-gray div.under-select.disabled:hover::before,
    body.theme-light-gray .dropdown.disabled button::after,
    body.theme-light-gray .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-light-gray .dropdown ul a,
body.theme-light-gray .dropdown ul a {
    color: #002455;
}

    body.theme-light-gray .dropdown ul a:hover,
    body.theme-light-gray .dropdown ul a:hover,
    body.theme-light-gray .dropdown ul a:active {
        color: #96a0aa;
    }

body.theme-light-gray .dropdown.signature .button,
body.theme-light-gray .dropdown.signature .button,
body.theme-light-gray .dropdown.signature button {
    color: #fff;
    background: #96a0aa;
}

    body.theme-light-gray .dropdown.signature .button:hover,
    body.theme-light-gray .dropdown.signature .button:hover,
    body.theme-light-gray .dropdown.signature .button:active,
    body.theme-light-gray .dropdown.signature button:hover {
        color: #fff;
        background: #aab4be;
    }

body.theme-light-gray .dropdown.signature.dark .button,
body.theme-light-gray .dropdown.signature.dark .button,
body.theme-light-gray .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-light-gray .dropdown.signature.dark .button:hover,
    body.theme-light-gray .dropdown.signature.dark .button:hover,
    body.theme-light-gray .dropdown.signature.dark .button:active,
    body.theme-light-gray .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-light-gray .dropdown.signature.orange .button,
body.theme-light-gray .dropdown.signature.orange .button,
body.theme-light-gray .dropdown.signature.orange button {
    background: #ff5000;
}

    body.theme-light-gray .dropdown.signature.orange .button:hover,
    body.theme-light-gray .dropdown.signature.orange .button:hover,
    body.theme-light-gray .dropdown.signature.orange .button:active,
    body.theme-light-gray .dropdown.signature.orange button:hover {
        background: #ff8c00;
    }

body.theme-light-gray .dropdown.signature ul {
    background: #96a0aa;
}

body.theme-light-gray .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-light-gray .dropdown.signature.orange ul {
    background: #ff5000;
}

body.theme-light-gray .dropdown.signature ul li a,
body.theme-light-gray .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-light-gray .dropdown.signature ul li a:hover,
    body.theme-light-gray .dropdown.signature ul li a:hover,
    body.theme-light-gray .dropdown.signature ul li a:active {
        background: #aab4be;
    }

body.theme-light-gray .dropdown.signature.dark ul li a:hover,
body.theme-light-gray .dropdown.signature.dark ul li a:hover,
body.theme-light-gray .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-light-gray .dropdown.signature.orange ul li a:hover,
body.theme-light-gray .dropdown.signature.orange ul li a:hover,
body.theme-light-gray .dropdown.signature.orange ul li a:active {
    background: #ff8c00;
}

body.theme-light-gray .checkbox input:checked ~ .checkmark,
body.theme-light-gray .radio input:checked ~ .checkmark {
    background: #96a0aa;
}

body.theme-light-gray #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-light-gray #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-light-gray #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-light-gray #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #96a0aa;
}

body.theme-light-gray #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-light-gray #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-light-gray #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-light-gray #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-light-gray #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #96a0aa;
}

body.theme-light-gray #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-light-gray #ui-datepicker-div tbody td a:hover,
body.theme-light-gray #ui-datepicker-div tbody td a:hover,
body.theme-light-gray #ui-datepicker-div tbody td a:active,
body.theme-light-gray #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-gray #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-light-gray #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-light-gray #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-light-gray #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-light-gray #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-light-gray #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-light-gray .navbar .side-menu ul li.current,
body.theme-light-gray .navbar .side-menu ul li.current a,
body.theme-light-gray .navbar .side-menu ul li.current a {
    color: #96a0aa;
}

    body.theme-light-gray .navbar .side-menu ul li.current a:hover,
    body.theme-light-gray .navbar .side-menu ul li.current a:hover,
    body.theme-light-gray .navbar .side-menu ul li.current a:active {
        color: #aab4be;
    }

body.theme-light-gray .navbar .side-menu ul li a,
body.theme-light-gray .navbar .side-menu ul li a {
    color: #002455;
}

    body.theme-light-gray .navbar .side-menu ul li a:hover,
    body.theme-light-gray .navbar .side-menu ul li a:hover,
    body.theme-light-gray .navbar .side-menu ul li a:active {
        color: #96a0aa;
    }

body.theme-light-gray #mobile-opener:hover span,
body.theme-light-gray #mobile-opener:hover span,
body.theme-light-gray #mobile-opener:active span {
    background: #96a0aa;
}

body.theme-light-gray #user .link,
body.theme-light-gray #user .link {
    color: #002455;
}

    body.theme-light-gray #user .link:hover,
    body.theme-light-gray #user .link:hover,
    body.theme-light-gray #user .link:active {
        color: #96a0aa;
    }

body.theme-light-gray #user .button,
body.theme-light-gray #user .button {
    color: #96a0aa;
    background: #fff;
    border: 2px solid #96a0aa;
}

    body.theme-light-gray #user .button:hover,
    body.theme-light-gray #user .button:hover,
    body.theme-light-gray #user .button:active {
        color: #002455;
    }

body.theme-light-gray .help {
    background: url("../img/help-gray.png");
    background-image: url("../img/help-gray.svg"), none;
}

body.theme-light-gray .favorites {
    background: url("../img/favorites-gray.png");
    background-image: url("../img/favorites-gray.svg"), none;
}

body.theme-light-gray #title-section #breadcrumbs li {
    color: #96a0aa;
}

    body.theme-light-gray #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-light-gray #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-light-gray #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-light-gray #title-section #breadcrumbs li a:hover,
        body.theme-light-gray #title-section #breadcrumbs li a:hover,
        body.theme-light-gray #title-section #breadcrumbs li a:active {
            color: #96a0aa;
        }

body.theme-light-gray .tags li a:hover,
body.theme-light-gray .tags li a:hover,
body.theme-light-gray .tags li a:active,
body.theme-light-gray .tags li .blue,
body.theme-light-gray .tags li a.blue {
    color: #96a0aa;
    border-color: #96a0aa;
}

    body.theme-light-gray .tags li a.blue:hover,
    body.theme-light-gray .tags li a.blue:hover,
    body.theme-light-gray .tags li a.blue:active {
        color: #aab4be;
        border-color: #aab4be;
    }

body.theme-light-gray .tags li .orange,
body.theme-light-gray .tags li a.orange {
    color: #ff5000;
    border-color: #ff5000;
}

    body.theme-light-gray .tags li a.orange:hover,
    body.theme-light-gray .tags li a.orange:hover,
    body.theme-light-gray .tags li a.orange:active {
        color: #ff8c00;
        border-color: #ff8c00;
    }

body.theme-light-gray .tags li button,
body.theme-light-gray .tags li button,
body.theme-light-gray .tags li button:hover,
body.theme-light-gray .tags li button:hover,
body.theme-light-gray .tags li button:active,
body.theme-light-gray .tags li button.dark,
body.theme-light-gray .tags li button.dark,
body.theme-light-gray .tags li button.dark:hover,
body.theme-light-gray .tags li button.dark:hover,
body.theme-light-gray .tags li button.dark:active,
body.theme-light-gray .tags li button.orange,
body.theme-light-gray .tags li button.orange,
body.theme-light-gray .tags li button.orange:hover,
body.theme-light-gray .tags li button.orange:hover,
body.theme-light-gray .tags li button.orange:active,
body.theme-light-gray .tags li .button,
body.theme-light-gray .tags li .button,
body.theme-light-gray .tags li .button:hover,
body.theme-light-gray .tags li .button:hover,
body.theme-light-gray .tags li .button:active,
body.theme-light-gray .tags li .button.dark,
body.theme-light-gray .tags li .button.dark,
body.theme-light-gray .tags li .button.dark:hover,
body.theme-light-gray .tags li .button.dark:hover,
body.theme-light-gray .tags li .button.dark:active,
body.theme-light-gray .tags li .button.orange,
body.theme-light-gray .tags li .button.orange,
body.theme-light-gray .tags li .button.orange:hover,
body.theme-light-gray .tags li .button.orange:hover,
body.theme-light-gray .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-light-gray .tabs li .current,
body.theme-light-gray .tabs li .current {
    color: #002455;
}

body.theme-light-gray .tabs li a,
body.theme-light-gray .tabs li a {
    color: #96a0aa;
}

    body.theme-light-gray .tabs li a:hover,
    body.theme-light-gray .tabs li a:hover,
    body.theme-light-gray .tabs li a:active {
        color: #96a0aa;
    }

body.theme-light-gray .tabs .underline {
    background: #96a0aa;
}

body.theme-light-gray main .edit.big-menu .message {
    border: 1px solid #002455;
}

body.theme-light-gray main .content .more,
body.theme-light-gray main .content .more {
    color: #96a0aa;
}

    body.theme-light-gray main .content .more:hover,
    body.theme-light-gray main .content .more:hover,
    body.theme-light-gray main .content .more:active {
        color: #aab4be;
    }

    body.theme-light-gray main .content .more::before {
        border-color: #96a0aa;
    }

    body.theme-light-gray main .content .more::before {
        border-color: #96a0aa;
    }

    body.theme-light-gray main .content .more:hover::before,
    body.theme-light-gray main .content .more:hover::before,
    body.theme-light-gray main .content .more:active::before {
        border-color: #aab4be;
    }

body.theme-light-gray main .search .codes ul.searched li a::before,
body.theme-light-gray main .search .codes ul.searched li a::after {
    background: #96a0aa;
}

body.theme-light-gray main .search button {
    background: #002455;
}

    body.theme-light-gray main .search button:hover {
        background: #28508c;
    }

body.theme-light-gray main .table-message {
    border: 1px solid #002455;
}

body.theme-light-gray main .expanded > header > h2 a {
    color: #002455;
}

body.theme-light-gray main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-light-gray main .expanded > header > h2 a:hover,
    body.theme-light-gray main .expanded > header > h2 a:hover,
    body.theme-light-gray main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-light-gray main .expanded > header > h2 a:hover::before,
        body.theme-light-gray main .expanded > header > h2 a:hover::before,
        body.theme-light-gray main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-light-gray main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #ff5000;
}

    body.theme-light-gray main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #ff8c00;
    }

body.theme-light-gray .profile .warning {
    border-color: #ff0000;
}

    body.theme-light-gray .profile .warning + p {
        color: #ff0000;
    }

body.theme-light-gray .profile .message {
    border: 1px solid #002455;
}

body.theme-light-gray footer .links .h6,
body.theme-light-gray footer .links h6 {
    color: #556473;
}

body.theme-light-gray footer .links ul li a {
    color: #96a0aa;
}

    body.theme-light-gray footer .links ul li a:hover {
        color: #96a0aa;
    }

body.theme-light-gray .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-light-gray .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-light-gray .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-light-gray .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-light-gray .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-light-gray .pattern-calculator .keyboard button.blue:hover {
            background: #aab4be;
        }

    body.theme-light-gray .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-light-gray .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-light-gray .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-light-gray .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-light-gray .modal-footer .btn.btn-danger {
    background: #96a0aa;
}

    body.theme-light-gray .modal-footer .btn.btn-danger:hover {
        background: #aab4be;
    }

/* dark blue */

body.theme-dark-default ::selection {
    background: var(--alert-color-warning);
}

body.theme-dark-default ::-moz-selection {
    background: var(--alert-color-warning);
}

body.theme-dark-default a {
    color: var(--alert-color-warning);
}

body.theme-dark-default a {
    color: #e13232;
}

    body.theme-dark-default a:hover,
    body.theme-dark-default a:hover,
    body.theme-dark-default a:active {
        color: #50beff;
    }

    body.theme-dark-default a.orange {
        color: #ff5000;
    }

    body.theme-dark-default a.orange {
        color: #dc3c00;
    }

        body.theme-dark-default a.orange:hover,
        body.theme-dark-default a.orange:hover,
        body.theme-dark-default a.orange:active {
            color: #ff8c00;
        }

body.theme-dark-default main .search .popup-container .popup .button,
body.theme-dark-default main .search .popup-container .popup .button,
body.theme-dark-default main .search .popup-container .popup button,
body.theme-dark-default .button,
body.theme-dark-default .button,
body.theme-dark-default button {
    color: #fff;
    background: var(--alert-color-warning);
}

    body.theme-dark-default main .search .popup-container .popup .button:hover,
    body.theme-dark-default main .search .popup-container .popup .button:hover,
    body.theme-dark-default main .search .popup-container .popup .button:active,
    body.theme-dark-default main .search .popup-container .popup button:hover,
    body.theme-dark-default .button:hover,
    body.theme-dark-default .button:hover,
    body.theme-dark-default .button:active,
    body.theme-dark-default button:hover {
        color: #fff;
        background: #50beff;
    }

    body.theme-dark-default .button.dark,
    body.theme-dark-default .button.dark,
    body.theme-dark-default button.dark {
        background: #002455;
    }

        body.theme-dark-default .button.dark:hover,
        body.theme-dark-default .button.dark:hover,
        body.theme-dark-default .button.dark:active,
        body.theme-dark-default button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-default main .search .popup-container .popup .button.orange,
    body.theme-dark-default main .search .popup-container .popup .button.orange,
    body.theme-dark-default main .search .popup-container .popup button.orange,
    body.theme-dark-default .button.orange,
    body.theme-dark-default .button.orange,
    body.theme-dark-default button.orange {
        color: #fff;
        background: #ff5000;
    }

        body.theme-dark-default main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-default main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-default main .search .popup-container .popup .button.orange:active,
        body.theme-dark-default main .search .popup-container .popup button.orange:hover,
        body.theme-dark-default .button.orange:hover,
        body.theme-dark-default .button.orange:hover,
        body.theme-dark-default .button.orange:active,
        body.theme-dark-default button.orange:hover {
            color: #fff;
            background: #ff8c00;
        }

body.theme-dark-default .select div select,
body.theme-dark-default div.under-select select,
body.theme-dark-default .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-dark-default .select div:hover select,
    body.theme-dark-default div.under-select:hover select,
    body.theme-dark-default .dropdown button:hover {
        color: var(--alert-color-warning);
    }

        body.theme-dark-default .select div:hover::before,
        body.theme-dark-default div.under-select:hover::before,
        body.theme-dark-default .dropdown button:hover::after {
            border-color: var(--alert-color-warning);
        }

body.theme-dark-default .select.disabled div select,
body.theme-dark-default .select.disabled div:hover select,
body.theme-dark-default div.under-select.disabled select,
body.theme-dark-default div.under-select.disabled:hover select,
body.theme-dark-default .dropdown.disabled button,
body.theme-dark-default .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-dark-default .select.disabled div::before,
    body.theme-dark-default .select.disabled div:hover::before,
    body.theme-dark-default div.under-select.disabled::before,
    body.theme-dark-default div.under-select.disabled:hover::before,
    body.theme-dark-default .dropdown.disabled button::after,
    body.theme-dark-default .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-dark-default .dropdown ul a,
body.theme-dark-default .dropdown ul a {
    color: #002455;
}

    body.theme-dark-default .dropdown ul a:hover,
    body.theme-dark-default .dropdown ul a:hover,
    body.theme-dark-default .dropdown ul a:active {
        color: var(--alert-color-warning);
    }

body.theme-dark-default .dropdown.signature .button,
body.theme-dark-default .dropdown.signature .button,
body.theme-dark-default .dropdown.signature button {
    color: #fff;
    background: var(--alert-color-warning);
}

    body.theme-dark-default .dropdown.signature .button:hover,
    body.theme-dark-default .dropdown.signature .button:hover,
    body.theme-dark-default .dropdown.signature .button:active,
    body.theme-dark-default .dropdown.signature button:hover {
        color: #fff;
        background: #50beff;
    }

body.theme-dark-default .dropdown.signature.dark .button,
body.theme-dark-default .dropdown.signature.dark .button,
body.theme-dark-default .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-dark-default .dropdown.signature.dark .button:hover,
    body.theme-dark-default .dropdown.signature.dark .button:hover,
    body.theme-dark-default .dropdown.signature.dark .button:active,
    body.theme-dark-default .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-dark-default .dropdown.signature.orange .button,
body.theme-dark-default .dropdown.signature.orange .button,
body.theme-dark-default .dropdown.signature.orange button {
    background: #ff5000;
}

    body.theme-dark-default .dropdown.signature.orange .button:hover,
    body.theme-dark-default .dropdown.signature.orange .button:hover,
    body.theme-dark-default .dropdown.signature.orange .button:active,
    body.theme-dark-default .dropdown.signature.orange button:hover {
        background: #ff8c00;
    }

body.theme-dark-default .dropdown.signature ul {
    background: var(--alert-color-warning);
}

body.theme-dark-default .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-dark-default .dropdown.signature.orange ul {
    background: #ff5000;
}

body.theme-dark-default .dropdown.signature ul li a,
body.theme-dark-default .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-dark-default .dropdown.signature ul li a:hover,
    body.theme-dark-default .dropdown.signature ul li a:hover,
    body.theme-dark-default .dropdown.signature ul li a:active {
        background: #50beff;
    }

body.theme-dark-default .dropdown.signature.dark ul li a:hover,
body.theme-dark-default .dropdown.signature.dark ul li a:hover,
body.theme-dark-default .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-dark-default .dropdown.signature.orange ul li a:hover,
body.theme-dark-default .dropdown.signature.orange ul li a:hover,
body.theme-dark-default .dropdown.signature.orange ul li a:active {
    background: #ff8c00;
}

body.theme-dark-default .checkbox input:checked ~ .checkmark,
body.theme-dark-default .radio input:checked ~ .checkmark {
    background: var(--alert-color-warning);
}

body.theme-dark-default #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-dark-default #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-dark-default #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-dark-default #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: var(--alert-color-warning);
}

body.theme-dark-default #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-dark-default #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-dark-default #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-dark-default #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-dark-default #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: var(--alert-color-warning);
}

body.theme-dark-default #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-dark-default #ui-datepicker-div tbody td a:hover,
body.theme-dark-default #ui-datepicker-div tbody td a:hover,
body.theme-dark-default #ui-datepicker-div tbody td a:active,
body.theme-dark-default #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-default #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-default #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-dark-default #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-dark-default #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-dark-default #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-dark-default #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-dark-default .navbar .display-settings {
    background: #32465a;
}

    body.theme-dark-default .navbar .display-settings .colors span:first-child {
        background: url("../img/colors-dark.png");
        background-image: url("../img/colors-dark.svg"), none;
    }

    body.theme-dark-default .navbar .display-settings .contrast span:first-child {
        background: url("../img/contrast-dark.png");
        background-image: url("../img/contrast-dark.svg"), none;
    }

    body.theme-dark-default .navbar .display-settings a span:last-child {
        color: #96a0aa;
    }

body.theme-dark-default .colorizer {
    background: #1e3246;
}

body.theme-dark-default #container-main.open .colorizer {
    background: #32465a;
}

body.theme-dark-default .navbar .logo a {
    background: url("../img/logo-main-dark.png");
    background-image: url("../img/logo-main-dark.svg"), none;
}

body.theme-dark-default .navbar .select div select,
body.theme-dark-default .navbar div.under-select select,
body.theme-dark-default .navbar .dropdown button {
    color: #fff;
}

    body.theme-dark-default .navbar .select div:hover select,
    body.theme-dark-default .navbar div.under-select:hover select,
    body.theme-dark-default .navbar .dropdown button:hover {
        color: var(--alert-color-warning);
    }

    body.theme-dark-default .navbar .select div::before,
    body.theme-dark-default .navbar div.under-select::before,
    body.theme-dark-default .navbar .dropdown button::after {
        border-color: #fff;
    }

    body.theme-dark-default .navbar .select div:hover::before,
    body.theme-dark-default .navbar div.under-select:hover::before,
    body.theme-dark-default .navbar .dropdown button:hover::after {
        border-color: var(--alert-color-warning);
    }

body.theme-dark-default .navbar #goto ul li a,
body.theme-dark-default .navbar #goto ul li a {
    color: #fff;
}

    body.theme-dark-default .navbar #goto ul li a:hover,
    body.theme-dark-default .navbar #goto ul li a:hover,
    body.theme-dark-default .navbar #goto ul li a:active {
        color: var(--alert-color-warning);
    }

body.theme-dark-default .navbar .side-menu .h5,
body.theme-dark-default .navbar .side-menu h5 {
    color: #fff;
}

body.theme-dark-default .navbar .side-menu .h6,
body.theme-dark-default .navbar .side-menu h6 {
    color: #fff;
}

body.theme-dark-default .navbar .side-menu label {
    color: #fff;
}

body.theme-dark-default .navbar .side-menu input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-default .navbar .side-menu textarea {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-default .navbar .side-menu ul li.current,
body.theme-dark-default .navbar .side-menu ul li.current a,
body.theme-dark-default .navbar .side-menu ul li.current a {
    color: var(--alert-color-warning);
}

    body.theme-dark-default .navbar .side-menu ul li.current a:hover,
    body.theme-dark-default .navbar .side-menu ul li.current a:hover,
    body.theme-dark-default .navbar .side-menu ul li.current a:active {
        color: #50beff;
    }

body.theme-dark-default .navbar .side-menu ul li a,
body.theme-dark-default .navbar .side-menu ul li a {
    color: #fff;
}

    body.theme-dark-default .navbar .side-menu ul li a:hover,
    body.theme-dark-default .navbar .side-menu ul li a:hover,
    body.theme-dark-default .navbar .side-menu ul li a:active {
        color: var(--alert-color-warning);
    }

body.theme-dark-default .navbar .side-menu .checkbox .checkmark,
body.theme-dark-default .navbar .side-menu .radio .checkmark {
    border-color: #556473;
}

body.theme-dark-default .navbar .side-menu .checkbox:hover input ~ .checkmark,
body.theme-dark-default .navbar .side-menu .radio:hover input ~ .checkmark {
    background: #556473;
}

body.theme-dark-default .navbar .side-menu .checkbox input:checked ~ .checkmark,
body.theme-dark-default .navbar .side-menu .radio input:checked ~ .checkmark {
    background: var(--alert-color-warning);
}

body.theme-dark-default .navbar .dropdown ul {
    background: #32465a;
}

body.theme-dark-default #navbar-search .search input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-default #mobile-header {
    background: #32465a;
}

    body.theme-dark-default #mobile-header .logo a {
        background: url("../img/logo-main-dark.png");
        background-image: url("../img/logo-main-dark.svg"), none;
    }

body.theme-dark-default #mobile-opener span,
body.theme-dark-default #mobile-opener span {
    background: #fff;
}

body.theme-dark-default #mobile-opener:hover span,
body.theme-dark-default #mobile-opener:hover span,
body.theme-dark-default #mobile-opener:active span {
    background: var(--alert-color-warning);
}

body.theme-dark-default #user .link,
body.theme-dark-default #user .link {
    color: #002455;
}

    body.theme-dark-default #user .link:hover,
    body.theme-dark-default #user .link:hover,
    body.theme-dark-default #user .link:active {
        color: var(--alert-color-warning);
    }

body.theme-dark-default #user .button,
body.theme-dark-default #user .button {
    color: var(--alert-color-warning);
    background: #fff;
    border: 2px solid var(--alert-color-warning);
}

    body.theme-dark-default #user .button:hover,
    body.theme-dark-default #user .button:hover,
    body.theme-dark-default #user .button:active {
        color: #002455;
    }

body.theme-dark-default .help {
    background: url("../img/help.png");
    background-image: url("../img/help.svg"), none;
}

body.theme-dark-default .favorites {
    background: url("../img/favorites.png");
    background-image: url("../img/favorites.svg"), none;
}

body.theme-dark-default #title-section #breadcrumbs li {
    color: var(--alert-color-warning);
}

    body.theme-dark-default #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-dark-default #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-dark-default #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-dark-default #title-section #breadcrumbs li a:hover,
        body.theme-dark-default #title-section #breadcrumbs li a:hover,
        body.theme-dark-default #title-section #breadcrumbs li a:active {
            color: var(--alert-color-warning);
        }

body.theme-dark-default .tags li a:hover,
body.theme-dark-default .tags li a:hover,
body.theme-dark-default .tags li a:active,
body.theme-dark-default .tags li .blue,
body.theme-dark-default .tags li a.blue {
    color: var(--alert-color-warning);
    border-color: var(--alert-color-warning);
}

    body.theme-dark-default .tags li a.blue:hover,
    body.theme-dark-default .tags li a.blue:hover,
    body.theme-dark-default .tags li a.blue:active {
        color: #50beff;
        border-color: #50beff;
    }

body.theme-dark-default .tags li .orange,
body.theme-dark-default .tags li a.orange {
    color: #ff5000;
    border-color: #ff5000;
}

    body.theme-dark-default .tags li a.orange:hover,
    body.theme-dark-default .tags li a.orange:hover,
    body.theme-dark-default .tags li a.orange:active {
        color: #ff8c00;
        border-color: #ff8c00;
    }

body.theme-dark-default .tags li button,
body.theme-dark-default .tags li button,
body.theme-dark-default .tags li button:hover,
body.theme-dark-default .tags li button:hover,
body.theme-dark-default .tags li button:active,
body.theme-dark-default .tags li button.dark,
body.theme-dark-default .tags li button.dark,
body.theme-dark-default .tags li button.dark:hover,
body.theme-dark-default .tags li button.dark:hover,
body.theme-dark-default .tags li button.dark:active,
body.theme-dark-default .tags li button.orange,
body.theme-dark-default .tags li button.orange,
body.theme-dark-default .tags li button.orange:hover,
body.theme-dark-default .tags li button.orange:hover,
body.theme-dark-default .tags li button.orange:active,
body.theme-dark-default .tags li .button,
body.theme-dark-default .tags li .button,
body.theme-dark-default .tags li .button:hover,
body.theme-dark-default .tags li .button:hover,
body.theme-dark-default .tags li .button:active,
body.theme-dark-default .tags li .button.dark,
body.theme-dark-default .tags li .button.dark,
body.theme-dark-default .tags li .button.dark:hover,
body.theme-dark-default .tags li .button.dark:hover,
body.theme-dark-default .tags li .button.dark:active,
body.theme-dark-default .tags li .button.orange,
body.theme-dark-default .tags li .button.orange,
body.theme-dark-default .tags li .button.orange:hover,
body.theme-dark-default .tags li .button.orange:hover,
body.theme-dark-default .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-dark-default .tabs li .current,
body.theme-dark-default .tabs li .current {
    color: #002455;
}

body.theme-dark-default .tabs li a,
body.theme-dark-default .tabs li a {
    color: #96a0aa;
}

    body.theme-dark-default .tabs li a:hover,
    body.theme-dark-default .tabs li a:hover,
    body.theme-dark-default .tabs li a:active {
        color: var(--alert-color-warning);
    }

body.theme-dark-default .tabs .underline {
    background: var(--alert-color-warning);
}

body.theme-dark-default main .edit.big-menu .message {
    border: 1px solid #002455;
}

body.theme-dark-default main .content .more,
body.theme-dark-default main .content .more {
    color: var(--alert-color-warning);
}

    body.theme-dark-default main .content .more:hover,
    body.theme-dark-default main .content .more:hover,
    body.theme-dark-default main .content .more:active {
        color: #50beff;
    }

    body.theme-dark-default main .content .more::before {
        border-color: var(--alert-color-warning);
    }

    body.theme-dark-default main .content .more::before {
        border-color: var(--alert-color-warning);
    }

    body.theme-dark-default main .content .more:hover::before,
    body.theme-dark-default main .content .more:hover::before,
    body.theme-dark-default main .content .more:active::before {
        border-color: #50beff;
    }

body.theme-dark-default main .search .codes ul.searched li a::before,
body.theme-dark-default main .search .codes ul.searched li a::after {
    background: var(--alert-color-warning);
}

body.theme-dark-default main .search button {
    background: #002455;
}

    body.theme-dark-default main .search button:hover {
        background: #28508c;
    }

body.theme-dark-default main .table-message {
    border: 1px solid #002455;
}

body.theme-dark-default main .expanded > header > h2 a {
    color: #002455;
}

body.theme-dark-default main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-dark-default main .expanded > header > h2 a:hover,
    body.theme-dark-default main .expanded > header > h2 a:hover,
    body.theme-dark-default main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-dark-default main .expanded > header > h2 a:hover::before,
        body.theme-dark-default main .expanded > header > h2 a:hover::before,
        body.theme-dark-default main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-dark-default main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #ff5000;
}

    body.theme-dark-default main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #ff8c00;
    }

body.theme-dark-default .profile .warning {
    border-color: #ff0000;
}

    body.theme-dark-default .profile .warning + p {
        color: #ff0000;
    }

body.theme-dark-default .profile .message {
    border: 1px solid #002455;
}

body.theme-dark-default footer {
    background: #32465a;
}

    body.theme-dark-default footer .links .h6,
    body.theme-dark-default footer .links h6 {
        color: #cdd2d7;
    }

    body.theme-dark-default footer .links ul li a {
        color: #96a0aa;
    }

        body.theme-dark-default footer .links ul li a:hover {
            color: var(--alert-color-warning);
        }

body.theme-dark-default .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-dark-default .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-dark-default .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-dark-default .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-default .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: var(--alert-color-warning);
    }

        body.theme-dark-default .pattern-calculator .keyboard button.blue:hover {
            background: #50beff;
        }

    body.theme-dark-default .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-dark-default .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-dark-default .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-dark-default .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-dark-default .modal-footer .btn.btn-danger {
    background: var(--alert-color-warning);
}

    body.theme-dark-default .modal-footer .btn.btn-danger:hover {
        background: #50beff;
    }

/* dark red */

body.theme-dark-red ::selection {
    background: #ff3c3c;
}

body.theme-dark-red ::-moz-selection {
    background: #ff3c3c;
}

body.theme-dark-red a {
    color: #ff3c3c;
}

body.theme-dark-red a {
    color: #e13232;
}

    body.theme-dark-red a:hover,
    body.theme-dark-red a:hover,
    body.theme-dark-red a:active {
        color: #ff6e6e;
    }

    body.theme-dark-red a.orange {
        color: #a00000;
    }

    body.theme-dark-red a.orange {
        color: #780000;
    }

        body.theme-dark-red a.orange:hover,
        body.theme-dark-red a.orange:hover,
        body.theme-dark-red a.orange:active {
            color: #dc0000;
        }

body.theme-dark-red main .search .popup-container .popup .button,
body.theme-dark-red main .search .popup-container .popup .button,
body.theme-dark-red main .search .popup-container .popup button,
body.theme-dark-red .button,
body.theme-dark-red .button,
body.theme-dark-red button {
    color: #fff;
    background: #ff3c3c;
}

    body.theme-dark-red main .search .popup-container .popup .button:hover,
    body.theme-dark-red main .search .popup-container .popup .button:hover,
    body.theme-dark-red main .search .popup-container .popup .button:active,
    body.theme-dark-red main .search .popup-container .popup button:hover,
    body.theme-dark-red .button:hover,
    body.theme-dark-red .button:hover,
    body.theme-dark-red .button:active,
    body.theme-dark-red button:hover {
        color: #fff;
        background: #ff6e6e;
    }

    body.theme-dark-red .button.dark,
    body.theme-dark-red .button.dark,
    body.theme-dark-red button.dark {
        background: #002455;
    }

        body.theme-dark-red .button.dark:hover,
        body.theme-dark-red .button.dark:hover,
        body.theme-dark-red .button.dark:active,
        body.theme-dark-red button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-red main .search .popup-container .popup .button.orange,
    body.theme-dark-red main .search .popup-container .popup .button.orange,
    body.theme-dark-red main .search .popup-container .popup button.orange,
    body.theme-dark-red .button.orange,
    body.theme-dark-red .button.orange,
    body.theme-dark-red button.orange {
        color: #fff;
        background: #a00000;
    }

        body.theme-dark-red main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-red main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-redmain .search .popup-container .popup .button.orange:active,
        body.theme-dark-red main .search .popup-container .popup button.orange:hover,
        body.theme-dark-red .button.orange:hover,
        body.theme-dark-red .button.orange:hover,
        body.theme-dark-red .button.orange:active,
        body.theme-dark-red button.orange:hover {
            color: #fff;
            background: #dc0000;
        }

body.theme-dark-red .select div select,
body.theme-dark-red div.under-select select,
body.theme-dark-red .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-dark-red .select div:hover select,
    body.theme-dark-red div.under-select:hover select,
    body.theme-dark-red .dropdown button:hover {
        color: #ff3c3c;
    }

        body.theme-dark-red .select div:hover::before,
        body.theme-dark-red div.under-select:hover::before,
        body.theme-dark-red .dropdown button:hover::after {
            border-color: #ff3c3c;
        }

body.theme-dark-red .select.disabled div select,
body.theme-dark-red .select.disabled div:hover select,
body.theme-dark-red div.under-select.disabled select,
body.theme-dark-red div.under-select.disabled:hover select,
body.theme-dark-red .dropdown.disabled button,
body.theme-dark-red .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-dark-red .select.disabled div::before,
    body.theme-dark-red .select.disabled div:hover::before,
    body.theme-dark-red div.under-select.disabled::before,
    body.theme-dark-red div.under-select.disabled:hover::before,
    body.theme-dark-red .dropdown.disabled button::after,
    body.theme-dark-red .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-dark-red .dropdown ul a,
body.theme-dark-red .dropdown ul a {
    color: #002455;
}

    body.theme-dark-red .dropdown ul a:hover,
    body.theme-dark-red .dropdown ul a:hover,
    body.theme-dark-red .dropdown ul a:active {
        color: #ff3c3c;
    }

body.theme-dark-red .dropdown.signature .button,
body.theme-dark-red .dropdown.signature .button,
body.theme-dark-red .dropdown.signature button {
    color: #fff;
    background: #ff3c3c;
}

    body.theme-dark-red .dropdown.signature .button:hover,
    body.theme-dark-red .dropdown.signature .button:hover,
    body.theme-dark-red .dropdown.signature .button:active,
    body.theme-dark-red .dropdown.signature button:hover {
        color: #fff;
        background: #ff6e6e;
    }

body.theme-dark-red .dropdown.signature.dark .button,
body.theme-dark-red .dropdown.signature.dark .button,
body.theme-dark-red .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-dark-red .dropdown.signature.dark .button:hover,
    body.theme-dark-red .dropdown.signature.dark .button:hover,
    body.theme-dark-red .dropdown.signature.dark .button:active,
    body.theme-dark-red .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-dark-red .dropdown.signature.orange .button,
body.theme-dark-red .dropdown.signature.orange .button,
body.theme-dark-red .dropdown.signature.orange button {
    background: #a00000;
}

    body.theme-dark-red .dropdown.signature.orange .button:hover,
    body.theme-dark-red .dropdown.signature.orange .button:hover,
    body.theme-dark-red .dropdown.signature.orange .button:active,
    body.theme-dark-red .dropdown.signature.orange button:hover {
        background: #dc0000;
    }

body.theme-dark-red .dropdown.signature ul {
    background: #ff3c3c;
}

body.theme-dark-red .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-dark-red .dropdown.signature.orange ul {
    background: #a00000;
}

body.theme-dark-red .dropdown.signature ul li a,
body.theme-dark-red .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-dark-red .dropdown.signature ul li a:hover,
    body.theme-dark-red .dropdown.signature ul li a:hover,
    body.theme-dark-red .dropdown.signature ul li a:active {
        background: #ff6e6e;
    }

body.theme-dark-red .dropdown.signature.dark ul li a:hover,
body.theme-dark-red .dropdown.signature.dark ul li a:hover,
body.theme-dark-red .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-dark-red .dropdown.signature.orange ul li a:hover,
body.theme-dark-red .dropdown.signature.orange ul li a:hover,
body.theme-dark-red .dropdown.signature.orange ul li a:active {
    background: #dc0000;
}

body.theme-dark-red .checkbox input:checked ~ .checkmark,
body.theme-dark-red .radio input:checked ~ .checkmark {
    background: #ff3c3c;
}

body.theme-dark-red #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-dark-red #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-dark-red #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-dark-red #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #ff3c3c;
}

body.theme-dark-red #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-dark-red #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-dark-red #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-dark-red #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-dark-red #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #ff3c3c;
}

body.theme-dark-red #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-dark-red #ui-datepicker-div tbody td a:hover,
body.theme-dark-red #ui-datepicker-div tbody td a:hover,
body.theme-dark-red #ui-datepicker-div tbody td a:active,
body.theme-dark-red #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-red #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-red #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-dark-red #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-dark-red #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-dark-red #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-dark-red #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-dark-red .navbar .display-settings {
    background: #32465a;
}

    body.theme-dark-red .navbar .display-settings .colors span:first-child {
        background: url("../img/colors-dark.png");
        background-image: url("../img/colors-dark.svg"), none;
    }

    body.theme-dark-red .navbar .display-settings .contrast span:first-child {
        background: url("../img/contrast-dark.png");
        background-image: url("../img/contrast-dark.svg"), none;
    }

    body.theme-dark-red .navbar .display-settings a span:last-child {
        color: #96a0aa;
    }

body.theme-dark-red .colorizer {
    background: #1e3246;
}

body.theme-dark-red #container-main.open .colorizer {
    background: #32465a;
}

body.theme-dark-red .navbar .logo a {
    background: url("../img/logo-main-dark.png");
    background-image: url("../img/logo-main-dark.svg"), none;
}

body.theme-dark-red .navbar .select div select,
body.theme-dark-red .navbar div.under-select select,
body.theme-dark-red .navbar .dropdown button {
    color: #fff;
}

    body.theme-dark-red .navbar .select div:hover select,
    body.theme-dark-red .navbar div.under-select:hover select,
    body.theme-dark-red .navbar .dropdown button:hover {
        color: #ff3c3c;
    }

    body.theme-dark-red .navbar .select div::before,
    body.theme-dark-red .navbar div.under-select::before,
    body.theme-dark-red .navbar .dropdown button::after {
        border-color: #fff;
    }

    body.theme-dark-red .navbar .select div:hover::before,
    body.theme-dark-red .navbar div.under-select:hover::before,
    body.theme-dark-red .navbar .dropdown button:hover::after {
        border-color: #ff3c3c;
    }

body.theme-dark-red .navbar #goto ul li a,
body.theme-dark-red .navbar #goto ul li a {
    color: #fff;
}

    body.theme-dark-red .navbar #goto ul li a:hover,
    body.theme-dark-red .navbar #goto ul li a:hover,
    body.theme-dark-red .navbar #goto ul li a:active {
        color: #ff3c3c;
    }

body.theme-dark-red .navbar .side-menu .h5,
body.theme-dark-red .navbar .side-menu h5 {
    color: #fff;
}

body.theme-dark-red .navbar .side-menu .h6,
body.theme-dark-red .navbar .side-menu h6 {
    color: #fff;
}

body.theme-dark-red .navbar .side-menu label {
    color: #fff;
}

body.theme-dark-red .navbar .side-menu input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-red .navbar .side-menu textarea {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-red .navbar .side-menu ul li.current,
body.theme-dark-red .navbar .side-menu ul li.current a,
body.theme-dark-red .navbar .side-menu ul li.current a {
    color: #ff3c3c;
}

    body.theme-dark-red .navbar .side-menu ul li.current a:hover,
    body.theme-dark-red .navbar .side-menu ul li.current a:hover,
    body.theme-dark-red .navbar .side-menu ul li.current a:active {
        color: #ff6e6e;
    }

body.theme-dark-red .navbar .side-menu ul li a,
body.theme-dark-red .navbar .side-menu ul li a {
    color: #fff;
}

    body.theme-dark-red .navbar .side-menu ul li a:hover,
    body.theme-dark-red .navbar .side-menu ul li a:hover,
    body.theme-dark-red .navbar .side-menu ul li a:active {
        color: #ff3c3c;
    }

body.theme-dark-red .navbar .side-menu .checkbox .checkmark,
body.theme-dark-red .navbar .side-menu .radio .checkmark {
    border-color: #556473;
}

body.theme-dark-red .navbar .side-menu .checkbox:hover input ~ .checkmark,
body.theme-dark-red .navbar .side-menu .radio:hover input ~ .checkmark {
    background: #556473;
}

body.theme-dark-red .navbar .side-menu .checkbox input:checked ~ .checkmark,
body.theme-dark-red .navbar .side-menu .radio input:checked ~ .checkmark {
    background: #ff3c3c;
}

body.theme-dark-red .navbar .dropdown ul {
    background: #32465a;
}

body.theme-dark-red #navbar-search .search input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-red #mobile-header {
    background: #32465a;
}

    body.theme-dark-red #mobile-header .logo a {
        background: url("../img/logo-main-dark.png");
        background-image: url("../img/logo-main-dark.svg"), none;
    }

body.theme-dark-red #mobile-opener span,
body.theme-dark-red #mobile-opener span {
    background: #fff;
}

body.theme-dark-red #mobile-opener:hover span,
body.theme-dark-red #mobile-opener:hover span,
body.theme-dark-red #mobile-opener:active span {
    background: #ff3c3c;
}

body.theme-dark-red #user .link,
body.theme-dark-red #user .link {
    color: #002455;
}

    body.theme-dark-red #user .link:hover,
    body.theme-dark-red #user .link:hover,
    body.theme-dark-red #user .link:active {
        color: #ff3c3c;
    }

body.theme-dark-red #user .button,
body.theme-dark-red #user .button {
    color: #ff3c3c;
    background: #fff;
    border: 2px solid #ff3c3c;
}

    body.theme-dark-red #user .button:hover,
    body.theme-dark-red #user .button:hover,
    body.theme-dark-red #user .button:active {
        color: #002455;
    }

body.theme-dark-red .help {
    background: url("../img/help-red.png");
    background-image: url("../img/help-red.svg"), none;
}

body.theme-dark-red .favorites {
    background: url("../img/favorites-red.png");
    background-image: url("../img/favorites-red.svg"), none;
}

body.theme-dark-red .notifications {
    background: #a00000;
}

body.theme-dark-red #title-section #breadcrumbs li {
    color: #ff3c3c;
}

    body.theme-dark-red #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-dark-red #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-dark-red #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-dark-red #title-section #breadcrumbs li a:hover,
        body.theme-dark-red #title-section #breadcrumbs li a:hover,
        body.theme-dark-red #title-section #breadcrumbs li a:active {
            color: #ff3c3c;
        }

body.theme-dark-red .tags li a:hover,
body.theme-dark-red .tags li a:hover,
body.theme-dark-red .tags li a:active,
body.theme-dark-red .tags li .blue,
body.theme-dark-red .tags li a.blue {
    color: #ff3c3c;
    border-color: #ff3c3c;
}

    body.theme-dark-red .tags li a.blue:hover,
    body.theme-dark-red .tags li a.blue:hover,
    body.theme-dark-red .tags li a.blue:active {
        color: #ff6e6e;
        border-color: #ff6e6e;
    }

body.theme-dark-red .tags li .orange,
body.theme-dark-red .tags li a.orange {
    color: #a00000;
    border-color: #a00000;
}

    body.theme-dark-red .tags li a.orange:hover,
    body.theme-dark-red .tags li a.orange:hover,
    body.theme-dark-red .tags li a.orange:active {
        color: #dc0000;
        border-color: #dc0000;
    }

body.theme-dark-red .tags li button,
body.theme-dark-red .tags li button,
body.theme-dark-red .tags li button:hover,
body.theme-dark-red .tags li button:hover,
body.theme-dark-red .tags li button:active,
body.theme-dark-red .tags li button.dark,
body.theme-dark-red .tags li button.dark,
body.theme-dark-red .tags li button.dark:hover,
body.theme-dark-red .tags li button.dark:hover,
body.theme-dark-red .tags li button.dark:active,
body.theme-dark-red .tags li button.orange,
body.theme-dark-red .tags li button.orange,
body.theme-dark-red .tags li button.orange:hover,
body.theme-dark-red .tags li button.orange:hover,
body.theme-dark-red .tags li button.orange:active,
body.theme-dark-red .tags li .button,
body.theme-dark-red .tags li .button,
body.theme-dark-red .tags li .button:hover,
body.theme-dark-red .tags li .button:hover,
body.theme-dark-red .tags li .button:active,
body.theme-dark-red .tags li .button.dark,
body.theme-dark-red .tags li .button.dark,
body.theme-dark-red .tags li .button.dark:hover,
body.theme-dark-red .tags li .button.dark:hover,
body.theme-dark-red .tags li .button.dark:active,
body.theme-dark-red .tags li .button.orange,
body.theme-dark-red .tags li .button.orange,
body.theme-dark-red .tags li .button.orange:hover,
body.theme-dark-red .tags li .button.orange:hover,
body.theme-dark-red .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-dark-red .tabs li .current,
body.theme-dark-red .tabs li .current {
    color: #002455;
}

body.theme-dark-red .tabs li a,
body.theme-dark-red .tabs li a {
    color: #96a0aa;
}

    body.theme-dark-red .tabs li a:hover,
    body.theme-dark-red .tabs li a:hover,
    body.theme-dark-red .tabs li a:active {
        color: #ff3c3c;
    }

body.theme-dark-red .tabs .underline {
    background: #ff3c3c;
}

body.theme-dark-red main .edit.big-menu .message {
    border: 1px solid #002455;
}



body.theme-dark-red main .content .more,
body.theme-dark-red main .content .more {
    color: #ff3c3c;
}

    body.theme-dark-red main .content .more:hover,
    body.theme-dark-red main .content .more:hover,
    body.theme-dark-red main .content .more:active {
        color: #ff6e6e;
    }

    body.theme-dark-red main .content .more::before {
        border-color: #ff3c3c;
    }

    body.theme-dark-red main .content .more::before {
        border-color: #ff3c3c;
    }

    body.theme-dark-red main .content .more:hover::before,
    body.theme-dark-red main .content .more:hover::before,
    body.theme-dark-red main .content .more:active::before {
        border-color: #ff6e6e;
    }

body.theme-dark-red main .search .codes ul.used li a::before,
body.theme-dark-red main .search .codes ul.used li a::after {
    background: #a00000;
}

body.theme-dark-red main .search .codes ul.searched li a::before,
body.theme-dark-red main .search .codes ul.searched li a::after {
    background: #ff3c3c;
}

body.theme-dark-red main .search button {
    background: #002455;
}

    body.theme-dark-red main .search button:hover {
        background: #28508c;
    }

body.theme-dark-red main .table-message {
    border: 1px solid #002455;
}

body.theme-dark-red main .expanded > header > h2 a {
    color: #002455;
}

body.theme-dark-red main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-dark-red main .expanded > header > h2 a:hover,
    body.theme-dark-red main .expanded > header > h2 a:hover,
    body.theme-dark-red main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-dark-red main .expanded > header > h2 a:hover::before,
        body.theme-dark-red main .expanded > header > h2 a:hover::before,
        body.theme-dark-red main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-dark-red main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #a00000;
}

    body.theme-dark-red main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #dc0000;
    }

body.theme-dark-red .profile .warning {
    border-color: #ff0000;
}

    body.theme-dark-red .profile .warning + p {
        color: #ff0000;
    }

body.theme-dark-red .profile .message {
    border: 1px solid #002455;
}

body.theme-dark-red footer {
    background: #32465a;
}

    body.theme-dark-red footer .links .h6,
    body.theme-dark-red footer .links h6 {
        color: #cdd2d7;
    }

    body.theme-dark-red footer .links ul li a {
        color: #96a0aa;
    }

        body.theme-dark-red footer .links ul li a:hover {
            color: #ff3c3c;
        }

body.theme-dark-red .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-dark-red .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-dark-red .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-dark-red .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-red .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #ff3c3c;
    }

        body.theme-dark-red .pattern-calculator .keyboard button.blue:hover {
            background: #ff6e6e;
        }

    body.theme-dark-red .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-dark-red .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-dark-red .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-dark-red .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-dark-red .modal-footer .btn.btn-danger {
    background: #ff3c3c;
}

    body.theme-dark-red .modal-footer .btn.btn-danger:hover {
        background: #ff6e6e;
    }

/* dark orange */

body.theme-dark-orange ::selection {
    background: #ff8200;
}

body.theme-dark-orange ::-moz-selection {
    background: #ff8200;
}

body.theme-dark-orange a {
    color: #ff8200;
}

body.theme-dark-orange a {
    color: #e16e00;
}

    body.theme-dark-orange a:hover,
    body.theme-dark-orange a:hover,
    body.theme-dark-orange a:active {
        color: #ffa000;
    }

    body.theme-dark-orange a.orange {
        color: #a00000;
    }

    body.theme-dark-orange a.orange {
        color: #780000;
    }

        body.theme-dark-orange a.orange:hover,
        body.theme-dark-orange a.orange:hover,
        body.theme-dark-orange a.orange:active {
            color: #dc0000;
        }

body.theme-dark-orange main .search .popup-container .popup .button,
body.theme-dark-orange main .search .popup-container .popup .button,
body.theme-dark-orange main .search .popup-container .popup button,
body.theme-dark-orange .button,
body.theme-dark-orange .button,
body.theme-dark-orange button {
    color: #fff;
    background: #ff8200;
}

    body.theme-dark-orange main .search .popup-container .popup .button:hover,
    body.theme-dark-orange main .search .popup-container .popup .button:hover,
    body.theme-dark-orange main .search .popup-container .popup .button:active,
    body.theme-dark-orange main .search .popup-container .popup button:hover,
    body.theme-dark-orange .button:hover,
    body.theme-dark-orange .button:hover,
    body.theme-dark-orange .button:active,
    body.theme-dark-orange button:hover {
        color: #fff;
        background: #ffa000;
    }

    body.theme-dark-orange .button.dark,
    body.theme-dark-orange .button.dark,
    body.theme-dark-orange button.dark {
        background: #002455;
    }

        body.theme-dark-orange .button.dark:hover,
        body.theme-dark-orange .button.dark:hover,
        body.theme-dark-orange .button.dark:active,
        body.theme-dark-orange button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-orange main .search .popup-container .popup .button.orange,
    body.theme-dark-orange main .search .popup-container .popup .button.orange,
    body.theme-dark-orange main .search .popup-container .popup button.orange,
    body.theme-dark-orange .button.orange,
    body.theme-dark-orange .button.orange,
    body.theme-dark-orange button.orange {
        color: #fff;
        background: #a00000;
    }

        body.theme-dark-orange main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-orange main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-orange main .search .popup-container .popup .button.orange:active,
        body.theme-dark-orange main .search .popup-container .popup button.orange:hover,
        body.theme-dark-orange .button.orange:hover,
        body.theme-dark-orange .button.orange:hover,
        body.theme-dark-orange .button.orange:active,
        body.theme-dark-orange button.orange:hover {
            color: #fff;
            background: #dc0000;
        }

body.theme-dark-orange .select div select,
body.theme-dark-orange div.under-select select,
body.theme-dark-orange .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-dark-orange .select div:hover select,
    body.theme-dark-orange div.under-select:hover select,
    body.theme-dark-orange .dropdown button:hover {
        color: #ff8200;
    }

        body.theme-dark-orange .select div:hover::before,
        body.theme-dark-orange div.under-select:hover::before,
        body.theme-dark-orange .dropdown button:hover::after {
            border-color: #ff8200;
        }

body.theme-dark-orange .select.disabled div select,
body.theme-dark-orange .select.disabled div:hover select,
body.theme-dark-orange div.under-select.disabled select,
body.theme-dark-orange div.under-select.disabled:hover select,
body.theme-dark-orange .dropdown.disabled button,
body.theme-dark-orange .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-dark-orange .select.disabled div::before,
    body.theme-dark-orange .select.disabled div:hover::before,
    body.theme-dark-orange div.under-select.disabled::before,
    body.theme-dark-orange div.under-select.disabled:hover::before,
    body.theme-dark-orange .dropdown.disabled button::after,
    body.theme-dark-orange .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-dark-orange .dropdown ul a,
body.theme-dark-orange .dropdown ul a {
    color: #002455;
}

    body.theme-dark-orange .dropdown ul a:hover,
    body.theme-dark-orange .dropdown ul a:hover,
    body.theme-dark-orange .dropdown ul a:active {
        color: #ff8200;
    }

body.theme-dark-orange .dropdown.signature .button,
body.theme-dark-orange .dropdown.signature .button,
body.theme-dark-orange .dropdown.signature button {
    color: #fff;
    background: #ff8200;
}

    body.theme-dark-orange .dropdown.signature .button:hover,
    body.theme-dark-orange .dropdown.signature .button:hover,
    body.theme-dark-orange .dropdown.signature .button:active,
    body.theme-dark-orange .dropdown.signature button:hover {
        color: #fff;
        background: #ffa000;
    }

body.theme-dark-orange .dropdown.signature.dark .button,
body.theme-dark-orange .dropdown.signature.dark .button,
body.theme-dark-orange .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-dark-orange .dropdown.signature.dark .button:hover,
    body.theme-dark-orange .dropdown.signature.dark .button:hover,
    body.theme-dark-orange .dropdown.signature.dark .button:active,
    body.theme-dark-orange .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-dark-orange .dropdown.signature.orange .button,
body.theme-dark-orange .dropdown.signature.orange .button,
body.theme-dark-orange .dropdown.signature.orange button {
    background: #a00000;
}

    body.theme-dark-orange .dropdown.signature.orange .button:hover,
    body.theme-dark-orange .dropdown.signature.orange .button:hover,
    body.theme-dark-orange .dropdown.signature.orange .button:active,
    body.theme-dark-orange .dropdown.signature.orange button:hover {
        background: #dc0000;
    }

body.theme-dark-orange .dropdown.signature ul {
    background: #ff8200;
}

body.theme-dark-orange .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-dark-orange .dropdown.signature.orange ul {
    background: #a00000;
}

body.theme-dark-orange .dropdown.signature ul li a,
body.theme-dark-orange .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-dark-orange .dropdown.signature ul li a:hover,
    body.theme-dark-orange .dropdown.signature ul li a:hover,
    body.theme-dark-orange .dropdown.signature ul li a:active {
        background: #ffa000;
    }

body.theme-dark-orange .dropdown.signature.dark ul li a:hover,
body.theme-dark-orange .dropdown.signature.dark ul li a:hover,
body.theme-dark-orange .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-dark-orange .dropdown.signature.orange ul li a:hover,
body.theme-dark-orange .dropdown.signature.orange ul li a:hover,
body.theme-dark-orange .dropdown.signature.orange ul li a:active {
    background: #dc0000;
}

body.theme-dark-orange .checkbox input:checked ~ .checkmark,
body.theme-dark-orange .radio input:checked ~ .checkmark {
    background: #ff8200;
}

body.theme-dark-orange #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-dark-orange #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-dark-orange #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-dark-orange #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #ff8200;
}

body.theme-dark-orange #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-dark-orange #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-dark-orange #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-dark-orange #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-dark-orange #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #ff8200;
}

body.theme-dark-orange #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-dark-orange #ui-datepicker-div tbody td a:hover,
body.theme-dark-orange #ui-datepicker-div tbody td a:hover,
body.theme-dark-orange #ui-datepicker-div tbody td a:active,
body.theme-dark-orange #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-orange #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-orange #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-dark-orange #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-dark-orange #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-dark-orange #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-dark-orange #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-dark-orange .navbar .display-settings {
    background: #32465a;
}

    body.theme-dark-orange .navbar .display-settings .colors span:first-child {
        background: url("../img/colors-dark.png");
        background-image: url("../img/colors-dark.svg"), none;
    }

    body.theme-dark-orange .navbar .display-settings .contrast span:first-child {
        background: url("../img/contrast-dark.png");
        background-image: url("../img/contrast-dark.svg"), none;
    }

    body.theme-dark-orange .navbar .display-settings a span:last-child {
        color: #96a0aa;
    }

body.theme-dark-orange .colorizer {
    background: #1e3246;
}

body.theme-dark-orange #container-main.open .colorizer {
    background: #32465a;
}

body.theme-dark-orange .navbar .logo a {
    background: url("../img/logo-main-dark.png");
    background-image: url("../img/logo-main-dark.svg"), none;
}

body.theme-dark-orange .navbar .select div select,
body.theme-dark-orange .navbar div.under-select select,
body.theme-dark-orange .navbar .dropdown button {
    color: #fff;
}

    body.theme-dark-orange .navbar .select div:hover select,
    body.theme-dark-orange .navbar div.under-select:hover select,
    body.theme-dark-orange .navbar .dropdown button:hover {
        color: #ff8200;
    }

    body.theme-dark-orange .navbar .select div::before,
    body.theme-dark-orange .navbar div.under-select::before,
    body.theme-dark-orange .navbar .dropdown button::after {
        border-color: #fff;
    }

    body.theme-dark-orange .navbar .select div:hover::before,
    body.theme-dark-orange .navbar div.under-select:hover::before,
    body.theme-dark-orange .navbar .dropdown button:hover::after {
        border-color: #ff8200;
    }

body.theme-dark-orange .navbar #goto ul li a,
body.theme-dark-orange .navbar #goto ul li a {
    color: #fff;
}

    body.theme-dark-orange .navbar #goto ul li a:hover,
    body.theme-dark-orange .navbar #goto ul li a:hover,
    body.theme-dark-orange .navbar #goto ul li a:active {
        color: #ff8200;
    }

body.theme-dark-orange .navbar .side-menu .h5,
body.theme-dark-orange .navbar .side-menu h5 {
    color: #fff;
}

body.theme-dark-orange .navbar .side-menu h6,
body.theme-dark-orange .navbar .side-menu .h6 {
    color: #fff;
}

body.theme-dark-orange .navbar .side-menu label {
    color: #fff;
}

body.theme-dark-orange .navbar .side-menu input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-orange .navbar .side-menu textarea {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-orange .navbar .side-menu ul li.current,
body.theme-dark-orange .navbar .side-menu ul li.current a,
body.theme-dark-orange .navbar .side-menu ul li.current a {
    color: #ff8200;
}

    body.theme-dark-orange .navbar .side-menu ul li.current a:hover,
    body.theme-dark-orange .navbar .side-menu ul li.current a:hover,
    body.theme-dark-orange .navbar .side-menu ul li.current a:active {
        color: #ffa000;
    }

body.theme-dark-orange .navbar .side-menu ul li a,
body.theme-dark-orange .navbar .side-menu ul li a {
    color: #fff;
}

    body.theme-dark-orange .navbar .side-menu ul li a:hover,
    body.theme-dark-orange .navbar .side-menu ul li a:hover,
    body.theme-dark-orange .navbar .side-menu ul li a:active {
        color: #ff8200;
    }

body.theme-dark-orange .navbar .side-menu .checkbox .checkmark,
body.theme-dark-orange .navbar .side-menu .radio .checkmark {
    border-color: #556473;
}

body.theme-dark-orange .navbar .side-menu .checkbox:hover input ~ .checkmark,
body.theme-dark-orange .navbar .side-menu .radio:hover input ~ .checkmark {
    background: #556473;
}

body.theme-dark-orange .navbar .side-menu .checkbox input:checked ~ .checkmark,
body.theme-dark-orange .navbar .side-menu .radio input:checked ~ .checkmark {
    background: #ff8200;
}

body.theme-dark-orange .navbar .dropdown ul {
    background: #32465a;
}

body.theme-dark-orange #navbar-search .search input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-orange #mobile-header {
    background: #32465a;
}

    body.theme-dark-orange #mobile-header .logo a {
        background: url("../img/logo-main-dark.png");
        background-image: url("../img/logo-main-dark.svg"), none;
    }

body.theme-dark-orange #mobile-opener span,
body.theme-dark-orange #mobile-opener span {
    background: #fff;
}

body.theme-dark-orange #mobile-opener:hover span,
body.theme-dark-orange #mobile-opener:hover span,
body.theme-dark-orange #mobile-opener:active span {
    background: #ff8200;
}

body.theme-dark-orange #user .link,
body.theme-dark-orange #user .link {
    color: #002455;
}

    body.theme-dark-orange #user .link:hover,
    body.theme-dark-orange #user .link:hover,
    body.theme-dark-orange #user .link:active {
        color: #ff8200;
    }

body.theme-dark-orange #user .button,
body.theme-dark-orange #user .button {
    color: #ff8200;
    background: #fff;
    border: 2px solid #ff8200;
}

    body.theme-dark-orange #user .button:hover,
    body.theme-dark-orange #user .button:hover,
    body.theme-dark-orange #user .button:active {
        color: #002455;
    }

body.theme-dark-orange .help {
    background: url("../img/help-orange.png");
    background-image: url("../img/help-orange.svg"), none;
}

body.theme-dark-orange .favorites {
    background: url("../img/favorites-orange.png");
    background-image: url("../img/favorites-orange.svg"), none;
}

body.theme-dark-orange .notifications {
    background: #a00000;
}

body.theme-dark-orange #title-section #breadcrumbs li {
    color: #ff8200;
}

    body.theme-dark-orange #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-dark-orange #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-dark-orange #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-dark-orange #title-section #breadcrumbs li a:hover,
        body.theme-dark-orange #title-section #breadcrumbs li a:hover,
        body.theme-dark-orange #title-section #breadcrumbs li a:active {
            color: #ff8200;
        }

body.theme-dark-orange .tags li a:hover,
body.theme-dark-orange .tags li a:hover,
body.theme-dark-orange .tags li a:active,
body.theme-dark-orange .tags li .blue,
body.theme-dark-orange .tags li a.blue {
    color: #ff8200;
    border-color: #ff8200;
}

    body.theme-dark-orange .tags li a.blue:hover,
    body.theme-dark-orange .tags li a.blue:hover,
    body.theme-dark-orange .tags li a.blue:active {
        color: #ffa000;
        border-color: #ffa000;
    }

body.theme-dark-orange .tags li .orange,
body.theme-dark-orange .tags li a.orange {
    color: #a00000;
    border-color: #a00000;
}

    body.theme-dark-orange .tags li a.orange:hover,
    body.theme-dark-orange .tags li a.orange:hover,
    body.theme-dark-orange .tags li a.orange:active {
        color: #dc0000;
        border-color: #dc0000;
    }

body.theme-dark-orange .tags li button,
body.theme-dark-orange .tags li button,
body.theme-dark-orange .tags li button:hover,
body.theme-dark-orange .tags li button:hover,
body.theme-dark-orange .tags li button:active,
body.theme-dark-orange .tags li button.dark,
body.theme-dark-orange .tags li button.dark,
body.theme-dark-orange .tags li button.dark:hover,
body.theme-dark-orange .tags li button.dark:hover,
body.theme-dark-orange .tags li button.dark:active,
body.theme-dark-orange .tags li button.orange,
body.theme-dark-orange .tags li button.orange,
body.theme-dark-orange .tags li button.orange:hover,
body.theme-dark-orange .tags li button.orange:hover,
body.theme-dark-orange .tags li button.orange:active,
body.theme-dark-orange .tags li .button,
body.theme-dark-orange .tags li .button,
body.theme-dark-orange .tags li .button:hover,
body.theme-dark-orange .tags li .button:hover,
body.theme-dark-orange .tags li .button:active,
body.theme-dark-orange .tags li .button.dark,
body.theme-dark-orange .tags li .button.dark,
body.theme-dark-orange .tags li .button.dark:hover,
body.theme-dark-orange .tags li .button.dark:hover,
body.theme-dark-orange .tags li .button.dark:active,
body.theme-dark-orange .tags li .button.orange,
body.theme-dark-orange .tags li .button.orange,
body.theme-dark-orange .tags li .button.orange:hover,
body.theme-dark-orange .tags li .button.orange:hover,
body.theme-dark-orange .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-dark-orange .tabs li .current,
body.theme-dark-orange .tabs li .current {
    color: #002455;
}

body.theme-dark-orange .tabs li a,
body.theme-dark-orange .tabs li a {
    color: #96a0aa;
}

    body.theme-dark-orange .tabs li a:hover,
    body.theme-dark-orange .tabs li a:hover,
    body.theme-dark-orange .tabs li a:active {
        color: #ff8200;
    }

body.theme-dark-orange .tabs .underline {
    background: #ff8200;
}

body.theme-dark-orange main .edit.big-menu .message {
    border: 1px solid #002455;
}

body.theme-dark-orange main .content .more,
body.theme-dark-orange main .content .more {
    color: #ff8200;
}

    body.theme-dark-orange main .content .more:hover,
    body.theme-dark-orange main .content .more:hover,
    body.theme-dark-orange main .content .more:active {
        color: #ffa000;
    }

    body.theme-dark-orange main .content .more::before {
        border-color: #ff8200;
    }

    body.theme-dark-orange main .content .more::before {
        border-color: #ff8200;
    }

    body.theme-dark-orange main .content .more:hover::before,
    body.theme-dark-orange main .content .more:hover::before,
    body.theme-dark-orange main .content .more:active::before {
        border-color: #ffa000;
    }

body.theme-dark-orange main .search .codes ul.used li a::before,
body.theme-dark-orange main .search .codes ul.used li a::after {
    background: #a00000;
}

body.theme-dark-orange main .search .codes ul.searched li a::before,
body.theme-dark-orange main .search .codes ul.searched li a::after {
    background: #ff8200;
}

body.theme-dark-orange main .search button {
    background: #002455;
}

    body.theme-dark-orange main .search button:hover {
        background: #28508c;
    }

body.theme-dark-orange main .table-message {
    border: 1px solid #002455;
}

body.theme-dark-orange main .expanded > header > h2 a {
    color: #002455;
}

body.theme-dark-orange main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-dark-orange main .expanded > header > h2 a:hover,
    body.theme-dark-orange main .expanded > header > h2 a:hover,
    body.theme-dark-orange main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-dark-orange main .expanded > header > h2 a:hover::before,
        body.theme-dark-orange main .expanded > header > h2 a:hover::before,
        body.theme-dark-orange main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-dark-orange main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #a00000;
}

    body.theme-dark-orange main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #dc0000;
    }

body.theme-dark-orange .profile .warning {
    border-color: #ff0000;
}

    body.theme-dark-orange .profile .warning + p {
        color: #ff0000;
    }

body.theme-dark-orange .profile .message {
    border: 1px solid #002455;
}

body.theme-dark-orange footer {
    background: #32465a;
}

    body.theme-dark-orange footer .links h6,
    body.theme-dark-orange footer .links .h6 {
        color: #cdd2d7;
    }

    body.theme-dark-orange footer .links ul li a {
        color: #96a0aa;
    }

        body.theme-dark-orange footer .links ul li a:hover {
            color: #ff8200;
        }

body.theme-dark-orange .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-dark-orange .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-dark-orange .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-dark-orange .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-orange .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #ff8200;
    }

        body.theme-dark-orange .pattern-calculator .keyboard button.blue:hover {
            background: #ffa000;
        }

    body.theme-dark-orange .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-dark-orange .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-dark-orange .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-dark-orange .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-dark-orange .modal-footer .btn.btn-danger {
    background: #ff8200;
}

    body.theme-dark-orange .modal-footer .btn.btn-danger:hover {
        background: #ffa000;
    }

/* dark yellow */

body.theme-dark-yellow ::selection {
    background: #ffaa00;
}

body.theme-dark-yellow ::-moz-selection {
    background: #ffaa00;
}

body.theme-dark-yellow a {
    color: #ffaa00;
}

body.theme-dark-yellow a {
    color: #e19600;
}

    body.theme-dark-yellow a:hover,
    body.theme-dark-yellow a:hover,
    body.theme-dark-yellow a:active {
        color: #ffbe00;
    }

    body.theme-dark-yellow a.orange {
        color: #a00000;
    }

    body.theme-dark-yellow a.orange {
        color: #780000;
    }

        body.theme-dark-yellow a.orange:hover,
        body.theme-dark-yellow a.orange:hover,
        body.theme-dark-yellow a.orange:active {
            color: #dc0000;
        }

body.theme-dark-yellow main .search .popup-container .popup .button,
body.theme-dark-yellow main .search .popup-container .popup .button,
body.theme-dark-yellow main .search .popup-container .popup button,
body.theme-dark-yellow .button,
body.theme-dark-yellow .button,
body.theme-dark-yellow button {
    color: #fff;
    background: #ffaa00;
}

    body.theme-dark-yellow main .search .popup-container .popup .button:hover,
    body.theme-dark-yellow main .search .popup-container .popup .button:hover,
    body.theme-dark-yellow main .search .popup-container .popup .button:active,
    body.theme-dark-yellow main .search .popup-container .popup button:hover,
    body.theme-dark-yellow .button:hover,
    body.theme-dark-yellow .button:hover,
    body.theme-dark-yellow .button:active,
    body.theme-dark-yellow button:hover {
        color: #fff;
        background: #ffbe00;
    }

    body.theme-dark-yellow .button.dark,
    body.theme-dark-yellow .button.dark,
    body.theme-dark-yellow button.dark {
        background: #002455;
    }

        body.theme-dark-yellow .button.dark:hover,
        body.theme-dark-yellow .button.dark:hover,
        body.theme-dark-yellow .button.dark:active,
        body.theme-dark-yellow button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-yellow main .search .popup-container .popup .button.orange,
    body.theme-dark-yellow main .search .popup-container .popup .button.orange,
    body.theme-dark-yellow main .search .popup-container .popup button.orange,
    body.theme-dark-yellow .button.orange,
    body.theme-dark-yellow .button.orange,
    body.theme-dark-yellow button.orange {
        color: #fff;
        background: #a00000;
    }

        body.theme-dark-yellow main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-yellow main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-yellow main .search .popup-container .popup .button.orange:active,
        body.theme-dark-yellow main .search .popup-container .popup button.orange:hover,
        body.theme-dark-yellow .button.orange:hover,
        body.theme-dark-yellow .button.orange:hover,
        body.theme-dark-yellow .button.orange:active,
        body.theme-dark-yellow button.orange:hover {
            color: #fff;
            background: #dc0000;
        }

body.theme-dark-yellow .select div select,
body.theme-dark-yellow div.under-select select,
body.theme-dark-yellow .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-dark-yellow .select div:hover select,
    body.theme-dark-yellow div.under-select:hover select,
    body.theme-dark-yellow .dropdown button:hover {
        color: #ffaa00;
    }

        body.theme-dark-yellow .select div:hover::before,
        body.theme-dark-yellow div.under-select:hover::before,
        body.theme-dark-yellow .dropdown button:hover::after {
            border-color: #ffaa00;
        }

body.theme-dark-yellow .select.disabled div select,
body.theme-dark-yellow .select.disabled div:hover select,
body.theme-dark-yellow div.under-select.disabled select,
body.theme-dark-yellow div.under-select.disabled:hover select,
body.theme-dark-yellow .dropdown.disabled button,
body.theme-dark-yellow .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-dark-yellow .select.disabled div::before,
    body.theme-dark-yellow .select.disabled div:hover::before,
    body.theme-dark-yellow div.under-select.disabled::before,
    body.theme-dark-yellow div.under-select.disabled:hover::before,
    body.theme-dark-yellow .dropdown.disabled button::after,
    body.theme-dark-yellow .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-dark-yellow .dropdown ul a,
body.theme-dark-yellow .dropdown ul a {
    color: #002455;
}

    body.theme-dark-yellow .dropdown ul a:hover,
    body.theme-dark-yellow .dropdown ul a:hover,
    body.theme-dark-yellow .dropdown ul a:active {
        color: #ffaa00;
    }

body.theme-dark-yellow .dropdown.signature .button,
body.theme-dark-yellow .dropdown.signature .button,
body.theme-dark-yellow .dropdown.signature button {
    color: #fff;
    background: #ffaa00;
}

    body.theme-dark-yellow .dropdown.signature .button:hover,
    body.theme-dark-yellow .dropdown.signature .button:hover,
    body.theme-dark-yellow .dropdown.signature .button:active,
    body.theme-dark-yellow .dropdown.signature button:hover {
        color: #fff;
        background: #ffbe00;
    }

body.theme-dark-yellow .dropdown.signature.dark .button,
body.theme-dark-yellow .dropdown.signature.dark .button,
body.theme-dark-yellow .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-dark-yellow .dropdown.signature.dark .button:hover,
    body.theme-dark-yellow .dropdown.signature.dark .button:hover,
    body.theme-dark-yellow .dropdown.signature.dark .button:active,
    body.theme-dark-yellow .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-dark-yellow .dropdown.signature.orange .button,
body.theme-dark-yellow .dropdown.signature.orange .button,
body.theme-dark-yellow .dropdown.signature.orange button {
    background: #a00000;
}

    body.theme-dark-yellow .dropdown.signature.orange .button:hover,
    body.theme-dark-yellow .dropdown.signature.orange .button:hover,
    body.theme-dark-yellow .dropdown.signature.orange .button:active,
    body.theme-dark-yellow .dropdown.signature.orange button:hover {
        background: #dc0000;
    }

body.theme-dark-yellow .dropdown.signature ul {
    background: #ffaa00;
}

body.theme-dark-yellow .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-dark-yellow .dropdown.signature.orange ul {
    background: #a00000;
}

body.theme-dark-yellow .dropdown.signature ul li a,
body.theme-dark-yellow .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-dark-yellow .dropdown.signature ul li a:hover,
    body.theme-dark-yellow .dropdown.signature ul li a:hover,
    body.theme-dark-yellow .dropdown.signature ul li a:active {
        background: #ffbe00;
    }

body.theme-dark-yellow .dropdown.signature.dark ul li a:hover,
body.theme-dark-yellow .dropdown.signature.dark ul li a:hover,
body.theme-dark-yellow .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-dark-yellow .dropdown.signature.orange ul li a:hover,
body.theme-dark-yellow .dropdown.signature.orange ul li a:hover,
body.theme-dark-yellow .dropdown.signature.orange ul li a:active {
    background: #dc0000;
}

body.theme-dark-yellow .checkbox input:checked ~ .checkmark,
body.theme-dark-yellow .radio input:checked ~ .checkmark {
    background: #ffaa00;
}

body.theme-dark-yellow #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-dark-yellow #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-dark-yellow #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-dark-yellow #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #ffaa00;
}

body.theme-dark-yellow #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-dark-yellow #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-dark-yellow #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-dark-yellow #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-dark-yellow #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #ffaa00;
}

body.theme-dark-yellow #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-dark-yellow #ui-datepicker-div tbody td a:hover,
body.theme-dark-yellow #ui-datepicker-div tbody td a:hover,
body.theme-dark-yellow #ui-datepicker-div tbody td a:active,
body.theme-dark-yellow #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-yellow #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-yellow #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-dark-yellow #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-dark-yellow #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-dark-yellow #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-dark-yellow #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-dark-yellow .navbar .display-settings {
    background: #32465a;
}

    body.theme-dark-yellow .navbar .display-settings .colors span:first-child {
        background: url("../img/colors-dark.png");
        background-image: url("../img/colors-dark.svg"), none;
    }

    body.theme-dark-yellow .navbar .display-settings .contrast span:first-child {
        background: url("../img/contrast-dark.png");
        background-image: url("../img/contrast-dark.svg"), none;
    }

    body.theme-dark-yellow .navbar .display-settings a span:last-child {
        color: #96a0aa;
    }

body.theme-dark-yellow .colorizer {
    background: #1e3246;
}

body.theme-dark-yellow #container-main.open .colorizer {
    background: #32465a;
}

body.theme-dark-yellow .navbar .logo a {
    background: url("../img/logo-main-dark.png");
    background-image: url("../img/logo-main-dark.svg"), none;
}

body.theme-dark-yellow .navbar .select div select,
body.theme-dark-yellow .navbar div.under-select select,
body.theme-dark-yellow .navbar .dropdown button {
    color: #fff;
}

    body.theme-dark-yellow .navbar .select div:hover select,
    body.theme-dark-yellow .navbar div.under-select:hover select,
    body.theme-dark-yellow .navbar .dropdown button:hover {
        color: #ffaa00;
    }

    body.theme-dark-yellow .navbar .select div::before,
    body.theme-dark-yellow .navbar div.under-select::before,
    body.theme-dark-yellow .navbar .dropdown button::after {
        border-color: #fff;
    }

    body.theme-dark-yellow .navbar .select div:hover::before,
    body.theme-dark-yellow .navbar div.under-select:hover::before,
    body.theme-dark-yellow .navbar .dropdown button:hover::after {
        border-color: #ffaa00;
    }

body.theme-dark-yellow .navbar #goto ul li a,
body.theme-dark-yellow .navbar #goto ul li a {
    color: #fff;
}

    body.theme-dark-yellow .navbar #goto ul li a:hover,
    body.theme-dark-yellow .navbar #goto ul li a:hover,
    body.theme-dark-yellow .navbar #goto ul li a:active {
        color: #ffaa00;
    }

body.theme-dark-yellow .navbar .side-menu .h5,
body.theme-dark-yellow .navbar .side-menu h5 {
    color: #fff;
}

body.theme-dark-yellow .navbar .side-menu h6,
body.theme-dark-yellow .navbar .side-menu .h6 {
    color: #fff;
}

body.theme-dark-yellow .navbar .side-menu label {
    color: #fff;
}

body.theme-dark-yellow .navbar .side-menu input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-yellow .navbar .side-menu textarea {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-yellow .navbar .side-menu ul li.current,
body.theme-dark-yellow .navbar .side-menu ul li.current a,
body.theme-dark-yellow .navbar .side-menu ul li.current a {
    color: #ffaa00;
}

    body.theme-dark-yellow .navbar .side-menu ul li.current a:hover,
    body.theme-dark-yellow .navbar .side-menu ul li.current a:hover,
    body.theme-dark-yellow .navbar .side-menu ul li.current a:active {
        color: #ffbe00;
    }

body.theme-dark-yellow .navbar .side-menu ul li a,
body.theme-dark-yellow .navbar .side-menu ul li a {
    color: #fff;
}

    body.theme-dark-yellow .navbar .side-menu ul li a:hover,
    body.theme-dark-yellow .navbar .side-menu ul li a:hover,
    body.theme-dark-yellow .navbar .side-menu ul li a:active {
        color: #ffaa00;
    }

body.theme-dark-yellow .navbar .side-menu .checkbox .checkmark,
body.theme-dark-yellow .navbar .side-menu .radio .checkmark {
    border-color: #556473;
}

body.theme-dark-yellow .navbar .side-menu .checkbox:hover input ~ .checkmark,
body.theme-dark-yellow .navbar .side-menu .radio:hover input ~ .checkmark {
    background: #556473;
}

body.theme-dark-yellow .navbar .side-menu .checkbox input:checked ~ .checkmark,
body.theme-dark-yellow .navbar .side-menu .radio input:checked ~ .checkmark {
    background: #ffaa00;
}

body.theme-dark-yellow .navbar .dropdown ul {
    background: #32465a;
}

body.theme-dark-yellow #navbar-search .search input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-yellow #mobile-header {
    background: #32465a;
}

    body.theme-dark-yellow #mobile-header .logo a {
        background: url("../img/logo-main-dark.png");
        background-image: url("../img/logo-main-dark.svg"), none;
    }

body.theme-dark-yellow #mobile-opener span,
body.theme-dark-yellow #mobile-opener span {
    background: #fff;
}

body.theme-dark-yellow #mobile-opener:hover span,
body.theme-dark-yellow #mobile-opener:hover span,
body.theme-dark-yellow #mobile-opener:active span {
    background: #ffaa00;
}

body.theme-dark-yellow #user .link,
body.theme-dark-yellow #user .link {
    color: #002455;
}

    body.theme-dark-yellow #user .link:hover,
    body.theme-dark-yellow #user .link:hover,
    body.theme-dark-yellow #user .link:active {
        color: #ffaa00;
    }

body.theme-dark-yellow #user .button,
body.theme-dark-yellow #user .button {
    color: #ffaa00;
    background: #fff;
    border: 2px solid #ffaa00;
}

    body.theme-dark-yellow #user .button:hover,
    body.theme-dark-yellow #user .button:hover,
    body.theme-dark-yellow #user .button:active {
        color: #002455;
    }

body.theme-dark-yellow .help {
    background: url("../img/help-yellow.png");
    background-image: url("../img/help-yellow.svg"), none;
}

body.theme-dark-yellow .favorites {
    background: url("../img/favorites-yellow.png");
    background-image: url("../img/favorites-yellow.svg"), none;
}

body.theme-dark-yellow .notifications {
    background: #a00000;
}

body.theme-dark-yellow #title-section #breadcrumbs li {
    color: #ffaa00;
}

    body.theme-dark-yellow #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-dark-yellow #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-dark-yellow #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-dark-yellow #title-section #breadcrumbs li a:hover,
        body.theme-dark-yellow #title-section #breadcrumbs li a:hover,
        body.theme-dark-yellow #title-section #breadcrumbs li a:active {
            color: #ffaa00;
        }

body.theme-dark-yellow .tags li a:hover,
body.theme-dark-yellow .tags li a:hover,
body.theme-dark-yellow .tags li a:active,
body.theme-dark-yellow .tags li .blue,
body.theme-dark-yellow .tags li a.blue {
    color: #ffaa00;
    border-color: #ffaa00;
}

    body.theme-dark-yellow .tags li a.blue:hover,
    body.theme-dark-yellow .tags li a.blue:hover,
    body.theme-dark-yellow .tags li a.blue:active {
        color: #ffbe00;
        border-color: #ffbe00;
    }

body.theme-dark-yellow .tags li .orange,
body.theme-dark-yellow .tags li a.orange {
    color: #a00000;
    border-color: #a00000;
}

    body.theme-dark-yellow .tags li a.orange:hover,
    body.theme-dark-yellow .tags li a.orange:hover,
    body.theme-dark-yellow .tags li a.orange:active {
        color: #dc0000;
        border-color: #dc0000;
    }

body.theme-dark-yellow .tags li button,
body.theme-dark-yellow .tags li button,
body.theme-dark-yellow .tags li button:hover,
body.theme-dark-yellow .tags li button:hover,
body.theme-dark-yellow .tags li button:active,
body.theme-dark-yellow .tags li button.dark,
body.theme-dark-yellow .tags li button.dark,
body.theme-dark-yellow .tags li button.dark:hover,
body.theme-dark-yellow .tags li button.dark:hover,
body.theme-dark-yellow .tags li button.dark:active,
body.theme-dark-yellow .tags li button.orange,
body.theme-dark-yellow .tags li button.orange,
body.theme-dark-yellow .tags li button.orange:hover,
body.theme-dark-yellow .tags li button.orange:hover,
body.theme-dark-yellow .tags li button.orange:active,
body.theme-dark-yellow .tags li .button,
body.theme-dark-yellow .tags li .button,
body.theme-dark-yellow .tags li .button:hover,
body.theme-dark-yellow .tags li .button:hover,
body.theme-dark-yellow .tags li .button:active,
body.theme-dark-yellow .tags li .button.dark,
body.theme-dark-yellow .tags li .button.dark,
body.theme-dark-yellow .tags li .button.dark:hover,
body.theme-dark-yellow .tags li .button.dark:hover,
body.theme-dark-yellow .tags li .button.dark:active,
body.theme-dark-yellow .tags li .button.orange,
body.theme-dark-yellow .tags li .button.orange,
body.theme-dark-yellow .tags li .button.orange:hover,
body.theme-dark-yellow .tags li .button.orange:hover,
body.theme-dark-yellow .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-dark-yellow .tabs li .current,
body.theme-dark-yellow .tabs li .current {
    color: #002455;
}

body.theme-dark-yellow .tabs li a,
body.theme-dark-yellow .tabs li a {
    color: #96a0aa;
}

    body.theme-dark-yellow .tabs li a:hover,
    body.theme-dark-yellow .tabs li a:hover,
    body.theme-dark-yellow .tabs li a:active {
        color: #ffaa00;
    }

body.theme-dark-yellow .tabs .underline {
    background: #ffaa00;
}

body.theme-dark-yellow main .edit.big-menu .message {
    border: 1px solid #002455;
}



body.theme-dark-yellow main .content .more,
body.theme-dark-yellow main .content .more {
    color: #ffaa00;
}

    body.theme-dark-yellow main .content .more:hover,
    body.theme-dark-yellow main .content .more:hover,
    body.theme-dark-yellow main .content .more:active {
        color: #ffbe00;
    }

    body.theme-dark-yellow main .content .more::before {
        border-color: #ffaa00;
    }

    body.theme-dark-yellow main .content .more::before {
        border-color: #ffaa00;
    }

    body.theme-dark-yellow main .content .more:hover::before,
    body.theme-dark-yellow main .content .more:hover::before,
    body.theme-dark-yellow main .content .more:active::before {
        border-color: #ffbe00;
    }

body.theme-dark-yellow main .search .codes ul.used li a::before,
body.theme-dark-yellow main .search .codes ul.used li a::after {
    background: #a00000;
}

body.theme-dark-yellow main .search .codes ul.searched li a::before,
body.theme-dark-yellow main .search .codes ul.searched li a::after {
    background: #ffaa00;
}

body.theme-dark-yellow main .search button {
    background: #002455;
}

    body.theme-dark-yellow main .search button:hover {
        background: #28508c;
    }

body.theme-dark-yellow main .table-message {
    border: 1px solid #002455;
}

body.theme-dark-yellow main .expanded > header > h2 a {
    color: #002455;
}

body.theme-dark-yellow main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-dark-yellow main .expanded > header > h2 a:hover,
    body.theme-dark-yellow main .expanded > header > h2 a:hover,
    body.theme-dark-yellow main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-dark-yellow main .expanded > header > h2 a:hover::before,
        body.theme-dark-yellow main .expanded > header > h2 a:hover::before,
        body.theme-dark-yellow main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-dark-yellow main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #a00000;
}

    body.theme-dark-yellow main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #dc0000;
    }

body.theme-dark-yellow .profile .warning {
    border-color: #ff0000;
}

    body.theme-dark-yellow .profile .warning + p {
        color: #ff0000;
    }

body.theme-dark-yellow .profile .message {
    border: 1px solid #002455;
}

body.theme-dark-yellow footer {
    background: #32465a;
}

    body.theme-dark-yellow footer .links .h6,
    body.theme-dark-yellow footer .links h6 {
        color: #cdd2d7;
    }

    body.theme-dark-yellow footer .links ul li a {
        color: #96a0aa;
    }

        body.theme-dark-yellow footer .links ul li a:hover {
            color: #ffaa00;
        }

body.theme-dark-yellow .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-dark-yellow .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-dark-yellow .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-dark-yellow .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-yellow .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #ffaa00;
    }

        body.theme-dark-yellow .pattern-calculator .keyboard button.blue:hover {
            background: #ffbe00;
        }

    body.theme-dark-yellow .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-dark-yellow .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-dark-yellow .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-dark-yellow .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-dark-yellow .modal-footer .btn.btn-danger {
    background: #ffaa00;
}

    body.theme-dark-yellow .modal-footer .btn.btn-danger:hover {
        background: #ffbe00;
    }

/* dark green */

body.theme-dark-green ::selection {
    background: #00c800;
}

body.theme-dark-green ::-moz-selection {
    background: #00c800;
}

body.theme-dark-green a {
    color: #00c800;
}

body.theme-dark-green a {
    color: #00aa00;
}

    body.theme-dark-green a:hover,
    body.theme-dark-green a:hover,
    body.theme-dark-green a:active {
        color: #00dc00;
    }

    body.theme-dark-green a.orange {
        color: #ff5000;
    }

    body.theme-dark-green a.orange {
        color: #dc3c00;
    }

        body.theme-dark-green a.orange:hover,
        body.theme-dark-green a.orange:hover,
        body.theme-dark-green a.orange:active {
            color: #ff8c00;
        }

body.theme-dark-green main .search .popup-container .popup .button,
body.theme-dark-green main .search .popup-container .popup .button,
body.theme-dark-green main .search .popup-container .popup button,
body.theme-dark-green .button,
body.theme-dark-green .button,
body.theme-dark-green button {
    color: #fff;
    background: #00c800;
}

    body.theme-dark-green main .search .popup-container .popup .button:hover,
    body.theme-dark-green main .search .popup-container .popup .button:hover,
    body.theme-dark-green main .search .popup-container .popup .button:active,
    body.theme-dark-green main .search .popup-container .popup button:hover,
    body.theme-dark-green .button:hover,
    body.theme-dark-green .button:hover,
    body.theme-dark-green .button:active,
    body.theme-dark-green button:hover {
        color: #fff;
        background: #00dc00;
    }

    body.theme-dark-green .button.dark,
    body.theme-dark-green .button.dark,
    body.theme-dark-green button.dark {
        background: #002455;
    }

        body.theme-dark-green .button.dark:hover,
        body.theme-dark-green .button.dark:hover,
        body.theme-dark-green .button.dark:active,
        body.theme-dark-green button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-green main .search .popup-container .popup .button.orange,
    body.theme-dark-green main .search .popup-container .popup .button.orange,
    body.theme-dark-green main .search .popup-container .popup button.orange,
    body.theme-dark-green .button.orange,
    body.theme-dark-green .button.orange,
    body.theme-dark-green button.orange {
        color: #fff;
        background: #ff5000;
    }

        body.theme-dark-green main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-green main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-green main .search .popup-container .popup .button.orange:active,
        body.theme-dark-green main .search .popup-container .popup button.orange:hover,
        body.theme-dark-green .button.orange:hover,
        body.theme-dark-green .button.orange:hover,
        body.theme-dark-green .button.orange:active,
        body.theme-dark-green button.orange:hover {
            color: #fff;
            background: #ff8c00;
        }

body.theme-dark-green .select div select,
body.theme-dark-green div.under-select select,
body.theme-dark-green .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-dark-green .select div:hover select,
    body.theme-dark-green div.under-select:hover select,
    body.theme-dark-green .dropdown button:hover {
        color: #00c800;
    }

        body.theme-dark-green .select div:hover::before,
        body.theme-dark-green div.under-select:hover::before,
        body.theme-dark-green .dropdown button:hover::after {
            border-color: #00c800;
        }

body.theme-dark-green .select.disabled div select,
body.theme-dark-green .select.disabled div:hover select,
body.theme-dark-green div.under-select.disabled select,
body.theme-dark-green div.under-select.disabled:hover select,
body.theme-dark-green .dropdown.disabled button,
body.theme-dark-green .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-dark-green .select.disabled div::before,
    body.theme-dark-green .select.disabled div:hover::before,
    body.theme-dark-green div.under-select.disabled::before,
    body.theme-dark-green div.under-select.disabled:hover::before,
    body.theme-dark-green .dropdown.disabled button::after,
    body.theme-dark-green .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-dark-green .dropdown ul a,
body.theme-dark-green .dropdown ul a {
    color: #002455;
}

    body.theme-dark-green .dropdown ul a:hover,
    body.theme-dark-green .dropdown ul a:hover,
    body.theme-dark-green .dropdown ul a:active {
        color: #00c800;
    }

body.theme-dark-green .dropdown.signature .button,
body.theme-dark-green .dropdown.signature .button,
body.theme-dark-green .dropdown.signature button {
    color: #fff;
    background: #00c800;
}

    body.theme-dark-green .dropdown.signature .button:hover,
    body.theme-dark-green .dropdown.signature .button:hover,
    body.theme-dark-green .dropdown.signature .button:active,
    body.theme-dark-green .dropdown.signature button:hover {
        color: #fff;
        background: #00dc00;
    }

body.theme-dark-green .dropdown.signature.dark .button,
body.theme-dark-green .dropdown.signature.dark .button,
body.theme-dark-green .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-dark-green .dropdown.signature.dark .button:hover,
    body.theme-dark-green .dropdown.signature.dark .button:hover,
    body.theme-dark-green .dropdown.signature.dark .button:active,
    body.theme-dark-green .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-dark-green .dropdown.signature.orange .button,
body.theme-dark-green .dropdown.signature.orange .button,
body.theme-dark-green .dropdown.signature.orange button {
    background: #ff5000;
}

    body.theme-dark-green .dropdown.signature.orange .button:hover,
    body.theme-dark-green .dropdown.signature.orange .button:hover,
    body.theme-dark-green .dropdown.signature.orange .button:active,
    body.theme-dark-green .dropdown.signature.orange button:hover {
        background: #ff8c00;
    }

body.theme-dark-green .dropdown.signature ul {
    background: #00c800;
}

body.theme-dark-green .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-dark-green .dropdown.signature.orange ul {
    background: #ff5000;
}

body.theme-dark-green .dropdown.signature ul li a,
body.theme-dark-green .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-dark-green .dropdown.signature ul li a:hover,
    body.theme-dark-green .dropdown.signature ul li a:hover,
    body.theme-dark-green .dropdown.signature ul li a:active {
        background: #00dc00;
    }

body.theme-dark-green .dropdown.signature.dark ul li a:hover,
body.theme-dark-green .dropdown.signature.dark ul li a:hover,
body.theme-dark-green .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-dark-green .dropdown.signature.orange ul li a:hover,
body.theme-dark-green .dropdown.signature.orange ul li a:hover,
body.theme-dark-green .dropdown.signature.orange ul li a:active {
    background: #ff8c00;
}

body.theme-dark-green .checkbox input:checked ~ .checkmark,
body.theme-dark-green .radio input:checked ~ .checkmark {
    background: #00c800;
}

body.theme-dark-green #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-dark-green #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-dark-green #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-dark-green #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #00c800;
}

body.theme-dark-green #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-dark-green #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-dark-green #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-dark-green #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-dark-green #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #00c800;
}

body.theme-dark-green #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-dark-green #ui-datepicker-div tbody td a:hover,
body.theme-dark-green #ui-datepicker-div tbody td a:hover,
body.theme-dark-green #ui-datepicker-div tbody td a:active,
body.theme-dark-green #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-green #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-green #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-dark-green #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-dark-green #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-dark-green #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-dark-green #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-dark-green .navbar .display-settings {
    background: #32465a;
}

    body.theme-dark-green .navbar .display-settings .colors span:first-child {
        background: url("../img/colors-dark.png");
        background-image: url("../img/colors-dark.svg"), none;
    }

    body.theme-dark-green .navbar .display-settings .contrast span:first-child {
        background: url("../img/contrast-dark.png");
        background-image: url("../img/contrast-dark.svg"), none;
    }

    body.theme-dark-green .navbar .display-settings a span:last-child {
        color: #96a0aa;
    }

body.theme-dark-green .colorizer {
    background: #1e3246;
}

body.theme-dark-green #container-main.open .colorizer {
    background: #32465a;
}

body.theme-dark-green .navbar .logo a {
    background: url("../img/logo-main-dark.png");
    background-image: url("../img/logo-main-dark.svg"), none;
}

body.theme-dark-green .navbar .select div select,
body.theme-dark-green .navbar div.under-select select,
body.theme-dark-green .navbar .dropdown button {
    color: #fff;
}

    body.theme-dark-green .navbar .select div:hover select,
    body.theme-dark-green .navbar div.under-select:hover select,
    body.theme-dark-green .navbar .dropdown button:hover {
        color: #00c800;
    }

    body.theme-dark-green .navbar .select div::before,
    body.theme-dark-green .navbar div.under-select::before,
    body.theme-dark-green .navbar .dropdown button::after {
        border-color: #fff;
    }

    body.theme-dark-green .navbar .select div:hover::before,
    body.theme-dark-green .navbar div.under-select:hover::before,
    body.theme-dark-green .navbar .dropdown button:hover::after {
        border-color: #00c800;
    }

body.theme-dark-green .navbar #goto ul li a,
body.theme-dark-green .navbar #goto ul li a {
    color: #fff;
}

    body.theme-dark-green .navbar #goto ul li a:hover,
    body.theme-dark-green .navbar #goto ul li a:hover,
    body.theme-dark-green .navbar #goto ul li a:active {
        color: #00c800;
    }

body.theme-dark-green .navbar .side-menu .h5,
body.theme-dark-green .navbar .side-menu h5 {
    color: #fff;
}

body.theme-dark-green .navbar .side-menu .h6,
body.theme-dark-green .navbar .side-menu h6 {
    color: #fff;
}

body.theme-dark-green .navbar .side-menu label {
    color: #fff;
}

body.theme-dark-green .navbar .side-menu input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-green .navbar .side-menu textarea {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-green .navbar .side-menu ul li.current,
body.theme-dark-green .navbar .side-menu ul li.current a,
body.theme-dark-green .navbar .side-menu ul li.current a {
    color: #00c800;
}

    body.theme-dark-green .navbar .side-menu ul li.current a:hover,
    body.theme-dark-green .navbar .side-menu ul li.current a:hover,
    body.theme-dark-green .navbar .side-menu ul li.current a:active {
        color: #00dc00;
    }

body.theme-dark-green .navbar .side-menu ul li a,
body.theme-dark-green .navbar .side-menu ul li a {
    color: #fff;
}

    body.theme-dark-green .navbar .side-menu ul li a:hover,
    body.theme-dark-green .navbar .side-menu ul li a:hover,
    body.theme-dark-green .navbar .side-menu ul li a:active {
        color: #00c800;
    }

body.theme-dark-green .navbar .side-menu .checkbox .checkmark,
body.theme-dark-green .navbar .side-menu .radio .checkmark {
    border-color: #556473;
}

body.theme-dark-green .navbar .side-menu .checkbox:hover input ~ .checkmark,
body.theme-dark-green .navbar .side-menu .radio:hover input ~ .checkmark {
    background: #556473;
}

body.theme-dark-green .navbar .side-menu .checkbox input:checked ~ .checkmark,
body.theme-dark-green .navbar .side-menu .radio input:checked ~ .checkmark {
    background: #00c800;
}

body.theme-dark-green .navbar .dropdown ul {
    background: #32465a;
}

body.theme-dark-green #navbar-search .search input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-green #mobile-header {
    background: #32465a;
}

    body.theme-dark-green #mobile-header .logo a {
        background: url("../img/logo-main-dark.png");
        background-image: url("../img/logo-main-dark.svg"), none;
    }

body.theme-dark-green #mobile-opener span,
body.theme-dark-green #mobile-opener span {
    background: #fff;
}

body.theme-dark-green #mobile-opener:hover span,
body.theme-dark-green #mobile-opener:hover span,
body.theme-dark-green #mobile-opener:active span {
    background: #00c800;
}

body.theme-dark-green #user .link,
body.theme-dark-green #user .link {
    color: #002455;
}

    body.theme-dark-green #user .link:hover,
    body.theme-dark-green #user .link:hover,
    body.theme-dark-green #user .link:active {
        color: #00c800;
    }

body.theme-dark-green #user .button,
body.theme-dark-green #user .button {
    color: #00c800;
    background: #fff;
    border: 2px solid #00c800;
}

    body.theme-dark-green #user .button:hover,
    body.theme-dark-green #user .button:hover,
    body.theme-dark-green #user .button:active {
        color: #002455;
    }

body.theme-dark-green .help {
    background: url("../img/help-green.png");
    background-image: url("../img/help-green.svg"), none;
}

body.theme-dark-green .favorites {
    background: url("../img/favorites-green.png");
    background-image: url("../img/favorites-green.svg"), none;
}

body.theme-dark-green #title-section #breadcrumbs li {
    color: #00c800;
}

    body.theme-dark-green #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-dark-green #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-dark-green #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-dark-green #title-section #breadcrumbs li a:hover,
        body.theme-dark-green #title-section #breadcrumbs li a:hover,
        body.theme-dark-green #title-section #breadcrumbs li a:active {
            color: #00c800;
        }

body.theme-dark-green .tags li a:hover,
body.theme-dark-green .tags li a:hover,
body.theme-dark-green .tags li a:active,
body.theme-dark-green .tags li .blue,
body.theme-dark-green .tags li a.blue {
    color: #00c800;
    border-color: #00c800;
}

    body.theme-dark-green .tags li a.blue:hover,
    body.theme-dark-green .tags li a.blue:hover,
    body.theme-dark-green .tags li a.blue:active {
        color: #00dc00;
        border-color: #00dc00;
    }

body.theme-dark-green .tags li .orange,
body.theme-dark-green .tags li a.orange {
    color: #ff5000;
    border-color: #ff5000;
}

    body.theme-dark-green .tags li a.orange:hover,
    body.theme-dark-green .tags li a.orange:hover,
    body.theme-dark-green .tags li a.orange:active {
        color: #ff8c00;
        border-color: #ff8c00;
    }

body.theme-dark-green .tags li button,
body.theme-dark-green .tags li button,
body.theme-dark-green .tags li button:hover,
body.theme-dark-green .tags li button:hover,
body.theme-dark-green .tags li button:active,
body.theme-dark-green .tags li button.dark,
body.theme-dark-green .tags li button.dark,
body.theme-dark-green .tags li button.dark:hover,
body.theme-dark-green .tags li button.dark:hover,
body.theme-dark-green .tags li button.dark:active,
body.theme-dark-green .tags li button.orange,
body.theme-dark-green .tags li button.orange,
body.theme-dark-green .tags li button.orange:hover,
body.theme-dark-green .tags li button.orange:hover,
body.theme-dark-green .tags li button.orange:active,
body.theme-dark-green .tags li .button,
body.theme-dark-green .tags li .button,
body.theme-dark-green .tags li .button:hover,
body.theme-dark-green .tags li .button:hover,
body.theme-dark-green .tags li .button:active,
body.theme-dark-green .tags li .button.dark,
body.theme-dark-green .tags li .button.dark,
body.theme-dark-green .tags li .button.dark:hover,
body.theme-dark-green .tags li .button.dark:hover,
body.theme-dark-green .tags li .button.dark:active,
body.theme-dark-green .tags li .button.orange,
body.theme-dark-green .tags li .button.orange,
body.theme-dark-green .tags li .button.orange:hover,
body.theme-dark-green .tags li .button.orange:hover,
body.theme-dark-green .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-dark-green .tabs li .current,
body.theme-dark-green .tabs li .current {
    color: #002455;
}

body.theme-dark-green .tabs li a,
body.theme-dark-green .tabs li a {
    color: #96a0aa;
}

    body.theme-dark-green .tabs li a:hover,
    body.theme-dark-green .tabs li a:hover,
    body.theme-dark-green .tabs li a:active {
        color: #00c800;
    }

body.theme-dark-green .tabs .underline {
    background: #00c800;
}

body.theme-dark-green main .edit.big-menu .message {
    border: 1px solid #002455;
}



body.theme-dark-green main .content .more,
body.theme-dark-green main .content .more {
    color: #00c800;
}

    body.theme-dark-green main .content .more:hover,
    body.theme-dark-green main .content .more:hover,
    body.theme-dark-green main .content .more:active {
        color: #00dc00;
    }

    body.theme-dark-green main .content .more::before {
        border-color: #00c800;
    }

    body.theme-dark-green main .content .more::before {
        border-color: #00c800;
    }

    body.theme-dark-green main .content .more:hover::before,
    body.theme-dark-green main .content .more:hover::before,
    body.theme-dark-green main .content .more:active::before {
        border-color: #00dc00;
    }

body.theme-dark-green main .search .codes ul.searched li a::before,
body.theme-dark-green main .search .codes ul.searched li a::after {
    background: #00c800;
}

body.theme-dark-green main .search button {
    background: #002455;
}

    body.theme-dark-green main .search button:hover {
        background: #28508c;
    }

body.theme-dark-green main .table-message {
    border: 1px solid #002455;
}

body.theme-dark-green main .expanded > header > h2 a {
    color: #002455;
}

body.theme-dark-green main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-dark-green main .expanded > header > h2 a:hover,
    body.theme-dark-green main .expanded > header > h2 a:hover,
    body.theme-dark-green main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-dark-green main .expanded > header > h2 a:hover::before,
        body.theme-dark-green main .expanded > header > h2 a:hover::before,
        body.theme-dark-green main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-dark-green main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #ff5000;
}

    body.theme-dark-green main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #ff8c00;
    }

body.theme-dark-green .profile .warning {
    border-color: #ff0000;
}

    body.theme-dark-green .profile .warning + p {
        color: #ff0000;
    }

body.theme-dark-green .profile .message {
    border: 1px solid #002455;
}

body.theme-dark-green footer {
    background: #32465a;
}

    body.theme-dark-green footer .links .h6,
    body.theme-dark-green footer .links h6 {
        color: #cdd2d7;
    }

    body.theme-dark-green footer .links ul li a {
        color: #96a0aa;
    }

        body.theme-dark-green footer .links ul li a:hover {
            color: #00c800;
        }

body.theme-dark-green .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-dark-green .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-dark-green .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-dark-green .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-green .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #00c800;
    }

        body.theme-dark-green .pattern-calculator .keyboard button.blue:hover {
            background: #00dc00;
        }

    body.theme-dark-green .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-dark-green .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-dark-green .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-dark-green .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-dark-green .modal-footer .btn.btn-danger {
    background: #00c800;
}

    body.theme-dark-green .modal-footer .btn.btn-danger:hover {
        background: #00dc00;
    }

/* dark olive */

body.theme-dark-olive ::selection {
    background: #a0a000;
}

body.theme-dark-olive ::-moz-selection {
    background: #a0a000;
}

body.theme-dark-olive a {
    color: #a0a000;
}

body.theme-dark-olive a {
    color: #828200;
}

    body.theme-dark-olive a:hover,
    body.theme-dark-olive a:hover,
    body.theme-dark-olive a:active {
        color: #b4b400;
    }

    body.theme-dark-olive a.orange {
        color: #ff5000;
    }

    body.theme-dark-olive a.orange {
        color: #dc3c00;
    }

        body.theme-dark-olive a.orange:hover,
        body.theme-dark-olive a.orange:hover,
        body.theme-dark-olive a.orange:active {
            color: #ff8c00;
        }

body.theme-dark-olive main .search .popup-container .popup .button,
body.theme-dark-olive main .search .popup-container .popup .button,
body.theme-dark-olive main .search .popup-container .popup button,
body.theme-dark-olive .button,
body.theme-dark-olive .button,
body.theme-dark-olive button {
    color: #fff;
    background: #a0a000;
}

    body.theme-dark-olive main .search .popup-container .popup .button:hover,
    body.theme-dark-olive main .search .popup-container .popup .button:hover,
    body.theme-dark-olive main .search .popup-container .popup .button:active,
    body.theme-dark-olive main .search .popup-container .popup button:hover,
    body.theme-dark-olive .button:hover,
    body.theme-dark-olive .button:hover,
    body.theme-dark-olive .button:active,
    body.theme-dark-olive button:hover {
        color: #fff;
        background: #b4b400;
    }

    body.theme-dark-olive .button.dark,
    body.theme-dark-olive .button.dark,
    body.theme-dark-olive button.dark {
        background: #002455;
    }

        body.theme-dark-olive .button.dark:hover,
        body.theme-dark-olive .button.dark:hover,
        body.theme-dark-olive .button.dark:active,
        body.theme-dark-olive button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-olive main .search .popup-container .popup .button.orange,
    body.theme-dark-olive main .search .popup-container .popup .button.orange,
    body.theme-dark-olive main .search .popup-container .popup button.orange,
    body.theme-dark-olive .button.orange,
    body.theme-dark-olive .button.orange,
    body.theme-dark-olive button.orange {
        color: #fff;
        background: #ff5000;
    }

        body.theme-dark-olive main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-olive main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-olive main .search .popup-container .popup .button.orange:active,
        body.theme-dark-olive main .search .popup-container .popup button.orange:hover,
        body.theme-dark-olive .button.orange:hover,
        body.theme-dark-olive .button.orange:hover,
        body.theme-dark-olive .button.orange:active,
        body.theme-dark-olive button.orange:hover {
            color: #fff;
            background: #ff8c00;
        }

body.theme-dark-olive .select div select,
body.theme-dark-olive div.under-select select,
body.theme-dark-olive .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-dark-olive .select div:hover select,
    body.theme-dark-olive div.under-select:hover select,
    body.theme-dark-olive .dropdown button:hover {
        color: #a0a000;
    }

        body.theme-dark-olive .select div:hover::before,
        body.theme-dark-olive div.under-select:hover::before,
        body.theme-dark-olive .dropdown button:hover::after {
            border-color: #a0a000;
        }

body.theme-dark-olive .select.disabled div select,
body.theme-dark-olive .select.disabled div:hover select,
body.theme-dark-olive div.under-select.disabled select,
body.theme-dark-olive div.under-select.disabled:hover select,
body.theme-dark-olive .dropdown.disabled button,
body.theme-dark-olive .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-dark-olive .select.disabled div::before,
    body.theme-dark-olive .select.disabled div:hover::before,
    body.theme-dark-olive div.under-select.disabled::before,
    body.theme-dark-olive div.under-select.disabled:hover::before,
    body.theme-dark-olive .dropdown.disabled button::after,
    body.theme-dark-olive .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-dark-olive .dropdown ul a,
body.theme-dark-olive .dropdown ul a {
    color: #002455;
}

    body.theme-dark-olive .dropdown ul a:hover,
    body.theme-dark-olive .dropdown ul a:hover,
    body.theme-dark-olive .dropdown ul a:active {
        color: #a0a000;
    }

body.theme-dark-olive .dropdown.signature .button,
body.theme-dark-olive .dropdown.signature .button,
body.theme-dark-olive .dropdown.signature button {
    color: #fff;
    background: #a0a000;
}

    body.theme-dark-olive .dropdown.signature .button:hover,
    body.theme-dark-olive .dropdown.signature .button:hover,
    body.theme-dark-olive .dropdown.signature .button:active,
    body.theme-dark-olive .dropdown.signature button:hover {
        color: #fff;
        background: #b4b400;
    }

body.theme-dark-olive .dropdown.signature.dark .button,
body.theme-dark-olive .dropdown.signature.dark .button,
body.theme-dark-olive .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-dark-olive .dropdown.signature.dark .button:hover,
    body.theme-dark-olive .dropdown.signature.dark .button:hover,
    body.theme-dark-olive .dropdown.signature.dark .button:active,
    body.theme-dark-olive .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-dark-olive .dropdown.signature.orange .button,
body.theme-dark-olive .dropdown.signature.orange .button,
body.theme-dark-olive .dropdown.signature.orange button {
    background: #ff5000;
}

    body.theme-dark-olive .dropdown.signature.orange .button:hover,
    body.theme-dark-olive .dropdown.signature.orange .button:hover,
    body.theme-dark-olive .dropdown.signature.orange .button:active,
    body.theme-dark-olive .dropdown.signature.orange button:hover {
        background: #ff8c00;
    }

body.theme-dark-olive .dropdown.signature ul {
    background: #a0a000;
}

body.theme-dark-olive .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-dark-olive .dropdown.signature.orange ul {
    background: #ff5000;
}

body.theme-dark-olive .dropdown.signature ul li a,
body.theme-dark-olive .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-dark-olive .dropdown.signature ul li a:hover,
    body.theme-dark-olive .dropdown.signature ul li a:hover,
    body.theme-dark-olive .dropdown.signature ul li a:active {
        background: #b4b400;
    }

body.theme-dark-olive .dropdown.signature.dark ul li a:hover,
body.theme-dark-olive .dropdown.signature.dark ul li a:hover,
body.theme-dark-olive .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-dark-olive .dropdown.signature.orange ul li a:hover,
body.theme-dark-olive .dropdown.signature.orange ul li a:hover,
body.theme-dark-olive .dropdown.signature.orange ul li a:active {
    background: #ff8c00;
}

body.theme-dark-olive .checkbox input:checked ~ .checkmark,
body.theme-dark-olive .radio input:checked ~ .checkmark {
    background: #a0a000;
}

body.theme-dark-olive #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-dark-olive #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-dark-olive #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-dark-olive #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #a0a000;
}

body.theme-dark-olive #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-dark-olive #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-dark-olive #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-dark-olive #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-dark-olive #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #a0a000;
}

body.theme-dark-olive #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-dark-olive #ui-datepicker-div tbody td a:hover,
body.theme-dark-olive #ui-datepicker-div tbody td a:hover,
body.theme-dark-olive #ui-datepicker-div tbody td a:active,
body.theme-dark-olive #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-olive #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-olive #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-dark-olive #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-dark-olive #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-dark-olive #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-dark-olive #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-dark-olive .navbar .display-settings {
    background: #32465a;
}

    body.theme-dark-olive .navbar .display-settings .colors span:first-child {
        background: url("../img/colors-dark.png");
        background-image: url("../img/colors-dark.svg"), none;
    }

    body.theme-dark-olive .navbar .display-settings .contrast span:first-child {
        background: url("../img/contrast-dark.png");
        background-image: url("../img/contrast-dark.svg"), none;
    }

    body.theme-dark-olive .navbar .display-settings a span:last-child {
        color: #96a0aa;
    }

body.theme-dark-olive .colorizer {
    background: #1e3246;
}

body.theme-dark-olive #container-main.open .colorizer {
    background: #32465a;
}

body.theme-dark-olive .navbar .logo a {
    background: url("../img/logo-main-dark.png");
    background-image: url("../img/logo-main-dark.svg"), none;
}

body.theme-dark-olive .navbar .select div select,
body.theme-dark-olive .navbar div.under-select select,
body.theme-dark-olive .navbar .dropdown button {
    color: #fff;
}

    body.theme-dark-olive .navbar .select div:hover select,
    body.theme-dark-olive .navbar div.under-select:hover select,
    body.theme-dark-olive .navbar .dropdown button:hover {
        color: #a0a000;
    }

    body.theme-dark-olive .navbar .select div::before,
    body.theme-dark-olive .navbar div.under-select::before,
    body.theme-dark-olive .navbar .dropdown button::after {
        border-color: #fff;
    }

    body.theme-dark-olive .navbar .select div:hover::before,
    body.theme-dark-olive .navbar div.under-select:hover::before,
    body.theme-dark-olive .navbar .dropdown button:hover::after {
        border-color: #a0a000;
    }

body.theme-dark-olive .navbar #goto ul li a,
body.theme-dark-olive .navbar #goto ul li a {
    color: #fff;
}

    body.theme-dark-olive .navbar #goto ul li a:hover,
    body.theme-dark-olive .navbar #goto ul li a:hover,
    body.theme-dark-olive .navbar #goto ul li a:active {
        color: #a0a000;
    }

body.theme-dark-olive .navbar .side-menu .h5,
body.theme-dark-olive .navbar .side-menu h5 {
    color: #fff;
}

body.theme-dark-olive .navbar .side-menu .h6,
body.theme-dark-olive .navbar .side-menu h6 {
    color: #fff;
}

body.theme-dark-olive .navbar .side-menu label {
    color: #fff;
}

body.theme-dark-olive .navbar .side-menu input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-olive .navbar .side-menu textarea {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-olive .navbar .side-menu ul li.current,
body.theme-dark-olive .navbar .side-menu ul li.current a,
body.theme-dark-olive .navbar .side-menu ul li.current a {
    color: #a0a000;
}

    body.theme-dark-olive .navbar .side-menu ul li.current a:hover,
    body.theme-dark-olive .navbar .side-menu ul li.current a:hover,
    body.theme-dark-olive .navbar .side-menu ul li.current a:active {
        color: #b4b400;
    }

body.theme-dark-olive .navbar .side-menu ul li a,
body.theme-dark-olive .navbar .side-menu ul li a {
    color: #fff;
}

    body.theme-dark-olive .navbar .side-menu ul li a:hover,
    body.theme-dark-olive .navbar .side-menu ul li a:hover,
    body.theme-dark-olive .navbar .side-menu ul li a:active {
        color: #a0a000;
    }

body.theme-dark-olive .navbar .side-menu .checkbox .checkmark,
body.theme-dark-olive .navbar .side-menu .radio .checkmark {
    border-color: #556473;
}

body.theme-dark-olive .navbar .side-menu .checkbox:hover input ~ .checkmark,
body.theme-dark-olive .navbar .side-menu .radio:hover input ~ .checkmark {
    background: #556473;
}

body.theme-dark-olive .navbar .side-menu .checkbox input:checked ~ .checkmark,
body.theme-dark-olive .navbar .side-menu .radio input:checked ~ .checkmark {
    background: #a0a000;
}

body.theme-dark-olive .navbar .dropdown ul {
    background: #32465a;
}

body.theme-dark-olive #navbar-search .search input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-olive #mobile-header {
    background: #32465a;
}

    body.theme-dark-olive #mobile-header .logo a {
        background: url("../img/logo-main-dark.png");
        background-image: url("../img/logo-main-dark.svg"), none;
    }

body.theme-dark-olive #mobile-opener span,
body.theme-dark-olive #mobile-opener span {
    background: #fff;
}

body.theme-dark-olive #mobile-opener:hover span,
body.theme-dark-olive #mobile-opener:hover span,
body.theme-dark-olive #mobile-opener:active span {
    background: #a0a000;
}

body.theme-dark-olive #user .link,
body.theme-dark-olive #user .link {
    color: #002455;
}

    body.theme-dark-olive #user .link:hover,
    body.theme-dark-olive #user .link:hover,
    body.theme-dark-olive #user .link:active {
        color: #a0a000;
    }

body.theme-dark-olive #user .button,
body.theme-dark-olive #user .button {
    color: #a0a000;
    background: #fff;
    border: 2px solid #a0a000;
}

    body.theme-dark-olive #user .button:hover,
    body.theme-dark-olive #user .button:hover,
    body.theme-dark-olive #user .button:active {
        color: #002455;
    }

body.theme-dark-olive .help {
    background: url("../img/help-olive.png");
    background-image: url("../img/help-olive.svg"), none;
}

body.theme-dark-olive .favorites {
    background: url("../img/favorites-olive.png");
    background-image: url("../img/favorites-olive.svg"), none;
}

body.theme-dark-olive #title-section #breadcrumbs li {
    color: #a0a000;
}

    body.theme-dark-olive #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-dark-olive #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-dark-olive #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-dark-olive #title-section #breadcrumbs li a:hover,
        body.theme-dark-olive #title-section #breadcrumbs li a:hover,
        body.theme-dark-olive #title-section #breadcrumbs li a:active {
            color: #a0a000;
        }

body.theme-dark-olive .tags li a:hover,
body.theme-dark-olive .tags li a:hover,
body.theme-dark-olive .tags li a:active,
body.theme-dark-olive .tags li .blue,
body.theme-dark-olive .tags li a.blue {
    color: #a0a000;
    border-color: #a0a000;
}

    body.theme-dark-olive .tags li a.blue:hover,
    body.theme-dark-olive .tags li a.blue:hover,
    body.theme-dark-olive .tags li a.blue:active {
        color: #b4b400;
        border-color: #b4b400;
    }

body.theme-dark-olive .tags li .orange,
body.theme-dark-olive .tags li a.orange {
    color: #ff5000;
    border-color: #ff5000;
}

    body.theme-dark-olive .tags li a.orange:hover,
    body.theme-dark-olive .tags li a.orange:hover,
    body.theme-dark-olive .tags li a.orange:active {
        color: #ff8c00;
        border-color: #ff8c00;
    }

body.theme-dark-olive .tags li button,
body.theme-dark-olive .tags li button,
body.theme-dark-olive .tags li button:hover,
body.theme-dark-olive .tags li button:hover,
body.theme-dark-olive .tags li button:active,
body.theme-dark-olive .tags li button.dark,
body.theme-dark-olive .tags li button.dark,
body.theme-dark-olive .tags li button.dark:hover,
body.theme-dark-olive .tags li button.dark:hover,
body.theme-dark-olive .tags li button.dark:active,
body.theme-dark-olive .tags li button.orange,
body.theme-dark-olive .tags li button.orange,
body.theme-dark-olive .tags li button.orange:hover,
body.theme-dark-olive .tags li button.orange:hover,
body.theme-dark-olive .tags li button.orange:active,
body.theme-dark-olive .tags li .button,
body.theme-dark-olive .tags li .button,
body.theme-dark-olive .tags li .button:hover,
body.theme-dark-olive .tags li .button:hover,
body.theme-dark-olive .tags li .button:active,
body.theme-dark-olive .tags li .button.dark,
body.theme-dark-olive .tags li .button.dark,
body.theme-dark-olive .tags li .button.dark:hover,
body.theme-dark-olive .tags li .button.dark:hover,
body.theme-dark-olive .tags li .button.dark:active,
body.theme-dark-olive .tags li .button.orange,
body.theme-dark-olive .tags li .button.orange,
body.theme-dark-olive .tags li .button.orange:hover,
body.theme-dark-olive .tags li .button.orange:hover,
body.theme-dark-olive .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-dark-olive .tabs li .current,
body.theme-dark-olive .tabs li .current {
    color: #002455;
}

body.theme-dark-olive .tabs li a,
body.theme-dark-olive .tabs li a {
    color: #96a0aa;
}

    body.theme-dark-olive .tabs li a:hover,
    body.theme-dark-olive .tabs li a:hover,
    body.theme-dark-olive .tabs li a:active {
        color: #a0a000;
    }

body.theme-dark-olive .tabs .underline {
    background: #a0a000;
}

body.theme-dark-olive main .edit.big-menu .message {
    border: 1px solid #002455;
}

body.theme-dark-olive main .content .more,
body.theme-dark-olive main .content .more {
    color: #a0a000;
}

    body.theme-dark-olive main .content .more:hover,
    body.theme-dark-olive main .content .more:hover,
    body.theme-dark-olive main .content .more:active {
        color: #b4b400;
    }

    body.theme-dark-olive main .content .more::before {
        border-color: #a0a000;
    }

    body.theme-dark-olive main .content .more::before {
        border-color: #a0a000;
    }

    body.theme-dark-olive main .content .more:hover::before,
    body.theme-dark-olive main .content .more:hover::before,
    body.theme-dark-olive main .content .more:active::before {
        border-color: #b4b400;
    }

body.theme-dark-olive main .search .codes ul.searched li a::before,
body.theme-dark-olive main .search .codes ul.searched li a::after {
    background: #a0a000;
}

body.theme-dark-olive main .search button {
    background: #002455;
}

    body.theme-dark-olive main .search button:hover {
        background: #28508c;
    }

body.theme-dark-olive main .table-message {
    border: 1px solid #002455;
}

body.theme-dark-olive main .expanded > header > h2 a {
    color: #002455;
}

body.theme-dark-olive main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-dark-olive main .expanded > header > h2 a:hover,
    body.theme-dark-olive main .expanded > header > h2 a:hover,
    body.theme-dark-olive main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-dark-olive main .expanded > header > h2 a:hover::before,
        body.theme-dark-olive main .expanded > header > h2 a:hover::before,
        body.theme-dark-olive main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-dark-olive main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #ff5000;
}

    body.theme-dark-olive main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #ff8c00;
    }

body.theme-dark-olive .profile .warning {
    border-color: #ff0000;
}

    body.theme-dark-olive .profile .warning + p {
        color: #ff0000;
    }

body.theme-dark-olive .profile .message {
    border: 1px solid #002455;
}

body.theme-dark-olive footer {
    background: #32465a;
}

    body.theme-dark-olive footer .links h6,
    body.theme-dark-olive footer .links .h6 {
        color: #cdd2d7;
    }

    body.theme-dark-olive footer .links ul li a {
        color: #96a0aa;
    }

        body.theme-dark-olive footer .links ul li a:hover {
            color: #a0a000;
        }

body.theme-dark-olive .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-dark-olive .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-dark-olive .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-dark-olive .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-olive .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #a0a000;
    }

        body.theme-dark-olive .pattern-calculator .keyboard button.blue:hover {
            background: #b4b400;
        }

    body.theme-dark-olive .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-dark-olive .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-dark-olive .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-dark-olive .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-dark-olive .modal-footer .btn.btn-danger {
    background: #a0a000;
}

    body.theme-dark-olive .modal-footer .btn.btn-danger:hover {
        background: #b4b400;
    }

/* dark pink */

body.theme-dark-pink ::selection {
    background: #ff4b91;
}

body.theme-dark-pink ::-moz-selection {
    background: #ff4b91;
}

body.theme-dark-pink a {
    color: #ff4b91;
}

body.theme-dark-pink a {
    color: #d74b73;
}

    body.theme-dark-pink a:hover,
    body.theme-dark-pink a:hover,
    body.theme-dark-pink a:active {
        color: #ff78b4;
    }

    body.theme-dark-pink a.orange {
        color: #a00000;
    }

    body.theme-dark-pink a.orange {
        color: #780000;
    }

        body.theme-dark-pink a.orange:hover,
        body.theme-dark-pink a.orange:hover,
        body.theme-dark-pink a.orange:active {
            color: #dc0000;
        }

body.theme-dark-pink main .search .popup-container .popup .button,
body.theme-dark-pink main .search .popup-container .popup .button,
body.theme-dark-pink main .search .popup-container .popup button,
body.theme-dark-pink .button,
body.theme-dark-pink .button,
body.theme-dark-pink button {
    color: #fff;
    background: #ff4b91;
}

    body.theme-dark-pink main .search .popup-container .popup .button:hover,
    body.theme-dark-pink main .search .popup-container .popup .button:hover,
    body.theme-dark-pink main .search .popup-container .popup .button:active,
    body.theme-dark-pink main .search .popup-container .popup button:hover,
    body.theme-dark-pink .button:hover,
    body.theme-dark-pink .button:hover,
    body.theme-dark-pink .button:active,
    body.theme-dark-pink button:hover {
        color: #fff;
        background: #ff78b4;
    }

    body.theme-dark-pink .button.dark,
    body.theme-dark-pink .button.dark,
    body.theme-dark-pink button.dark {
        background: #002455;
    }

        body.theme-dark-pink .button.dark:hover,
        body.theme-dark-pink .button.dark:hover,
        body.theme-dark-pink .button.dark:active,
        body.theme-dark-pink button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-pink main .search .popup-container .popup .button.orange,
    body.theme-dark-pink main .search .popup-container .popup .button.orange,
    body.theme-dark-pink main .search .popup-container .popup button.orange,
    body.theme-dark-pink .button.orange,
    body.theme-dark-pink .button.orange,
    body.theme-dark-pink button.orange {
        color: #fff;
        background: #a00000;
    }

        body.theme-dark-pink main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-pink main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-pink main .search .popup-container .popup .button.orange:active,
        body.theme-dark-pink main .search .popup-container .popup button.orange:hover,
        body.theme-dark-pink .button.orange:hover,
        body.theme-dark-pink .button.orange:hover,
        body.theme-dark-pink .button.orange:active,
        body.theme-dark-pink button.orange:hover {
            color: #fff;
            background: #dc0000;
        }

body.theme-dark-pink .select div select,
body.theme-dark-pink div.under-select select,
body.theme-dark-pink .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-dark-pink .select div:hover select,
    body.theme-dark-pink div.under-select:hover select,
    body.theme-dark-pink .dropdown button:hover {
        color: #ff4b91;
    }

        body.theme-dark-pink .select div:hover::before,
        body.theme-dark-pink div.under-select:hover::before,
        body.theme-dark-pink .dropdown button:hover::after {
            border-color: #ff4b91;
        }

body.theme-dark-pink .select.disabled div select,
body.theme-dark-pink .select.disabled div:hover select,
body.theme-dark-pink div.under-select.disabled select,
body.theme-dark-pink div.under-select.disabled:hover select,
body.theme-dark-pink .dropdown.disabled button,
body.theme-dark-pink .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-dark-pink .select.disabled div::before,
    body.theme-dark-pink .select.disabled div:hover::before,
    body.theme-dark-pink div.under-select.disabled::before,
    body.theme-dark-pink div.under-select.disabled:hover::before,
    body.theme-dark-pink .dropdown.disabled button::after,
    body.theme-dark-pink .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-dark-pink .dropdown ul a,
body.theme-dark-pink .dropdown ul a {
    color: #002455;
}

    body.theme-dark-pink .dropdown ul a:hover,
    body.theme-dark-pink .dropdown ul a:hover,
    body.theme-dark-pink .dropdown ul a:active {
        color: #ff4b91;
    }

body.theme-dark-pink .dropdown.signature .button,
body.theme-dark-pink .dropdown.signature .button,
body.theme-dark-pink .dropdown.signature button {
    color: #fff;
    background: #ff4b91;
}

    body.theme-dark-pink .dropdown.signature .button:hover,
    body.theme-dark-pink .dropdown.signature .button:hover,
    body.theme-dark-pink .dropdown.signature .button:active,
    body.theme-dark-pink .dropdown.signature button:hover {
        color: #fff;
        background: #ff78b4;
    }

body.theme-dark-pink .dropdown.signature.dark .button,
body.theme-dark-pink .dropdown.signature.dark .button,
body.theme-dark-pink .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-dark-pink .dropdown.signature.dark .button:hover,
    body.theme-dark-pink .dropdown.signature.dark .button:hover,
    body.theme-dark-pink .dropdown.signature.dark .button:active,
    body.theme-dark-pink .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-dark-pink .dropdown.signature.orange .button,
body.theme-dark-pink .dropdown.signature.orange .button,
body.theme-dark-pink .dropdown.signature.orange button {
    background: #a00000;
}

    body.theme-dark-pink .dropdown.signature.orange .button:hover,
    body.theme-dark-pink .dropdown.signature.orange .button:hover,
    body.theme-dark-pink .dropdown.signature.orange .button:active,
    body.theme-dark-pink .dropdown.signature.orange button:hover {
        background: #dc0000;
    }

body.theme-dark-pink .dropdown.signature ul {
    background: #ff4b91;
}

body.theme-dark-pink .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-dark-pink .dropdown.signature.orange ul {
    background: #a00000;
}

body.theme-dark-pink .dropdown.signature ul li a,
body.theme-dark-pink .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-dark-pink .dropdown.signature ul li a:hover,
    body.theme-dark-pink .dropdown.signature ul li a:hover,
    body.theme-dark-pink .dropdown.signature ul li a:active {
        background: #ff78b4;
    }

body.theme-dark-pink .dropdown.signature.dark ul li a:hover,
body.theme-dark-pink .dropdown.signature.dark ul li a:hover,
body.theme-dark-pink .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-dark-pink .dropdown.signature.orange ul li a:hover,
body.theme-dark-pink .dropdown.signature.orange ul li a:hover,
body.theme-dark-pink .dropdown.signature.orange ul li a:active {
    background: #dc0000;
}

body.theme-dark-pink .checkbox input:checked ~ .checkmark,
body.theme-dark-pink .radio input:checked ~ .checkmark {
    background: #ff4b91;
}

body.theme-dark-pink #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-dark-pink #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-dark-pink #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-dark-pink #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #ff4b91;
}

body.theme-dark-pink #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-dark-pink #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-dark-pink #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-dark-pink #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-dark-pink #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #ff4b91;
}

body.theme-dark-pink #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-dark-pink #ui-datepicker-div tbody td a:hover,
body.theme-dark-pink #ui-datepicker-div tbody td a:hover,
body.theme-dark-pink #ui-datepicker-div tbody td a:active,
body.theme-dark-pink #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-pink #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-pink #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-dark-pink #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-dark-pink #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-dark-pink #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-dark-pink #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-dark-pink .navbar .display-settings {
    background: #32465a;
}

    body.theme-dark-pink .navbar .display-settings .colors span:first-child {
        background: url("../img/colors-dark.png");
        background-image: url("../img/colors-dark.svg"), none;
    }

    body.theme-dark-pink .navbar .display-settings .contrast span:first-child {
        background: url("../img/contrast-dark.png");
        background-image: url("../img/contrast-dark.svg"), none;
    }

    body.theme-dark-pink .navbar .display-settings a span:last-child {
        color: #96a0aa;
    }

body.theme-dark-pink .colorizer {
    background: #1e3246;
}

body.theme-dark-pink #container-main.open .colorizer {
    background: #32465a;
}

body.theme-dark-pink .navbar .logo a {
    background: url("../img/logo-main-dark.png");
    background-image: url("../img/logo-main-dark.svg"), none;
}

body.theme-dark-pink .navbar .select div select,
body.theme-dark-pink .navbar div.under-select select,
body.theme-dark-pink .navbar .dropdown button {
    color: #fff;
}

    body.theme-dark-pink .navbar .select div:hover select,
    body.theme-dark-pink .navbar div.under-select:hover select,
    body.theme-dark-pink .navbar .dropdown button:hover {
        color: #ff4b91;
    }

    body.theme-dark-pink .navbar .select div::before,
    body.theme-dark-pink .navbar div.under-select::before,
    body.theme-dark-pink .navbar .dropdown button::after {
        border-color: #fff;
    }

    body.theme-dark-pink .navbar .select div:hover::before,
    body.theme-dark-pink .navbar div.under-select:hover::before,
    body.theme-dark-pink .navbar .dropdown button:hover::after {
        border-color: #ff4b91;
    }

body.theme-dark-pink .navbar #goto ul li a,
body.theme-dark-pink .navbar #goto ul li a {
    color: #fff;
}

    body.theme-dark-pink .navbar #goto ul li a:hover,
    body.theme-dark-pink .navbar #goto ul li a:hover,
    body.theme-dark-pink .navbar #goto ul li a:active {
        color: #ff4b91;
    }

body.theme-dark-pink .navbar .side-menu .h5,
body.theme-dark-pink .navbar .side-menu h5 {
    color: #fff;
}

body.theme-dark-pink .navbar .side-menu .h6,
body.theme-dark-pink .navbar .side-menu h6 {
    color: #fff;
}

body.theme-dark-pink .navbar .side-menu label {
    color: #fff;
}

body.theme-dark-pink .navbar .side-menu input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-pink .navbar .side-menu textarea {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-pink .navbar .side-menu ul li.current,
body.theme-dark-pink .navbar .side-menu ul li.current a,
body.theme-dark-pink .navbar .side-menu ul li.current a {
    color: #ff4b91;
}

    body.theme-dark-pink .navbar .side-menu ul li.current a:hover,
    body.theme-dark-pink .navbar .side-menu ul li.current a:hover,
    body.theme-dark-pink .navbar .side-menu ul li.current a:active {
        color: #ff78b4;
    }

body.theme-dark-pink .navbar .side-menu ul li a,
body.theme-dark-pink .navbar .side-menu ul li a {
    color: #fff;
}

    body.theme-dark-pink .navbar .side-menu ul li a:hover,
    body.theme-dark-pink .navbar .side-menu ul li a:hover,
    body.theme-dark-pink .navbar .side-menu ul li a:active {
        color: #ff4b91;
    }

body.theme-dark-pink .navbar .side-menu .checkbox .checkmark,
body.theme-dark-pink .navbar .side-menu .radio .checkmark {
    border-color: #556473;
}

body.theme-dark-pink .navbar .side-menu .checkbox:hover input ~ .checkmark,
body.theme-dark-pink .navbar .side-menu .radio:hover input ~ .checkmark {
    background: #556473;
}

body.theme-dark-pink .navbar .side-menu .checkbox input:checked ~ .checkmark,
body.theme-dark-pink .navbar .side-menu .radio input:checked ~ .checkmark {
    background: #ff4b91;
}

body.theme-dark-pink .navbar .dropdown ul {
    background: #32465a;
}

body.theme-dark-pink #navbar-search .search input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-pink #mobile-header {
    background: #32465a;
}

    body.theme-dark-pink #mobile-header .logo a {
        background: url("../img/logo-main-dark.png");
        background-image: url("../img/logo-main-dark.svg"), none;
    }

body.theme-dark-pink #mobile-opener span,
body.theme-dark-pink #mobile-opener span {
    background: #fff;
}

body.theme-dark-pink #mobile-opener:hover span,
body.theme-dark-pink #mobile-opener:hover span,
body.theme-dark-pink #mobile-opener:active span {
    background: #ff4b91;
}

body.theme-dark-pink #user .link,
body.theme-dark-pink #user .link {
    color: #002455;
}

    body.theme-dark-pink #user .link:hover,
    body.theme-dark-pink #user .link:hover,
    body.theme-dark-pink #user .link:active {
        color: #ff4b91;
    }

body.theme-dark-pink #user .button,
body.theme-dark-pink #user .button {
    color: #ff4b91;
    background: #fff;
    border: 2px solid #ff4b91;
}

    body.theme-dark-pink #user .button:hover,
    body.theme-dark-pink #user .button:hover,
    body.theme-dark-pink #user .button:active {
        color: #002455;
    }

body.theme-dark-pink .help {
    background: url("../img/help-pink.png");
    background-image: url("../img/help-pink.svg"), none;
}

body.theme-dark-pink .favorites {
    background: url("../img/favorites-pink.png");
    background-image: url("../img/favorites-pink.svg"), none;
}

body.theme-dark-pink .notifications {
    background: #a00000;
}

body.theme-dark-pink #title-section #breadcrumbs li {
    color: #ff4b91;
}

    body.theme-dark-pink #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-dark-pink #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-dark-pink #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-dark-pink #title-section #breadcrumbs li a:hover,
        body.theme-dark-pink #title-section #breadcrumbs li a:hover,
        body.theme-dark-pink #title-section #breadcrumbs li a:active {
            color: #ff4b91;
        }

body.theme-dark-pink .tags li a:hover,
body.theme-dark-pink .tags li a:hover,
body.theme-dark-pink .tags li a:active,
body.theme-dark-pink .tags li .blue,
body.theme-dark-pink .tags li a.blue {
    color: #ff4b91;
    border-color: #ff4b91;
}

    body.theme-dark-pink .tags li a.blue:hover,
    body.theme-dark-pink .tags li a.blue:hover,
    body.theme-dark-pink .tags li a.blue:active {
        color: #ff78b4;
        border-color: #ff78b4;
    }

body.theme-dark-pink .tags li .orange,
body.theme-dark-pink .tags li a.orange {
    color: #a00000;
    border-color: #a00000;
}

    body.theme-dark-pink .tags li a.orange:hover,
    body.theme-dark-pink .tags li a.orange:hover,
    body.theme-dark-pink .tags li a.orange:active {
        color: #dc0000;
        border-color: #dc0000;
    }

body.theme-dark-pink .tags li button,
body.theme-dark-pink .tags li button,
body.theme-dark-pink .tags li button:hover,
body.theme-dark-pink .tags li button:hover,
body.theme-dark-pink .tags li button:active,
body.theme-dark-pink .tags li button.dark,
body.theme-dark-pink .tags li button.dark,
body.theme-dark-pink .tags li button.dark:hover,
body.theme-dark-pink .tags li button.dark:hover,
body.theme-dark-pink .tags li button.dark:active,
body.theme-dark-pink .tags li button.orange,
body.theme-dark-pink .tags li button.orange,
body.theme-dark-pink .tags li button.orange:hover,
body.theme-dark-pink .tags li button.orange:hover,
body.theme-dark-pink .tags li button.orange:active,
body.theme-dark-pink .tags li .button,
body.theme-dark-pink .tags li .button,
body.theme-dark-pink .tags li .button:hover,
body.theme-dark-pink .tags li .button:hover,
body.theme-dark-pink .tags li .button:active,
body.theme-dark-pink .tags li .button.dark,
body.theme-dark-pink .tags li .button.dark,
body.theme-dark-pink .tags li .button.dark:hover,
body.theme-dark-pink .tags li .button.dark:hover,
body.theme-dark-pink .tags li .button.dark:active,
body.theme-dark-pink .tags li .button.orange,
body.theme-dark-pink .tags li .button.orange,
body.theme-dark-pink .tags li .button.orange:hover,
body.theme-dark-pink .tags li .button.orange:hover,
body.theme-dark-pink .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-dark-pink .tabs li .current,
body.theme-dark-pink .tabs li .current {
    color: #002455;
}

body.theme-dark-pink .tabs li a,
body.theme-dark-pink .tabs li a {
    color: #96a0aa;
}

    body.theme-dark-pink .tabs li a:hover,
    body.theme-dark-pink .tabs li a:hover,
    body.theme-dark-pink .tabs li a:active {
        color: #ff4b91;
    }

body.theme-dark-pink .tabs .underline {
    background: #ff4b91;
}

body.theme-dark-pink main .edit.big-menu .message {
    border: 1px solid #002455;
}

body.theme-dark-pink main .content .more,
body.theme-dark-pink main .content .more {
    color: #ff4b91;
}

    body.theme-dark-pink main .content .more:hover,
    body.theme-dark-pink main .content .more:hover,
    body.theme-dark-pink main .content .more:active {
        color: #ff78b4;
    }

    body.theme-dark-pink main .content .more::before {
        border-color: #ff4b91;
    }

    body.theme-dark-pink main .content .more::before {
        border-color: #ff4b91;
    }

    body.theme-dark-pink main .content .more:hover::before,
    body.theme-dark-pink main .content .more:hover::before,
    body.theme-dark-pink main .content .more:active::before {
        border-color: #ff78b4;
    }

body.theme-dark-pink main .search .codes ul.used li a::before,
body.theme-dark-pink main .search .codes ul.used li a::after {
    background: #a00000;
}

body.theme-dark-pink main .search .codes ul.searched li a::before,
body.theme-dark-pink main .search .codes ul.searched li a::after {
    background: #ff4b91;
}

body.theme-dark-pink main .search button {
    background: #002455;
}

    body.theme-dark-pink main .search button:hover {
        background: #28508c;
    }

body.theme-dark-pink main .table-message {
    border: 1px solid #002455;
}

body.theme-dark-pink main .expanded > header > h2 a {
    color: #002455;
}

body.theme-dark-pink main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-dark-pink main .expanded > header > h2 a:hover,
    body.theme-dark-pink main .expanded > header > h2 a:hover,
    body.theme-dark-pink main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-dark-pink main .expanded > header > h2 a:hover::before,
        body.theme-dark-pink main .expanded > header > h2 a:hover::before,
        body.theme-dark-pink main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-dark-pink main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #a00000;
}

    body.theme-dark-pink main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #dc0000;
    }

body.theme-dark-pink .profile .warning {
    border-color: #ff0000;
}

    body.theme-dark-pink .profile .warning + p {
        color: #ff0000;
    }

body.theme-dark-pink .profile .message {
    border: 1px solid #002455;
}

body.theme-dark-pink footer {
    background: #32465a;
}

    body.theme-dark-pink footer .links .h6,
    body.theme-dark-pink footer .links h6 {
        color: #cdd2d7;
    }

    body.theme-dark-pink footer .links ul li a {
        color: #96a0aa;
    }

        body.theme-dark-pink footer .links ul li a:hover {
            color: #ff4b91;
        }

body.theme-dark-pink .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-dark-pink .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-dark-pink .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-dark-pink .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-pink .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #ff4b91;
    }

        body.theme-dark-pink .pattern-calculator .keyboard button.blue:hover {
            background: #ff78b4;
        }

    body.theme-dark-pink .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-dark-pink .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-dark-pink .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-dark-pink .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-dark-pink .modal-footer .btn.btn-danger {
    background: #ff4b91;
}

    body.theme-dark-pink .modal-footer .btn.btn-danger:hover {
        background: #ff78b4;
    }

/* dark purple */

body.theme-dark-purple ::selection {
    background: #aa78ff;
}

body.theme-dark-purple ::-moz-selection {
    background: #aa78ff;
}

body.theme-dark-purple a {
    color: #aa78ff;
}

body.theme-dark-purple a {
    color: #8c64e1;
}

    body.theme-dark-purple a:hover,
    body.theme-dark-purple a:hover,
    body.theme-dark-purple a:active {
        color: #be8cff;
    }

    body.theme-dark-purple a.orange {
        color: #ff5000;
    }

    body.theme-dark-purple a.orange {
        color: #dc3c00;
    }

        body.theme-dark-purple a.orange:hover,
        body.theme-dark-purple a.orange:hover,
        body.theme-dark-purple a.orange:active {
            color: #ff8c00;
        }

body.theme-dark-purple main .search .popup-container .popup .button,
body.theme-dark-purple main .search .popup-container .popup .button,
body.theme-dark-purple main .search .popup-container .popup button,
body.theme-dark-purple .button,
body.theme-dark-purple .button,
body.theme-dark-purple button {
    color: #fff;
    background: #aa78ff;
}

    body.theme-dark-purple main .search .popup-container .popup .button:hover,
    body.theme-dark-purple main .search .popup-container .popup .button:hover,
    body.theme-dark-purple main .search .popup-container .popup .button:active,
    body.theme-dark-purple main .search .popup-container .popup button:hover,
    body.theme-dark-purple .button:hover,
    body.theme-dark-purple .button:hover,
    body.theme-dark-purple .button:active,
    body.theme-dark-purple button:hover {
        color: #fff;
        background: #be8cff;
    }

    body.theme-dark-purple .button.dark,
    body.theme-dark-purple .button.dark,
    body.theme-dark-purple button.dark {
        background: #002455;
    }

        body.theme-dark-purple .button.dark:hover,
        body.theme-dark-purple .button.dark:hover,
        body.theme-dark-purple .button.dark:active,
        body.theme-dark-purple button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-purple main .search .popup-container .popup .button.orange,
    body.theme-dark-purple main .search .popup-container .popup .button.orange,
    body.theme-dark-purple main .search .popup-container .popup button.orange,
    body.theme-dark-purple .button.orange,
    body.theme-dark-purple .button.orange,
    body.theme-dark-purple button.orange {
        color: #fff;
        background: #ff5000;
    }

        body.theme-dark-purple main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-purple main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-purple main .search .popup-container .popup .button.orange:active,
        body.theme-dark-purple main .search .popup-container .popup button.orange:hover,
        body.theme-dark-purple .button.orange:hover,
        body.theme-dark-purple .button.orange:hover,
        body.theme-dark-purple .button.orange:active,
        body.theme-dark-purple button.orange:hover {
            color: #fff;
            background: #ff8c00;
        }

body.theme-dark-purple .select div select,
body.theme-dark-purple div.under-select select,
body.theme-dark-purple .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-dark-purple .select div:hover select,
    body.theme-dark-purple div.under-select:hover select,
    body.theme-dark-purple .dropdown button:hover {
        color: #aa78ff;
    }

        body.theme-dark-purple .select div:hover::before,
        body.theme-dark-purple div.under-select:hover::before,
        body.theme-dark-purple .dropdown button:hover::after {
            border-color: #aa78ff;
        }

body.theme-dark-purple .select.disabled div select,
body.theme-dark-purple .select.disabled div:hover select,
body.theme-dark-purple div.under-select.disabled select,
body.theme-dark-purple div.under-select.disabled:hover select,
body.theme-dark-purple .dropdown.disabled button,
body.theme-dark-purple .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-dark-purple .select.disabled div::before,
    body.theme-dark-purple .select.disabled div:hover::before,
    body.theme-dark-purple div.under-select.disabled::before,
    body.theme-dark-purple div.under-select.disabled:hover::before,
    body.theme-dark-purple .dropdown.disabled button::after,
    body.theme-dark-purple .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-dark-purple .dropdown ul a,
body.theme-dark-purple .dropdown ul a {
    color: #002455;
}

    body.theme-dark-purple .dropdown ul a:hover,
    body.theme-dark-purple .dropdown ul a:hover,
    body.theme-dark-purple .dropdown ul a:active {
        color: #aa78ff;
    }

body.theme-dark-purple .dropdown.signature .button,
body.theme-dark-purple .dropdown.signature .button,
body.theme-dark-purple .dropdown.signature button {
    color: #fff;
    background: #aa78ff;
}

    body.theme-dark-purple .dropdown.signature .button:hover,
    body.theme-dark-purple .dropdown.signature .button:hover,
    body.theme-dark-purple .dropdown.signature .button:active,
    body.theme-dark-purple .dropdown.signature button:hover {
        color: #fff;
        background: #be8cff;
    }

body.theme-dark-purple .dropdown.signature.dark .button,
body.theme-dark-purple .dropdown.signature.dark .button,
body.theme-dark-purple .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-dark-purple .dropdown.signature.dark .button:hover,
    body.theme-dark-purple .dropdown.signature.dark .button:hover,
    body.theme-dark-purple .dropdown.signature.dark .button:active,
    body.theme-dark-purple .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-dark-purple .dropdown.signature.orange .button,
body.theme-dark-purple .dropdown.signature.orange .button,
body.theme-dark-purple .dropdown.signature.orange button {
    background: #ff5000;
}

    body.theme-dark-purple .dropdown.signature.orange .button:hover,
    body.theme-dark-purple .dropdown.signature.orange .button:hover,
    body.theme-dark-purple .dropdown.signature.orange .button:active,
    body.theme-dark-purple .dropdown.signature.orange button:hover {
        background: #ff8c00;
    }

body.theme-dark-purple .dropdown.signature ul {
    background: #aa78ff;
}

body.theme-dark-purple .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-dark-purple .dropdown.signature.orange ul {
    background: #ff5000;
}

body.theme-dark-purple .dropdown.signature ul li a,
body.theme-dark-purple .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-dark-purple .dropdown.signature ul li a:hover,
    body.theme-dark-purple .dropdown.signature ul li a:hover,
    body.theme-dark-purple .dropdown.signature ul li a:active {
        background: #be8cff;
    }

body.theme-dark-purple .dropdown.signature.dark ul li a:hover,
body.theme-dark-purple .dropdown.signature.dark ul li a:hover,
body.theme-dark-purple .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-dark-purple .dropdown.signature.orange ul li a:hover,
body.theme-dark-purple .dropdown.signature.orange ul li a:hover,
body.theme-dark-purple .dropdown.signature.orange ul li a:active {
    background: #ff8c00;
}

body.theme-dark-purple .checkbox input:checked ~ .checkmark,
body.theme-dark-purple .radio input:checked ~ .checkmark {
    background: #aa78ff;
}

body.theme-dark-purple #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-dark-purple #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-dark-purple #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-dark-purple #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #aa78ff;
}

body.theme-dark-purple #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-dark-purple #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-dark-purple #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-dark-purple #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-dark-purple #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #aa78ff;
}

body.theme-dark-purple #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-dark-purple #ui-datepicker-div tbody td a:hover,
body.theme-dark-purple #ui-datepicker-div tbody td a:hover,
body.theme-dark-purple #ui-datepicker-div tbody td a:active,
body.theme-dark-purple #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-purple #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-purple #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-dark-purple #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-dark-purple #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-dark-purple #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-dark-purple #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-dark-purple .navbar .display-settings {
    background: #32465a;
}

    body.theme-dark-purple .navbar .display-settings .colors span:first-child {
        background: url("../img/colors-dark.png");
        background-image: url("../img/colors-dark.svg"), none;
    }

    body.theme-dark-purple .navbar .display-settings .contrast span:first-child {
        background: url("../img/contrast-dark.png");
        background-image: url("../img/contrast-dark.svg"), none;
    }

    body.theme-dark-purple .navbar .display-settings a span:last-child {
        color: #96a0aa;
    }

body.theme-dark-purple .colorizer {
    background: #1e3246;
}

body.theme-dark-purple #container-main.open .colorizer {
    background: #32465a;
}

body.theme-dark-purple .navbar .logo a {
    background: url("../img/logo-main-dark.png");
    background-image: url("../img/logo-main-dark.svg"), none;
}

body.theme-dark-purple .navbar .select div select,
body.theme-dark-purple .navbar div.under-select select,
body.theme-dark-purple .navbar .dropdown button {
    color: #fff;
}

    body.theme-dark-purple .navbar .select div:hover select,
    body.theme-dark-purple .navbar div.under-select:hover select,
    body.theme-dark-purple .navbar .dropdown button:hover {
        color: #aa78ff;
    }

    body.theme-dark-purple .navbar .select div::before,
    body.theme-dark-purple .navbar div.under-select::before,
    body.theme-dark-purple .navbar .dropdown button::after {
        border-color: #fff;
    }

    body.theme-dark-purple .navbar .select div:hover::before,
    body.theme-dark-purple .navbar div.under-select:hover::before,
    body.theme-dark-purple .navbar .dropdown button:hover::after {
        border-color: #aa78ff;
    }

body.theme-dark-purple .navbar #goto ul li a,
body.theme-dark-purple .navbar #goto ul li a {
    color: #fff;
}

    body.theme-dark-purple .navbar #goto ul li a:hover,
    body.theme-dark-purple .navbar #goto ul li a:hover,
    body.theme-dark-purple .navbar #goto ul li a:active {
        color: #aa78ff;
    }

body.theme-dark-purple .navbar .side-menu .h5,
body.theme-dark-purple .navbar .side-menu h5 {
    color: #fff;
}

body.theme-dark-purple .navbar .side-menu .h6,
body.theme-dark-purple .navbar .side-menu h6 {
    color: #fff;
}

body.theme-dark-purple .navbar .side-menu label {
    color: #fff;
}

body.theme-dark-purple .navbar .side-menu input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-purple .navbar .side-menu textarea {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-purple .navbar .side-menu ul li.current,
body.theme-dark-purple .navbar .side-menu ul li.current a,
body.theme-dark-purple .navbar .side-menu ul li.current a {
    color: #aa78ff;
}

    body.theme-dark-purple .navbar .side-menu ul li.current a:hover,
    body.theme-dark-purple .navbar .side-menu ul li.current a:hover,
    body.theme-dark-purple .navbar .side-menu ul li.current a:active {
        color: #be8cff;
    }

body.theme-dark-purple .navbar .side-menu ul li a,
body.theme-dark-purple .navbar .side-menu ul li a {
    color: #fff;
}

    body.theme-dark-purple .navbar .side-menu ul li a:hover,
    body.theme-dark-purple .navbar .side-menu ul li a:hover,
    body.theme-dark-purple .navbar .side-menu ul li a:active {
        color: #aa78ff;
    }

body.theme-dark-purple .navbar .side-menu .checkbox .checkmark,
body.theme-dark-purple .navbar .side-menu .radio .checkmark {
    border-color: #556473;
}

body.theme-dark-purple .navbar .side-menu .checkbox:hover input ~ .checkmark,
body.theme-dark-purple .navbar .side-menu .radio:hover input ~ .checkmark {
    background: #556473;
}

body.theme-dark-purple .navbar .side-menu .checkbox input:checked ~ .checkmark,
body.theme-dark-purple .navbar .side-menu .radio input:checked ~ .checkmark {
    background: #aa78ff;
}

body.theme-dark-purple .navbar .dropdown ul {
    background: #32465a;
}

body.theme-dark-purple #navbar-search .search input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-purple #mobile-header {
    background: #32465a;
}

    body.theme-dark-purple #mobile-header .logo a {
        background: url("../img/logo-main-dark.png");
        background-image: url("../img/logo-main-dark.svg"), none;
    }

body.theme-dark-purple #mobile-opener span,
body.theme-dark-purple #mobile-opener span {
    background: #fff;
}

body.theme-dark-purple #mobile-opener:hover span,
body.theme-dark-purple #mobile-opener:hover span,
body.theme-dark-purple #mobile-opener:active span {
    background: #aa78ff;
}

body.theme-dark-purple #user .link,
body.theme-dark-purple #user .link {
    color: #002455;
}

    body.theme-dark-purple #user .link:hover,
    body.theme-dark-purple #user .link:hover,
    body.theme-dark-purple #user .link:active {
        color: #aa78ff;
    }

body.theme-dark-purple #user .button,
body.theme-dark-purple #user .button {
    color: #aa78ff;
    background: #fff;
    border: 2px solid #aa78ff;
}

    body.theme-dark-purple #user .button:hover,
    body.theme-dark-purple #user .button:hover,
    body.theme-dark-purple #user .button:active {
        color: #002455;
    }

body.theme-dark-purple .help {
    background: url("../img/help-purple.png");
    background-image: url("../img/help-purple.svg"), none;
}

body.theme-dark-purple .favorites {
    background: url("../img/favorites-purple.png");
    background-image: url("../img/favorites-purple.svg"), none;
}

body.theme-dark-purple #title-section #breadcrumbs li {
    color: #aa78ff;
}

    body.theme-dark-purple #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-dark-purple #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-dark-purple #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-dark-purple #title-section #breadcrumbs li a:hover,
        body.theme-dark-purple #title-section #breadcrumbs li a:hover,
        body.theme-dark-purple #title-section #breadcrumbs li a:active {
            color: #aa78ff;
        }

body.theme-dark-purple .tags li a:hover,
body.theme-dark-purple .tags li a:hover,
body.theme-dark-purple .tags li a:active,
body.theme-dark-purple .tags li .blue,
body.theme-dark-purple .tags li a.blue {
    color: #aa78ff;
    border-color: #aa78ff;
}

    body.theme-dark-purple .tags li a.blue:hover,
    body.theme-dark-purple .tags li a.blue:hover,
    body.theme-dark-purple .tags li a.blue:active {
        color: #be8cff;
        border-color: #be8cff;
    }

body.theme-dark-purple .tags li .orange,
body.theme-dark-purple .tags li a.orange {
    color: #ff5000;
    border-color: #ff5000;
}

    body.theme-dark-purple .tags li a.orange:hover,
    body.theme-dark-purple .tags li a.orange:hover,
    body.theme-dark-purple .tags li a.orange:active {
        color: #ff8c00;
        border-color: #ff8c00;
    }

body.theme-dark-purple .tags li button,
body.theme-dark-purple .tags li button,
body.theme-dark-purple .tags li button:hover,
body.theme-dark-purple .tags li button:hover,
body.theme-dark-purple .tags li button:active,
body.theme-dark-purple .tags li button.dark,
body.theme-dark-purple .tags li button.dark,
body.theme-dark-purple .tags li button.dark:hover,
body.theme-dark-purple .tags li button.dark:hover,
body.theme-dark-purple .tags li button.dark:active,
body.theme-dark-purple .tags li button.orange,
body.theme-dark-purple .tags li button.orange,
body.theme-dark-purple .tags li button.orange:hover,
body.theme-dark-purple .tags li button.orange:hover,
body.theme-dark-purple .tags li button.orange:active,
body.theme-dark-purple .tags li .button,
body.theme-dark-purple .tags li .button,
body.theme-dark-purple .tags li .button:hover,
body.theme-dark-purple .tags li .button:hover,
body.theme-dark-purple .tags li .button:active,
body.theme-dark-purple .tags li .button.dark,
body.theme-dark-purple .tags li .button.dark,
body.theme-dark-purple .tags li .button.dark:hover,
body.theme-dark-purple .tags li .button.dark:hover,
body.theme-dark-purple .tags li .button.dark:active,
body.theme-dark-purple .tags li .button.orange,
body.theme-dark-purple .tags li .button.orange,
body.theme-dark-purple .tags li .button.orange:hover,
body.theme-dark-purple .tags li .button.orange:hover,
body.theme-dark-purple .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-dark-purple .tabs li .current,
body.theme-dark-purple .tabs li .current {
    color: #002455;
}

body.theme-dark-purple .tabs li a,
body.theme-dark-purple .tabs li a {
    color: #96a0aa;
}

    body.theme-dark-purple .tabs li a:hover,
    body.theme-dark-purple .tabs li a:hover,
    body.theme-dark-purple .tabs li a:active {
        color: #aa78ff;
    }

body.theme-dark-purple .tabs .underline {
    background: #aa78ff;
}

body.theme-dark-purple main .edit.big-menu .message {
    border: 1px solid #002455;
}

body.theme-dark-purple main .content .more,
body.theme-dark-purple main .content .more {
    color: #aa78ff;
}

    body.theme-dark-purple main .content .more:hover,
    body.theme-dark-purple main .content .more:hover,
    body.theme-dark-purple main .content .more:active {
        color: #be8cff;
    }

    body.theme-dark-purple main .content .more::before {
        border-color: #aa78ff;
    }

    body.theme-dark-purple main .content .more::before {
        border-color: #aa78ff;
    }

    body.theme-dark-purple main .content .more:hover::before,
    body.theme-dark-purple main .content .more:hover::before,
    body.theme-dark-purple main .content .more:active::before {
        border-color: #be8cff;
    }

body.theme-dark-purple main .search .codes ul.searched li a::before,
body.theme-dark-purple main .search .codes ul.searched li a::after {
    background: #aa78ff;
}

body.theme-dark-purple main .search button {
    background: #002455;
}

    body.theme-dark-purple main .search button:hover {
        background: #28508c;
    }

body.theme-dark-purple main .table-message {
    border: 1px solid #002455;
}

body.theme-dark-purple main .expanded > header > h2 a {
    color: #002455;
}

body.theme-dark-purple main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-dark-purple main .expanded > header > h2 a:hover,
    body.theme-dark-purple main .expanded > header > h2 a:hover,
    body.theme-dark-purple main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-dark-purple main .expanded > header > h2 a:hover::before,
        body.theme-dark-purple main .expanded > header > h2 a:hover::before,
        body.theme-dark-purple main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-dark-purple main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #ff5000;
}

    body.theme-dark-purple main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #ff8c00;
    }

body.theme-dark-purple .profile .warning {
    border-color: #ff0000;
}

    body.theme-dark-purple .profile .warning + p {
        color: #ff0000;
    }

body.theme-dark-purple .profile .message {
    border: 1px solid #002455;
}

body.theme-dark-purple footer {
    background: #32465a;
}

    body.theme-dark-purple footer .links h6,
    body.theme-dark-purple footer .links .h6 {
        color: #cdd2d7;
    }

    body.theme-dark-purple footer .links ul li a {
        color: #96a0aa;
    }

        body.theme-dark-purple footer .links ul li a:hover {
            color: #aa78ff;
        }

body.theme-dark-purple .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-dark-purple .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-dark-purple .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-dark-purple .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-purple .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #aa78ff;
    }

        body.theme-dark-purple .pattern-calculator .keyboard button.blue:hover {
            background: #be8cff;
        }

    body.theme-dark-purple .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-dark-purple .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-dark-purple .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-dark-purple .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-dark-purple .modal-footer .btn.btn-danger {
    background: #aa78ff;
}

    body.theme-dark-purple .modal-footer .btn.btn-danger:hover {
        background: #be8cff;
    }

/* dark brown */

body.theme-dark-brown ::selection {
    background: #b48250;
}

body.theme-dark-brown ::-moz-selection {
    background: #b48250;
}

body.theme-dark-brown a {
    color: #b48250;
}

body.theme-dark-brown a {
    color: #966e46;
}

    body.theme-dark-brown a:hover,
    body.theme-dark-brown a:hover,
    body.theme-dark-brown a:active {
        color: #c89664;
    }

    body.theme-dark-brown a.orange {
        color: #ff5000;
    }

    body.theme-dark-brown a.orange {
        color: #dc3c00;
    }

        body.theme-dark-brown a.orange:hover,
        body.theme-dark-brown a.orange:hover,
        body.theme-dark-brown a.orange:active {
            color: #ff8c00;
        }

body.theme-dark-brown main .search .popup-container .popup .button,
body.theme-dark-brown main .search .popup-container .popup .button,
body.theme-dark-brown main .search .popup-container .popup button,
body.theme-dark-brown .button,
body.theme-dark-brown .button,
body.theme-dark-brown button {
    color: #fff;
    background: #b48250;
}

    body.theme-dark-brown main .search .popup-container .popup .button:hover,
    body.theme-dark-brown main .search .popup-container .popup .button:hover,
    body.theme-dark-brown main .search .popup-container .popup .button:active,
    body.theme-dark-brown main .search .popup-container .popup button:hover,
    body.theme-dark-brown .button:hover,
    body.theme-dark-brown .button:hover,
    body.theme-dark-brown .button:active,
    body.theme-dark-brown button:hover {
        color: #fff;
        background: #c89664;
    }

    body.theme-dark-brown .button.dark,
    body.theme-dark-brown .button.dark,
    body.theme-dark-brown button.dark {
        background: #002455;
    }

        body.theme-dark-brown .button.dark:hover,
        body.theme-dark-brown .button.dark:hover,
        body.theme-dark-brown .button.dark:active,
        body.theme-dark-brown button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-brown main .search .popup-container .popup .button.orange,
    body.theme-dark-brown main .search .popup-container .popup .button.orange,
    body.theme-dark-brown main .search .popup-container .popup button.orange,
    body.theme-dark-brown .button.orange,
    body.theme-dark-brown .button.orange,
    body.theme-dark-brown button.orange {
        color: #fff;
        background: #ff5000;
    }

        body.theme-dark-brown main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-brown main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-brown main .search .popup-container .popup .button.orange:active,
        body.theme-dark-brown main .search .popup-container .popup button.orange:hover,
        body.theme-dark-brown .button.orange:hover,
        body.theme-dark-brown .button.orange:hover,
        body.theme-dark-brown .button.orange:active,
        body.theme-dark-brown button.orange:hover {
            color: #fff;
            background: #ff8c00;
        }

body.theme-dark-brown .select div select,
body.theme-dark-brown div.under-select select,
body.theme-dark-brown .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-dark-brown .select div:hover select,
    body.theme-dark-brown div.under-select:hover select,
    body.theme-dark-brown .dropdown button:hover {
        color: #b48250;
    }

        body.theme-dark-brown .select div:hover::before,
        body.theme-dark-brown div.under-select:hover::before,
        body.theme-dark-brown .dropdown button:hover::after {
            border-color: #b48250;
        }

body.theme-dark-brown .select.disabled div select,
body.theme-dark-brown .select.disabled div:hover select,
body.theme-dark-brown div.under-select.disabled select,
body.theme-dark-brown div.under-select.disabled:hover select,
body.theme-dark-brown .dropdown.disabled button,
body.theme-dark-brown .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-dark-brown .select.disabled div::before,
    body.theme-dark-brown .select.disabled div:hover::before,
    body.theme-dark-brown div.under-select.disabled::before,
    body.theme-dark-brown div.under-select.disabled:hover::before,
    body.theme-dark-brown .dropdown.disabled button::after,
    body.theme-dark-brown .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-dark-brown .dropdown ul a,
body.theme-dark-brown .dropdown ul a {
    color: #002455;
}

    body.theme-dark-brown .dropdown ul a:hover,
    body.theme-dark-brown .dropdown ul a:hover,
    body.theme-dark-brown .dropdown ul a:active {
        color: #b48250;
    }

body.theme-dark-brown .dropdown.signature .button,
body.theme-dark-brown .dropdown.signature .button,
body.theme-dark-brown .dropdown.signature button {
    color: #fff;
    background: #b48250;
}

    body.theme-dark-brown .dropdown.signature .button:hover,
    body.theme-dark-brown .dropdown.signature .button:hover,
    body.theme-dark-brown .dropdown.signature .button:active,
    body.theme-dark-brown .dropdown.signature button:hover {
        color: #fff;
        background: #c89664;
    }

body.theme-dark-brown .dropdown.signature.dark .button,
body.theme-dark-brown .dropdown.signature.dark .button,
body.theme-dark-brown .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-dark-brown .dropdown.signature.dark .button:hover,
    body.theme-dark-brown .dropdown.signature.dark .button:hover,
    body.theme-dark-brown .dropdown.signature.dark .button:active,
    body.theme-dark-brown .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-dark-brown .dropdown.signature.orange .button,
body.theme-dark-brown .dropdown.signature.orange .button,
body.theme-dark-brown .dropdown.signature.orange button {
    background: #ff5000;
}

    body.theme-dark-brown .dropdown.signature.orange .button:hover,
    body.theme-dark-brown .dropdown.signature.orange .button:hover,
    body.theme-dark-brown .dropdown.signature.orange .button:active,
    body.theme-dark-brown .dropdown.signature.orange button:hover {
        background: #ff8c00;
    }

body.theme-dark-brown .dropdown.signature ul {
    background: #b48250;
}

body.theme-dark-brown .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-dark-brown .dropdown.signature.orange ul {
    background: #ff5000;
}

body.theme-dark-brown .dropdown.signature ul li a,
body.theme-dark-brown .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-dark-brown .dropdown.signature ul li a:hover,
    body.theme-dark-brown .dropdown.signature ul li a:hover,
    body.theme-dark-brown .dropdown.signature ul li a:active {
        background: #c89664;
    }

body.theme-dark-brown .dropdown.signature.dark ul li a:hover,
body.theme-dark-brown .dropdown.signature.dark ul li a:hover,
body.theme-dark-brown .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-dark-brown .dropdown.signature.orange ul li a:hover,
body.theme-dark-brown .dropdown.signature.orange ul li a:hover,
body.theme-dark-brown .dropdown.signature.orange ul li a:active {
    background: #ff8c00;
}

body.theme-dark-brown .checkbox input:checked ~ .checkmark,
body.theme-dark-brown .radio input:checked ~ .checkmark {
    background: #b48250;
}

body.theme-dark-brown #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-dark-brown #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-dark-brown #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-dark-brown #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #b48250;
}

body.theme-dark-brown #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-dark-brown #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-dark-brown #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-dark-brown #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-dark-brown #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #b48250;
}

body.theme-dark-brown #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-dark-brown #ui-datepicker-div tbody td a:hover,
body.theme-dark-brown #ui-datepicker-div tbody td a:hover,
body.theme-dark-brown #ui-datepicker-div tbody td a:active,
body.theme-dark-brown #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-brown #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-brown #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-dark-brown #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-dark-brown #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-dark-brown #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-dark-brown #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-dark-brown .navbar .display-settings {
    background: #32465a;
}

    body.theme-dark-brown .navbar .display-settings .colors span:first-child {
        background: url("../img/colors-dark.png");
        background-image: url("../img/colors-dark.svg"), none;
    }

    body.theme-dark-brown .navbar .display-settings .contrast span:first-child {
        background: url("../img/contrast-dark.png");
        background-image: url("../img/contrast-dark.svg"), none;
    }

    body.theme-dark-brown .navbar .display-settings a span:last-child {
        color: #96a0aa;
    }

body.theme-dark-brown .colorizer {
    background: #1e3246;
}

body.theme-dark-brown #container-main.open .colorizer {
    background: #32465a;
}

body.theme-dark-brown .navbar .logo a {
    background: url("../img/logo-main-dark.png");
    background-image: url("../img/logo-main-dark.svg"), none;
}

body.theme-dark-brown .navbar .select div select,
body.theme-dark-brown .navbar div.under-select select,
body.theme-dark-brown .navbar .dropdown button {
    color: #fff;
}

    body.theme-dark-brown .navbar .select div:hover select,
    body.theme-dark-brown .navbar div.under-select:hover select,
    body.theme-dark-brown .navbar .dropdown button:hover {
        color: #b48250;
    }

    body.theme-dark-brown .navbar .select div::before,
    body.theme-dark-brown .navbar div.under-select::before,
    body.theme-dark-brown .navbar .dropdown button::after {
        border-color: #fff;
    }

    body.theme-dark-brown .navbar .select div:hover::before,
    body.theme-dark-brown .navbar div.under-select:hover::before,
    body.theme-dark-brown .navbar .dropdown button:hover::after {
        border-color: #b48250;
    }

body.theme-dark-brown .navbar #goto ul li a,
body.theme-dark-brown .navbar #goto ul li a {
    color: #fff;
}

    body.theme-dark-brown .navbar #goto ul li a:hover,
    body.theme-dark-brown .navbar #goto ul li a:hover,
    body.theme-dark-brown .navbar #goto ul li a:active {
        color: #b48250;
    }

body.theme-dark-brown .navbar .side-menu .h5,
body.theme-dark-brown .navbar .side-menu h5 {
    color: #fff;
}

body.theme-dark-brown .navbar .side-menu .h6,
body.theme-dark-brown .navbar .side-menu h6 {
    color: #fff;
}

body.theme-dark-brown .navbar .side-menu label {
    color: #fff;
}

body.theme-dark-brown .navbar .side-menu input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-brown .navbar .side-menu textarea {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-brown .navbar .side-menu ul li.current,
body.theme-dark-brown .navbar .side-menu ul li.current a,
body.theme-dark-brown .navbar .side-menu ul li.current a {
    color: #b48250;
}

    body.theme-dark-brown .navbar .side-menu ul li.current a:hover,
    body.theme-dark-brown .navbar .side-menu ul li.current a:hover,
    body.theme-dark-brown .navbar .side-menu ul li.current a:active {
        color: #c89664;
    }

body.theme-dark-brown .navbar .side-menu ul li a,
body.theme-dark-brown .navbar .side-menu ul li a {
    color: #fff;
}

    body.theme-dark-brown .navbar .side-menu ul li a:hover,
    body.theme-dark-brown .navbar .side-menu ul li a:hover,
    body.theme-dark-brown .navbar .side-menu ul li a:active {
        color: #b48250;
    }

body.theme-dark-brown .navbar .side-menu .checkbox .checkmark,
body.theme-dark-brown .navbar .side-menu .radio .checkmark {
    border-color: #556473;
}

body.theme-dark-brown .navbar .side-menu .checkbox:hover input ~ .checkmark,
body.theme-dark-brown .navbar .side-menu .radio:hover input ~ .checkmark {
    background: #556473;
}

body.theme-dark-brown .navbar .side-menu .checkbox input:checked ~ .checkmark,
body.theme-dark-brown .navbar .side-menu .radio input:checked ~ .checkmark {
    background: #b48250;
}

body.theme-dark-brown .navbar .dropdown ul {
    background: #32465a;
}

body.theme-dark-brown #navbar-search .search input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-brown #mobile-header {
    background: #32465a;
}

    body.theme-dark-brown #mobile-header .logo a {
        background: url("../img/logo-main-dark.png");
        background-image: url("../img/logo-main-dark.svg"), none;
    }

body.theme-dark-brown #mobile-opener span,
body.theme-dark-brown #mobile-opener span {
    background: #fff;
}

body.theme-dark-brown #mobile-opener:hover span,
body.theme-dark-brown #mobile-opener:hover span,
body.theme-dark-brown #mobile-opener:active span {
    background: #b48250;
}

body.theme-dark-brown #user .link,
body.theme-dark-brown #user .link {
    color: #002455;
}

    body.theme-dark-brown #user .link:hover,
    body.theme-dark-brown #user .link:hover,
    body.theme-dark-brown #user .link:active {
        color: #b48250;
    }

body.theme-dark-brown #user .button,
body.theme-dark-brown #user .button {
    color: #b48250;
    background: #fff;
    border: 2px solid #b48250;
}

    body.theme-dark-brown #user .button:hover,
    body.theme-dark-brown #user .button:hover,
    body.theme-dark-brown #user .button:active {
        color: #002455;
    }

body.theme-dark-brown .help {
    background: url("../img/help-brown.png");
    background-image: url("../img/help-brown.svg"), none;
}

body.theme-dark-brown .favorites {
    background: url("../img/favorites-brown.png");
    background-image: url("../img/favorites-brown.svg"), none;
}

body.theme-dark-brown #title-section #breadcrumbs li {
    color: #b48250;
}

    body.theme-dark-brown #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-dark-brown #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-dark-brown #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-dark-brown #title-section #breadcrumbs li a:hover,
        body.theme-dark-brown #title-section #breadcrumbs li a:hover,
        body.theme-dark-brown #title-section #breadcrumbs li a:active {
            color: #b48250;
        }

body.theme-dark-brown .tags li a:hover,
body.theme-dark-brown .tags li a:hover,
body.theme-dark-brown .tags li a:active,
body.theme-dark-brown .tags li .blue,
body.theme-dark-brown .tags li a.blue {
    color: #b48250;
    border-color: #b48250;
}

    body.theme-dark-brown .tags li a.blue:hover,
    body.theme-dark-brown .tags li a.blue:hover,
    body.theme-dark-brown .tags li a.blue:active {
        color: #c89664;
        border-color: #c89664;
    }

body.theme-dark-brown .tags li .orange,
body.theme-dark-brown .tags li a.orange {
    color: #ff5000;
    border-color: #ff5000;
}

    body.theme-dark-brown .tags li a.orange:hover,
    body.theme-dark-brown .tags li a.orange:hover,
    body.theme-dark-brown .tags li a.orange:active {
        color: #ff8c00;
        border-color: #ff8c00;
    }

body.theme-dark-brown .tags li button,
body.theme-dark-brown .tags li button,
body.theme-dark-brown .tags li button:hover,
body.theme-dark-brown .tags li button:hover,
body.theme-dark-brown .tags li button:active,
body.theme-dark-brown .tags li button.dark,
body.theme-dark-brown .tags li button.dark,
body.theme-dark-brown .tags li button.dark:hover,
body.theme-dark-brown .tags li button.dark:hover,
body.theme-dark-brown .tags li button.dark:active,
body.theme-dark-brown .tags li button.orange,
body.theme-dark-brown .tags li button.orange,
body.theme-dark-brown .tags li button.orange:hover,
body.theme-dark-brown .tags li button.orange:hover,
body.theme-dark-brown .tags li button.orange:active,
body.theme-dark-brown .tags li .button,
body.theme-dark-brown .tags li .button,
body.theme-dark-brown .tags li .button:hover,
body.theme-dark-brown .tags li .button:hover,
body.theme-dark-brown .tags li .button:active,
body.theme-dark-brown .tags li .button.dark,
body.theme-dark-brown .tags li .button.dark,
body.theme-dark-brown .tags li .button.dark:hover,
body.theme-dark-brown .tags li .button.dark:hover,
body.theme-dark-brown .tags li .button.dark:active,
body.theme-dark-brown .tags li .button.orange,
body.theme-dark-brown .tags li .button.orange,
body.theme-dark-brown .tags li .button.orange:hover,
body.theme-dark-brown .tags li .button.orange:hover,
body.theme-dark-brown .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-dark-brown .tabs li .current,
body.theme-dark-brown .tabs li .current {
    color: #002455;
}

body.theme-dark-brown .tabs li a,
body.theme-dark-brown .tabs li a {
    color: #96a0aa;
}

    body.theme-dark-brown .tabs li a:hover,
    body.theme-dark-brown .tabs li a:hover,
    body.theme-dark-brown .tabs li a:active {
        color: #b48250;
    }

body.theme-dark-brown .tabs .underline {
    background: #b48250;
}

body.theme-dark-brown main .edit.big-menu .message {
    border: 1px solid #002455;
}

body.theme-dark-brown main .content .more,
body.theme-dark-brown main .content .more {
    color: #b48250;
}

    body.theme-dark-brown main .content .more:hover,
    body.theme-dark-brown main .content .more:hover,
    body.theme-dark-brown main .content .more:active {
        color: #c89664;
    }

    body.theme-dark-brown main .content .more::before {
        border-color: #b48250;
    }

    body.theme-dark-brown main .content .more::before {
        border-color: #b48250;
    }

    body.theme-dark-brown main .content .more:hover::before,
    body.theme-dark-brown main .content .more:hover::before,
    body.theme-dark-brown main .content .more:active::before {
        border-color: #c89664;
    }

body.theme-dark-brown main .search .codes ul.searched li a::before,
body.theme-dark-brown main .search .codes ul.searched li a::after {
    background: #b48250;
}

body.theme-dark-brown main .search button {
    background: #002455;
}

    body.theme-dark-brown main .search button:hover {
        background: #28508c;
    }

body.theme-dark-brown main .table-message {
    border: 1px solid #002455;
}

body.theme-dark-brown main .expanded > header > h2 a {
    color: #002455;
}

body.theme-dark-brown main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-dark-brown main .expanded > header > h2 a:hover,
    body.theme-dark-brown main .expanded > header > h2 a:hover,
    body.theme-dark-brown main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-dark-brown main .expanded > header > h2 a:hover::before,
        body.theme-dark-brown main .expanded > header > h2 a:hover::before,
        body.theme-dark-brown main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-dark-brown main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #ff5000;
}

    body.theme-dark-brown main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #ff8c00;
    }

body.theme-dark-brown .profile .warning {
    border-color: #ff0000;
}

    body.theme-dark-brown .profile .warning + p {
        color: #ff0000;
    }

body.theme-dark-brown .profile .message {
    border: 1px solid #002455;
}

body.theme-dark-brown footer {
    background: #32465a;
}

    body.theme-dark-brown footer .links h6,
    body.theme-dark-brown footer .links .h6 {
        color: #cdd2d7;
    }

    body.theme-dark-brown footer .links ul li a {
        color: #96a0aa;
    }

        body.theme-dark-brown footer .links ul li a:hover {
            color: #b48250;
        }

body.theme-dark-brown .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-dark-brown .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-dark-brown .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-dark-brown .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-brown .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #b48250;
    }

        body.theme-dark-brown .pattern-calculator .keyboard button.blue:hover {
            background: #c89664;
        }

    body.theme-dark-brown .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-dark-brown .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-dark-brown .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-dark-brown .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-dark-brown .modal-footer .btn.btn-danger {
    background: #b48250;
}

    body.theme-dark-brown .modal-footer .btn.btn-danger:hover {
        background: #c89664;
    }

/* dark gray */

body.theme-dark-gray ::selection {
    background: #96a0aa;
}

body.theme-dark-gray ::-moz-selection {
    background: #96a0aa;
}

body.theme-dark-gray a {
    color: #96a0aa;
}

body.theme-dark-gray a {
    color: #78828c;
}

    body.theme-dark-gray a:hover,
    body.theme-dark-gray a:hover,
    body.theme-dark-gray a:active {
        color: #aab4be;
    }

    body.theme-dark-gray a.orange {
        color: #ff5000;
    }

    body.theme-dark-gray a.orange {
        color: #dc3c00;
    }

        body.theme-dark-gray a.orange:hover,
        body.theme-dark-gray a.orange:hover,
        body.theme-dark-gray a.orange:active {
            color: #ff8c00;
        }

body.theme-dark-gray main .search .popup-container .popup .button,
body.theme-dark-gray main .search .popup-container .popup .button,
body.theme-dark-gray main .search .popup-container .popup button,
body.theme-dark-gray .button,
body.theme-dark-gray .button,
body.theme-dark-gray button {
    color: #fff;
    background: #96a0aa;
}

    body.theme-dark-gray main .search .popup-container .popup .button:hover,
    body.theme-dark-gray main .search .popup-container .popup .button:hover,
    body.theme-dark-gray main .search .popup-container .popup .button:active,
    body.theme-dark-gray main .search .popup-container .popup button:hover,
    body.theme-dark-gray .button:hover,
    body.theme-dark-gray .button:hover,
    body.theme-dark-gray .button:active,
    body.theme-dark-gray button:hover {
        color: #fff;
        background: #aab4be;
    }

    body.theme-dark-gray .button.dark,
    body.theme-dark-gray .button.dark,
    body.theme-dark-gray button.dark {
        background: #002455;
    }

        body.theme-dark-gray .button.dark:hover,
        body.theme-dark-gray .button.dark:hover,
        body.theme-dark-gray .button.dark:active,
        body.theme-dark-gray button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-gray main .search .popup-container .popup .button.orange,
    body.theme-dark-gray main .search .popup-container .popup .button.orange,
    body.theme-dark-gray main .search .popup-container .popup button.orange,
    body.theme-dark-gray .button.orange,
    body.theme-dark-gray .button.orange,
    body.theme-dark-gray button.orange {
        color: #fff;
        background: #ff5000;
    }

        body.theme-dark-gray main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-gray main .search .popup-container .popup .button.orange:hover,
        body.theme-dark-gray main .search .popup-container .popup .button.orange:active,
        body.theme-dark-gray main .search .popup-container .popup button.orange:hover,
        body.theme-dark-gray .button.orange:hover,
        body.theme-dark-gray .button.orange:hover,
        body.theme-dark-gray .button.orange:active,
        body.theme-dark-gray button.orange:hover {
            color: #fff;
            background: #ff8c00;
        }

body.theme-dark-gray .select div select,
body.theme-dark-gray div.under-select select,
body.theme-dark-gray .dropdown button {
    color: #002455;
    background: none;
    border: none;
}

    body.theme-dark-gray .select div:hover select,
    body.theme-dark-gray div.under-select:hover select,
    body.theme-dark-gray .dropdown button:hover {
        color: #96a0aa;
    }

        body.theme-dark-gray .select div:hover::before,
        body.theme-dark-gray div.under-select:hover::before,
        body.theme-dark-gray .dropdown button:hover::after {
            border-color: #96a0aa;
        }

body.theme-dark-gray .select.disabled div select,
body.theme-dark-gray .select.disabled div:hover select,
body.theme-dark-gray div.under-select.disabled select,
body.theme-dark-gray div.under-select.disabled:hover select,
body.theme-dark-gray .dropdown.disabled button,
body.theme-dark-gray .dropdown.disabled button:hover {
    color: #002455;
}

    body.theme-dark-gray .select.disabled div::before,
    body.theme-dark-gray .select.disabled div:hover::before,
    body.theme-dark-gray div.under-select.disabled::before,
    body.theme-dark-gray div.under-select.disabled:hover::before,
    body.theme-dark-gray .dropdown.disabled button::after,
    body.theme-dark-gray .dropdown.disabled button:hover::after {
        border-color: #002455;
    }

body.theme-dark-gray .dropdown ul a,
body.theme-dark-gray .dropdown ul a {
    color: #002455;
}

    body.theme-dark-gray .dropdown ul a:hover,
    body.theme-dark-gray .dropdown ul a:hover,
    body.theme-dark-gray .dropdown ul a:active {
        color: #96a0aa;
    }

body.theme-dark-gray .dropdown.signature .button,
body.theme-dark-gray .dropdown.signature .button,
body.theme-dark-gray .dropdown.signature button {
    color: #fff;
    background: #96a0aa;
}

    body.theme-dark-gray .dropdown.signature .button:hover,
    body.theme-dark-gray .dropdown.signature .button:hover,
    body.theme-dark-gray .dropdown.signature .button:active,
    body.theme-dark-gray .dropdown.signature button:hover {
        color: #fff;
        background: #aab4be;
    }

body.theme-dark-gray .dropdown.signature.dark .button,
body.theme-dark-gray .dropdown.signature.dark .button,
body.theme-dark-gray .dropdown.signature.dark button {
    background: #002455;
}

    body.theme-dark-gray .dropdown.signature.dark .button:hover,
    body.theme-dark-gray .dropdown.signature.dark .button:hover,
    body.theme-dark-gray .dropdown.signature.dark .button:active,
    body.theme-dark-gray .dropdown.signature.dark button:hover {
        background: #28508c;
    }

body.theme-dark-gray .dropdown.signature.orange .button,
body.theme-dark-gray .dropdown.signature.orange .button,
body.theme-dark-gray .dropdown.signature.orange button {
    background: #ff5000;
}

    body.theme-dark-gray .dropdown.signature.orange .button:hover,
    body.theme-dark-gray .dropdown.signature.orange .button:hover,
    body.theme-dark-gray .dropdown.signature.orange .button:active,
    body.theme-dark-gray .dropdown.signature.orange button:hover {
        background: #ff8c00;
    }

body.theme-dark-gray .dropdown.signature ul {
    background: #96a0aa;
}

body.theme-dark-gray .dropdown.signature.dark ul {
    background: #002455;
}

body.theme-dark-gray .dropdown.signature.orange ul {
    background: #ff5000;
}

body.theme-dark-gray .dropdown.signature ul li a,
body.theme-dark-gray .dropdown.signature ul li a {
    color: #fff;
}

    body.theme-dark-gray .dropdown.signature ul li a:hover,
    body.theme-dark-gray .dropdown.signature ul li a:hover,
    body.theme-dark-gray .dropdown.signature ul li a:active {
        background: #aab4be;
    }

body.theme-dark-gray .dropdown.signature.dark ul li a:hover,
body.theme-dark-gray .dropdown.signature.dark ul li a:hover,
body.theme-dark-gray .dropdown.signature.dark ul li a:active {
    background: #28508c;
}

body.theme-dark-gray .dropdown.signature.orange ul li a:hover,
body.theme-dark-gray .dropdown.signature.orange ul li a:hover,
body.theme-dark-gray .dropdown.signature.orange ul li a:active {
    background: #ff8c00;
}

body.theme-dark-gray .checkbox input:checked ~ .checkmark,
body.theme-dark-gray .radio input:checked ~ .checkmark {
    background: #96a0aa;
}

body.theme-dark-gray #ui-datepicker-div .ui-datepicker-prev::before,
body.theme-dark-gray #ui-datepicker-div .ui-datepicker-next::before {
    border-color: #002455;
}

body.theme-dark-gray #ui-datepicker-div .ui-datepicker-prev:hover::before,
body.theme-dark-gray #ui-datepicker-div .ui-datepicker-next:hover::before {
    border-color: #96a0aa;
}

body.theme-dark-gray #ui-datepicker-div tbody td a {
    color: #002455;
    border: 2px solid #fff;
}

body.theme-dark-gray #ui-datepicker-div tbody td a {
    color: #002455;
}

body.theme-dark-gray #ui-datepicker-div thead th.ui-datepicker-week-end span,
body.theme-dark-gray #ui-datepicker-div tbody td.ui-datepicker-week-end a {
    color: #96a0aa;
}

body.theme-dark-gray #ui-datepicker-div tbody td a.ui-state-highlight {
    color: #fff;
    background: #96a0aa;
}

body.theme-dark-gray #ui-datepicker-div tbody td a.ui-state-active {
    color: #fff;
    background: #002455;
}

body.theme-dark-gray #ui-datepicker-div tbody td a:hover,
body.theme-dark-gray #ui-datepicker-div tbody td a:hover,
body.theme-dark-gray #ui-datepicker-div tbody td a:active,
body.theme-dark-gray #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-gray #ui-datepicker-div tbody td a.ui-state-highlight:hover,
body.theme-dark-gray #ui-datepicker-div tbody td a.ui-state-highlight:active {
    color: #fff;
    background: #96a0aa;
}

body.theme-dark-gray #ui-datepicker-div tbody td span {
    border: 2px solid #fff;
    color: #cdd2d7;
}

body.theme-dark-gray #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
body.theme-dark-gray #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
    border-color: #002455;
}

body.theme-dark-gray #ui-datepicker-div .ui-timepicker-div select {
    color: #002455;
}

body.theme-dark-gray .navbar .display-settings {
    background: #32465a;
}

    body.theme-dark-gray .navbar .display-settings .colors span:first-child {
        background: url("../img/colors-dark.png");
        background-image: url("../img/colors-dark.svg"), none;
    }

    body.theme-dark-gray .navbar .display-settings .contrast span:first-child {
        background: url("../img/contrast-dark.png");
        background-image: url("../img/contrast-dark.svg"), none;
    }

    body.theme-dark-gray .navbar .display-settings a span:last-child {
        color: #96a0aa;
    }

body.theme-dark-gray .colorizer {
    background: #1e3246;
}

body.theme-dark-gray #container-main.open .colorizer {
    background: #32465a;
}

body.theme-dark-gray .navbar .logo a {
    background: url("../img/logo-main-dark.png");
    background-image: url("../img/logo-main-dark.svg"), none;
}

body.theme-dark-gray .navbar .select div select,
body.theme-dark-gray .navbar div.under-select select,
body.theme-dark-gray .navbar .dropdown button {
    color: #fff;
}

    body.theme-dark-gray .navbar .select div:hover select,
    body.theme-dark-gray .navbar div.under-select:hover select,
    body.theme-dark-gray .navbar .dropdown button:hover {
        color: #96a0aa;
    }

    body.theme-dark-gray .navbar .select div::before,
    body.theme-dark-gray .navbar div.under-select::before,
    body.theme-dark-gray .navbar .dropdown button::after {
        border-color: #fff;
    }

    body.theme-dark-gray .navbar .select div:hover::before,
    body.theme-dark-gray .navbar div.under-select:hover::before,
    body.theme-dark-gray .navbar .dropdown button:hover::after {
        border-color: #96a0aa;
    }

body.theme-dark-gray .navbar #goto ul li a,
body.theme-dark-gray .navbar #goto ul li a {
    color: #fff;
}

    body.theme-dark-gray .navbar #goto ul li a:hover,
    body.theme-dark-gray .navbar #goto ul li a:hover,
    body.theme-dark-gray .navbar #goto ul li a:active {
        color: #96a0aa;
    }

body.theme-dark-gray .navbar .side-menu .h5,
body.theme-dark-gray .navbar .side-menu h5 {
    color: #fff;
}

body.theme-dark-gray .navbar .side-menu .h6,
body.theme-dark-gray .navbar .side-menu h6 {
    color: #fff;
}

body.theme-dark-gray .navbar .side-menu label {
    color: #fff;
}

body.theme-dark-gray .navbar .side-menu input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-gray .navbar .side-menu textarea {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-gray .navbar .side-menu ul li.current,
body.theme-dark-gray .navbar .side-menu ul li.current a,
body.theme-dark-gray .navbar .side-menu ul li.current a {
    color: #96a0aa;
}

    body.theme-dark-gray .navbar .side-menu ul li.current a:hover,
    body.theme-dark-gray .navbar .side-menu ul li.current a:hover,
    body.theme-dark-gray .navbar .side-menu ul li.current a:active {
        color: #aab4be;
    }

body.theme-dark-gray .navbar .side-menu ul li a,
body.theme-dark-gray .navbar .side-menu ul li a {
    color: #fff;
}

    body.theme-dark-gray .navbar .side-menu ul li a:hover,
    body.theme-dark-gray .navbar .side-menu ul li a:hover,
    body.theme-dark-gray .navbar .side-menu ul li a:active {
        color: #96a0aa;
    }

body.theme-dark-gray .navbar .side-menu .checkbox .checkmark,
body.theme-dark-gray .navbar .side-menu .radio .checkmark {
    border-color: #556473;
}

body.theme-dark-gray .navbar .side-menu .checkbox:hover input ~ .checkmark,
body.theme-dark-gray .navbar .side-menu .radio:hover input ~ .checkmark {
    background: #556473;
}

body.theme-dark-gray .navbar .side-menu .checkbox input:checked ~ .checkmark,
body.theme-dark-gray .navbar .side-menu .radio input:checked ~ .checkmark {
    background: #96a0aa;
}

body.theme-dark-gray .navbar .dropdown ul {
    background: #32465a;
}

body.theme-dark-gray #navbar-search .search input {
    color: #fff;
    border-color: #556473;
}

body.theme-dark-gray #mobile-header {
    background: #32465a;
}

    body.theme-dark-gray #mobile-header .logo a {
        background: url("../img/logo-main-dark.png");
        background-image: url("../img/logo-main-dark.svg"), none;
    }

body.theme-dark-gray #mobile-opener span,
body.theme-dark-gray #mobile-opener span {
    background: #fff;
}

body.theme-dark-gray #mobile-opener:hover span,
body.theme-dark-gray #mobile-opener:hover span,
body.theme-dark-gray #mobile-opener:active span {
    background: #96a0aa;
}

body.theme-dark-gray #user .link,
body.theme-dark-gray #user .link {
    color: #002455;
}

    body.theme-dark-gray #user .link:hover,
    body.theme-dark-gray #user .link:hover,
    body.theme-dark-gray #user .link:active {
        color: #96a0aa;
    }

body.theme-dark-gray #user .button,
body.theme-dark-gray #user .button {
    color: #96a0aa;
    background: #fff;
    border: 2px solid #96a0aa;
}

    body.theme-dark-gray #user .button:hover,
    body.theme-dark-gray #user .button:hover,
    body.theme-dark-gray #user .button:active {
        color: #002455;
    }

body.theme-dark-gray .help {
    background: url("../img/help-gray.png");
    background-image: url("../img/help-gray.svg"), none;
}

body.theme-dark-gray .favorites {
    background: url("../img/favorites-gray.png");
    background-image: url("../img/favorites-gray.svg"), none;
}

body.theme-dark-gray #title-section #breadcrumbs li {
    color: #96a0aa;
}

    body.theme-dark-gray #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
        color: #002455;
    }

    body.theme-dark-gray #title-section #breadcrumbs li a {
        color: #002455;
    }

    body.theme-dark-gray #title-section #breadcrumbs li a {
        color: #002455;
    }

        body.theme-dark-gray #title-section #breadcrumbs li a:hover,
        body.theme-dark-gray #title-section #breadcrumbs li a:hover,
        body.theme-dark-gray #title-section #breadcrumbs li a:active {
            color: #96a0aa;
        }

body.theme-dark-gray .tags li a:hover,
body.theme-dark-gray .tags li a:hover,
body.theme-dark-gray .tags li a:active,
body.theme-dark-gray .tags li .blue,
body.theme-dark-gray .tags li a.blue {
    color: #96a0aa;
    border-color: #96a0aa;
}

    body.theme-dark-gray .tags li a.blue:hover,
    body.theme-dark-gray .tags li a.blue:hover,
    body.theme-dark-gray .tags li a.blue:active {
        color: #aab4be;
        border-color: #aab4be;
    }

body.theme-dark-gray .tags li .orange,
body.theme-dark-gray .tags li a.orange {
    color: #ff5000;
    border-color: #ff5000;
}

    body.theme-dark-gray .tags li a.orange:hover,
    body.theme-dark-gray .tags li a.orange:hover,
    body.theme-dark-gray .tags li a.orange:active {
        color: #ff8c00;
        border-color: #ff8c00;
    }

body.theme-dark-gray .tags li button,
body.theme-dark-gray .tags li button,
body.theme-dark-gray .tags li button:hover,
body.theme-dark-gray .tags li button:hover,
body.theme-dark-gray .tags li button:active,
body.theme-dark-gray .tags li button.dark,
body.theme-dark-gray .tags li button.dark,
body.theme-dark-gray .tags li button.dark:hover,
body.theme-dark-gray .tags li button.dark:hover,
body.theme-dark-gray .tags li button.dark:active,
body.theme-dark-gray .tags li button.orange,
body.theme-dark-gray .tags li button.orange,
body.theme-dark-gray .tags li button.orange:hover,
body.theme-dark-gray .tags li button.orange:hover,
body.theme-dark-gray .tags li button.orange:active,
body.theme-dark-gray .tags li .button,
body.theme-dark-gray .tags li .button,
body.theme-dark-gray .tags li .button:hover,
body.theme-dark-gray .tags li .button:hover,
body.theme-dark-gray .tags li .button:active,
body.theme-dark-gray .tags li .button.dark,
body.theme-dark-gray .tags li .button.dark,
body.theme-dark-gray .tags li .button.dark:hover,
body.theme-dark-gray .tags li .button.dark:hover,
body.theme-dark-gray .tags li .button.dark:active,
body.theme-dark-gray .tags li .button.orange,
body.theme-dark-gray .tags li .button.orange,
body.theme-dark-gray .tags li .button.orange:hover,
body.theme-dark-gray .tags li .button.orange:hover,
body.theme-dark-gray .tags li .button.orange:active {
    color: #fff;
    border: none;
}

body.theme-dark-gray .tabs li .current,
body.theme-dark-gray .tabs li .current {
    color: #002455;
}

body.theme-dark-gray .tabs li a,
body.theme-dark-gray .tabs li a {
    color: #96a0aa;
}

    body.theme-dark-gray .tabs li a:hover,
    body.theme-dark-gray .tabs li a:hover,
    body.theme-dark-gray .tabs li a:active {
        color: #96a0aa;
    }

body.theme-dark-gray .tabs .underline {
    background: #96a0aa;
}

body.theme-dark-gray main .edit.big-menu .message {
    border: 1px solid #002455;
}

body.theme-dark-gray main .content .more,
body.theme-dark-gray main .content .more {
    color: #96a0aa;
}

    body.theme-dark-gray main .content .more:hover,
    body.theme-dark-gray main .content .more:hover,
    body.theme-dark-gray main .content .more:active {
        color: #aab4be;
    }

    body.theme-dark-gray main .content .more::before {
        border-color: #96a0aa;
    }

    body.theme-dark-gray main .content .more::before {
        border-color: #96a0aa;
    }

    body.theme-dark-gray main .content .more:hover::before,
    body.theme-dark-gray main .content .more:hover::before,
    body.theme-dark-gray main .content .more:active::before {
        border-color: #aab4be;
    }

body.theme-dark-gray main .search .codes ul.searched li a::before,
body.theme-dark-gray main .search .codes ul.searched li a::after {
    background: #96a0aa;
}

body.theme-dark-gray main .search button {
    background: #002455;
}

    body.theme-dark-gray main .search button:hover {
        background: #28508c;
    }

body.theme-dark-gray main .table-message {
    border: 1px solid #002455;
}

body.theme-dark-gray main .expanded > header > h2 a {
    color: #002455;
}

body.theme-dark-gray main .expanded > header > h2 a {
    color: #002455;
}

    body.theme-dark-gray main .expanded > header > h2 a:hover,
    body.theme-dark-gray main .expanded > header > h2 a:hover,
    body.theme-dark-gray main .expanded > header > h2 a:active {
        color: #28508c;
    }

        body.theme-dark-gray main .expanded > header > h2 a:hover::before,
        body.theme-dark-gray main .expanded > header > h2 a:hover::before,
        body.theme-dark-gray main .expanded > header > h2 a:active::before {
            border-color: #28508c;
        }

body.theme-dark-gray main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
    color: #ff5000;
}

    body.theme-dark-gray main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
        color: #ff8c00;
    }

body.theme-dark-gray .profile .warning {
    border-color: #ff0000;
}

    body.theme-dark-gray .profile .warning + p {
        color: #ff0000;
    }

body.theme-dark-gray .profile .message {
    border: 1px solid #002455;
}

body.theme-dark-gray footer {
    background: #32465a;
}

    body.theme-dark-gray footer .links .h6,
    body.theme-dark-gray footer .links h6 {
        color: #cdd2d7;
    }

    body.theme-dark-gray footer .links ul li a {
        color: #96a0aa;
    }

        body.theme-dark-gray footer .links ul li a:hover {
            color: #96a0aa;
        }

body.theme-dark-gray .pattern-calculator .keyboard button {
    color: #002455;
    background: #f3f5f7;
}

    body.theme-dark-gray .pattern-calculator .keyboard button:hover {
        background: #e2e6ea;
    }

    body.theme-dark-gray .pattern-calculator .keyboard button.dark {
        color: #fff;
        background: #002455;
    }

        body.theme-dark-gray .pattern-calculator .keyboard button.dark:hover {
            background: #28508c;
        }

    body.theme-dark-gray .pattern-calculator .keyboard button.blue {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-dark-gray .pattern-calculator .keyboard button.blue:hover {
            background: #aab4be;
        }

    body.theme-dark-gray .pattern-calculator .keyboard button.dark-gray {
        color: #fff;
        background: #96a0aa;
    }

        body.theme-dark-gray .pattern-calculator .keyboard button.dark-gray:hover {
            background: #aab4be;
        }

    body.theme-dark-gray .pattern-calculator .keyboard button.gray {
        background: #e2e6ea;
    }

        body.theme-dark-gray .pattern-calculator .keyboard button.gray:hover {
            background: #cdd2d7;
        }

body.theme-dark-gray .modal-footer .btn.btn-danger {
    background: #96a0aa;
}

    body.theme-dark-gray .modal-footer .btn.btn-danger:hover {
        background: #aab4be;
    }

/* dark contrast */

body.theme-dark-contrast ::selection {
    background: #0000ff;
}

body.theme-dark-contrast ::-moz-selection {
    background: #0000ff;
}

body.theme-dark-contrast {
    color: #000;
}

    body.theme-dark-contrast a {
        color: #0000ff;
    }

    body.theme-dark-contrast a {
        color: #8000ff;
    }

        body.theme-dark-contrast a:hover,
        body.theme-dark-contrast a:hover,
        body.theme-dark-contrast a:active {
            color: #0000ff;
        }

    body.theme-dark-contrast input,
    body.theme-dark-contrast textarea {
        color: #000;
        border-color: #000;
    }

    body.theme-dark-contrast main .search .popup-container .popup .button,
    body.theme-dark-contrast main .search .popup-container .popup .button,
    body.theme-dark-contrast main .search .popup-container .popup button,
    body.theme-dark-contrast .button,
    body.theme-dark-contrast .button,
    body.theme-dark-contrast button {
        color: #fff;
        background: #0000ff;
    }

        body.theme-dark-contrast main .search .popup-container .popup .button:hover,
        body.theme-dark-contrast main .search .popup-container .popup .button:hover,
        body.theme-dark-contrast main .search .popup-container .popup .button:active,
        body.theme-dark-contrast main .search .popup-container .popup button:hover,
        body.theme-dark-contrast .button:hover,
        body.theme-dark-contrast .button:hover,
        body.theme-dark-contrast .button:active,
        body.theme-dark-contrast button:hover {
            color: #fff;
            background: #0000ff;
        }

        body.theme-dark-contrast .button.dark,
        body.theme-dark-contrast .button.dark,
        body.theme-dark-contrast button.dark {
            background: #000;
        }

            body.theme-dark-contrast .button.dark:hover,
            body.theme-dark-contrast .button.dark:hover,
            body.theme-dark-contrast .button.dark:active,
            body.theme-dark-contrast button.dark:hover {
                background: #000;
            }

        body.theme-dark-contrast main .search .popup-container .popup .button.orange,
        body.theme-dark-contrast main .search .popup-container .popup .button.orange,
        body.theme-dark-contrast main .search .popup-container .popup button.orange,
        body.theme-dark-contrast .button.orange,
        body.theme-dark-contrast .button.orange,
        body.theme-dark-contrast button.orange {
            background: #ff0000;
        }

            body.theme-dark-contrast main .search .popup-container .popup .button.orange:hover,
            body.theme-dark-contrast main .search .popup-container .popup .button.orange:hover,
            body.theme-dark-contrast main .search .popup-container .popup .button.orange:active,
            body.theme-dark-contrast main .search .popup-container .popup button.orange:hover,
            body.theme-dark-contrast .button.orange:hover,
            body.theme-dark-contrast .button.orange:hover,
            body.theme-dark-contrast .button.orange:active,
            body.theme-dark-contrast button.orange:hover {
                background: #ff0000;
            }

    body.theme-dark-contrast .select div select,
    body.theme-dark-contrast div.under-select select,
    body.theme-dark-contrast .dropdown button {
        color: #000;
        background: none;
        border: none;
    }

        body.theme-dark-contrast .select div:hover select,
        body.theme-dark-contrast div.under-select:hover select,
        body.theme-dark-contrast .dropdown button:hover {
            color: #0000ff;
        }

        body.theme-dark-contrast .select div::before,
        body.theme-dark-contrast div.under-select::before,
        body.theme-dark-contrast .dropdown button::after {
            border-color: #000;
        }

        body.theme-dark-contrast .select div:hover::before,
        body.theme-dark-contrast div.under-select:hover::before,
        body.theme-dark-contrast .dropdown button:hover::after {
            border-color: #0000ff;
        }

    body.theme-dark-contrast .select.disabled div select,
    body.theme-dark-contrast .select.disabled div:hover select,
    body.theme-dark-contrast div.under-select.disabled select,
    body.theme-dark-contrast div.under-select.disabled:hover select,
    body.theme-dark-contrast .dropdown.disabled button,
    body.theme-dark-contrast .dropdown.disabled button:hover {
        color: #000;
    }

        body.theme-dark-contrast .select.disabled div::before,
        body.theme-dark-contrast .select.disabled div:hover::before,
        body.theme-dark-contrast div.under-select.disabled::before,
        body.theme-dark-contrast div.under-select.disabled:hover::before,
        body.theme-dark-contrast .dropdown.disabled button::after,
        body.theme-dark-contrast .dropdown.disabled button:hover::after {
            border-color: #000;
        }

    body.theme-dark-contrast .dropdown ul a,
    body.theme-dark-contrast .dropdown ul a {
        color: #000;
    }

        body.theme-dark-contrast .dropdown ul a:hover,
        body.theme-dark-contrast .dropdown ul a:hover,
        body.theme-dark-contrast .dropdown ul a:active {
            color: #0000ff;
        }

    body.theme-dark-contrast .dropdown.signature .button,
    body.theme-dark-contrast .dropdown.signature .button,
    body.theme-dark-contrast .dropdown.signature button {
        color: #fff;
        background: #0000ff;
    }

        body.theme-dark-contrast .dropdown.signature .button:hover,
        body.theme-dark-contrast .dropdown.signature .button:hover,
        body.theme-dark-contrast .dropdown.signature .button:active,
        body.theme-dark-contrast .dropdown.signature button:hover {
            color: #fff;
            background: #0000ff;
        }

    body.theme-dark-contrast .dropdown.signature.dark .button,
    body.theme-dark-contrast .dropdown.signature.dark .button,
    body.theme-dark-contrast .dropdown.signature.dark button {
        background: #000;
    }

        body.theme-dark-contrast .dropdown.signature.dark .button:hover,
        body.theme-dark-contrast .dropdown.signature.dark .button:hover,
        body.theme-dark-contrast .dropdown.signature.dark .button:active,
        body.theme-dark-contrast .dropdown.signature.dark button:hover {
            background: #000;
        }

    body.theme-dark-contrast .dropdown.signature.orange .button,
    body.theme-dark-contrast .dropdown.signature.orange .button,
    body.theme-dark-contrast .dropdown.signature.orange button {
        background: #ff0000;
    }

        body.theme-dark-contrast .dropdown.signature.orange .button:hover,
        body.theme-dark-contrast .dropdown.signature.orange .button:hover,
        body.theme-dark-contrast .dropdown.signature.orange .button:active,
        body.theme-dark-contrast .dropdown.signature.orange button:hover {
            background: #ff0000;
        }

    body.theme-dark-contrast .dropdown.signature ul {
        background: #0000ff;
    }

    body.theme-dark-contrast .dropdown.signature.dark ul {
        background: #000;
    }

    body.theme-dark-contrast .dropdown.signature.orange ul {
        background: #ff0000;
    }

    body.theme-dark-contrast .dropdown.signature ul li a,
    body.theme-dark-contrast .dropdown.signature ul li a {
        color: #fff;
    }

        body.theme-dark-contrast .dropdown.signature ul li a:hover,
        body.theme-dark-contrast .dropdown.signature ul li a:hover,
        body.theme-dark-contrast .dropdown.signature ul li a:active {
            background: #0000ff;
        }

    body.theme-dark-contrast .dropdown.signature.dark ul li a:hover,
    body.theme-dark-contrast .dropdown.signature.dark ul li a:hover,
    body.theme-dark-contrast .dropdown.signature.dark ul li a:active {
        background: #000;
    }

    body.theme-dark-contrast .dropdown.signature.orange ul li a:hover,
    body.theme-dark-contrast .dropdown.signature.orange ul li a:hover,
    body.theme-dark-contrast .dropdown.signature.orange ul li a:active {
        background: #ff0000;
    }

    body.theme-dark-contrast .checkbox .checkmark,
    body.theme-dark-contrast .radio .checkmark {
        border-color: #000;
    }

    body.theme-dark-contrast .checkbox:hover input ~ .checkmark,
    body.theme-dark-contrast .radio:hover input ~ .checkmark {
        background: #000;
    }

    body.theme-dark-contrast .checkbox input:checked ~ .checkmark,
    body.theme-dark-contrast .radio input:checked ~ .checkmark {
        background: #0000ff;
    }

    body.theme-dark-contrast #ui-datepicker-div .ui-datepicker-prev::before,
    body.theme-dark-contrast #ui-datepicker-div .ui-datepicker-next::before {
        border-color: #000;
    }

    body.theme-dark-contrast #ui-datepicker-div .ui-datepicker-prev:hover::before,
    body.theme-dark-contrast #ui-datepicker-div .ui-datepicker-next:hover::before {
        border-color: #0000ff;
    }

    body.theme-dark-contrast #ui-datepicker-div tbody td a {
        color: #000;
        border: 2px solid #fff;
    }

    body.theme-dark-contrast #ui-datepicker-div tbody td a {
        color: #000;
    }

    body.theme-dark-contrast #ui-datepicker-div thead th.ui-datepicker-week-end span,
    body.theme-dark-contrast #ui-datepicker-div tbody td.ui-datepicker-week-end a {
        color: #0000ff;
    }

    body.theme-dark-contrast #ui-datepicker-div tbody td a.ui-state-highlight {
        color: #fff;
        background: #0000ff;
    }

    body.theme-dark-contrast #ui-datepicker-div tbody td a.ui-state-active {
        color: #fff;
        background: #000;
    }

    body.theme-dark-contrast #ui-datepicker-div tbody td a:hover,
    body.theme-dark-contrast #ui-datepicker-div tbody td a:hover,
    body.theme-dark-contrast #ui-datepicker-div tbody td a:active,
    body.theme-dark-contrast #ui-datepicker-div tbody td a.ui-state-highlight:hover,
    body.theme-dark-contrast #ui-datepicker-div tbody td a.ui-state-highlight:hover,
    body.theme-dark-contrast #ui-datepicker-div tbody td a.ui-state-highlight:active {
        color: #fff;
        background: #000;
    }

    body.theme-dark-contrast #ui-datepicker-div tbody td span {
        border: 2px solid #fff;
        color: #00ffff;
    }

    body.theme-dark-contrast #ui-datepicker-div .ui-timepicker-div .ui_tpicker_hour_slider::after,
    body.theme-dark-contrast #ui-datepicker-div .ui-timepicker-div .ui_tpicker_minute_slider::after {
        border-color: #000;
    }

    body.theme-dark-contrast #ui-datepicker-div .ui-timepicker-div select {
        color: #000;
    }

    body.theme-dark-contrast .navbar .display-settings {
        background: #000;
    }

    body.theme-dark-contrast .display-settings .colors span:first-child {
        background: url("../img/colors-white.png");
        background-image: url("../img/colors-white.svg"), none;
    }

    body.theme-dark-contrast .navbar .display-settings .colors span:first-child {
        background: url("../img/colors-black.png");
        background-image: url("../img/colors-black.svg"), none;
    }

    body.theme-dark-contrast .display-settings .contrast span:first-child {
        background: url("../img/contrast-white.png");
        background-image: url("../img/contrast-white.svg"), none;
    }

    body.theme-dark-contrast .navbar .display-settings .contrast span:first-child {
        background: url("../img/contrast-black.png");
        background-image: url("../img/contrast-black.svg"), none;
    }

    body.theme-dark-contrast .display-settings a span:last-child {
        color: #000;
    }

    body.theme-dark-contrast .navbar .display-settings a span:last-child {
        color: #fff;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-default .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-default .checkmark {
        background: var(--alert-color-warning);
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-default:hover input ~ .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-default:hover input ~ .checkmark {
        background: #50beff;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-red .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-red .checkmark {
        background: #ff3c3c;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-red:hover input ~ .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-red:hover input ~ .checkmark {
        background: #ff6e6e;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-orange .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-orange .checkmark {
        background: #ff8200;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-orange:hover input ~ .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-orange:hover input ~ .checkmark {
        background: #ffa000;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-yellow .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-yellow .checkmark {
        background: #ffaa00;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-yellow:hover input ~ .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-yellow:hover input ~ .checkmark {
        background: #ffbe00;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-green .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-green .checkmark {
        background: #00c800;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-green:hover input ~ .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-green:hover input ~ .checkmark {
        background: #00dc00;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-olive .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-olive .checkmark {
        background: #a0a000;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-olive:hover input ~ .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-olive:hover input ~ .checkmark {
        background: #b4b400;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-pink .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-pink .checkmark {
        background: #ff4b91;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-pink:hover input ~ .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-pink:hover input ~ .checkmark {
        background: #ff78b4;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-purple .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-purple .checkmark {
        background: #aa78ff;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-purple:hover input ~ .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-purple:hover input ~ .checkmark {
        background: #be8cff;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-brown .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-brown .checkmark {
        background: #b48250;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-brown:hover input ~ .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-brown:hover input ~ .checkmark {
        background: #c89664;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-gray .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-gray .checkmark {
        background: #96a0aa;
    }

    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-light-gray:hover input ~ .checkmark,
    body.theme-dark-contrast .colors-settings .colors-container .checkbox.theme-dark-gray:hover input ~ .checkmark {
        background: #aab4be;
    }

    body.theme-dark-contrast .colorizer {
        background: #000;
    }

    body.theme-dark-contrast #container-main.open .colorizer {
        background: #000;
    }

    body.theme-dark-contrast .navbar .logo a {
        background: url("../img/logo-main-contrast.png");
        background-image: url("../img/logo-main-contrast.svg"), none;
    }

    body.theme-dark-contrast .navbar .select div select,
    body.theme-dark-contrast .navbar div.under-select select,
    body.theme-dark-contrast .navbar .dropdown button {
        color: #fff;
    }

        body.theme-dark-contrast .navbar .select div:hover select,
        body.theme-dark-contrast .navbar div.under-select:hover select,
        body.theme-dark-contrast .navbar .dropdown button:hover {
            color: #00ffff;
        }

        body.theme-dark-contrast .navbar .select div::before,
        body.theme-dark-contrast .navbar div.under-select::before,
        body.theme-dark-contrast .navbar .dropdown button::after {
            border-color: #fff;
        }

        body.theme-dark-contrast .navbar .select div:hover::before,
        body.theme-dark-contrast .navbar div.under-select:hover::before,
        body.theme-dark-contrast .navbar .dropdown button:hover::after {
            border-color: #00ffff;
        }

    body.theme-dark-contrast .navbar #goto ul li a,
    body.theme-dark-contrast .navbar #goto ul li a {
        color: #fff;
    }

        body.theme-dark-contrast .navbar #goto ul li a:hover,
        body.theme-dark-contrast .navbar #goto ul li a:hover,
        body.theme-dark-contrast .navbar #goto ul li a:active {
            color: #00ffff;
        }

    body.theme-dark-contrast .navbar .side-menu .h5,
    body.theme-dark-contrast .navbar .side-menu h5 {
        color: #fff;
    }

    body.theme-dark-contrast .navbar .side-menu h6,
    body.theme-dark-contrast .navbar .side-menu .h6 {
        color: #fff;
    }

    body.theme-dark-contrast .navbar .side-menu label {
        color: #fff;
    }

    body.theme-dark-contrast .navbar .side-menu input {
        color: #fff;
        border-color: #fff;
    }

    body.theme-dark-contrast .navbar .side-menu textarea {
        color: #fff;
        border-color: #fff;
    }

    body.theme-dark-contrast .navbar .side-menu ul li.current,
    body.theme-dark-contrast .navbar .side-menu ul li.current a,
    body.theme-dark-contrast .navbar .side-menu ul li.current a {
        color: #00ffff;
    }

        body.theme-dark-contrast .navbar .side-menu ul li.current a:hover,
        body.theme-dark-contrast .navbar .side-menu ul li.current a:hover,
        body.theme-dark-contrast .navbar .side-menu ul li.current a:active {
            color: #0000ff;
        }

    body.theme-dark-contrast .navbar .side-menu ul li a,
    body.theme-dark-contrast .navbar .side-menu ul li a {
        color: #fff;
    }

        body.theme-dark-contrast .navbar .side-menu ul li a:hover,
        body.theme-dark-contrast .navbar .side-menu ul li a:hover,
        body.theme-dark-contrast .navbar .side-menu ul li a:active {
            color: #00ffff;
        }

    body.theme-dark-contrast .navbar .side-menu .checkbox .checkmark,
    body.theme-dark-contrast .navbar .side-menu .radio .checkmark {
        border-color: #fff;
    }

    body.theme-dark-contrast .navbar .side-menu .checkbox:hover input ~ .checkmark,
    body.theme-dark-contrast .navbar .side-menu .radio:hover input ~ .checkmark {
        background: #fff;
    }

    body.theme-dark-contrast .navbar .side-menu .checkbox input:checked ~ .checkmark,
    body.theme-dark-contrast .navbar .side-menu .radio input:checked ~ .checkmark {
        background: #00ffff;
    }

        body.theme-dark-contrast .navbar .side-menu .checkbox input:checked ~ .checkmark::after {
            border-color: #000;
        }

        body.theme-dark-contrast .navbar .side-menu .radio input:checked ~ .checkmark::after {
            background: #000;
        }

    body.theme-dark-contrast .navbar .dropdown ul {
        background: #000;
    }

    body.theme-dark-contrast #navbar-search .search input {
        color: #fff;
        border-color: #fff;
    }

    body.theme-dark-contrast #navbar-search .search button,
    body.theme-dark-contrast #navbar-search .search button:hover {
        color: #000;
        background: #00ffff;
    }

    body.theme-dark-contrast #mobile-header {
        background: #000;
    }

        body.theme-dark-contrast #mobile-header .logo a {
            background: url("../img/logo-main-contrast.png");
            background-image: url("../img/logo-main-contrast.svg"), none;
        }

    body.theme-dark-contrast #mobile-opener span,
    body.theme-dark-contrast #mobile-opener span {
        background: #fff;
    }

    body.theme-dark-contrast #mobile-opener:hover span,
    body.theme-dark-contrast #mobile-opener:hover span,
    body.theme-dark-contrast #mobile-opener:active span {
        background: #00ffff;
    }

    body.theme-dark-contrast #search input {
        color: #000;
    }

    body.theme-dark-contrast #search #search-options div select {
        border-color: #000;
    }

    body.theme-dark-contrast #user .link,
    body.theme-dark-contrast #user .link {
        color: #000;
    }

        body.theme-dark-contrast #user .link:hover,
        body.theme-dark-contrast #user .link:hover,
        body.theme-dark-contrast #user .link:active {
            color: #0000ff;
        }

    body.theme-dark-contrast #user .button,
    body.theme-dark-contrast #user .button {
        color: #0000ff;
        background: #fff;
        border: 2px solid #0000ff;
    }

        body.theme-dark-contrast #user .button:hover,
        body.theme-dark-contrast #user .button:hover,
        body.theme-dark-contrast #user .button:active {
            color: #000;
        }

    body.theme-dark-contrast .help {
        background: url("../img/help-contrast.png");
        background-image: url("../img/help-contrast.svg"), none;
    }

    body.theme-dark-contrast .favorites {
        background: url("../img/favorites-contrast.png");
        background-image: url("../img/favorites-contrast.svg"), none;
    }

    body.theme-dark-contrast .notifications {
        background: #ff0000;
    }

    body.theme-dark-contrast #title-section {
        border-color: #000;
    }

        body.theme-dark-contrast #title-section #breadcrumbs li {
            color: #0000ff;
        }

            body.theme-dark-contrast #title-section #breadcrumbs li:nth-last-child(n + 2)::after {
                color: #000;
            }

            body.theme-dark-contrast #title-section #breadcrumbs li a {
                color: #000;
            }

            body.theme-dark-contrast #title-section #breadcrumbs li a {
                color: #000;
            }

                body.theme-dark-contrast #title-section #breadcrumbs li a:hover,
                body.theme-dark-contrast #title-section #breadcrumbs li a:hover,
                body.theme-dark-contrast #title-section #breadcrumbs li a:active {
                    color: #0000ff;
                }

    body.theme-dark-contrast .info {
        color: #000;
    }

    body.theme-dark-contrast .tags li a,
    body.theme-dark-contrast .tags li span {
        color: #000;
        border-color: #000;
    }

        body.theme-dark-contrast .tags li a:hover,
        body.theme-dark-contrast .tags li a:hover,
        body.theme-dark-contrast .tags li a:active,
        body.theme-dark-contrast .tags li .blue,
        body.theme-dark-contrast .tags li a.blue {
            color: #0000ff;
            border-color: #0000ff;
        }

            body.theme-dark-contrast .tags li a.blue:hover,
            body.theme-dark-contrast .tags li a.blue:hover,
            body.theme-dark-contrast .tags li a.blue:active {
                color: #0000ff;
                border-color: #0000ff;
            }

        body.theme-dark-contrast .tags li .orange,
        body.theme-dark-contrast .tags li a.orange {
            color: #ff0000;
            border-color: #ff0000;
        }

            body.theme-dark-contrast .tags li a.orange:hover,
            body.theme-dark-contrast .tags li a.orange:hover,
            body.theme-dark-contrast .tags li a.orange:active {
                color: #ff0000;
                border-color: #ff0000;
            }

    body.theme-dark-contrast .tags li button,
    body.theme-dark-contrast .tags li button,
    body.theme-dark-contrast .tags li button:hover,
    body.theme-dark-contrast .tags li button:hover,
    body.theme-dark-contrast .tags li button:active,
    body.theme-dark-contrast .tags li button.dark,
    body.theme-dark-contrast .tags li button.dark,
    body.theme-dark-contrast .tags li button.dark:hover,
    body.theme-dark-contrast .tags li button.dark:hover,
    body.theme-dark-contrast .tags li button.dark:active,
    body.theme-dark-contrast .tags li button.orange,
    body.theme-dark-contrast .tags li button.orange,
    body.theme-dark-contrast .tags li button.orange:hover,
    body.theme-dark-contrast .tags li button.orange:hover,
    body.theme-dark-contrast .tags li button.orange:active,
    body.theme-dark-contrast .tags li .button,
    body.theme-dark-contrast .tags li .button,
    body.theme-dark-contrast .tags li .button:hover,
    body.theme-dark-contrast .tags li .button:hover,
    body.theme-dark-contrast .tags li .button:active,
    body.theme-dark-contrast .tags li .button.dark,
    body.theme-dark-contrast .tags li .button.dark,
    body.theme-dark-contrast .tags li .button.dark:hover,
    body.theme-dark-contrast .tags li .button.dark:hover,
    body.theme-dark-contrast .tags li .button.dark:active,
    body.theme-dark-contrast .tags li .button.orange,
    body.theme-dark-contrast .tags li .button.orange,
    body.theme-dark-contrast .tags li .button.orange:hover,
    body.theme-dark-contrast .tags li .button.orange:hover,
    body.theme-dark-contrast .tags li .button.orange:active {
        color: #fff;
        border: none;
    }

    body.theme-dark-contrast .tabs ul {
        border-color: #000;
    }

    body.theme-dark-contrast .tabs li .current,
    body.theme-dark-contrast .tabs li .current {
        color: #0000ff;
    }

    body.theme-dark-contrast .tabs li a,
    body.theme-dark-contrast .tabs li a {
        color: #000;
    }

        body.theme-dark-contrast .tabs li a:hover,
        body.theme-dark-contrast .tabs li a:hover,
        body.theme-dark-contrast .tabs li a:active {
            color: #0000ff;
        }

    body.theme-dark-contrast .tabs .underline {
        background: #0000ff;
    }

    body.theme-dark-contrast main .new {
        border-color: #000;
    }

    body.theme-dark-contrast main .edit.big-menu .message {
        border: 1px solid #000;
    }


    body.theme-dark-contrast main article.thumbnail:nth-last-of-type(n + 2),
    body.theme-dark-contrast main section.section:nth-last-of-type(n + 2) {
        border-color: #000;
    }

    body.theme-dark-contrast main .content .more,
    body.theme-dark-contrast main .content .more {
        color: #0000ff;
    }

        body.theme-dark-contrast main .content .more:hover,
        body.theme-dark-contrast main .content .more:hover,
        body.theme-dark-contrast main .content .more:active {
            color: #0000ff;
        }

        body.theme-dark-contrast main .content .more::before {
            border-color: #0000ff;
        }

        body.theme-dark-contrast main .content .more::before {
            border-color: #0000ff;
        }

        body.theme-dark-contrast main .content .more:hover::before,
        body.theme-dark-contrast main .content .more:hover::before,
        body.theme-dark-contrast main .content .more:active::before {
            border-color: #0000ff;
        }

    body.theme-dark-contrast main .dates .column.left,
    body.theme-dark-contrast main .dates .column.right {
        color: #000;
    }

    body.theme-dark-contrast main .search .codes ul.used li a::before,
    body.theme-dark-contrast main .search .codes ul.used li a::after {
        background: #ff0000;
    }

    body.theme-dark-contrast main .search .codes ul.searched li a::before,
    body.theme-dark-contrast main .search .codes ul.searched li a::after {
        background: #0000ff;
    }

    body.theme-dark-contrast main .search button {
        background: #000;
    }

        body.theme-dark-contrast main .search button:hover {
            background: #000;
        }

    body.theme-dark-contrast main .table-message {
        border: 1px solid #000;
    }

    body.theme-dark-contrast main .table-row:nth-last-of-type(n + 2) {
        border-color: #000;
    }

    body.theme-dark-contrast main .content.questions .table-row .column p.qa-date {
        color: #000;
    }

    body.theme-dark-contrast main .expanded > header > h2 a {
        color: #000;
    }

    body.theme-dark-contrast main .expanded > header > h2 a {
        color: #000;
    }

        body.theme-dark-contrast main .expanded > header > h2 a:hover,
        body.theme-dark-contrast main .expanded > header > h2 a:hover,
        body.theme-dark-contrast main .expanded > header > h2 a:active {
            color: #0000ff;
        }

        body.theme-dark-contrast main .expanded > header > h2 a::before,
        body.theme-dark-contrast main .expanded > header > h2 a::before {
            border-color: #000;
        }

        body.theme-dark-contrast main .expanded > header > h2 a:hover::before,
        body.theme-dark-contrast main .expanded > header > h2 a:hover::before,
        body.theme-dark-contrast main .expanded > header > h2 a:active::before {
            border-color: #0000ff;
        }

    body.theme-dark-contrast main .content .expanded:nth-last-of-type(n + 2) {
        border-color: #000;
    }

    body.theme-dark-contrast main .content .frame {
        background: #ffff00;
    }

        body.theme-dark-contrast main .content .frame .table-row:nth-last-of-type(n + 2) {
            border-color: #000;
        }

        body.theme-dark-contrast main .content .frame .attachments:nth-child(n + 2) {
            border-color: #000;
        }

        body.theme-dark-contrast main .content .frame .attachments > .row:nth-child(n + 2) {
            border-color: #000;
        }

        body.theme-dark-contrast main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange {
            color: #ff0000;
            background: none;
        }

            body.theme-dark-contrast main .content .frame .attachments .row .subrow .row:nth-child(n + 2) button.orange:hover {
                color: #ff0000;
            }

        body.theme-dark-contrast main .content .frame .content.announcements .table-row:nth-last-of-type(n + 2) {
            border-color: #000;
        }

        body.theme-dark-contrast main .content .frame .content.announcements .table-row .table-row:first-child > .column:last-child {
            border-color: #000;
        }

        body.theme-dark-contrast main .content .frame .content.announcements .table-row .table-row .column .column:nth-last-of-type(n + 2) {
            border-color: #000;
        }

    body.theme-dark-contrast .profile .warning {
        border-color: #ff0000;
    }

        body.theme-dark-contrast .profile .warning + p {
            color: #ff0000;
        }

    body.theme-dark-contrast .profile .message {
        border: 1px solid #000;
    }

    body.theme-dark-contrast footer {
        color: #fff;
        background: #000;
    }

        body.theme-dark-contrast footer #brand .logo a {
            background: url("../img/logo-footer-contrast.png");
            background-image: url("../img/logo-footer-contrast.svg"), none;
        }

        body.theme-dark-contrast footer .links h6,
        body.theme-dark-contrast footer .links .h6 {
            color: #00ffff;
        }

        body.theme-dark-contrast footer .links ul li a {
            color: #fff;
        }

            body.theme-dark-contrast footer .links ul li a:hover {
                color: #00ffff;
            }

    body.theme-dark-contrast .popup-container .popup .popup-close span {
        background: #000;
    }

    body.theme-dark-contrast .popup-container .popup .table-row.highlight::before {
        background: #ffff00;
    }

    body.theme-dark-contrast .pattern-calculator .keyboard button {
        color: #000;
        background: #ffff00;
    }

        body.theme-dark-contrast .pattern-calculator .keyboard button:hover {
            background: #ffff00;
        }

        body.theme-dark-contrast .pattern-calculator .keyboard button.dark {
            color: #fff;
            background: #000;
        }

            body.theme-dark-contrast .pattern-calculator .keyboard button.dark:hover {
                background: #000;
            }

        body.theme-dark-contrast .pattern-calculator .keyboard button.blue {
            color: #fff;
            background: #0000ff;
        }

            body.theme-dark-contrast .pattern-calculator .keyboard button.blue:hover {
                background: #0000ff;
            }

        body.theme-dark-contrast .pattern-calculator .keyboard button.dark-gray {
            color: #fff;
            background: #0000ff;
        }

            body.theme-dark-contrast .pattern-calculator .keyboard button.dark-gray:hover {
                background: #0000ff;
            }

        body.theme-dark-contrast .pattern-calculator .keyboard button.gray {
            background: #00ffff;
        }

            body.theme-dark-contrast .pattern-calculator .keyboard button.gray:hover {
                background: #00ffff;
            }

    body.theme-dark-contrast .pattern-calculator .keyboard .select {
        background: #00ffff;
    }

        body.theme-dark-contrast .pattern-calculator .keyboard .select:hover {
            background: #00ffff;
        }

        body.theme-dark-contrast .pattern-calculator .keyboard .select::before {
            border-color: #000;
        }

        body.theme-dark-contrast .pattern-calculator .keyboard .select select {
            color: #000;
        }

    body.theme-dark-contrast .modal-footer .btn.btn-danger {
        background: #0000ff;
    }

        body.theme-dark-contrast .modal-footer .btn.btn-danger:hover {
            background: #0000ff;
        }

.required:after {
    content: " *";
    color: red;
    font-weight: bold;
}

.required-for-application-mode:after {
    content: " *";
    color: red;
    font-weight: bold;
    display: inline;
}

.required-text {
    color: red !important;
}

.application-mode .required {
    display: none;
}

main .table-row.table-include-label.columns-1-2-2 > .column:first-child {
    width: 250px;
}

main .table-row.table-include-label.columns-1-2-2 > .column:nth-child(2) {
    width: 100%;
    padding-right: 0;
}

main .table-row.table-include-label.columns-1-2-2 > .column input {
    width: 100%;
}

main .table-row.table-include-label.columns-1-2-2 > .column:last-child {
    width: 100%;
}

    main .table-row.table-include-label.columns-1-2-2 > .column:last-child button {
        float: right;
    }

@media (min-width: 520px) {
    /* site structure */

    .container-content {
        margin-left: -300px;
    }

    #container-main.open .container-content {
        left: 300px;
    }

    /* display settings */

    .navbar .display-settings {
        margin-left: -40px;
        padding: 11px 0 10px 40px;
    }

    /* navigation bar */

    .colorizer {
        width: 300px;
    }

    .navbar {
        width: 300px;
        padding-left: 40px;
    }

        .navbar .side-menu {
            margin-left: -40px;
            padding: 23px 20px 26px 40px;
        }

        .navbar #goto {
            margin-left: -40px;
            padding: 0 40px;
        }

    /* mobile header */

    #container-main.open #mobile-header {
        left: 302px;
    }

    #mobile-opener {
        left: 32px;
    }

    /* page header */

    #department {
        margin-left: -40px;
        padding: 120px 0 0 0;
    }

        #department object,
        #department img {
            width: 60px;
        }

        #department h4 {
            font-size: 22px;
            line-height: 24px;
        }

    /* title section */

    #title-section header h1 {
        font-size: 36px;
        line-height: 38px;
    }

    /* page content */

    .page-content {
        padding: 0 40px;
    }

    .scroll {
        margin: 0 -40px;
    }

        .scroll .scroller {
            padding: 0 40px;
        }

    main header h2 {
        font-size: 30px;
        line-height: 38px;
    }

    main .content h3 {
        font-size: 24px;
        line-height: 31px;
    }

    main .content h4 {
        font-size: 20px;
        line-height: 25px;
    }

    main .expanded > header > h2 button::before main .expanded > header > h2 a::before {
        top: 12px;
    }

    main .expanded.show > header > h2 button::before,
    main .expanded.show > header > h2 a::before {
        top: 18px;
    }

    /* footer */

    footer .container {
        margin: 0 40px;
    }

    footer .links {
        width: 200px;
    }

    footer #efrr-footer {
        height: 100px;
        padding: 10px 20px;
    }

    footer #efrr-logos div {
        padding: 0 20px;
    }

    /* popups */

    .popup-container .popup {
        padding: 32px 40px 40px 40px;
    }

        .popup-container .popup h2 {
            font-size: 30px;
            line-height: 38px;
        }

        .popup-container .popup .popup-close {
            top: 28px;
            right: 28px;
        }

        .popup-container .popup .table {
            margin: 0 -40px;
            padding: 0 40px;
        }

        .popup-container .popup .table-row.highlight::before {
            left: -40px;
            right: -40px;
        }

    /* confirm */

    .modal-header p {
        font-size: 30px;
        line-height: 38px;
    }

    .modal-content {
        padding: 32px 40px 40px 40px;
    }
}

@media (max-width: 520px) {

    #department, #department .department-custom-logo div {
        margin: 0px;
        padding: 0px;
    }

        #department img {
            display: none;
        }
}

@media (max-width: 600px) {
    #department img {
        display: none;
    }
}

@media (min-width: 640px) {
    /* page content */

    main .column.xs40 {
        clear: none;
    }

    /* popups */

    .popup-container .popup {
        width: 640px;
        margin: 20px auto 60px auto;
    }

        .popup-container .popup.wide {
            width: 100%;
            margin: 0;
        }

    .popup-container.show .popup {
        margin: 60px auto;
    }

        .popup-container.show .popup.wide {
            margin: 0;
        }

    .pattern-calculator .right-to-keyboard {
        width: 310px;
    }

    .modal-body .popup label:not(.radio):not(.checkbox),
    .popup-container .popup label:not(.radio):not(.checkbox) {
        width: 250px;
        margin-bottom: 10px;
    }

    .pattern-calculator .right-to-keyboard label {
        margin-bottom: 2px;
    }

    .modal-body .popup input:not(.form-unit__field),
    .popup-container .popup input:not(.form-unit__field) {
        width: 310px;
    }

    .modal-body .popup .column input:not(.form-unit__field),
    .popup-container .popup .column input:not(.form-unit__field) {
        width: 100%;
    }

    .pattern-calculator .right-to-keyboard input {
        margin-bottom: 44px;
    }

    /* confirm */

    ux-dialog-container > div {
        margin-top: 60px !important;
    }

    .modal-dialog {
        width: 640px;
        margin: 0 auto;
    }
}

.modal-body {
    margin-top: 15px;
}

@media (min-width: 680px) {
    /* display settings */

    .display-settings {
        display: block;
    }

    .navbar .display-settings {
        display: none;
    }

    .display-settings a span:last-child {
        display: none;
    }

    .colors-settings.show {
        display: flex;
    }

    .navbar .colors-settings.show {
        display: none;
    }

    /* navigation bar */

    .container-content.top .colorizer {
        height: 40px;
    }

    .container-content.bottom .colorizer {
        margin-top: -307px;
    }

    .container-content.bottom .navbar {
        min-height: 317px;
        margin-top: -307px;
    }

    .navbar #goto .dropdown button {
        height: 40px;
        padding: 9px 24px 11px 0;
    }

    /* navbar search section */

    #navbar-search {
        display: none;
    }

    /* page header */

    #department {
        padding-top: 121px;
    }

        #department div {
            height: 92px;
            padding-left: 0;
            float: left;
            z-index: 10;
        }

    #page-header {
        display: block;
        width: 0px;
    }

    /* search section */

    #search-section {
        display: block;
    }

    /* user menu section */

    #user-nav {
        display: block;
    }

    /* page content */

    .scroll {
        overflow: visible;
    }

    main #pagination-top .select {
        padding-bottom: 0;
    }

    main header > .buttons-right {
        position: absolute;
        top: -1px;
        right: 0;
        padding: 0;
    }

    main .column {
        width: auto;
    }

        main .column.xs {
            width: 140px;
            padding-right: 0;
        }

        main .column.s {
            width: 200px;
            padding-right: 0;
        }

        main .column.m {
            width: 260px;
            padding-right: 0;
        }

    main .textarea {
        margin-top: -50px;
        padding-left: 250px;
    }

        main .textarea.short {
            padding-right: 160px;
        }

            main .textarea.short + .column.buttons-right {
                margin-top: -90px;
            }

    main input.long {
        width: 55%;
    }

    main input.short {
        width: 220px;
        margin-right: 40px;
    }

    main input.half {
        width: 50%;
    }

    .unit-buttons {
        width: calc(55% + 250px);
        float: left !important;
        margin: 0 !important;
    }

        .unit-buttons button,
        .unit-buttons a {
            float: right;
        }

    main .search {
        width: 510px;
    }

        main .search.codes {
            width: 100%;
        }

        main .search input {
            width: 220px;
            margin: 0 40px 10px 0;
        }

        main .search .codes {
            width: 220px;
        }

            main .search .codes.long {
                width: 100%;
            }

    main .checkbox.half,
    main .radio.half {
        width: 50%;
    }

    main .radio.half {
        padding-bottom: 6px;
    }

    main .filebox {
        padding-right: 40px !important;
    }

    /* footer */

    footer #brand {
        width: 400px;
        float: left;
    }

    footer #links-container {
        float: left;
    }

    footer .links {
        width: 170px;
    }

    footer #efrr-footer {
        padding: 10px 30px;
    }

    footer #efrr-logos div {
        padding: 0 30px;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column:first-child {
        width: 250px;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column:nth-child(2) {
        width: 55%;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column input {
        width: 100%;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column:last-child {
        width: calc(55% + 250px);
    }

    .text-form {
        width: calc(55% + 250px);
    }

    .checbox-box {
        margin-left: 250px !important;
    }

    .bell {
        top: 0;
    }
}

@media (max-width: 767px) {

    #department div.department-custom-logo {
        height: auto;
        padding-left: 0;
        float: left;
        z-index: 10;
    }
}

@media (min-width: 768px) {
    /* confirm */

    .modal-content {
        margin: 0;
        padding: 32px 40px 40px 40px;
        background: #fff;
        box-shadow: none !important;
        border: none !important;
        border-radius: 0 !important;
    }

    .select-cpv {
        right: -200px !important;
        position: absolute !important;
    }

    #page-header {
        top: 0;
        left: 300px;
        width: auto;
    }
}

@media (min-width: 830px) {
    /* display settings */

    .display-settings a span:last-child {
        display: block;
    }

    .colors-settings {
        right: 136px;
    }

    /* popups */

    main .table-row.columns-1-4-3-3 > .column:first-child {
        width: 8%;
    }

    main .table-row.columns-1-4-3-3 > .column:nth-child(2) {
        width: 42%;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column:first-child {
        width: 250px;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column:nth-child(2) {
        width: 150px;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column input {
        width: 100%;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column:last-child {
        width: calc(55% - 150px);
    }
}

@media (min-width: 880px) {
    .checbox-box {
        margin-left: 41px !important;
    }
}

@media (max-width: 900px) {

    .app-logo > img {
        width: auto;
        height: auto;
    }

    #department {
        margin: 0;
    }
}


@media (min-width: 979px) {

    #department {
        width: 60%;
    }
}

@media (max-width: 979px) {

    #department {
        padding: 0 20px;
    }
}


@media (min-width: 980px) {
    /* site structure */

    .container-content {
        margin-left: 0;
    }

    #container-main.open .container-content {
        left: 0;
    }

    /* display settings */

    .display-settings {
        top: 103px;
    }

        .display-settings a span:last-child {
            display: none;
        }

    .colors-settings {
        top: 133px;
        right: 76px;
    }

    /* navigation bar */

    .colorizer {
        background: #f3f5f7;
    }

    .navbar {
        height: auto;
        opacity: 1;
    }

    .container-content.top .colorizer {
        height: 100%;
    }

    .container-content.bottom .colorizer {
        margin-top: 0px;
    }

    .container-content.bottom .navbar {
        min-height: 64px;
        margin-top: 0px;
    }

    .navbar .logo {
        display: block;
    }

    .navbar #goto {
        border-bottom: 2px solid white;
    }

    /* mobile header */

    #mobile-header {
        display: none;
    }

    /* page header */

    #department {
        padding-top: 0px;
    }

    #page-header {
        top: 0;
        left: 300px;
        width: auto;
    }

    /* page content */

    .page-content {
        padding: 0 20px;
    }

    /* footer */

    footer #brand {
        width: 400px;
        padding: 0 80px 40px 0;
    }

    /* popups */

    .popup-container .popup.wide {
        width: 980px;
        margin: 20px auto 60px auto;
    }

    .popup-container .popup.wider {
        width: 90%;
        margin: 20px auto 60px auto;
    }

    .popup-container.show .popup.wide {
        margin: 60px auto;
    }

    /* color themes */

    body.theme-dark-default .colorizer,
    body.theme-dark-red .colorizer,
    body.theme-dark-orange .colorizer,
    body.theme-dark-yellow .colorizer,
    body.theme-dark-green .colorizer,
    body.theme-dark-olive .colorizer,
    body.theme-dark-pink .colorizer,
    body.theme-dark-purple .colorizer,
    body.theme-dark-brown .colorizer,
    body.theme-dark-gray .colorizer {
        background: #32465a;
    }

    /* dark contrast */

    body.theme-dark-contrast .colorizer {
        background: #000;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column:first-child {
        width: 250px;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column:nth-child(2) {
        width: 150px;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column input {
        width: 100%;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column:last-child {
        width: calc(55% + 250px);
    }

    .checbox-box {
        margin-left: 250px !important;
    }
}

@media (min-width: 1060px) {
    /* footer */

    footer .links:nth-child(3) {
        clear: none;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column:first-child {
        width: 250px;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column:nth-child(2) {
        width: 150px;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column input {
        width: 100%;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column:last-child {
        width: calc(55% - 150px);
    }
}

@media (min-width: 1141px) {
    .checbox-box {
        margin-left: 41px !important;
    }
}

@media (min-width: 1150px) {
    /* display settings */

    .display-settings a span:last-child {
        display: block;
    }

    .colors-settings {
        right: 136px;
    }

    /* navigation bar */

    .colorizer {
        -webkit-transition: width 0s;
        -moz-transition: width 0s;
        -o-transition: width 0s;
        transition: width 0s;
    }

    .container-content.top .colorizer {
        height: auto;
        bottom: 0;
    }

    .container-content.bottom .colorizer {
        margin-top: 2px;
    }

    .container-content.bottom .navbar {
        min-height: 8px;
        margin-top: 2px;
    }

    .container-content.bottom {
        min-height: 55vh;
    }

    /* search section */

    #search {
        padding-right: 420px;
    }

    /* page content */

    .page-content {
        padding: 0 40px;
    }

    /* user menu section */

    #user-nav {
        position: absolute;
        bottom: 0;
        right: 0;
        float: none;
    }

    .navbar #goto {
        border-bottom-style: none;
    }

    .checbox-box {
        margin-left: 250px;
    }

    .checbox-box {
        margin-left: 250px !important;
    }
}

@media (min-width: 1181px) {
    .checbox-box {
        margin-left: 41px !important;
    }
}

@media (min-width: 1280px) {
    /* site structure */

    .container-content {
        width: 1280px;
        margin: 0 auto;
    }

    /* navigation bar */

    .colorizer {
        width: 620px;
        margin-left: -320px;
    }

    .navbar .logo,
    .navbar #goto,
    .navbar .side-menu {
        margin-left: -360px;
        padding-left: 360px;
    }

    /* page header */

    #page-header {
        left: 50%;
    }

        #page-header .background {
            left: 150px;
        }

    /* page content */

    .page-content {
        width: 980px;
        float: left;
        overflow: visible;
    }

    main .textarea {
        width: 650px;
        margin-top: 0;
        padding-left: 0;
    }

    main input.long {
        width: 650px;
    }

    main .search .codes ul {
        width: 650px;
    }

    main .table-row.columns-1-1 > .column:first-child,
    main .table-row.columns-1-1 > .column:last-child {
        width: 450px;
    }

    main .table-row.columns-1-2 > .column:first-child {
        width: 315px;
    }

    main .table-row.columns-1-2 > .column:last-child {
        width: 585px;
    }

    /*main .table-row.columns-2-2 > .column:first-child {
        width: 450px;
    }

    main .table-row.columns-2-2 > .column:last-child {
        width: 450px;
    }*/

    main .table-row.columns-1-3 > .column:first-child {
        width: 250px;
    }

    main .table-row.columns-1-3 > .column:last-child {
        width: 620px;
    }

    main .table-row.columns-1-2-1 > .column:first-child {
        width: 250px;
    }

    main .table-row.columns-1-2-1 > .column:nth-child(2) {
        width: 440px;
    }

    main .table-row.columns-1-2-1 > .column:last-child {
        width: 210px;
    }

    main .table-row.columns-2-1-1 > .column:first-child {
        width: 450px;
    }

    main .table-row.columns-2-1-1 > .column:nth-child(2) {
        width: 250px;
    }

    main .table-row.columns-2-1-1 > .column:last-child {
        width: 200px;
    }

    main .table-row.columns-1-2-2 > .column:first-child,
    main .table-row.table-include-label.columns-1-2-2 > .column:first-child {
        width: 250px;
    }

    main .table-row.columns-1-2-2 > .column:nth-child(2),
    main .table-row.table-include-label.columns-1-2-2 > .column:nth-child(2) {
        width: 345px;
    }

    main .table-row.columns-1-2-2 > .column:last-child,
    main .table-row.table-include-label.columns-1-2-2 > .column:last-child {
        width: 305px;
    }

    main .table-row.table-include-label.columns-1-2-2 > .column input {
        width: 50%;
    }

    main .table-row.columns-1-1-1 > .column {
        width: 315px;
    }

        main .table-row.columns-1-1-1 > .column:last-child {
            width: 270px;
        }

    main .table-row.columns-1-1-1-1 > .column {
        width: 250px;
    }

        main .table-row.columns-1-1-1-1 > .column:last-child {
            width: 150px;
        }

    main .table-row.columns-1-2-2-3 > .column:first-child {
        width: 75px;
    }

    main .table-row.columns-1-2-2-3 > .column:nth-child(2),
    main .table-row.columns-1-2-2-3 > .column:nth-child(3) {
        width: 235px;
    }

    main .table-row.columns-1-2-2-3 > .column:last-child {
        width: 355px;
    }

    main .table-row.columns-1-4-3-2 > .column:first-child {
        width: 75px;
    }

    main .table-row.columns-1-4-3-2 > .column:nth-child(2) {
        width: 425px;
    }

    main .table-row.columns-1-4-3-2 > .column:nth-child(3) {
        width: 250px;
    }

    main .table-row.columns-1-4-3-2 > .column:last-child {
        width: 150px;
    }

    main .table-row.columns-3-1-2-3 > .column {
        width: 280px;
    }

        main .table-row.columns-3-1-2-3 > .column:nth-child(2) {
            width: 120px;
        }

        main .table-row.columns-3-1-2-3 > .column:nth-child(3) {
            width: 220px;
        }

    main .table-row.columns-1-4-4-4-3 > .column:first-child {
        width: 75px;
    }

    main .table-row.columns-1-4-4-4-3 > .column:nth-child(2),
    main .table-row.columns-1-4-4-4-3 > .column:nth-child(3),
    main .table-row.columns-1-4-4-4-3 > .column:nth-child(4) {
        width: 235px;
    }

    main .table-row.columns-1-4-4-4-3 > .column:last-child {
        width: 120px;
    }

    main .table-row.columns-1-4-4-4-3-2 > .column:first-child {
        width: 55px;
    }

    main .table-row.columns-1-4-4-4-3-2 > .column:nth-child(2),
    main .table-row.columns-1-4-4-4-3-2 > .column:nth-child(3) {
        width: 200px;
    }

    main .table-row.columns-1-4-4-4-3-2 > .column:nth-child(4) {
        width: 195px;
    }

    main .table-row.columns-1-4-4-4-3-2 > .column:nth-child(5) {
        width: 160px;
    }

    main .table-row.columns-1-4-4-4-3-2 > .column:last-child {
        width: 90px;
    }

    main .table-row.columns-2-4-2-1 > .column:first-child {
        width: 200px;
    }

    main .table-row.columns-2-4-2-1 > .column:nth-child(2) {
        width: 420px;
    }

    main .table-row.columns-2-4-2-1 > .column:nth-child(3) {
        width: 200px;
    }

    main .table-row.columns-2-4-2-1 > .column:last-child {
        width: 80px;
    }

    .table-row.columns-2-2-3-4 > .column:first-child {
        width: 150px;
    }

    .table-row.columns-2-2-3-4 > .column:nth-child(2) {
        width: 150px;
    }

    .table-row.columns-2-2-3-4 > .column:nth-child(3) {
        width: 220px;
    }

    .table-row.columns-2-2-3-4 > .column:nth-child(4) {
        width: 280px;
    }

    main .table-row.inside-columns-0-1-2-2 > .column:first-child {
        width: 75px;
    }

    main .table-row.inside-columns-0-1-2-2 > .column:nth-child(2) {
        width: 270px;
    }

    main .table-row.inside-columns-0-1-2-2 > .column:last-child {
        width: 305px;
    }

    main .columns-1-1-1.questions-list > .column:nth-child(3) {
        width: 270px;
    }

    main .columns-1-1-1.questions-list > .column.files > .column {
        width: 160px;
    }

        main .columns-1-1-1.questions-list > .column.files > .column.filebox {
            width: 470px;
        }

    .text-form {
        width: 900px;
    }

    /* footer */

    footer .container {
        width: 1200px;
        margin: 0 auto;
    }

    footer .links {
        width: 200px;
    }

    .unit-buttons {
        width: 100%;
        float: right !important;
        margin: 0 0 -10px -10px;
    }

        .unit-buttons button,
        .unit-buttons a {
            float: right;
        }
}

@media (min-width: 1200px) {

    #department div.department-custom-logo > div {
        width: 450px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {

    #department div.department-custom-logo > div {
        width: 350px;
    }
}

@media (min-width: 1920px) {
    /* navigation bar */

    .colorizer {
        width: 1580px;
        margin-left: -1280px;
    }

    .navbar .logo,
    .navbar #goto,
    .navbar .side-menu {
        margin-left: -1320px;
        padding-left: 1320px;
    }
}

@media (min-width: 2560px) {
    #page-header {
        left: auto;
        width: 50%;
    }
}

@media (min-width: 3840px) {
    /* navigation bar */

    .colorizer {
        width: 2668px;
        margin-left: -2368px;
    }

    .navbar .logo,
    .navbar #goto,
    .navbar .side-menu {
        margin-left: -2408px;
        padding-left: 2408px;
    }
}

/* ------------------------------------------ */

.order {
    padding-top: 30px !important;
}

.tick {
    background: #cdd2d7 !important;
}

.add-top-padding > div > .h6,
.add-top-padding > div > h6 {
    padding-top: 9px !important;
}

.add-bottom-padding {
    padding-bottom: 5px;
}

.padding-for-checkbox {
    padding-bottom: 20px !important;
}

.custom-menu ul li a {
    margin-right: 15px;
}

.border-table {
    border: 1px solid #e2e6ea;
    padding: 10px 15px;
    margin-bottom: 30px;
}

    .border-table > p {
        position: absolute;
        background: white;
        top: -12px;
        padding: 0 5px;
    }

.button-custom-margin-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
}

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

.attachments h2 {
    padding: 20px 0 10px 0;
}

.btn-margin {
    margin: 20px 0 30px 0;
}

.btn-margin-top {
    margin-top: 8px;
}

.margin-left {
    margin-left: 28%;
}

.vertical-align-in-table label .checkmark {
    top: 2px;
}

.vertical-align-in-table {
    top: 4px;
}

.full-width {
    width: 100% !important;
}

.no-margin {
    margin-right: 0;
    margin-left: 0;
}

/* select style */

form .select div select,
form .under-select select {
    min-width: 220px;
    max-width: 100%;
}

form .select div {
    border: 1px solid #cdd2d7;
    padding: 0 5px;
}

    form .select div::before {
        right: 10px;
    }

form .under-select select {
    position: absolute;
    width: 100%;
}

form .under-select {
    width: 100%;
    padding: 0 10px 24px 0;
}

    form .under-select::before {
        z-index: 1;
    }

.checbox-box {
    margin-left: 0px;
}

.reset-top {
    padding-top: 0 !important;
}

    .reset-top header div a {
        margin-top: -50px;
    }

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

.performers .table-row:nth-child(n + 2) .column {
    padding: 5px;
}

.performers .table-row.columns-1-1-1-1 > .column:nth-child(2) {
    width: calc(53% - 100px);
    padding-right: 31px;
}

.performers .table-row.columns-1-1-1-1 > .column:last-child {
    width: 27%;
}

.performers .table-row.columns-1-1-1-1 > .column:nth-child(3) {
    width: 20%;
}

.performers .table-row.columns-1-1-1-1 > .column:first-child {
    width: 100px;
    padding: 5px 19px;
}

.performers .table-row:first-child .column:first-child {
    padding: 0;
}

.cpv-chooser-dialog {
    width: 90% !important;
}

@media all and (max-width: 680px) {
    .cpv-chooser-dialog {
        width: 100% !important;
    }
}

.modal-body ol {
    padding-left: 1rem;
}

.sub-checkbox {
    padding-left: 30px;
}

.form-unit {
    margin-bottom: 12px;
}

.form-unit__inline {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 0;
}

.form-unit__label {
    display: block;
    margin-bottom: 6px;
    float: none !important;
    width: auto !important;
}

.form-unit__inline .form-unit__label {
    white-space: nowrap;
    margin-bottom: 0;
}

.form-unit__field {
    float: none;
    width: 100%;
    margin-bottom: 3px;
}

textarea.form-unit__field {
    height: auto;
}

.form-unit__inline .form-unit__field {
    margin-bottom: 0;
}

.form-unit__field--short {
    max-width: 120px;
}

.form-unit__field--max {
    width: auto;
    flex-grow: 1;
}

.form-unit__field--date {
    max-width: 180px;
}

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

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

.form-group {
    margin-bottom: 16px;
}

    .form-group > legend {
        margin-bottom: 10px;
    }

.form-group--inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.pzp-base-grid {
}

.pzp-base-grid__row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.pzp-base-grid__col {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
}

    .pzp-base-grid__col.col-1 {
        flex-grow: 0;
        flex-basis: auto;
        width: calc(100% / 12);
    }

    .pzp-base-grid__col.col-2 {
        flex-grow: 0;
        flex-basis: auto;
        width: calc(100% / 6);
    }

    .pzp-base-grid__col.col-3 {
        flex-grow: 0;
        flex-basis: auto;
        width: 25%;
    }

    .pzp-base-grid__col.col-4 {
        flex-grow: 0;
        flex-basis: auto;
        width: calc(100% / 3);
    }

    .pzp-base-grid__col.col-5 {
        flex-grow: 0;
        flex-basis: auto;
        width: calc(100% / 12 * 5);
    }

    .pzp-base-grid__col.col-6 {
        flex-grow: 0;
        flex-basis: auto;
        width: 50%;
    }

#certificate-generator {
    position: fixed;
}

.colorizer {
    display: none !important;
}

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

.fitcontent-select {
    width: fit-content;
    height: var(--input-size);
    padding-left: 21px;
    padding-right: 21px;
    border: solid 1px var(--stroke-color-input) !important;
    background-color: var(--color-white) !important;
    font-size: 1.6rem;
    color: var(--color-primary);
}


.margin-bottom-12 {
    margin-bottom: 12px;
}

.l-t {
    text-decoration: line-through;
}


#szafirsdk-errors-container .head {
    background-color: #FF0000;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAABQCAIAAAA/esjxAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiIAAC4iAari3ZIAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAi9SURBVHhe7Zr7V1RlFIb7a8xSlwnmNXVVaGnaRbNapkuzlpZWWmqWmmmWpSIIKoqIhmiImIgCoii31BQQuYiCgCI34yaXQUAHnF7Y33xzPHyHGRwdiNnven5g9tkzzDnnme8y8JyFwzEIy8ExDMvBMQzLwTEMy8ExDMvBMQzLwTEMy8ExDMvBMQzLwTGMHTk8x29/3sO7nzHAwzsy+po4Q/fLnj8uDxnlC0Z7BYiSQezIMbw/ygHcWY5dwZfoIuCTL0oGYTncLiyHHVgOwHKoYTkAy6GG5QAshxqWA7AcalgOwHKoYTkAy6GG5QAshxqWA7AcalgOwHKoYTkAy6GG5QAshxqWA7AcalgOwHKoYTkAy6GG5QAshxqWA7AcalgOwHKoYTkAy6GG5QAshxqWA7hCjgFdKn0flgO4Qo4tfsnV1U19hPybVbq3p4TlAK6QIyDooujuA6mqNunenhKWA7AcalgO4Ao51mw4nZ5R2kdISC7UvT0lLAdwhRz/R1gOwHKoYTkAy6GG5QAsh5qeytHaar5dXJtXUFVZZRIll6Strb245F7qlZKa2iZRcjoulWOjd8Kd0jpi6Ghf7aETsdfFoZJ7ny89RsXgkFQqFt2ueWH4VtmclFIkmq3cKq7NyqmIPHnt6xVRA4eLtqeC43Jk5lQsWHJs0EjbeY16feeq9XG5NypFx7NJfUPzhs3nhk8Q1z/ubL444HRcKod2KztszDZZX/xtpKhaLKnpJQM9RR03m4pmc/uLL/vI/rybVVRXJu1K6bBX/GSzkzgox5FjWQM1+mrB6VzPe1Z+mEytU2bs0/66fiXHS2O2VdxtoOKDB+bJ022n+mRyIAfCrshmJ3FEjvyCau3bGzzCB3ZKxd+fc5DaHj3qOJFuaGtvp06ZpqYHGDVzcu8W3appNLWKqib+uy/I3wswvp4+1yGH2dxmfdk26tQGcxAOPcIb6ja9LMcAD+89+y+LksWy/fFTtSvH1axyr6lBHUwLWvrdiebmh1Svq7svm53EETkwqsv+5Wtimlse4i6XlNXjzsGSpPNF1FZ8555sU7LFL5k6i27X/u6T+Ob0YO1oNNBz69sfhSSmFFIP5a2Z++nopHeDcTU6f3XHLV/6/UmqL/j6L+pEcH32hqR+OO+QB0ZWT+/bd+6JAwbpZTkwJD58KNTGh+PFETYDgF05LqXekUUQn3CT6kjH+WsOPTGOyCEXSSD2TJ6odubfykbxE+QosSeHf4ccVdWmwZqFiw6MDVnXKugFze24LMKeg+EZVKR0lQML5DfeC6YiAVnpkFF6VQ5Pb6ww6CE+arM/O6zr76kcMXE3qI5gttIeemIckWPtr2dk//jJu/G2GxpbxDFNsHB+aayfliGjHpPgeEwudcq7MmiEj9fbQbipQzWn89PGePQEhaR+sTQS15CKM2aHLl52HGRkleNoVzm+WhFFFUnfHTkwTxcW1YgHFktEZLauGfRIjrETAyqrxe4RixhZdxJH5EjLKJU3icC7nbsw/FB4RmPjYwsFTPYSnNTCJWLIwfS6YdM50dTZ9t3a2JjTN1pazFS5f/8B1i7UPGdBOCpdbzZBC1KdHPUNLXK7B9VwtS+nl7S0ilnYKL0mhy7adajErhy4diVldaCsvF5OT4hu7eIMjsiB7Ai8gDWB7rnAc7x/6OHHBnxKe3s7ViryH1w++/Io5ghxrDNYSGbn3j12Iidw36Wt/imbfJPem3WAmmmFq5QDL6iUIyOrTPZkW2clu+krckRF5+qagV05ugYrcLyUttlJHJQDuXi5+JNFEZgIdK8AvP1TRJM1+0PTpBlTZ+43NdkGGDiC3dZor53y6TpIDkxSGZllcsUasPefa9f/BfUNzTiqkyPlwi16COSy3W56TY6J0zq2GPLrPOyqZs3/U9dvVw6cJyZOLKyarBcX10te9KeC43JQTKbWU/F5K9fGYsyQL4IhHRsQ0WGx4MMthxnMhuXWnTzl4OEM+UTMVh7j/F99aw9WHiNe3UFFuTdubTW/YF2Qnoi9TkVKN3LgYlKP3fSaHLRbWbXulHhssdzIr9R+DQocX3Os+TmOKsgnX0TITufpqRwyWJPKiQDIyeVKZplch+KHzBz9ID/xnb10dP7iiIq7ts3OL1sSqO4ucmBUzNJcnY3e4vwJx+XA3q/K+reMrOwK3fIQ29pJ7+zV8frUPdoeIxyUw2dHyrrf4rHuE48787tvknyd4AOpqGCcG/mamC8weGDJSZ0yWDnRPhbjHxYcoto5sn4w9xA90V3kADPnHJRf1TU2tmCYlf2OywE2+SRREenY41nrYMXqGHFAk6f4n2CJfxfRNAELsc+MTyzIzC4PO5rpMc72XUv61dLauvuT3hWjAsDPfrvOa8EmAvsUuWv9+NMwfHKw1sZg8/1Pp+QT3UgOfESOHrd9RKJibCvTHskxbKyf/ODeLKjWfrf4TOXAumfka2I1YMT8RRHo9N15XlfX8dG8Q2jDbKKr63AjOcBorwDcKqpjQzfr0zCq90gOsHmbbfBYvjpG1p/1yIFxYsbsUKOF8LzPj5C12LPoDukgOfILqsZohk/JoJHiCvRPOeYuDN8ReJHQbfnGvbF787ZkOrTsh2gqfrksiir+u85rR4L1v52lunawJRZ9E7k98AIOrVoXJ4vTPviD+rXAJNnQDQ6uOeB0+tUyrJlmzQ/D5gKT45T39y1bHZ2YUii/vzibWLB+07lu2BeaRp1YzGJW+vGXM0tWnoTZuDIJyYUJKYXUFhQi/hqFBcoG63N1314cPZ5N9bCITDwsKKqhh0D5pzhlXCrH/xEH5eiXYTnswHIAlkMNywFYDjUsB2A51LAcgOVQw3IAlkMNywFYDjUsB2A51LAcgOVQw3IAlkMNywGclWPC5ED40c/ARYnW/Ee7uyX4QBquAK7DhCmBomQQO3Jw3DksB8cwLAfHMCwHxzAsB8cwLAfHMCwHxzAsB8cwLAfHMCwHxyAWy38yPzAdraZ1PwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: right;
    font-weight: bold;
    height: 100px;
    position: relative;
    border: 2px solid black;
}

#szafirsdk-errors-container a.eleppl_link {
    position: absolute;
    right: 20px;
    bottom: 20px;
    text-decoration: none;
    font-size: 14px;
}

#szafirsdk-errors-container .content {
    color: Black;
    border-top: 3px solid #00a0c3;
    padding: 15px;
    font-family: Verdana, Tahoma;
    line-height: 1.8em;
}

#szafirsdk-errors-container a:link,
#szafirsdk-errors-container a:visited {
    color: #28328C;
}

#szafirsdk-errors-container a:hover {
    color: #00a0c3;
}

#szafirsdk-link-buttons {
    text-align: center;
}

    #szafirsdk-link-buttons a:link,
    #szafirsdk-link-buttons a:visited {
        background-color: #00a0c3;
        display: inline-block;
        padding: 8px 30px;
        border-radius: 5px;
        color: White;
        text-decoration: none;
    }

    #szafirsdk-link-buttons a:hover {
        background-color: #00c0e3;
        box-shadow: 0px 0px 2px 1px #555;
    }

    #szafirsdk-link-buttons a:active {
        background-color: #00a0c3;
    }

.answer-attach-info_div {
    margin: 5px 0px 5px 0px;
}

.answer-attach-info_span {
    background-color: var(--bg-color-menu);
    color: var(--color-primary);
}