.carteteca-form {
    width: 737px;
    margin: 0 auto;
}

.blue-line {
    margin: 35px 0 35px 0;
}

.carteteca-form h1 {
    font: normal normal normal 30px Temeraire;
    text-align: center;
}

.carteteca-form h2 {
    font: normal normal bold 20px Temeraire;
    text-align: center;
    margin: 60px 0 20px 0;
}

.carteteca-form p {
    font: normal normal normal 14px Temeraire;
    text-align: center;
}

.carteteca-form p.subtitle {
    font: normal normal bold 16px Lato;
    margin: 40px 0 20px 0;
}

.date-personale-first-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.date-personale-third-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.carteteca-form input[type="text"],
.carteteca-form input[type="number"] {
    width: 100%;
    display: block;
    border: 1px solid #9F9F9F;
    padding: 5px 18px 5px 18px;
    background-color: #fff;
    border-radius: 20px;
    font-size: 14px;
    margin: 20px 0 20px 0;
}

.carteteca-form input[type="number"] {
    width: 350px;
    margin: 0 0 0 0;
}

.carteteca-form input[type="radio"] {
    margin: 0 0 20px 0;
}

.carteteca-form input[type="number"].unitati-de-invatamant-elevi {
    width: 100%;
}

.carteteca-form input[type="number"].unitati-de-invatamant-elevi:active,
.carteteca-form input[type="number"].unitati-de-invatamant-elevi:focus {
    outline: none;
}

.carteteca-form input[type="number"]:active,
.carteteca-form input[type="number"]:focus {
    outline: none;
}

.carteteca-form input[type="text"].date-personale-nume {
    margin: 0 12px 0 0;
}

.carteteca-form input[type="text"].date-personale-telefon {
    margin: 0;
}

.carteteca-form input[type="text"].date-personale-email {
    margin: 0 12px 0 0;
}

.carteteca-form input[type="text"].date-personale-confirmare-email {
    margin: 0;
}

.carteteca-form input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #9F9F9F;
}

.carteteca-form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #9F9F9F;
}

.carteteca-form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #9F9F9F;
}

.carteteca-form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #9F9F9F;
}

input[type="text"].validationError,
input[type="email"].validationError,
.carteteca-form label.validationError,
.carteteca-form textarea.validationError {
    border-color: red;
    border-style: solid;
    color: red;
}

label {
    font: normal normal normal 14px Lato;
    line-height: 1.2;
    position: relative;
    top: -1px;
    margin: 0 0 0 10px;
}

.citySelect-ct .validationError {
    border-color: red;
}

.checkboxWrapper.validationError,
.autoExcludedGroup.validationError {
    border: 1px solid red;
    padding: 10px;
}

.overTheLimitCharacterCounter {
    color: red;
}

.carteteca-form textarea {
    height: 191px;
    font-size: 14px;
    color: #07245D;
    outline: none;
    border: 1px solid rgba(159, 159, 159, .3);
    border-radius: 19px;
    font-weight: 400;
}

.isCounter {
    font-size: 14px;
    display: flex;
    text-align: right;
    justify-content: flex-end;
}

.checkboxWrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 0 10px 0;
}

p.text-campuri-obligatorii {
    text-align: left;
    margin: 10px 0 20px 22px;
}

.carteteca-form p.long-text {
    width: 546px;
    margin: 40px auto;
    font: normal normal normal 16px Temeraire;
}

.carteteca-form p.long-textlato {
    width: 546px;
    margin: 40px auto;
    font: normal normal normal 14px Lato;
}

.aplic-btn {
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    outline: none;
    border: none;
    background-color: #fff;
    font-size: 16px;
    color: #fff;
    padding: 8px 0 8px 0;
    margin: 0 auto;
    border-radius: 19px;
    background-color: #07245D;
}

.svg-inline--fa.fa-w-14.aplic-btn-btn-arrow {
    position: absolute;
    right: 20px;
    font: normal normal normal 16px Lato;
}

.checkboxWrapper-ct {
    margin: 30px 0 0 0;
}

.carte-teca-header-participant-ct-background {
    background-color: #FDE0E7;
    height: auto;
    margin: 0;
}

.carte-teca-header-img-ct {
    position: relative;
    /* top: -95px; */
}

.numar-de-voturi-ct {
    max-width: 1124px;
    margin: 0 auto;
    display: flex;
    gap: 20px;
    margin: 35px 0 25px 0;
}

.numar-de-voturi-ct p {
    font: normal normal normal 20px Temeraire;
    margin: 0;
}

.participant-container h2 {
    font: normal normal normal 30px Temeraire;
    text-align: left;
}

