/* Design 2022: base elements */

.classic-theme .base_button {
    font-family: Inter!important;
    font-style: normal!important;
    font-weight: 500!important;
    font-size: 16px!important;
    line-height: 36px!important;
    background: none!important;
    border: none!important;
    background-color: #F1F1F1!important;
    color: #DC423D!important;
    height: 38px!important;
    min-width: 56px;
    border-radius: 24px!important;
    box-shadow: none!important;
    padding: 5px 15px!important;
    text-shadow: none!important;
    text-decoration: none;
    cursor: pointer!important;
    display: inline-block;
}

.classic-theme .base_button.disabled{
    color: silver!important;
}

.classic-theme .base_button_small {
    padding: 5px 15px!important;
    font-size: 14px!important;
    line-height: 28px!important;
    height: 30px!important;
    min-width: 30px;
}

.classic-theme input.base_button_small{
    height: 40px!important;
}

.classic-theme .base_button_round{
    border-radius: 30px!important;
    padding: 5px!important;
}

.classic-theme .base_button:hover{
    background-color: #E4E4E4!important;
    border: none!important;
}

.classic-theme .base_button:active{
    background-color: #F1F1F1!important;
    border: none!important;
}

.classic-theme .base_button_red{
    color: white!important;
    background-color: #DC423D!important;
    border: none!important;
}

.classic-theme .base_button_red:hover{
    background-color: #CB3B37!important;
    border: none!important;
}

.classic-theme .base_button_red:active{
    background-color: #FA534E!important;
    border: none!important;
}

.classic-theme .base_button_white{
    color: #101010!important;
    background-color: white!important;
    border: none!important;
}

.classic-theme .base_button_border{
    background-color: white!important;
    border-radius: 6px!important;
    border: 1px solid #E4E4E4!important;
    color: #101010!important;
}

.classic-theme .base_button_border:hover{
    border: 1px solid #E4E4E4!important;
}

.classic-theme .base_button_border:active{
    border: 1px solid #E4E4E4!important;
}

.classic-theme .base_textarea {
    font-family: Inter!important;
    font-style: normal!important;
    font-weight: 500!important;
    font-size: 14px!important;
    line-height: 21px!important;
    color: #818181!important;
    background: #F1F1F1!important;
    border-radius: 4px!important;
    padding: 10px!important;
    outline: none!important;
    border: none!important;
}

.classic-theme .base_textarea:hover {
    background: #E4E4E4!important;
    outline: none!important;
    border: none!important;
}

.classic-theme .base_textarea:active,
.classic-theme .base_textarea:focus {
    background: #E4E4E4!important;
    outline:none!important;
    border: none!important;
}

.classic-theme .base_link {
    text-decoration: none!important;
}

.classic-theme .base_link:hover {
    text-decoration: underline!important;
}

.classic-theme .base_link_black {
    color: #101010!important;
    text-decoration: none!important;
    letter-spacing: 0px;
}

.classic-theme .base_link_black:hover{
    color: #101010!important;
    text-decoration: underline!important;
    letter-spacing: 0px;
}

.classic-theme .base_link_black:active{
    color: #818181!important;
    text-decoration: underline!important;
    letter-spacing: 0px;
}

.classic-theme .base_link_gray {
    color: #818181!important;
    text-decoration: none!important;
    letter-spacing: 0px;
}

.classic-theme .base_link_gray:hover{
    color: #818181!important;
    text-decoration: underline!important;
    letter-spacing: 0px;
}

.classic-theme .base_link_gray:active{
    color: #C4C4C4!important;
    text-decoration: underline!important;
    letter-spacing: 0px;
}

.classic-theme .base_link_red {
    color: #DC423D!important;
    text-decoration: none!important;
    letter-spacing: 0px;
}

.classic-theme .base_link_red:hover{
    color: #CB3B37!important;
    text-decoration: underline!important;
    letter-spacing: 0px;
}

.classic-theme .base_link_red:active{
    color: #FA534E!important;
    text-decoration: underline!important;
    letter-spacing: 0px;
}

.classic-theme .base_tag{
    background: #FFFFFF;
    font-size: 14px!important;
    line-height: 21px!important;
}

.classic-theme .base_tag:hover{
    background: #E4E4E4;
    border: 1px solid #E4E4E4!important;
}

.classic-theme .base_tag:active{
    background: #F1F1F1;
    border: 1px solid #F1F1F1!important;
}


.classic-theme .base_input {
    background-color: #F1F1F1;
    color: #101010;
    font-family: Inter!important;
    font-style: normal!important;
    font-weight: 500!important;
    font-size: 14px!important;
    line-height: 21px!important;
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
    border: none!important;
    box-shadow: none!important;
    outline: none!important;
    margin-bottom: 5px;
}

.classic-theme .base_input:hover{
    border: 0px #E4E4E4 solid!important;
    background-color: #E4E4E4;
    box-shadow: none!important;
    outline: none!important;
}

.classic-theme .base_input:active,
.classic-theme .base_input:focus{
    border: 0px #E4E4E4 solid!important;
    background-color: #E4E4E4;
    box-shadow: none!important;
    outline: none!important;
}

.classic-theme .base_select {
    background-color: #F1F1F1;
    color: #101010;
    font-family: Inter!important;
    font-style: normal!important;
    font-weight: 500!important;
    font-size: 14px!important;
    line-height: 21px!important;
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
    border: none!important;
    box-shadow: none!important;
    outline: none!important;
    margin-bottom: 10px;
/*
    appearance: none!important;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE1IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjk0NzM3NiAwTDAgMC45NDczNjdMNy4wNTI2MiA4TDcuMDUzOTUgNy45OTg2Nkw3LjA1NTI5IDhMMTQuMTA3OSAwLjk0NzM2N0wxMy4xNjA1IDBMNy4wNTM5NSA2LjEwNjU5TDAuOTQ3Mzc2IDBaIiBmaWxsPSIjNDM0MzQzIi8+Cjwvc3ZnPgo=) no-repeat 98% 15px #F1F1F1;
*/
    min-height: 20px;
}

