/** showing of options in select box */

.select select.ng-valid {
    color: #005593;
}

select.grayed.ng-valid {
    color: #aeaeae;
}

option {
    color: #005593;
}

option:disabled {
    color: #aeaeae;
}

textarea:focus, input:focus {
    outline: 0;
}

/** fix for too long input */

.page1.inner .part4 .input-control .input {
    width: 145px;
}

/** display of unchecked services in output */

.output.unch:before {
    content: '\e003';
}

.output.unch {
    margin: 5px 0;
}

.chgroup .output.unch {
    display: block;
}

.employerContributionLine > div:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 1px;
    height: 245px;
    background: #dcdcdc;
}

.employerContributionLineOverview > div:after {
    height: 210px;
}

.output.unch:before {
    display: inline-block;
    font: normal normal normal 14px/1 'icons';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 3px;
    margin-right: 10px;
}

/** error bubbles */

.input-control.required > input.ng-invalid.ng-touched,
.input > input.ng-invalid.ng-touched,
.contract > input.ng-invalid.ng-touched,
.select > select.ng-invalid.ng-touched {
    color: #eb1d23;
}

.warning-msg, .notification-msg, .show-warning.warning-msg {
    position: absolute;
    top: 90%;
    left: 12px;
    padding: 0 9px;
    height: 27px;
    line-height: 27px;
    background: #ebad23;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    white-space: nowrap;
    z-index: 50;
}

.warning-msg:before, .notification-msg:before, .show-warning.warning-msg:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 6px;
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    display: inline-block;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #ebad23 transparent;
    z-index: 50;
}

.suggestor-help:before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 6px;
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    display: inline-block;
    border-width: 5px 5px 0px 5px;
    border-color: #CEEBF9 transparent transparent transparent;
    z-index: 50;
}

.uploader-error-msg {
    position: absolute;
    top: 5%;
    left: 130px;
    padding: 7px 9px;
    background: #eb1d23;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    white-space: nowrap;
}

.uploader-error-msg:before, .error-msg-dry:before {
    content: '';
    position: absolute;
    top: 8px;
    left: -10px;
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    display: inline-block;
    border-width: 5px 5px 5px 5px;
    border-color: transparent #eb1d23 transparent transparent;
}

form:not(.ng-submitted) input.ng-pristine.ng-untouched ~ .checkbox-error-msg,
form:not(.ng-submitted) .ng-untouched.ng-pristine + .error-msg,
form:not(.ng-submitted) .ng-untouched.ng-pristine + .error-msg:before,
form:not(.ng-submitted) .ng-untouched.ng-pristine + validation-messages .error-msg,
form:not(.ng-submitted) .ng-untouched.ng-pristine + validation-messages .error-msg:before,
form:not(.ng-submitted) input.ng-pristine ~ .warning-msg:not(.show-warning),
form:not(.ng-submitted) input.ng-pristine ~ .warning-msg:not(.show-warning):before,
form:not(.ng-submitted) input:not([type='checkbox']).ng-untouched ~ .warning-msg,
form:not(.ng-submitted) input:not([type='checkbox']).ng-untouched ~ .warning-msg:before,
.select > select.ng-untouched ~ .warning-msg:not(.show-warning),
.select > select.ng-untouched ~ .warning-msg:not(.show-warning):before,
.select > select.ng-pristine ~ .warning-msg,
.select > select.ng-pristine ~ .warning-msg:before {
    display: none;
}

.custom-error-msg,
.error-msg.radio.errorVisible,
.ng-invalid.ng-touched + .error-msg,
.ng-invalid.ng-dirty + .error-msg,
.ng-invalid.ng-dirty + validation-messages .error-msg,
.ng-invalid.ng-touched + validation-messages .error-msg,
form.ng-submitted .ng-invalid + .error-msg {
    position: absolute;
    top: 90%;
    left: 12px;
    padding: 7px 9px;
    background: #eb1d23;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    white-space: nowrap;
}

.custom-error-msg:before,
.error-msg.radio.errorVisible:before,
.ng-invalid.ng-touched + .error-msg:before,
.ng-invalid.ng-dirty + .error-msg:before,
.ng-invalid.ng-touched + validation-messages .error-msg:before,
.ng-invalid.ng-dirty + validation-messages .error-msg:before,
form.ng-submitted .ng-invalid + .error-msg:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 6px;
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    display: inline-block;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #eb1d23 transparent;
}

.error-msg.radio {
    visibility: hidden;
}

.error-msg.radio.errorVisible {
    top: 104%;
    left: -4px;
    visibility: visible;
}

.personal-identification {
    height: 56px;
}

.title > .error-msg-dry, .error-parent > .error-msg-dry {
    position: absolute;
    margin-left: 5px;
    margin-top: -4px;
    display: inline-block;
    padding: 7px 9px;
    background: #eb1d23;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    white-space: nowrap;
}

.tax-savings-info-msg {
    position: absolute;
    margin-top: 30px;
    margin-left: -50px;
    display: inline-block;
    padding: 7px 9px;
    background: #CEEBF9;
    color: #808080;
    font-size: 13px;
    border-radius: 2px;
    white-space: nowrap;
}

.tax-savings-info-msg:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 6px;
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    display: inline-block;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #CEEBF9 transparent;
}

.tax-savings-info-msg-left {
    position: absolute;
    margin-top: 45px;
    margin-left: -130px;
    display: inline-block;
    padding: 7px 9px;
    background: #CEEBF9;
    color: #808080;
    font-size: 13px;
    border-radius: 2px;
    white-space: nowrap;
}

.tax-savings-info-msg-left:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 6px;
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    display: inline-block;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #CEEBF9 transparent;
}

.error-msg, .checkbox-error-msg {
    z-index: 99;
    font-family: "franklin-gothic-urw", Arial;
}

.warning-msg {
    z-index: 98;
    font-family: "franklin-gothic-urw", Arial;
}