.participant-container h3 {
    font: normal normal normal 20px Temeraire;
}

.prioada-votare-img-ct {
    position: absolute;
    width: 160px;
    height: 170px;
    right: 55px;
    top: -35px;
}

.participanti-pagination-ct p {
    font: normal normal normal 13px Lato;
    margin: 0;
}

.pages-ct p {
    font: normal normal normal 13px/15px Lato;
}

.participanti-pagination-ct {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 55px 0 0;
}

.pages-ct {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.pages-ct::-webkit-scrollbar {
    width: 12px;
}

.pages-ct::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.pages-ct::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.pages-ct p {
    margin: 0;
}

.pagination-num-active {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #d2e1fc;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}

.carte-teca-header-img-ct.participant-main-page-ct {
    /* top: -130px; */
    position: relative;
    max-width: 1124px;
    margin: 0 auto;
}

.participant-background-header-img-ct {
    position: relative;
}

.participant-background-header-img {
    background-color: #FDE0E7;
    height: 200px;
    position: absolute;
    width: 100%;
}

.count-vote {
    background-color: #fabbcb;
    padding: 2px 12px 0px 12px;
    border-radius: 14px;
}

.participant-vote-button-disabled-ct {
    position: relative;
    margin-top: 35px;
}

button.btn-vote {
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    border: none;
    background-color: #00205B;
    font: normal normal bold 25px Lato;
    color: #fff;
    padding: 5px 55px 8px 55px;
    margin: 40px 0 0 0;
    border-radius: 27px;
}

button.btn-vote.vote-button-disabled {
    background-color: #fff;
    color: #BFBFBF;
    border: 1px solid #BFBFBF;
}

button.btn-vote.vote-button-disabled:hover+.vote-button-disabled-hover-box-ct {
    display: flex;
}

.vote-button-disabled-hover-box-ct {
    position: absolute;
    left: 0;
    top: 65px;
    display: none;
    width: 252px;
    height: 59px;
    background-color: #e6f0ff;
    border-radius: 15px;
    padding: 10px 30px 10px 30px;
    justify-content: center;
    align-items: center;
    z-index: 2;
    box-shadow: 0 1px 0px 1px #f0f0f0;
}

.vote-button-disabled-hover-box-ct p {
    font: normal normal normal 12px Temeraire;
    margin: 0;
    text-align: center;
}

.vote-button-disabled-hover-box-ct::after {
    content: "";
    transform: translateX(-50%);
    left: 50%;
    top: -12px;
    position: absolute;
    z-index: 1;
    border-color: #e6f0ff transparent;
    border-style: solid;
    border-width: 0 25px 25px 25px;
    height: 0;
    width: 0;
}

.succes-vote {
    margin: 40px 0 0 0;
    background-color: #FABBCB;
    font: normal normal normal 25px Lato;
    display: inline-block;
    border-radius: 17px;
    padding: 0 25px 0 25px;
}

.inredistrare-select-country-ct {

    padding: 25px 0 0 0;
}

.countySelect-ct,
.citySelect-ct {
    position: relative;
    width: 100%;
    margin: 0 0 25px 0;
}

.countySelect-ct select,
.citySelect-ct select {
    position: relative;
    justify-content: center;
    align-items: center;
    width: 100%;
    outline: none;
    background-color: #fff;
    font-size: 14px;
    color: #07245D;
    padding: 8px 18px 8px 18px;
    font-weight: 400;
    border-radius: 20px;
    -webkit-appearance: none;
    margin: 0;
    border: 1px solid #9F9F9F;
}

.countySelect-ct::before,
.citySelect-ct::before {
    content: url(/resurse/img/static/categ-arrow-down-icon.png);
    position: absolute;
    right: 0;
    z-index: 1;
    width: 0;
    margin: 0 25px 0 0;
    height: 0;
}

/* START CARTETECA EMAIL VOT */
.carteteca-email-vote-wr {
    padding-right: 0 !important;
}

.carteteca-email-vote-close {
    display: flex;
    justify-content: flex-end;
}

.xCloseIcon {
    font-size: 18px;
    margin: 0 10px 0 0;
}

.carteteca-email-vote-text {
    font-size: 18px;
}

.carteteca-email-vote-link {
    font-size: 22px;
    background-color: #00205b;
    color: #fff;
    text-align: center;
    display: block;
    border-radius: 15px;
    margin: 15px 0 0 0;
}

.carte-teca-vote-wr {
    border: 1px solid #06235b;
    padding: 40px;
    margin-top: 40px;
    border-radius: 15px;
}

.cartetecaVoteContainer div {
    font-size: 18px;
    text-align: center;
    margin: 0 0 15px 0;
}

.carteteca-vote-form-ct {
    background-color: #E6F0FF;
    padding: 40px;
    border-radius: 15px;
}

.carteteca-vote-input-ct {
    display: flex;
    gap: 15px;
}

.form-title {
    font-size: 22px;
    color: #07245D;
    font-family: "Temeraire", Sans-sarif;
    text-align: center;
    margin: 15px 0 20px 0;
}

.carteteca-vote-input-ct input {
    flex-grow: 1;
    display: block;
    font-size: 14px;
    color: #00205b;
    border: 1px solid #fff;
    line-height: 2;
    position: relative;
    background-color: #fff;
    padding: 5px 18px 5px 18px;
    position: relative;
    background-color: #fff;
    border-radius: 20px;
    transition: initial;
    border: 1px solid rgba(159, 159, 159, .3);
    height: initial;
}

.carteteca-vote-input-ct input:active {
    color: #07245D;
    border: 1px solid #07245D;
}

.carteteca-vote-input-ct input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    font-size: 14px;
}

.carteteca-vote-input-ct input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 14px;
}

