﻿:root {
    --deepblue: #2E2E47;
    --greyish: RGBA(31,42,55,.72);
    --redmain: #CD0028;
    --pinkish: #E13849;
}

#main-container span.field-validation-error {
    font-size: 13px;
    color: var(--pinkish);
    font-weight: 500 !important;
}

.pcg-text-link:hover{

    color: var(--pinkish);
}

#main-container input[type=text].input-validation-error,
#main-container input[type=email].input-validation-error,
.select2-enrollment.input-validation-error .select2-choice {
    /*border-color: #FF9898;*/
    border: solid 1px var(--pinkish) !important;
    font-weight: 500 !important;
}

    #main-container input[type=text].input-validation-error + label,
    #main-container input[type=email].input-validation-error + label,
    .select2-enrollment.input-validation-error .select2-choice {
        color: var(--pinkish) !important;
        font-weight: 500 !important;
    }

#main-container input[type=password].input-validation-error {
    border-color: var(--pinkish);
    font-weight: 500 !important;
}

    #main-container input[type=password].input-validation-error::placeholder,
    #main-container input[type=text].input-validation-error::placeholder {
        color: var(--pinkish);
        font-weight: 500 !important;
    }


.input-validation-error, span.state-error {
    border: solid 1px var(--pinkish);
    font-weight: 500 !important;
}


.bold {
    font-weight: 800 !important;
}

.medium {
    font-weight: 500;
}

.simpleText {
    color: var(--greyish) !important;
}

.simpleBoldText{
    font-weight: 800;
    color: var(--deepblue) !important;
}


.pcg-button-half-width-green {
    width: 100%;
    height: 32px;
    background-color: var(--redmain);
    color: white;
    border-radius: 500px;
    border: 1px solid;
    font-weight: 500 !important;
}

.pcg-button-half-width-green:hover {
    background-color: var(--backgroundColor, #fdfdff);
    border-color: var(--redmain);
    color: var(--redmain);
}

.pcg-button-half-width-white {
    width: 100%;
    height: 32px;
    border: 1px solid;
    border-radius: 4px;
    color: var(--redmain,#0EA593);
    border-color: var(--redmain,#0EA593);
    border-radius: 500px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

.pcg-button-half-width-white:hover {
    color: white;
    background-color: var(--redmain,#0EA593);
}

.switch-checkbox:checked + .switch-label, .switch-checkbox:checked + .switch-label:after {
    border-color: var(--redmain);
}

.paymentMethods-lbl {
    float: left;
    color: var(--deepblue) !important;
    padding-top: 9.2px;
    font-weight: bold;
}

.boldColoredText {
    color: var(--deepblue) !important;

}

.switch-switch {
    background: var(--redmain);

}
.switch-inner:before {
    color: var(--backgroundColor, #F5F5F5);
    background: var(--redmain);
}

.switch-inner:after{
    color: var(--greyish);
    font-weight: 500;
}
#main-container {
    color: var(--redmain);
}

.switch-checkbox:checked + .switch-label .switch-switch {
    background-color: var(--backgroundColor, #F5F5F5);
}


.pcg-subhead{
    color: var(--greyish) !important;
}

.pcg-field-text {
    color: var(--deepblue);
}

.glyphicon-info-sign{
    color: var(--deepblue);
}

ol.progress-meter li.doing:before {
    color: #6A6A90 !important;
}

ol.progress-meter li.doing {
    color: #6A6A90 !important;
    border-bottom-color: #6A6A90 !important; 
}

ol.progress-meter li.todo:before {
    color: #D2D6DB !important;
}

ol.progress-meter li.todo {
    color: #D2D6DB !important;
    border-bottom-color: #D2D6DB !important;
}

ol.progress-meter li.done:before {
    background-color: #459D0B !important;
}

ol.progress-meter li.done {
    border-bottom-color: #459D0B !important;
}

#langArrow{
    color: var(--redmain);
}

.setculture > .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    background-color: var(--pinkish);
}


.setculture > .dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover {
    background-color: var(--pinkish);
}

 .AILang:hover {
    background-color: var(--pinkish) !important;
}

#infoResumeIcon{
    color: var(--pinkish) !important;
}