.checkbox-error-msg.ng-active:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 6px;
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    display: inline-block;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #eb1d23 transparent;
}

.checkbox-error-msg.ng-active {
    position: absolute;
    top: 1.6em;
    left: -4px;
    padding: 0 9px;
    height: 27px;
    line-height: 27px;
    background: #eb1d23;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    white-space: nowrap;
}

.checkbox-error-msg.ng-active.pps-checkbox {
    top: 25px;
    left: 26px;
}

.input-control.pair,
.input-control.pair2 {
    overflow: visible;
}

/** Adding required marker to required fields. */
.content.inner .side legend.required:after,
.box.type1 h3.required:after {
    content: '*';
    margin-left: 3px;
}

/** Fixes in communication services - better formatting of email and phone number */

form .row .colx4 .row, form .row .colx2 .row {
    margin: 0 0 17px;
}

form .row .colx4 .input-control, form .row .colx2 .phone, form .row .colx2 .email  {
    margin: 9px 0 21px 0;
}

/** Fixes for required changes */

form .row .colx2 {
    width: 240px;
}

form .row .colx2 .phone .input{
    width: 182px;
}

/** List formatting without class */
.dotted ul li {
    position: relative;
    margin: 0 0 20px;
    padding-left: 16px;
    line-height: 1.4;
    font-size: 15px;
}

.dotted ul li:before {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #005593;
}

input[type=range]::-ms-tooltip {
    display: none;
}

.static.hp.inner {
    background-color: #ffffff;
    min-height: 600px;
}

.hp.inner h2 {
    font-size: 22px;
}

.hp.inner h3 {
    font-size: 18px;
    font-weight: normal;
    border-top: 1px solid #dcdcdc;
    padding-top: 10px;
}

.checkbox input:disabled:checked ~ .text {
    color: #7faac9;
}

/** tooltips in other fields */
label.with-help {
    white-space: nowrap;
    display: inline-block;
}

label.with-help > .help.left {
    white-space: normal;
}

/** font in client contrib in overview was different than in strategy */
.output.asinput span {
    font-size: 18px;
}

/** font in client contrib in personal was smaller then requested */
.input-control .input input.big {
    font-size: 18px;
}

/** Red border around bank code in firefox */
.select select {
    box-shadow: none;
}

.inner.hp {
    min-height: 600px;
}

/** extra pages - login, checkout, contact form */
.row.contact-form-field {
    margin: 0px 0 0px 0;
    margin-right: -25px;
}

.input-control.contact-form-field {
    display: inline-block;
    padding: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 245px;
}

.input-control.password .input,
.input-control.access-key .input {
    width: 50%;
}

.input-control.access-key label,
.input-control.password label {
    margin-top: 20px;
}

.input-control.checkout {
    display: inline-block;
    padding: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 245px;
}

.input-control.client-id {
    display: inline-block;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 350px;
}

/** password buttons */
.password-buttons {
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    header.main .buttons .btn {
        width: 140px;
        text-align: center;
        margin-bottom: 12px;
    }

    .btn.checkout {
        line-height: 20px !important;
        padding: 10px !important;
        min-height: auto !important;
        margin-right: 5px !important;
    }
}

.password-buttons .required {
    display: inline-block;
    padding: 0 20px 20px;
    text-align: center;
}

.password-buttons .required span:after,
.right.required.fixed span:after {
    content: '*';
    margin-left: 5px;
    color: #808080;
}

.right.required.fixed {
    text-align: right;
    color: #808080;
}

/* Graph right side styling */
@media screen and (max-width: 768px) {
    .right.required.fixed {
        float: right;
    }

    #guardianForm {
        margin-top: 48px;
    }
}

#bigger-header {
    color: #808080;
    font-size: 20pt;
}

.textarea {
    margin-bottom: 20px;
}

.textarea textarea {
    width: 100%;
    height: 200px;
    display: block;
    margin: 0;
    border: 1px solid #dcdcdc;
    padding: 11px;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    box-sizing: border-box;
    font-size: 15px;
    font-family: "franklin-gothic-urw", Arial;
    color: #005593;
    resize: vertical;
}

.success h3 {
    margin: 0 0 15px;
    padding: 0 0 17px;
    font-size: 16px;
    color: #00b400;
    border-bottom: 1px solid #dcdcdc;
}

header.main .buttons .btn {
    width: auto;
}

.btn.selectedTab {
    background: #66c600;
    cursor: pointer;
}

.btn.visitedTab {
    background: #FFAD01;
    cursor: pointer;
}

.btn.partner.main.selectedTab {
    background: #66c600;
    cursor: pointer;
}

.success h3:before {
    display: inline-block;
    font: normal normal normal 14px/1 'icons';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 14px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #fff;
    border: 1px solid #07b607;
    border-radius: 50%;
    content: '\e002';
}

/** Photo size on page 8 */
.side.file-manager {
    min-height: 474px;
}

/** Co byste měli vědět velikost */
h3.opener {
    font-size: 22px;
}

.page1.inner .part1 legend:after,
.page1.inner .part2 legend:after {
    content: '*';
    display: none;
    margin-left: 3px;
    color: #808080;
    font-weight: normal;
}

/** Text below the modelation summary */
.items.text {
    font-size: 14px
}

/** wider tooltip */
.wide.help div {
    width: 500px;
}

/** Help text is always aligned to the left */
.help div {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
}

/** Smaller image in static pages */

@media screen and (min-width: 769px) {
    .hp-small.inner {
        min-height: 600px;
        padding-right: 460px;
        width: 1200px;
    }

    .hp-small.inner h2 {
        margin-top: 10px;
        margin-right: -40px;
        font-size: 42px;
        line-height: 44px;
    }
}

/** Color of contact address legends in overview page */
legend.gray {
    color: #808080
}

