/* Minification failed. Returning unminified contents.
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,17): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(416,21): run-time error CSS1039: Token not allowed after unary operator: '-color-danger-text'
(777,29): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(1032,17): run-time error CSS1039: Token not allowed after unary operator: '-color-danger-text'
 */
/**
 *
 * KPAS default styles
 * Overriden by Koop.css for Kooperativa version
 *
 * main blue    #0b5094
 * light grey   #f3f3f3
 * red          #cf3225
 *
 */
/* FONTY */
@font-face {
    font-family: "Roboto";
    src: url("../content/font/roboto/roboto-regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto-Light";
    src: url("../content/font/roboto/roboto-light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto-Thin";
    src: url("../content/font/roboto/roboto-thin.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto-Condensed-Light";
    src: url("../content/font/roboto/robotocondensed-light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
/********************************************/

/* Design tokens. Brand red #ED1C24 fails AA as text (4.4:1 on white);
   --color-danger-text uses the darker #BA181B for text, brand red stays
   for non-text surfaces. --color-link is overridden per tenant in Koop.css. */
:root {
    --color-danger:        #ED1C24; /* decorative fills, badges */
    --color-danger-text:   #BA181B; /* text on light bg (6.46:1 on white) */
    --color-danger-border: #ED1C24; /* borders, 3:1 non-text rule */
    --color-link:          #0B5094; /* KPAS default; KOOP overrides */
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Roboto-Light, Tahoma, sans-serif;
}

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

.comment {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.header__logo {
    background: #fff url("../Images/Logo-kpas_header.gif") no-repeat 0 0;
    display: inline-block;
    height: 66px;
    width: 161px;
}

body {
    background: #fafafa;
    color: #222222;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

a {
    color: var(--color-link);
    text-decoration: underline;
}

    a:hover {
        color: #cf3225;
        text-decoration: underline;
    }

.MyCalendar .ajax__calendar_container {
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5);
    padding: 8px;
    width: auto;
    z-index: 100;
}

.ajax__calendar_container .ajax__calendar_header {
    font-style: 13px;
    height: 24px;
    line-height: 24px;
}

.ajax__calendar_container .ajax__calendar_body {
    height: 190px;
    width: 185px;
}

.ajax__calendar_container td {
    border-collapse: collapse;
    height: auto;
}

.ajax__calendar_body .ajax__calendar_dayname {
    color: #444;
    text-align: center;
}

.ajax__calendar_container .ajax__calendar_today .ajax__calendar_day {
    background-color: #ddd;
}

.ajax__calendar_container .ajax__calendar_day {
    font-size: 13px !important;
    height: auto;
    padding: 6px;
    text-align: center;
    width: auto;
}

.ajax__calendar_container .ajax__calendar_active .ajax__calendar_day {
    background-color: #335577;
    color: #fff;
}

.ajax__calendar_container .ajax__calendar_day:hover {
    background-color: #0b5094;
    color: #fff;
}

.ajax__calendar_container .ajax__calendar_other .ajax__calendar_day {
    color: #ccc;
}

.center {
    margin: 0 auto;
    max-width: 750px;
    width: 100%;
}

#divMain {
    min-width: 280px;
}

.header__wrapper {
    background: #ffffff;
    /* border-bottom: 5px solid #cf0d11; */
    height: 84px;
    padding: 8px 0 0 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1);
}

.footer__wrapper {
    background: #fafafa;
    background: rgba(255, 255, 255, 0.95);
    bottom: 0;
    height: 56px;
    left: 0;
    position: fixed;
    width: 100%;
    box-shadow: 0 -2px 6px rgba(0,0,0,0.4);
}

.footer {
    width: auto;
}

    .footer .badge {
        margin: -10px 8px 0 0;
    }

    .footer .save-button,
    .footer .step-button {
        font-size: 2em;
        font-weight: normal;
        min-width: 0;
        outline: none;
        padding: 0;
        text-align: center;
        width: 56px;
    }

    .footer .save-button {
        background: #769bf3 url(../Images/download.gif) no-repeat 50% 50% / 17px 17px;
    }

        .footer .save-button span,
        .footer .step-button span {
            line-height: 56px;
        }

    .footer .step-button.back {
        width: 32px;
    }

.badge {
    border-radius: 36px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.4);
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 72px;
    margin-top: -30px;
    text-align: center;
    width: 72px;
}

.badge--blue {
    background: #0b5094;
}

.badge--grey {
    background: #888;
}

.badge--red {
    background: #cf3225;
}


p {
    line-height: 1.4em;
    margin: 0 0 1em 0;
}

.top-margin {
    margin: 1em 0 0 0;
}

h1 {
    font-family: "Roboto-Condensed-Light";
    color: #0b5094;
    display: inline-block;
    font-size: 2em;
    padding: 20px 0 12px 0;
    margin: 0;
}

    h1 span {
        color: #cf3225;
    }

h2 {
    font-family: "Roboto-Condensed-Light";
    color: #0b5094;
    font-size: 2em;
    font-weight: normal;
    margin: 0;
    padding: 0 0 8px 0;
}

h3 {
    font-family: "Roboto-Condensed-Light";
    color: #0b5094;
    font-size: 2em;
    font-weight: normal;
    margin: 0;
    padding: 16px 16px 16px 16px;
}

.password-warning {
    color: #cf3225;
    font-weight: bold;
}

table {
    border: none;
    width: 100%;
}

td,
th {
    border: none;
    height: 36px;
}

th {
    border-bottom: 1px #ddd solid;
}

.space-left {
    margin-left: 24px;
}

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

.space--bottom {
    margin-bottom: 16px;
}

.padding-left {
    padding-left: 24px;
}

.padding-top {
    padding-top: 18px;
}

.padding-top-imp {
    padding-top: 18px !important;
}

.margin-right-12 {
    margin-right: 12px;
}

.no-margin-left {
    margin-left: 0 !important;
}

.margin-left-12 {
    margin-left: 12px;
}

em {
    font-style: normal;
    font-weight: bold;
    text-decoration: underline;
}

.bg-row {
    background-color: #0b5094;
    height: 41px;
    left: 0;
    position: absolute;
    top: 106px;
    width: 100%;
    z-index: 1;
}

.message {
    border-left: 4px transparent solid;
    display: block;
    padding: 12px 12px 12px 32px;
}

    .message.error {
        background-color: #FFCFBF;
        border-color: #cf3225;
        color: #cf3225;
    }

    .message.ok {
        background-color: #B6D286;
        border-color: #4A7B15;
        color: #243511;
    }

        .message.ok h3 {
            color: #243511;
        }

.message-group {
    margin-bottom: 6px;
}

label,
select:enabled,
input[type=radio]:enabled,
input[type=checkbox]:enabled {
    cursor: pointer;
}

.main-label {
    color: #2A2A2A;
    cursor: default;
    display: inline-block;
    float: left;
    max-width: 192px;
    padding: 8px 16px 6px 0;
    text-align: right;
    width: 100%;
}

    .main-label.long {
        max-width: 320px;
    }

    .main-label.narrow {
        max-width: 100px;
    }

    .main-label .colon {
        display: none;
    }

    .main-label .required {
        color: var(--color-danger-text);
        font-size: 1.1em;
        padding-left: 4px;
    }

.main-data {
    color: #2A2A2A;
    cursor: default;
    display: inline-block;
    padding: 8px 16px 6px 0;
}

.user-input {
    /*background: #F7F7F7;*/
    border: 2px #EEE solid;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 4px;
    /*-webkit-box-shadow: inset 0 1px 3px #ddd;
    -moz-box-shadow: inset 0 1px 3px #ddd;
    box-shadow: inset 0 1px 3px #ddd;*/
    font-family: sans-serif;
    font-size: 14px;
    padding: 8px 6px;
    width: 360px;
    border-bottom-width: 2px;
    border-bottom-color: #ccc;
}

    .user-input:focus, .user-input:hover {
        border-color: #ccc;
        box-shadow: inset 0 -2px 2px -2px rgba(0,0,0,0.7);
        outline: none;
    }

    .user-input[disabled] {
        background: #D0CCC0;
    }

    .user-input.text--warning {
        background: #FFCFBF;
        border: 1px #ED1C24 solid;
    }

        .user-input.text--warning:focus {
            background: #fff;
        }

select.user-input {
    padding: 7px 6px;
}

.save-button,
.step-button {
    background: #0b5094;
    border: 1px transparent solid;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    min-width: 96px;
    text-decoration: none;
}

    .step-button:hover {
        background: #335577;
        color: #ffffff;
    }

    .save-button:hover {
        background: #81f3d0 url(../Images/download.gif) no-repeat 50% 50% / 17px 17px;
    }

    .save-button:active {
        background: #81f3d0 url(../Images/download.gif) no-repeat 50% 50% / 17px 17px;
        outline: none;
    }


    .step-button:active {
        background: #BA181B;
        outline: none;
    }

    .step-button.aspNetDisabled,
    .step-button.aspNetDisabled:hover {
        background: #777;
        cursor: default;
        color: #999;
    }

.button {
    background: #0b5094;
    border: 2px #b70a0e solid;
    color: #fff;
    cursor: pointer;
    padding: 8px 12px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 300;
}

    .button:hover {
        background: #335577;
        color: #fff;
        text-decoration: none;
    }

    .button:active {
        background: #BA181B;
        color: #fff;
        text-decoration: none;
    }

::-webkit-input-placeholder {
    color: #ccc;
    font-size: 13px;
}

:-moz-placeholder {
    color: #ccc;
    font-size: 13px;
}

::-moz-placeholder {
    color: #ccc;
    font-size: 13px;
}

:-ms-input-placeholder {
    color: #666;
    font-style: italic;
}

.narrow {
    width: 25%;
}

    .narrow.extra {
        width: 21%;
    }

    .narrow.half {
        width: 50%;
    }

.checkbox-absolute {
    left: 0;
    position: absolute;
    top: 2px;
}

.form__rows-wrapper {
    clear: both;
}

.section--card {
    background: #ffffff;
    border: 1px solid #ededed;
    -webkit-border-radius: 55px;
    -moz-border-radius: 5px;
    border-radius: 30px;
    margin: 0 0 20px 0;
    /*overflow: hidden;*/
    padding: 20px 40px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}

    .section--card:after {
        clear: both;
        content: ' ';
        display: block;
    }

.section--inside {
    display: block;
    padding: 16px;
}

    .section--inside.vertical {
        padding-top: 4px;
    }

    .section--inside.no-bottom {
        padding-bottom: 0;
    }

    .section--inside.no-top {
        padding-top: 0;
    }

.section--light {
    background: #eeeeee;
}

.form__row {
    clear: both;
    min-height: 42px;
    padding: 6px 0 0 0;
}

.form__row--relative {
    padding: 0;
    position: relative;
}

    .form__row--relative .checkbox input,
    .form__row--relative .radiobutton input {
        left: 8px;
        position: absolute;
        top: 14px;
    }

    .form__row--relative .label,
    .form__row--relative .radiobutton label,
    .form__row--relative .checkbox label,
    .form__row--relative .title,
    .form__row--relative .radiobutton title,
    .form__row--relative .checkbox title {
        display: inline-block;
        padding: 16px 0 12px 36px;
        width: 100%;
    }

    .form__row--relative.with-info .label,
    .form__row--relative.with-info .title,
    .form__row--relative.with-info .radiobutton label,
    .form__row--relative.with-info .checkbox label {
        padding-right: 48px;
    }

    .form__row--relative.with-price .label,
    .form__row--relative.with-price .title,
    .form__row--relative.with-price .radiobutton label,
    .form__row--relative.with-price .checkbox label {
        padding-right: 60px;
    }

    .form__row--relative.with-info.with-price .label,
    .form__row--relative.with-info.with-price .title,
    .form__row--relative.with-info.with-price .radiobutton label,
    .form__row--relative.with-info.with-price .checkbox label {
        padding-right: 108px;
    }

    .form__row--relative .title {
        padding: 0 48px 12px 0;
    }

.form__row--active:hover .label,
.form__row--active:hover .radiobutton label,
.form__row--active:hover .checkbox label,
.form__row--active:hover .radiobutton.selected label,
.form__row--active:hover .checkbox.selected label {
    background: #cf3225;
    color: #ffffff;
    cursor: pointer;
}

.form__row--active .radiobutton.selected label,
.form__row--active .checkbox.selected label {
    background: #ebfaeb;
}

.form__row--active:hover .main-label {
    color: #ffffff;
}

td.form__row {
    height: 42px;
}

.form__row.narrow {
    min-height: 32px;
}

.form__data {
    line-height: 32px;
}

    .form__data.fat {
        font-size: 1.2em;
        font-weight: bold;
    }

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
    padding: 0 0 4px 0;
}

ol {
    margin: 0;
}

.price {
}

.bank-accounts th {
    background-color: #1F5F70; /* darker teal; #4BACC6 was 2.53:1 with white */
    color: white;
    border: 1px solid lightgray;
}

.bank-accounts td {
    border: 1px solid gray;
    padding: 2px;
    height: inherit;
}

.price--positioned {
    position: absolute;
    right: 44px;
    top: 16px;
}

.info__icon {
    background: transparent;
    padding: 0;
    border: 1px #bbbbbb solid;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    color: #999;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-family: "Georgia", serif;
    font-style: italic;
    font-weight: normal;
    line-height: 22px;
    margin: 3px 0 0 12px;
    text-align: center;
    text-decoration: none;
    width: 24px;
    height: 24px;
}

    .info__icon > span {
        font: inherit;
        font-size: 16px;
    }

.info__icon--positioned {
    position: absolute;
    right: 8px;
    top: 6px;
}

.info__icon:hover {
    background: #0b5094;
    border-color: #0b5094;
    color: #ffffff;
    text-decoration: none;
}

.info__icon:focus-visible {
    outline: 2px solid var(--color-link);
    outline-offset: 2px;
}

.form__row--active:hover .info__icon {
    border-color: #ffffff;
    color: #ffffff;
}

    .form__row--active:hover .info__icon:hover {
        background: #ffffff;
        color: #cf3225;
    }

.info__box {
    background: #f0f0f0;
    box-shadow: inset 0px 2px 6px rgba(0, 0, 0, 0.2);
    color: #555555;
    font-size: 0.9em;
    font-style: italic;
    line-height: 1.4em;
    margin: 0 0 4px 0;
    overflow: hidden;
    transition: height 0.15s;
    border-radius: 30px;
    display: none;
    margin-top: 10px;
}

    .info__box p {
        border-bottom: 1px #b3b3b3 solid;
        border-top: 1px #bbbbbb solid;
        margin: 0;
        padding: 10px 12px 16px 12px;
    }

    .info__box ul {
        margin: 1em;
    }

    .info__box li {
        padding: 0;
    }

.clear {
    clear: both;
}

.divider--top {
    border-top: 1px #bbbbbb solid;
}

.display--b {
    display: block;
}

.error-detail.display--b {
    display: block !important;
}

.display--i-b {
    display: inline-block;
}

.link--download {
    background: transparent url(../Images/download.gif) no-repeat 0 50%;
    padding-left: 18px;
}

.link--external {
    background: transparent url(../Images/ex_link.gif) no-repeat 0 50%;
    padding-left: 18px;
}

.float--none {
    float: none;
}

.half {
    /*clear:none;*/
    /*width:48%;*/
}

.left {
    /*float:left;*/
}

.right {
    /*float:right;*/
}

.float--left {
    float: left;
}

.float--right {
    float: right;
}

.scroll-horizontal {
    overflow-x: auto;
}

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

.relative {
    position: relative;
}

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

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

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

.text--important {
    color: #cf3225;
}

.text--em {
    font-size: 1.3em;
    font-weight: bold;
    padding-right: 8px;
}

.text--strong {
    font-size: 1.1em;
    font-weight: bold;
}

.text--light {
    color: #888888;
}

.form__row--active:hover .text--light {
    color: #eee;
}

.text--margins {
    margin: 0 4px;
}

.text--warning {
    background-color: #ff0000;
}

.security-pass {
    border-bottom: 2px #ED1C24 solid;
    text-align: right;
    color: #ed1c24;
}

.small,
.text--small {
    font-size: 0.9em;
}

.text--note {
    color: #777;
    font-style: italic;
}

.temp__hide {
    display: none;
}

/* *** ajax_tabs style overwrites *** */
.ajax__scroll_none {
    overflow: visible !important;
}

.ajax__tab_container {
    margin: 24px 0 100px 0;
}

.ajax__tab_xp .ajax__tab_body {
    background-color: inherit !important;
    border: none !important;
    font-family: inherit !important;
    font-size: inherit !important;
    margin: 0 auto;
    max-width: 650px;
    padding: 0 !important;
}

.ajax__tab_default .ajax__tab_header {
    white-space: normal !important;
}

.ajax__tab_header .ajax__tab {
    margin-top: auto !important;
}

.ajax__tab_xp .ajax__tab_header {
    background: transparent !important;
    bottom: 0;
    font-family: inherit !important;
    font-size: 1em !important;
    height: 56px !important;
    margin: 0;
    max-width: 650px;
    position: fixed;
    z-index: 10;
}

.ajax__tab_xp .ajax__tab_outer {
    background: none !important;
    border-left: 1px #ddd solid;
    height: auto !important;
    padding: 0 !important;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {
}

.ajax__tab_xp .ajax__tab_inner {
    background: none !important;
    padding: 0 !important;
}

.ajax__tab_xp .ajax__tab_tab {
    background: transparent !important;
    border-bottom: 3px transparent solid;
    color: #222222;
    height: 56px !important;
    font-weight: normal;
    line-height: 59px;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 10px !important;
}

    .ajax__tab_xp .ajax__tab_tab:hover {
        color: #cf3225;
    }

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
    border-bottom: 3px #cf3225 solid;
}

.ajax__tab_xp .ajax__tab_disabled .ajax__tab_tab {
    color: #A0A0A0;
    cursor: default;
}

.error-detail {
    color: var(--color-danger-text);
    display: inline-block;
    font-size: 0.9em;
    margin-left: 186px;
    padding-top: 4px;
    display: block;
}

    .error-detail:empty {
        display: none;
    }

.text--warning + .error-detail {
    max-height: 96px;
    opacity: 1;
    padding: 6px 0;
}

#divWaiting {
    position: fixed;
    background-color: transparent;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

#processingDiv {
    background-color: black;
    opacity: 0.8;
    position: fixed;
    top: 4px;
    left: 50%;
    display: none;
    width: 180px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    z-index: 20;
    color: white;
    padding: 10px;
    margin-left: -90px;
}

    #processingDiv span {
        font-size: 14px;
        font-weight: bold;
    }