.carteteca-vote-input-ct input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 14px;
}

.carteteca-vote-input-ct input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 14px;
}

.placeholder-color::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #a0a0a0;
}

.placeholder-color:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #a0a0a0;
    opacity: 1;
}

.placeholder-color::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #a0a0a0;
    opacity: 1;
}

.placeholder-color:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #a0a0a0;
}

.cartetecaVoteContainer div.align-left {
    text-align: left;
    font-size: 14px;
    margin: 0;
}

.send-vote-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    border: none;
    background-color: #00205B;
    font: normal normal bold 18px Lato;
    color: #fff;
    padding: 5px 55px 8px 55px;
    margin: 20px 0 20px 0;
    border-radius: 27px;
}

.cartetecaVoteContainer div.last-msg {
    font-size: 14px;
    text-align: left;
    margin: 0;
}

.voteErrorContainer {
    text-align: left;
    color: #c5514b;
}

.carteteca-vote-email-sent {
    color: #0f5132;
    background-color: #d1e7dd;
    padding: 10px;
    border-radius: 15px;
    margin: 30px 0 0 0;
}

.email-succes-votDoiPasi {
    font: normal normal normal 18px Temeraire;
    text-align: left;
    color: #0f5132;
    background-color: #d1e7dd;
    padding: 10px;
    border-radius: 15px;
    margin: 30px 0 0 0;
}

.email-error-votDoiPasi {
    font: normal normal normal 18px Temeraire;
    color: #842029;
    background-color: #f8d7da;
    padding: 10px;
    border-radius: 15px;
    margin: 30px 0 0 0;
}

/* END CARTETECA EMAIL VOT */

@media (max-width: 737px) {
    .carteteca-form {
        width: 100%;
    }

    .date-personale-first-line {
        flex-direction: column;
    }

    .carteteca-form input[type="text"].date-personale-nume {
        margin: 0 0 20px 0;
    }

    .date-personale-third-line {
        flex-direction: column;
    }

    .carteteca-form input[type="text"].date-personale-email {
        margin: 0 0 20px 0;
    }

    .carteteca-form input[type="number"] {
        width: 100%;
    }

    .carteteca-form p.long-text {
        width: 100%;
    }

    .carteteca-form p.long-textlato {
        width: 100%;
    }

    .numar-de-voturi-ct {
        justify-content: center;
        align-items: center;
    }

    .numar-de-voturi-ct p {
        font-size: 18px;
        line-height: 1.2;
    }

    .participant-container h2 {
        font-size: 25px;
    }

    .participant-container h3 {
        font-size: 15px;
    }

    button.btn-vote {
        font-size: 20px;
    }

    .succes-vote {
        font-size: 15px;
        padding: 5px 25px 5px 25px;
        line-height: 1.2;
    }

    .participanti-pagination-ct {
        margin: 0;
    }

    /* START CARTETECA EMAIL VOT */

    .carte-teca-vote-wr {
        padding: 10px;
    }

    .cartetecaVoteContainer div {
        font-size: 16px;
    }

    .carteteca-vote-form-ct {
        padding: 10px;
    }

    .carteteca-vote-input-ct {
        flex-direction: column;
        gap: 5px;
    }

    .form-title {
        font-size: 16px;
    }

    .send-vote-btn {
        margin: 0 auto;
        margin-top: 10px;
    }

    .voteErrorContainer {
        font-size: 14px;
    }

    /* End CARTETECA EMAIL VOT */
}