/** Required mark in invalid pension */
.chgroup .title:after {
    content: '';
    display: inline-block;
    margin-left: 5px;
    color: #808080;
}

.question-error-msg {
    position: absolute;
    top: 90%;
    left: -6px;
    padding: 0 9px;
    height: 27px;
    line-height: 27px;
    background: #eb1d23;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    white-space: nowrap;
    z-index: 99;
}

.question-error-msg:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 6px;
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    display: inline-block;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #eb1d23 transparent;
    z-index: 99;
}

.item.remove {
    cursor: pointer;
}

.invisible {
    display: none
}

.help.opened {
    position: relative;
    z-index: 8999;
}

.help div cms-get:before,
.help div span p:before {
    position: absolute;
    top: 0px;
    right: 5px;
    transition: all 200ms;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    content: "\00D7";
    z-index: 100;
}

.output {
    padding-right: 10px;
}

.output-inline-value span {
    display: inline;
}

.graph aside.lengend ul li b.own-clr {
    color: rgb(101,205,207);
}

.graph aside.lengend ul li b.own-clr.partner {
    color: #77c8ee;
}

.graph aside.lengend ul li b.state-clr {
    color: rgb(2,134,97);
}

.graph aside.lengend ul li b.state-clr.partner {
    color: #66c600;
}

.graph aside.lengend ul li b.employer-clr {
    color: rgb(117,145,171);
}

.graph aside.lengend ul li b.employer-clr.partner {
    color: #aeaeae;
}

.graph aside.lengend ul li b.interest-clr {
    color: rgb(40,112,237);
}

.graph aside.lengend ul li b.interest-clr.partner {
    color: #ffae00;
}

.graph footer ul li.own-clr:before {
    border-color: rgb(101,205,207);
}

.graph footer ul li.own-clr.partner:before {
    border-color: #77c8ee;
}

.graph footer ul li.state-clr:before {
    border-color: rgb(2,134,97);
}

.graph footer ul li.state-clr.partner:before {
    border-color: #66c600;
}

.graph footer ul li.employer-clr:before {
    border-color: rgb(117,145,171);
}

.graph footer ul li.employer-clr.partner:before {
    border-color: #aeaeae;
}

.graph footer ul li.interest-clr:before {
    border-color: rgb(40,112,237);
}

.graph footer ul li.interest-clr.partner:before {
    border-color: #ffae00;
}

.graph .graph-wrapper .tooltip {
    background: #f5f8fa;
}

.graph {
    width: auto;
    max-width: 737px;
}

.interest-clr {
    color: rgb(40,112,237);
}

.interest-clr.partner {
    color: #ffae00;
}

.employer-clr {
    color: rgb(117,145,171);
}

.employer-clr.partner {
    color: #aeaeae;
}

.state-clr {
    color: rgb(2,134,97);
}

.state-clr.partner {
    color: #66c600;
}

.own-clr {
    color: rgb(101,205,207);
}

.own-clr.partner {
    color: #77c8ee;
}

.gray {
    color: #aeaeae;
}

.cmsblue {
    color: #005593;
}

.links .cell.news a:hover {
    text-decoration: underline;
}

.alert {
    margin-bottom: 1px;
}

.alert-block {
}

.spin-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(73, 73, 73, 0.3);
    z-index: 9999;
}

.suggestor, .searching-notification {
    position: absolute;
    width: 100%;
    z-index: 100;
    left: -1px;
    background-color: white;
    border: 1px solid lightgray;
}

.suggestor div, .searching-notification div {
    padding: 11px;
    cursor: pointer
}

.suggestor div.selected {
    background-color: lightblue;
}

.end-of-line {
    float: right;
}

.call-me-back-button {
    padding: 30px;
}

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

.button-right a {
    margin-right: 25px;
}

@media screen and (max-width: 767px) {
    .button-right > a {
        position: relative;
        width: auto;

        text-align: center;
    }
}

.login-info {
    text-align: left;
    margin-top: 30px;
    width: 100%;
}

.help.end-of-line div {
    left: -246px;
}

.help.end-of-line div:before {
    position: absolute;
    top: 10px;
    right: -6px;
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    content: '';
    display: inline-block;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #808080;
}

.page1.inner .graph-box {
    display: inline-block;
    overflow: inherit;
}

.model-actions > .text.price {
    display: block;
    text-align: center;
}

.model-actions .total {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 14pt;
}

.model-actions .surrender {
    margin: -20px -22px 30px 0;
}

.help.right.below div {
    top: 1.8em;
    left: -215px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.help.right.below div:before {
    position: absolute;
    top: -6px;
    right: 5px;
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    content: '';
    display: inline-block;
    border-width: 0px 6px 6px 6px;
    border-color: transparent transparent #808080 transparent;
}

.help.right.below div:after {
    position: absolute;
    top: 0;
    right: 5px;
    content: "\00D7";
}

.hspace {
    display: block;
    min-height: 28px;
}

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

    .moved-buttons a {
        display: block;
        text-align: center;
        margin: 5px 0 5px 0;
    }

    .moved-buttons callbackbutton a {
        margin: 0;
    }

    .hspace {
        display: block;
        min-height: 0px;
    }
}

/** Fixed behavior of help messages for multiline texts from WCM */
.help > div > cms-get > p, .help > div > js-cms-get > p {
    margin: 0px;
    line-height: normal;
}

@media screen and (min-width: 769px) {
    .help.end-of-line div {
        left: 30px;
    }

    .help.end-of-line div:before {
        position: absolute;
        top: 10px;
        left: -6px;
        width: 0;
        height: 0;
        background: 0;
        border-style: solid;
        content: '';
        display: inline-block;
        border-width: 6px 6px 6px 0;
        border-color: transparent #808080 transparent transparent;
    }

    .page1.inner .actions {
        padding-left: 0;
    }

    .page1.inner .part legend {
        margin: 0px;
    }

    .moved-buttons {
        position: relative;
        left: 0;
    }

    .model-actions > .text.price {
        display: block;
        text-align: right;
    }

    .model-actions .total {
        margin-top: 40px;
        font-size: 18pt;
        display: block;
    }

    .model-actions .surrender {
        margin-right: 0;
        font-size: 14pt;
    }

}