/* *** quick messages *** */
.quick-messages {
    padding: 20px;
    font-size: 1.1em;
    background-color: #000;
    color: #fff;
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    opacity: .9;
}

.hidden {
    display: none;
}

.section-toggle {
    /* background:transparent; */
    border: none;
    cursor: pointer;
    display: block;
    float: left;
    height: 16px;
    margin: 0 6px 0 0;
    overflow: hidden;
    padding: 0;
    text-indent: -5555px;
    width: 16px;
}

/** TODO: colors! **/
.fancy-radios {
    display: none;
}

    .fancy-radios td {
        text-align: center;
    }

    .fancy-radios input[type=radio]:not(old) {
        display: none;
    }

    .fancy-radios label {
        background-color: red;
        border-radius: 50%;
        display: inline-block;
        height: 72px;
        padding: 18px 0 0 0;
        text-align: center;
        transition: all 0.3s;
        width: 72px;
    }

    .fancy-radios input[type=radio]:checked + label {
        background: blue;
    }

/* overriding default fontello.css styling */
[class^="icon-"]:before,
[class*=" icon-"]:before {
    line-height: inherit;
    margin: 0;
    text-decoration: none;
    width: auto;
}

.section--darker {
    background-color: #eee;
}

.main-icon__wrapper {
    /*display: inline-block;*/
    display: none;
    /*float: left;*/
    /*width: 15%;*/
}

