.reverted-cr-wrapper *,
.reverted-cr-wrapper *::before,
.reverted-cr-wrapper *::after {
    box-sizing: content-box !important;
}

.reverted-cr-wrapper input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.reverted-cr-wrapper span {
    font-size: 18px;
}

.reverted-cr-wrapper {
    display: flex !important;
    position: relative;
    padding-left: 42px;
    cursor: pointer;
    margin-bottom: 5px;
    line-height: 1 !important;
    height: 33px;
    align-items: center;
}

.reverted-cr-wrapper input[type="checkbox"] ~ .cr-input {
    position: absolute;
    top: 50%;
    left: 0;
    height: 30px;
    width: 30px;
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 0px;
    transform: translate(0, -50%);
}

.reverted-cr-wrapper input[type="radio"] ~ .cr-input {
    position: absolute;
    top: 50%;
    left: 0;
    height: 30px;
    width: 30px;
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 20px;
    transform: translate(0, -50%);
}

.reverted-cr-wrapper input[type="checkbox"] ~ .cr-input::after {
    content: "";
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background-color: #FFFFFF;*/
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20.707" height="16.18" viewBox="0 0 20.707 16.18"> <path id="Path_1299" data-name="Path 1299" d="M-9219.419-4058.562l7.9,5.951,10.74-13.165" transform="translate(9220.321 4066.725)" fill="none" stroke="%23ffffff" stroke-width="3"/> </svg>  ');
    background-repeat: no-repeat;
    background-position: center;

}


.reverted-cr-wrapper input[type="radio"] ~ .cr-input::after {
    content: "";
    position: absolute;
    display: none;
    left: 4px;
    top: 4px;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    background: #FFFFFF;
}

.reverted-cr-wrapper input:not(:checked) ~ .cr-input::after {
    display: block;
}

/*.reverted-cr-wrapper:hover input[type="checkbox"]:not([disabled]) ~ .cr-input{*/
/*    background: #F0F0F2;*/
/*    border-color: #000000;*/
/*}*/

/*.reverted-cr-wrapper:hover input[type="radio"]:not([disabled]) ~ .cr-input*/
/*{*/
/*    background: #F0F0F2;*/
/*    border-color: #000000;*/
/*}*/

.reverted-cr-wrapper input[type="checkbox"]:not(:checked) ~ .cr-input {
    background: #000000;
    border-color: #000000;
}


.reverted-cr-wrapper input[type="checkbox"]:disabled ~ .cr-input,
.reverted-cr-wrapper input[type="radio"]:disabled ~ .cr-input {
    opacity: 0.5;
    cursor: not-allowed;
}

.reverted-cr-wrapper input[type="checkbox"]:disabled ~ span,
.reverted-cr-wrapper input[type="radio"]:disabled ~ span {
    opacity: 0.5;
    cursor: not-allowed;
}

.reverted-cr-wrapper input[type="checkbox"]:disabled ~ .cr-input::after {
    background: #FFFFFF;
}

.reverted-cr-wrapper input[type="radio"]:disabled ~ .cr-input::after {
    background: #FFFFFF;
}

.reverted-cr-wrapper:hover input[type="checkbox"]:not([disabled]):checked ~ .cr-input {
    opacity: 0.7;
}

/*.reverted-cr-wrapper:hover input[type="radio"]:not([disabled]):checked ~ .cr-input {*/
/*    opacity: 0.9;*/
/*}*/