@media screen and (min-width: 769px) {
    .page1.inner .part1 .input-control.inline.day,
    .page1.inner .part1 .input-control.inline.day > .select {
        max-width: 78px;
        margin-right: 24px;
        margin-top: 0px;
    }

    .day, .month, .year {
        float: left;
    }

    .birthday .year {
        float: none;
    }

    .page1.inner .part1 .input-control.inline.month,
    .page1.inner .part1 .input-control.inline.month > .select {
        width: 110px;
        margin-right: 23px;
        margin-top: 0px;
    }

    .page1.inner .part1 .input-control.inline.year,
    .page1.inner .part1 .input-control.inline.year > .select {
        width: 88px;
        margin-top: 0px;
    }

    .page1.inner .part1 .input-control .name {
        width: 140px;
        margin-right: 24px;
    }

    .page1.inner .part1 .input-control .surname {
        width: 140px;
    }

    .page1.inner .part1 .input-control .login {
        width: 106px;
    }

    .page1.inner .part1 .row {
        margin-bottom: 10px;
    }

}

/*
*   Hambuger menu - bylo by lepsi to rovnou upravit v main.css
*/
@media screen and (max-width: 1174px) {
    body {
        padding-top: 100px;
    }

    nav.main {
        position: fixed;
        top: 0;
        left: 0;
        padding: 0 10px;
        width: 100%;
        height: 105px;
        line-height: 50px;
        box-sizing: border-box;
        background: #fff;
        z-index: 9000;
    }

    nav.main .menu-button {
        display: block;
    }

    nav.main .menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        background: #e7eff1;
        z-index: 20;
        margin: 0;
        overflow-y: auto;
    }

    nav.main .menu ul {
        margin: 0;
        padding: 0 10% 0 10%;
        height: 50px;
        line-height: 50px;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        list-style: none;
    }

    nav.main .logo.ps:after {
        background-size: 93px 40px;
    }

    nav.main .menu ul li {
        display: block;
        border-top: 1px solid #dcdcdc;

    }

    nav.main .menu a {
        display: block;
        color: #005492;
        font-weight: bold;
    }

    nav.main .logo.cs {
        display: none;
        width: 78px;
        height: 34px;
        line-height: 34px;
    }

    nav.main .logo.ps {
        height: 40px;
        line-height: 40px;
    }
}

@media screen and (min-width: 767px) {
    .name-surname .row .col4 {
        width: 130px;
    }

    .name-surname .row .col5 {
        max-width: 170px;
    }
}

.name-surname .input-control > label:first-child {
    font-size: 18px;
}

header.main.gd.partner {
    background: linear-gradient(to bottom, #e5e2cf 0%, #f7f8f2 100%);
}

main.gd.partner {
    background: linear-gradient(to bottom, #faf6d9 0%, #eeefef 100%);
}

header.main.partner {
    background: linear-gradient(to bottom, #e5e2cf 0%, #f7f8f2 100%);
}

/*
.btn.partner {
    background: #808080;
}
*/
.btn.partner.main {
    background: #FFAD01;
}

.btn.partner.main[disabled] {
    background: #f1bc4c !important;
}

.btn.green.partner {
    background: #609000;
}

main.partner {
    background: #f7f8f2;
}

nav.main .menu a.partner {
    color: #080808;
}

.callbackContainer {
    position: fixed;
    bottom: 0px;
    right: 10%;
    z-index: 999;
    height: 60px;
    width: 340px;
}

.callbackContainer.partner {
    display: inline-block;
    position: inherit;
}

.callbackContainer.partner a {
    float: none;
}

.callbackContainer a {
    float: left;
}

.callbackContainer a:hover {
    text-decoration: none;
}

.floatingButtonToQuestions {
    top: auto;
    text-transform: uppercase;
    display: inline-block;
    height: 60px;
    line-height: 58px;
    background-color: #0cb43f;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    border: none;
    padding-left: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 45px);
    box-sizing: border-box;
    border-top-left-radius: 0.4rem;
}

.floatingButtonToQuestions.partner {
    text-transform: none;
    border-radius: 0;
    overflow: inherit;
    max-width: inherit;
    height: 56px;
    padding-right: 32px;
}

@media screen and (max-width: 768px) {
    .floatingButtonToQuestions.partner {
        width: 100%;
        text-align: center;
        padding: 0 0px;
    }

    .callbackContainer.partner {
        display: block;
    }

    .callbackContainer.partner a {
        float: right;
    }
}

.closeFloatingBtn {
    bottom: 0px;
    font-size: 25px;
    display: inline-block;
    padding: 0 16px;
    height: 60px;
    line-height: 58px;
    color: #fff;
    text-decoration: none;
    background-color: #0cb43f;
    border-top-right-radius: 0.4rem;
}

.closeFloatingBtn:hover {
    text-decoration: none;
}

.closeFloatingBtn:before {
    transition: all 200ms;
    text-decoration: none;
    color: white;
    content: "\00D7";
}

.closeFloatingBtn:hover {
    background: #0cb43f;
}

.closeFloatingBtn:hover:before {
    color: #ec1c23;
}

.floatingButtonToQuestions.openFloatingBtn {
    position: fixed;
    right: 0px;
    top: 80%;
    padding: 0 16px;
    z-index: 999;
    border-bottom-left-radius: 0.4rem;
}

.floatingButtonToQuestions i {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    cursor: pointer;
    border: 2px solid white;
    background: #0cb43f;
    color: white;
}

.employerContributionContainer {
    margin-top: 30px;
}

.employerContributionContainer .employerContributionLabel {
    margin: 0 6px;
}

#empCont {
    display: block;
    margin-top: 30px;
    float: left;
    position: relative;
}

div.employerElement div {
    display: inline-block;
    float: left;
    position: relative;
    width: 175px;
}

div.employerElement div span {
    width: 140px;
}

div.employerElement.output {
    max-width: 400px;
}

@media screen and (min-width: 769px) {

    form .row .colx5 {
        width: 70px;
    }

    form .row .space {
        padding-right: 15px;
    }

    form .row .colx6 {
        width: 215px;
    }

    .page1.inner .separator.part5 {
        margin-left: 33.33333%;
        margin-right: 30px;
    }
}

/** Separation of gender radiobuttons into new column */

.personal-identification .radio-group {
    top: 0px;
    margin-left: 0px;
}

.personal-identification .input {
    margin-right: 8px;
    width: 105px;
}

.personal-identification .input + .input {
    margin-left: 7px;
    margin-right: 0px;
    width: 80px;
}

/** Added new datepicker component */

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    visibility: hidden;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0;
}