.classic-theme .base_select:hover{
    border: 0px #E4E4E4 solid!important;
    background-color: #E4E4E4;
    box-shadow: none!important;
    outline: none!important;
    /* appearance: none!important; */
}

.classic-theme .base_select:active,
.classic-theme .base_select:focus{
    border: 0px #E4E4E4 solid!important;
    background-color: #E4E4E4;
    box-shadow: none!important;
    outline: none!important;
    /* appearance: none!important; */
}

.classic-theme .base_select:opened{
    /* background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE1IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjk0NzM3NiA4TDAgNy4wNTI2M0w3LjA1MjYyIDBMNy4wNTM5NSAwLjAwMTMzNTYyTDcuMDU1MjkgMEwxNC4xMDc5IDcuMDUyNjNMMTMuMTYwNSA4TDcuMDUzOTUgMS44OTM0MUwwLjk0NzM3NiA4WiIgZmlsbD0iIzQzNDM0MyIvPgo8L3N2Zz4K) no-repeat 98% 18px #F1F1F1; */
}

.classic-theme .base_radiobox {
    margin-bottom: 5px;
    margin-left: 0px;
}
.base_radiobox input[type=radio] {
    display: none;
}
.classic-theme .base_radiobox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 35px;
    margin-right: 0;
    line-height: 18px;
    user-select: none;
    margin-left: 0px;
    font-family: Inter!important;
    font-style: normal!important;
    font-weight: 500!important;
}

.classic-theme .base_radiobox label:before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 24px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgcng9IjExLjUiIGZpbGw9IiNGMUYxRjEiLz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgcng9IjExLjUiIHN0cm9rZT0iI0U0RTRFNCIvPgo8L3N2Zz4K) no-repeat 0px 0px;
}

.classic-theme .base_radiobox label:hover:before {
      background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiNFNEU0RTQiLz4KPC9zdmc+Cg==) no-repeat 0px 0px;
}
 
/* Checked */
.classic-theme .base_radiobox input[type=radio]:checked + label:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiNGN0UyRTEiLz4KPHJlY3QgeD0iNCIgeT0iNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iOCIgZmlsbD0iI0RDNDIzRCIvPgo8L3N2Zz4K) no-repeat 0px 0px;
}
 
.classic-theme .base_radiobox input[type=radio]:checked + label:hover:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiNGN0UyRTEiLz4KPHJlY3QgeD0iNCIgeT0iNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iOCIgZmlsbD0iI0NCM0IzNyIvPgo8L3N2Zz4K) no-repeat 0px 0px;
}
 
/* Disabled */
.classic-theme .base_radiobox input[type=radio]:disabled + label:before {
    filter: grayscale(100%);
}

.classic-theme .base_checkbox {
    position: absolute;
    opacity: 0;
}

.classic-theme .base_checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    width: auto!important;
    text-align:left;
    margin-bottom: 5px;
    margin-left: 0px;
    font-family: Inter!important;
    font-style: normal!important;
    font-weight: 500!important;
    font-size: 14px!important;
    line-height: 21px!important;
    color: #101010!important;
}

.classic-theme .base_checkbox+label::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 24px;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: left center;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgcng9IjMuNSIgZmlsbD0iI0YxRjFGMSIvPgo8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIzIiByeD0iMy41IiBzdHJva2U9IiNFNEU0RTQiLz4KPC9zdmc+Cg==) no-repeat 0px 0px;
    /*background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgcng9IjMuNSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgcng9IjMuNSIgc3Ryb2tlPSIjRTRFNEU0Ii8+Cjwvc3ZnPgo=) no-repeat 0px 0px;  */
}

.classic-theme .base_checkbox:checked+label::before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgZmlsbD0iI0RDNDIzRCIvPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSI0IiBmaWxsPSIjREM0MjNEIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcuMTMyOSA5LjAyODA4TDEwLjE2MSAxNkw2IDExLjgzOUw3LjAyODA4IDEwLjgxMDlMMTAuMTYxIDEzLjk0MzhMMTYuMTA0OCA4TDE3LjEzMjkgOS4wMjgwOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat 0px 0px;  
}

.classic-theme .base_checkbox+label:hover:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 24px;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: left center;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgZmlsbD0iI0RDNDIzRCIvPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSI0IiBmaWxsPSIjRTRFNEU0Ii8+Cjwvc3ZnPgo=) no-repeat 0px 0px;
}

.classic-theme .base_checkbox:checked+label:hover:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgZmlsbD0iI0RDNDIzRCIvPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSI0IiBmaWxsPSIjQ0IzQjM3Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcuMTMyOSA5LjAyODA4TDEwLjE2MSAxNkw2IDExLjgzOUw3LjAyODA4IDEwLjgxMDlMMTAuMTYxIDEzLjk0MzhMMTYuMTA0OCA4TDE3LjEzMjkgOS4wMjgwOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat 0px 0px;  
}

.base_checkbox_prefix{
    width: 20%;
    display: inline-block;
    height: 10px;
    float: left;
    margin-right: 7px;
}

.phone .base_checkbox_prefix{
    width: 0%;
    display: inline-block;
    height: 10px;
    float: left;
    margin-right: 0px;
}