.main-icon__section {
    background-color: #fff;
    border-left: 1px #ddd solid;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

    .main-icon__section h3 {
        padding: 0 0 8px 0;
    }

.main-icon {
    color: #333;
    font-size: 40px;
    text-align: center;
    display: block;
    line-height: 72px;
    vertical-align: top;
}

.form-data {
    line-height: 32px;
}

.special-admin .grid th,
.special-admin .grid td {
    padding: 4px;
}

ul.payment li {
    list-style-type: disc !important;
    margin-left: 20px !important;
}

/* platby */
.platba {
    display: inline-block;
    vertical-align: top;
    margin-right: 4%;
}

.platba-qr {
    display: inline-block;
    vertical-align: top;
    margin: 0px 60px;
}

.finish-message-ok {
    padding: 18px;
    padding-top: 32px;
    text-align: center;
    color: rgb(51,204,102);
    background-image: url("../Images/success.png");
    background-repeat: no-repeat;
    background-size: 122px 120px;
    height: auto;
    background-position: bottom;
    padding-bottom: 130px;
}

.finish-message-error {
    padding: 18px;
    padding-top: 32px;
    text-align: center;
    color: rgb(204,51,68);
    background-image: url("../Images/error.png");
    background-repeat: no-repeat;
    background-size: 120px 120px;
    height: auto;
    background-position: bottom;
    padding-bottom: 130px;
}

.small-button {
    background-color: #BA181B;
    border: 1px transparent solid;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 10px 12px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    float: right;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .small-button:hover {
        text-decoration: none;
        background: #A20D14;
        color: white;
    }

.hyperlink-button {
    vertical-align: top;
    padding-bottom: 11px;
}

.margin-left-8 {
    margin-left: 8px;
}

/* Custom checkbox */
.chbContainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 30px;
}

    .chbContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #FFF;
    border: 2px solid #DDD;
    border-radius: 4px;
}