.ui-widget, .ui-widget select {
    font-family: "franklin-gothic-urw", Arial;
    color: #005593;
}

.ui-widget-content .ui-state-default {
    color: #808080;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    border: 1px solid #c5c5c5;
    background: #e7eff1;
}

.input-control .input.date input {
    z-index: 98;
}

/** Phone numer */

nav.main .phoneNumber {
    display: inline-block;
    width: 150px;
    font-size: 15px;
    line-height: 70px;
    margin-left: 35px;
    color: #005492;
    font-weight: bold;
}

.help em {
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    text-align: center;
    font-style: normal;
    font-size: 11px;
    cursor: pointer;
    border: 1px solid #005593;
    background: #fff;
    color: #005593;
}

@media screen and (max-width: 1174px) {
    nav.main .phoneNumber {
        line-height: 50px;
    }
}

/** changes of css for the ppsp */
.page1.inner .part5 .checkbox .control {
    top: 5px;
}

.page1.inner .part5 .checkbox input:enabled+.control {
    border: 2px solid #005593;
}

.page1.inner .part5 legend, .page1.inner .part6 legend {
    margin: 0;
    max-width: 500px;
    height: auto;
}

.page1.inner .part5 .input-control .input {
    width: 200px;
}

.page1.inner .part6 .input-control .input {
    width: 125px;
}

.page1.inner .part5 .input-control, .page1.inner .part6 .input-control {
    margin-top: 0;
}

.page1.inner .part5:after, .page1.inner .part6:after {
    content: none;
}

@media screen and (min-width: 769px) {
    .page1.inner .part5, .page1.inner .part6 {
        width: 45%;
    }
}

.disclaimer {
    font-size: 13px;
    margin-top: 10px;
}

.graph aside.lengend > b {
    top: 246px;
}

.page1.inner .part1 .input-control .transition {
    margin-bottom: 10px;
}

.input-control-contract {
    margin-bottom: 10px;
}

.input-control-contract label {
    margin-right: 35%;
}

.input-control-contract .contract {
    margin-top: 10px;
    position: relative;
    display: inline-block;
    width: 250px;
    background: #f7f7f7;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    vertical-align: middle;
}

.input-control-contract .contract input {
    display: block;
    margin: 0;
    padding: 11px;
    width: 100%;
    border: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    box-sizing: border-box;
    font-size: 15px;
    font-family: "franklin-gothic-urw", Arial;
    color: #005593;
}

.input-control-contract .contract span {
    position: absolute;
    top: 90%;
    left: 12px;
    padding: 7px 9px;
    background: #eb1d23;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    white-space: nowrap;
}

/** Formatting of WCM sc_34747.xml */
.single-row {
    position: relative;
    width: 100%;
}

ul.cms-funds-list {
    padding-left: 20px;
    list-style: circle;
}

.help.line-end {
    position: absolute;
    left: 260px;
    top: 3px;
}

hr.separator.invisibleLine {
    border-color: white;
    background-color: white;
    color: white;
}

hr.table-box-separator {
    margin: 0;
    padding: 0;
    height: 0;
    border: 1px solid #dddddd;
}

.input-control .input.transition {
    width: 170px;
}

/** workaround to level textbox fields with output fields */

.top-margin.output {
    margin-top: 5px;
}

/** workaround to center tooltip icon next to labels */
label > .help {
    margin-top: 0px;
}

/*
==============================================
*/

.pagination__box {
    display: flex;
    text-align: right;
    justify-content: space-between;
}

.pagination__item {
    align-self: center;
    padding-right: 25px;
}

.pagination__item--positiong {
    flex-grow: 0.08;
}

