@charset "utf-8";
/* CSS Document */

a:focus,
button:focus,
span:focus,
textarea:focus,
label:focus,
.checkmark:focus,
.checkmark_radio:focus,
.sees_ads:focus,
input:focus,
select:focus {
    /*border: 2px dashed black !important;*/
    outline: none !important;
    /*box-shadow: inset 0px 0px 5px rgba(220, 20, 60, 0.5) !important;*/
    border: 2px solid red !important;
    /*box-shadow: 0px 2px 7px #e3192d !important;*/
    /*outline-offset: 2px !important;*/
    /*outline: 2px solid green !important;*/
    /*transition: .3s;*/
    background-color: white;
}


.container input:focus-within ~ .checkmark {
    /*border: 2px dashed #e3192d !important;*/
    /*box-shadow: 0px 2px 7px #e3192d !important;*/
    /*box-shadow: inset 0px 0px 5px rgba(220, 20, 60, 0.5) !important;*/
    outline: none !important;
    border: 2px solid red !important;
}

.container_radio input:focus-within ~ .checkmark_radio {
    /*border: 2px dashed #e3192d !important;*/
    /*box-shadow: 0px 2px 7px #e3192d !important;*/
    box-shadow: inset 0px 0px 5px 2px rgba(220, 20, 60, 1) !important;
    outline: none !important;
}

.ui-slider .ui-slider-handle:focus {
    /*border: 2px dashed black !important;*/
    /*box-shadow: 0px 2px 7px #e3192d !important;*/
    box-shadow: inset 0px 0px 5px rgba(220, 20, 60, 0.5) !important;
}
input[type=tel]:focus, .select2-selection:focus {
    background-color: white !important;
}
input[type=submit]:focus{
    background-color: black !important;
}

input[type=range]:focus, input[type=submit]:focus {
    /*box-shadow: none !important;*/
    box-shadow: 0px 0px 2px #e3192d !important;
}

input[type=text]:focus:invalid,
input[type=email]:focus:invalid,
input[type=tel]:focus:invalid,
select:focus:invalid,
textarea:focus:invalid {
    border: 1px solid red;
    transition: .3s;
}

.btn {
    border: 2px solid transparent;
    transition: .3s;
}

.btn:focus {
    border: 2px solid red;
}

/*.formRow{*/
/*    overflow: unset !important;*/
/*}*/
.fa-info-circle:focus, .owl-prev:focus, .owl-next:focus {
    border-radius: 50% !important;
    box-shadow: 0px 2px 7px #e3192d !important;
    height: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #6B6B6B !important;
}

.tabs button {
    background: white;
    border: none;
    display: inline-block;
    padding: 12px;
    font-size: 18px;
    font-weight: bolder;
    border-bottom: #ccc 2px solid;
}

/*input[type=text]:valid,*/
/*input[type=email]:valid,*/
/*input[type=tel]:valid,*/
/*select:valid,*/
/*textarea:valid {*/
/*    border: 1px solid yellow !important;*/
/*    transition: .3s;*/
/*}*/

.link_accessibility:focus, .link_accessibility:focus-visible {
    border: none !important;
    box-shadow: none !important;
    color: red !important;
    transition: .3s;
}

.sliderContainer .inputSlider:disabled, .disabledSlider {
    opacity: 0.6 !important;
    user-select: none !important;
    pointer-events: none !important;
}

.date_picker {
    width: 100%;
    height: 43px;
    border: none;
    background-color: #f0f0f0;
    border-radius: 2px;
    color: #1e2a32;
    margin-top: 6px;
    padding: 7px 6px 9px 16px;
}

.currSelectedPlan {
    background-color: rgba(204, 204, 204, 0.5) !important;
    border: 1px solid rgba(128, 128, 128, 0.5) !important;
    border-top-right-radius: 7px !important;
    border-top-left-radius: 7px !important;
}


.checkbox_style {
    display: inline-block !important;
    margin-left: 8px;
    height: 34px;
}

.forms input[type="checkbox"] + label::before {
    content: unset !important;
}

.unselect {
    user-select: none;
    pointer-events: none;

}

.formRow .container {
    display: block;
    position: relative;
    padding-right: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    /*font-size: 22px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 7px;
    right: 0;
    height: 20px;
    width: 20px !important;
    background-color: #eee;
}
/*.checkmark:focus{*/
/*    border: 2px solid red !important;*/
/*}*/
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #282830;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

.forms input[type=checkbox] {
    display: unset !important;
}

/* to hide the checkbox itself */

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* The container */
.container_radio {
    display: block;
    position: relative;
    padding-right: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container_radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark_radio {
    position: absolute;
    top: 0;
    right: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container_radio:hover input ~ .checkmark_radio {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container_radio input:checked ~ .checkmark_radio {
    background-color: #282830;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark_radio:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container_radio input:checked ~ .checkmark_radio:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container_radio .checkmark_radio:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

@media (min-width: 768px) {

}

@media (min-width: 1200px) {

}