.chbContainer:hover input ~ .checkmark {
    background-color: #FFF;
    border: 2px solid #DDD;
    border-radius: 4px;
}

.chbContainer input:checked ~ .checkmark {
    background-color: #FFF;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.chbContainer input:checked ~ .checkmark:after {
    display: block;
}

.chbContainer .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 11px;
    border: solid #e3000b;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Media */
@media all and (max-width: 760px) {
    .security-pass {
        clear: both;
        float: none;
    }

    .can-clear {
        clear: none;
        display: block;
    }

    .margin-left-label {
        margin-left: 0 !important;
    }

    .main-label.can-be-shorter {
        float: left;
        max-width: 130px;
    }

    .main-label.space-left,
    .margin-left-label,
    .space-left-12,
    .space-left,
    .margin-left-12 {
        margin-left: 0;
    }

    .titul .margin-left-12 {
        margin-left: 12px !important;
    }

    .relative .space-left {
        margin-left: 24px;
    }

    .half.border {
        border: none;
        padding-left: 0;
    }
}

@media all and (max-width: 620px) {
    .ajax__tab_xp .ajax__tab_header {
        left: -1px;
    }

    .float--left,
    .float--right {
        float: none;
    }

    .footer .float--left {
        float: left;
    }

    .footer .float--right {
        float: right;
    }

    .header__logo {
        display: block;
        margin: 0 auto;
    }

    .section--card {
        margin: 0 0 10px 0;
        border-radius: 0;
    }

    .user-input {
        width: 100%;
    }

        .user-input.narrow {
            width: 100%;
        }

            .user-input.narrow.extra {
                width: 100%;
            }

    .main-label {
        float: none;
        clear: both;
        max-width: 100%;
        padding-right: 0;
        text-align: left;
    }

    h2 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .half {
        width: 100%;
    }

        .half.border {
            border-left: none;
            padding-left: 0;
        }

    .bg-row {
        top: 142px;
    }

    .header__wrapper {
        height: 120px;
    }

    .mobile--hide,
    .mobile--reduce {
        display: none;
    }

    .ajax__tab_active .mobile--hide {
        display: inline-block;
        text-transform: capitalize;
    }

    .ajax__tab_xp .ajax__tab_tab {
        padding-left: 14px !important;
    }

    .ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
        /*padding-left: 12px !important;*/
    }

    h1.text-align--right {
        clear: both;
        display: block;
        font-size: 1.2em;
        text-align: center;
    }

    .badge {
        line-height: 56px;
        font-size: 1em;
        margin-right: 8px;
        margin-top: -8px !important;
        width: 56px;
    }

    .error-detail {
        margin: 0;
    }
}

/**
 * KPAS version uses the GlobalStyle.css only
 */
.section-toggle {
    background: url('../Images/expander-blue-open.png') no-repeat 50% 50%;
    margin-left: 2px;
    margin-top: 4px;
}
h3 .section-toggle {
    margin-top: 2px;
}
.collapsed .section-toggle {
    background: url('../Images/expander-blue-closed.png') no-repeat 50% 50%;
}
.section.collapsed h2:hover,
h2.accordion:hover {
    background-color: #eee;
}

.chbContainer .checkmark:after {
    border: solid #0b5094;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.button {
    border: 2px #0a4176 solid;
}

.button:active {
    background: #0a4176;
}