.pagination__list-of-pages {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.pagination__list-item {
    margin: 5px;
    border: 1px solid transparent;
    cursor: pointer;

}

.pagination__page-number {
    width: 50px;
    padding: 5px;
}

.pagination__page-number:hover {
    border: 1px solid #dddddd;
    border-radius: 50px;
}

.pagination__page-number--active {
    border-radius: 50px;
    color: #fff;
    background: rgb(255, 173, 1);
}

.pagination__contrants-on-page {
    display: inline-flex;
    justify-content: space-between;
    flex-grow: 0.8;
}

.pagination__select-label {
    white-space: nowrap;
    padding-top: 10px;
    padding-right: 10px;
}

.pagination__select--sizing {
    width: 100px;
}

.nav-with-search__box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.nav-with-search__tab-group {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    border-bottom: 1px solid #dddddd;
}

.nav-with-search__tab {
    padding: 15px 10px 10px 10px;
    cursor: pointer;
    text-align: center;
    vertical-align: baseline;
    border: 1px solid #dddddd;
    border-bottom: transparent;
    border-radius: 15px 15px 0px 0px;
}

.nav-with-search__tabs-line {
    width: 200px;
}

.nav-with-search__tab--active {
    background: rgb(255, 173, 1);
    color: #fff;
    border: 1px solid rgb(255, 173, 1);
    border-radius: 15px 15px 0px 0px;
}

.nav-with-search__box .nav-with-search__tab-group .nav-with-search__tab a {
    color: inherit;
    text-decoration: none;
}

.nav-with-search__box .nav-with-search__tab-group .nav-with-search__tab a:link {
    color: inherit;
    text-decoration: none;
}

.nav-with-search__box .nav-with-search__tab-group .nav-with-search__tab a:visited {
    color: inherit;
    text-decoration: none;
}

.nav-with-search__box .nav-with-search__tab-group .nav-with-search__tab a:hover {
    color: inherit;
    text-decoration: none;
}

.nav-with-search__box .nav-with-search__tab-group .nav-with-search__tab a:active {
    color: inherit;
    text-decoration: none;
}

.nav-with-search__input-search {
    width: 450px;
    align-self: center;
    display: flex;
}

.nav-with-search__input-search--textPosition {
    padding-top: 10px;
}

.nav-with-search__search-icon:hover {
    cursor: pointer;
}

.transfer-box {
    display: flex;
    flex-direction: column;
}

.transfer-box__item {
    flex-direction: row;
}

.transfer-inputs-box {
    display: flex;
    flex-direction: row;
    padding-left: 30px;
}

.transfer-inputs-box__item {
    padding: 0px 50px 0px 0px;
}

.transfer-inputs-box__item--rowing {
    display: flex;
    justify-content: space-between;
}

#transfer-inputs-box__item--noMargin {
    margin-top: 0px;
}

#dpsContractTransfer {
    width: 200px;
    height: 40px;
}

.searching-box {
    display: flex;
    justify-content: center;
    flex-direction: row;
    border: 1px solid #dddddd;
    margin-bottom: 40px;
}

.searching-box__item {
    padding: 30px;
}

.searching-box__search-btn--positioning {
    padding-top: 100px;
}

.tables-wrapper {
    display: flex;
    flex-direction: column;
}

.tables-wrapper__group {
    display: flex;
    justify-content: space-around;
    padding: 10px
}

.tables-wrapper__group-with-side-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.tables-wrapper__group-with-side-section .tables-box__column {
    display: flex;
    flex-direction: column;
    width: 850px;
    min-width: 400px;
}

table.table-box__inline {
    width: 100%;
    display: inline-table;
}

.table-box {
    border: 1px solid #dddddd;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.table-box--flex-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.table-box--yellow {
    background: #faf6d9;
}

.table-box--noBorder {
    border: none;
}

.table-box--inner {
    border: none;
    display: flex;
    flex-direction: column;
}

.in-table-separator {
    margin-top: 15px;
    margin-bottom: 15px;
    column-span: all;
    border-bottom: 1px solid #dddddd;
    border-collapse: collapse;
}

.in-table-pop {
    padding: 5px;
}

.in-table-separator__no-border-bottom {
    border-bottom: none;
}

.table-box.table-box__service-page--sizing {
    width: 500px;
}

.table-box__header {
    display: block;
    background: #dddddd;
    color: black;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
}

.table-box__action-group {
    display: flex;
    flex-direction: column;
    align-self: center;
}

.table-box__actions--centered {
    display: flex;
    justify-content: center;
}

.table-box__header-with-arrow {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.sales .table-box__table-item,
.call-me-back .table-box__table-item {
    padding: 10px 10px 10px 0;
}

.table-box__table-item {
    padding: 10px;
}

.table-box__table-changes-date-pop {
    padding: 3px;
    text-align: center;
    width: 125px;
    white-space: nowrap;
}

.table-box__table-changes-text-pop {
    padding: 3px;
    text-align: left;
    white-space: nowrap;
}

.table-box__table-item--vertical-align-top {
    vertical-align: text-top;
}

.table-box__profile-radio-item {
    padding-left: 50px;
}

.table-box__textbox--sizing {
    width: 200px;
}

.table-box__select--sizing {
    width: 300px;
}

.table-box__input--sizing {
    width: 55px;
}

.table-box__value--color {
    color: #005593;
}

.table-box__value--fontSize {
    font-size: 16px;
}

.table-box__text-attention {
    color: #eb1d23;
    font-size: 18px;
}

.table-box_text--highlight {
    font-size: 22px;
}

.table-box__text--rightAlign {
    text-align: right;
}

.table-client-info {
    display: flex;
    flex-direction: row;
    padding-bottom: 40px;
}

.table-client-info__item {
    padding-right: 40px;
    justify-content: space-between;
}

.table-client-info__special-info {
    width: 300px;
}

.table-client-info__special-info-text--color {
    color: red;
}

.side-box {
    display: flex;
    flex-direction: column;
}

.side-box__item {
    width: 220px;
    padding-bottom: 15px;
}

.table-box__name-of-the-action {
    color: #005593;
    cursor: pointer;
    padding: 5px 5px 5px 10px;
}

.table-box__name-of-the-action:hover {
    cursor: pointer;
}

.table-box__campaign-paragraph {
    padding: 0 10px 10px 25px;
    margin: 0;
}

.table-box__table-item--warningMsg {
    color: #eb1d23;
}

.modification-diff-checkbox-onChange {
    color: #F57C00;
}

.checkbox.modification-diff-checkbox-onChange input:disabled + .control:after {
    color: #EF6C00;
}

.checkbox.modification-diff-checkbox-onChange input:disabled ~ .text {
    color: #EF6C00;
}

.checkbox.modification-diff-checkbox-onChange input:disabled:checked ~ .text {
    color: #EF6C00;
}

.diff--default span {
    color: #005593;
}

.output span.diff--onChange {
    color: #F57C00;
}

.diff--onChange {
    color: #F57C00;
}

.output span.diff--default {
    color: #005593;
}

.output span.diff--onDelete {
    color: #F57C00;
}

.diff--onDelete {
    color: #F57C00;
    text-decoration: line-through;
}

.root-logged-form {
    display: flex;
    flex-direction: column;
    padding: 30px;
}

.root-logged-form__column-item {
    display: flex;
    flex-direction: row;
}

.root-logged-form__row-item {

    padding: 10px 30px 10px 0px;
}

#clientIsForeigner {
    align-self: flex-end;
    padding-bottom: 35px;
}

.root-logged-form__row-item--graph {
    width: 45%;
}

.root-logged-form__row-item--date {
    padding-left: 70px;
    padding-top: 10px;
}

.root-logged-form__header {
    font-size: 22px;
    color: #005593;
}

#graph-input--width {
    width: 120px;
}

.graph-employer-contribution {
    font-size: 16px;
    text-align: center;
    padding: 12px;
}

.buttons-box {
    display: flex;
    justify-content: center;
}

.buttons-box__btn {
    margin-left: 5px;
}

.input-control .input.meetingPlace {
    width: 100%;
}

.form .row .colx3 {
    width: 302px;
}

.textarea-free-request__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
}

.textarea-free-request__text-editor {
    width: 95%;
    resize: vertical;
}

.overlay .profile-popup {
    width: 90%;
    min-height: auto;
    max-height: calc(100% - 20px);
    position: fixed;
    overflow-y: auto;
}

#profilePopup {
    text-align: left;
}

.input-control .text {
    height: 42px;
}

.input-control .text div {
    padding-top: 10px;
}

.insurance-number .input {
    width: 214px;
}

header.pesHeader {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-align-content: stretch;
    align-content: stretch;
}

header.pesHeader.partner {
    background: linear-gradient(rgb(238, 239, 239) 0%, rgb(250, 246, 217) 100%);
}

.pesHeader .pesButtons {
    display: flex;
    justify-content: flex-end;
}

.pesButtons .btn {
    margin-right: 2px;
}

.pesButtons .btn .search-btn-icon {
    padding-right: 10px;
}

.side-box__show-btn {
    display: none;
}

.side-box__show-btn {
    display: none;
}

.side-box__show-btn .side-box__show-btn-text {
    display: none;
}

.table--noMargin {
    margin-bottom: 0;
}

.show-all-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 5px;
}

.show-all-box__btn {
    height: 30px;
    cursor: pointer;
}

.content > aside .items.button-center {
    display: flex;
    justify-content: center;
}

@media screen and (min-width: 769px) {
    .hide-on-desktop {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    header.pesHeader {
        display: flex;
        flex-direction: column;
        flex-flow: column;
        justify-content: space-between;
    }

    header .text {
        margin-left: 20px;
    }

    header .inner .btn {
        width: 95%;
        margin: 1px 0px 1px 0px;
    }

    header.pesHeader .pesButtons .btn.fa {
        width: 10%;
        text-align: center;
        margin-right: 5px;
    }

    header.pesHeader .pesButtons {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        text-align: left;
        max-width: 90%;
        padding: 20px;
        flex-direction: column-reverse;
    }

    header.pesHeader .pesButtons .navigation-buttons {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    header.pesHeader .pesButtons .navigation-buttons .navigation-btn {
        width: auto;
        text-align: center;
        margin-right: 2px;
        cursor: default;
    }

    .searching-box {
        display: flex;
        flex-direction: column;
        padding: 20px;
        margin-top: 10px;
    }

    .searching-box .input-control .input {
        width: 100%;
    }

    .searching-box .searching-box__item {
        padding: 0px;
    }

    .searching-box .searching-box__item.searching-box__search-btn--positioning {
        text-align: center;
    }

    .searching-box .searching-box__item.searching-box__search-btn--positioning .btn {
        width: 150px;
    }

    .tables-wrapper {
        display: flex;
        flex-direction: column;
    }

    .tables-wrapper__group {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .table-box.table-box__service-page--sizing {
        width: auto;
    }

    .nav-with-search__box {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        margin-bottom: 40px;
    }

    .nav-with-search__input-search {
        width: 100%;
        display: flex;
    }

    .pagination__box {
        display: flex;
        text-align: right;
        flex-direction: column-reverse;
        justify-content: space-between;
    }

    .pagination__item {
        align-self: center;
    }

    .pagination__item--positiong {
        align-self: flex-end;
        padding-bottom: 20px;
    }

    .pagination__list-of-pages {
        display: flex;
        justify-content: space-between;
        text-align: center;
    }

    .pagination__list-item {
        margin: 5px;
        border: 1px solid transparent;
        cursor: pointer;
    }

    .side-box {
        display: none;
    }

    .side-box {
        display: flex;
        flex-direction: row;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        background: linear-gradient(rgb(238, 239, 239) 0%, rgb(250, 246, 217) 100%);
        width: 100%;
        max-height: 400px;
    }

    .side-box__item {
        width: 50%;
        padding-bottom: 0;
        overflow-y: auto;
    }

    .side-box::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 14px;
        height: 14px;
    }

    .side-box::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 3px solid #fff;
        background-color: rgba(0, 0, 0, .3);
    }

    .side-box__item .table-box {
        border: none;
    }

    .side-box__item .table-box .table-box__header {
        position: absolute;
        width: 100%;
        background: #FFAD01;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        cursor: pointer;
    }

    .side-box__item .table-box .table-box__header-with-arrow span {
        padding-right: 20px;
    }

    .side-box__item .table-box .table-box__name-of-the-action {
        padding: 25px;
    }

    .side-box__show-btn {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 36px;
        border-top: 1px solid black;
        background: #FFAD01;
        text-align: center;
        z-index: 999;
        color: black;
        cursor: pointer;
    }

    .side-box__show-btn .side-box__show-btn-text {
        display: block;
        color: black;
        padding: 8px;
        font-weight: bold;
    }

    .table-client-info {
        display: flex;
    }

    .table-client-info td {
        display: inline-table;
    }

    .table-box {
        display: flex;
        flex-direction: column;
        font-size: 14px;
    }

    .table-box .table-box__table-item .output span {
        font-size: 14px;
    }

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

    .show-all-box {
        display: flex;
        justify-content: flex-end;
    }

    .show-all-box .show-all-box__btn {
        margin: 0;
    }

    .root-logged-form {
        padding: 0px;
    }

    .root-logged-form__row-item {
        padding-right: 0px;
    }

    .root-logged-form__column-item {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    #clientIsForeigner {
        padding-top: 40px;
        align-self: flex-start;
    }

    .root-logged-form__row-item--date {
        padding: 10px 0 0 0;
    }

    .transfer-box {
        margin-left: 15px;
    }

    .transfer-inputs-box {
        display: flex;
        flex-wrap: wrap;
    }

    .root-logged-form__row-item--graph {
        width: 100%
    }

    .row_convert-jps {
        display: flex;
        flex-wrap: wrap;
    }

    .table-box__action-group {
        display: flex;
        flex-direction: row;
        align-self: left;
    }

    #clientIsForeigner {
        padding-right: 10px;
    }
}

.table-item__hide-on-large-screen {
    display: none;
}

@media screen and (max-width: 768px) {
    table {
        overflow-x: auto;
        overflow-y: hidden;
    }

    table::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 14px;
        height: 14px;
    }

    table::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 3px solid #fff;
        background-color: rgba(0, 0, 0, .3);
    }

    .table-item__hide-on-large-screen {
        display: table-cell;
    }
}

.input-control .input.contributions-eds {
    width: 80%;
}

.table > tbody > tr:nth-of-type(odd).invalid-modification {
    background-color: #3b3b3b;
    opacity: 0.3;
    color: #ffffff;
}

.row_convert-jps {
    display: flex;
    justify-content: space-between;
}

.row_convert-jps > div {
    margin-right: 5px;
}

.input-control .input.contract-number-jps {
    width: 197px;
}

.table td.finished-modifications-detail--no-padding,
.table td.payouts-detail--no-padding {
    padding: 0;
}

.rowing-other-browsers {
    margin: 0px;
}

select::-ms-expand {
    display: none;
}

.conversion-title {
    color: #005593;
    font-size: 22px;
    padding-bottom: 10px;
    margin-top: -5px;
}

.title-help {
    margin-top: -7px;
}

.textbox1 {
    padding-top: 10px;
}

ul.cms-funds-list li.single-row > cms-get span p, ul.cms-funds-list li.single-row > js-cms-get span p {
    margin-top: 0px;
    margin-bottom: 0;
    width: 240px;
    display: inline-block;
}

input:focus ~ spell-checker-notification {
    display: block;
}

input ~ spell-checker-notification {
    display: none;
}

cms-get span p, .line-height-normal, js-cms-get span p {
    line-height: normal;
}

finished-contracts-detail .table-box__table-item {
    vertical-align: baseline;
}

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

.show-slide-content {
    display: block;
}

.hide-slide-content {
    display: none;
}

/**
Hide of arrows in input number
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.default-cursor {
    cursor: default;
}

#addAssignedPerson {
    display: inline;
}

#addAssignedPerson button,
assigned-person + button,
readonly-guardian fieldset legend b.big {
    margin-bottom: 35px;
}

.new-client .meetingPlace,
.new-client handling-guardian-select .select {
    margin-bottom: 33px;
}

.flex-box-row {
    display: flex;
    flex-direction: row;
}

.list-mark.flex-box-row {
    display: block;
}

.flex-box-column {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 768px) {
    .mobile-flex-column {
        display: flex;
        flex-direction: column;
    }
}

.overview-meeting-place-guardian-select {
    width: 390px;
}

.table-item-padded {
    padding: 20px;
    padding-right: 40px;
}

.right-column-employer-contribution {
    padding: 0 0 0 30px;
    position: relative;
    float: left;
}

.high-priority-message {
    background-color: #f0f29e !important;
    width: 97%;
    margin: 2px 0;
}

.custom-required.required > div:first-child:after {
    content: '*';
    display: inline-block;
    margin-left: 5px;
    color: #808080;
}

.checkbox-paragraph cms-get span p:nth-child(1), .checkbox-paragraph js-cms-get span p:nth-child(1) {
    margin-top: 0;
}

/** Adding long-cms-warning class will modify all warnings in child components.
  * - whitespaces in cms-get-text span content will be wrapped
  * - warning-msg class will have fixed width and padding, line-height will be set to default.
 **/
.long-cms-warning .warning-msg,
.long-cms-warning .notification-msg {
    padding: 9px 10px 9px 10px;
    line-height: inherit;
    width: 978px;
    height: 45px;
}

.long-cms-warning cms-get-text span, .long-cms-warning cms-get-text span {
    white-space: pre-wrap;
}

.action-icon {
    padding-right: 0;
    width: 26px;
}

.finished-modifications-detail--no-padding .table-box__name-of-the-action {
    padding: 0;
    margin-right: 10px;
}

.table-actions .table-box__name-of-the-action {
    padding: 0;
}

.k4-type-of-contract cms-get span p {
    font-size: 16px;
}

.keep-white-space {
    white-space: pre-wrap;
}

.tax-savings-warn-msg {
    position: absolute;
    margin-top: 30px;
    margin-left: -50px;
    display: inline-block;
    padding: 7px 9px;
    background: #ebad23;
    color: white;
    font-size: 13px;
    border-radius: 2px;
    white-space: nowrap;
}

.tax-savings-warn-msg:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 6px;
    width: 0;
    height: 0;
    background: 0;
    border-style: solid;
    display: inline-block;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #ebad23 transparent;
}