/* =====================    АЛКОТЕСТЕР ОНЛАЙН ================================= */

  .waiting__zone {
	max-width: 500px;
	margin: 0 auto;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 540px) {
	.waiting__zone {
		max-width: 300px;
	}
}

@media (max-width: 400px) {
	.waiting__zone {
		max-width: 250px;
	}
}

  .alcotester {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    padding-right: 7px;
}

@media (max-width: 520px) {
	.alcotester {
		padding: 0 2px;
	}
}

.alcotester__h3 {
    margin: 0;
    padding: 5px 0;
    text-align: center;
    background: #4fa501;
	color: #fff;

}

.alcotester__intro-zone {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 610px) {
    .alcotester__intro-zone {
        flex-wrap: wrap;
        justify-content: center;
    }

    .alcotester__intro-text {
    	text-indent: 15px;
    	margin-top: 10px;
    }
}

.alcotester__intro-img {
    width: 200px!important;
    height: auto;
    margin-right: 20px;
}

.alcotester__descr {
	text-align: center;
    width: 100%;
}

/* слой для разделов инпутов - серая рамка */
.alcotester__inputs-area {
    padding: 20px 30px;
    border: 1px solid #e6e4e4;
    border-radius: 2px;
    width: 100%;
    margin-bottom: 10px;
}

.alcotester__inputs-area input,
.alcotester__inputs-area select {
    border: 1px solid rgb(204, 203, 203);
    border-radius: 5px;
    padding: 10px;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 20px;
    width: 100%;
}

@media (max-width: 460px) {
    .alcotester__inputs-area {
        padding: 10px 00px;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        border-radius: 0;
    }
}

.alcotester__sex-zone {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
}

@media (max-width: 520px) {
	.alcotester__sex-zone {
		justify-content: space-between;
	}
}

.alcotester__sex-zone input  {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
}

.alcotester__sex-zone-men,
.alcotester__sex-zone-women {
    width: 200px;
    margin: 0 10px;
}

@media (max-width: 520px) {
	.alcotester__sex-zone-men,
	.alcotester__sex-zone-women {
		width: 49%;
		margin: 0;
	}
}

.alcotester__input-men,
.alcotester__input-women {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px;
    border: 1px solid rgb(204, 203, 203);
    border-radius: 50px;
    padding-left: 45px;
    font-size: 20px;
    background-color: white;
    cursor: pointer;
}


.alcotester__input-men:hover,
.alcotester__input-men:focus,
.alcotester__input-women:hover,
.alcotester__input-women:focus {
    background-color: #fff;
    color: #000;
}

.alcotester__input-men::before,
.alcotester__input-women::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 10px;
    margin-top: -16px;
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/img/123.png);
    background-size: 70%;
    background-repeat: no-repeat;
    background-color: white;
    background-position: center;
    border-radius: 50%;
}

.alcotester__input-women::before {
    background-image: url(/img/234.png);
}

.alcotester__sex-zone input:checked + label {
    color: white;
    background: #8b2121; /* Old browsers */
 
    border: 1px solid #CCCBCB;
}

@media (max-width: 340px) {
    .alcotester__input-men,
    .alcotester__input-women {
        font-size: 15px;
    }
}

.alcotester__hw-zone {
    width: 100%;
    display: flex;
    justify-content: center;
}

.alcotester__hw-zone label {
    display: block;
    margin-bottom: 10px;
}

@media (max-width: 520px) {
	.alcotester__hw-zone input {
		height: 50px;
    	font-size: 25px;
	}
}

.alcotester__height,
.alcotester__weight {
    width: 200px;
    margin: 10px;
}

/* ЗОНА НАПОЛНЕННОСТИ ЖЕЛУДКА */
.alcotester__snack-area {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.alcotester__snack-area-input-zone {
    width: 100%;
    display: flex;
    justify-content: center;
}

@media (max-width: 420px) {
    .alcotester__snack-area-input-zone {
        flex-direction: column;
    }
}

.alcotester__snack-input-zone input {
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    display: none;
}

.alcotester__snack-input-zone label {
    text-align: center;
    padding: 10px 20px;
    border: 1px solid rgb(204, 203, 203);
    border-radius: 50px;
    font-size: 20px;
    background-color: white;
    cursor: pointer;
    margin: 0 5px;
}

@media (max-width: 420px) {
    .alcotester__snack-input-zone label {
        margin: 1px;
    }
}

.alcotester__snack-input-zone input:checked + label {
    color: white;
    background: #8b2121; /* Old browsers */
   
    border: 1px solid #CCCBCB;
}

/* КОНЕЦ ЗОНА НАПОЛНЕННОСТИ ЖЕЛУДКА */

/* ЗОНА ВРЕМЕНИ */

.alcotester__time-p {
    text-align: center;
    font-size: 20px;
}

.alcotester__time-now-zone {
    display: flex;
    align-items: center;
    justify-content: center;
}

.alcotester__nowTime-input-zone input {
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    position: absolute;
}

.alcotester__nowTime-input-zone label {
    width: auto;
}

.alcotester__time-end-btns-zone {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.alcotester__sub-btn {
    border: 1px solid #e6e4e4;
    border-radius: 5px;
    padding: 7px 10px;
    color: gray;
    background-color: transparent;
    margin: 5px;
}

.alcotester__sub-btn:hover,
.alcotester__sub-btn:focus {
    border: 1px solid #000;
    color: #000;
}

.alcotester__time-now-btn-check-zone {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.alcotester__time-now-change-zone {
    margin-bottom: 30px;
}

.alcotester__time-now-btn-check {
    border: 1px solid #e6e4e4;
    border-radius: 5px;
    padding: 7px 10px;
    color: gray;
    background-color: transparent;
    margin: 5px;
}

.alcotester__time-now-btn-check:hover,
.alcotester__time-now-btn-check:focus {
    border: 1px solid #000;
    color: #000;
}

.alcotester__time-now-btn-check--active {
    color: white;
    background: rgb(73,155,234);
    background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
    background: linear-gradient(to bottom, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
    border: 2px solid black;
}

.alcotester__time-now-check {
    font-weight: bold;
}

.alcotester__date-inputs {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.alcotester__date-inputs__time-zone {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.alcotester__date-inputs select {
    width: auto;
    font-size: 20px;
    margin-right: 5px;
    margin-left: 5px;
}

/* КОНЕЦ ЗОНЫ ВРЕМЕНИ */

.alcotester__drinks-area,
.alcotester__aftertime-area {
    text-align: center;
    padding: 20px 10px;
}

.alcotester__drinks-area {
    padding: 20px; 
}

.alcotester__drinks-area label,
.alcotester__snack-area label,
.alcotester__time-area label,
.alcotester__aftertime-area label {
    display: block;
    /* margin-bottom: 20px; */
}

.alcotester__drinks-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.alcotester__drinks-item {
    position: relative;
    margin: 0 auto;
    padding-right: 30px;
    display: flex;
    justify-content: center;
}

@media (max-width: 610px) {
    .alcotester__drinks-item {
        width: 100%;
        flex-wrap: wrap;
        padding-right: 0;
    }

    .alcotester__drink-name {
    	margin-bottom: 10px;
    }

    .alcotester__drink-volume {
    	display: block;
    	width: 100%;
    	text-align: center;
    }
}

@media (max-width: 400px) {
    .alcotester__drinks-item {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.alcotester__drink-name {
    margin-right: 5px;
}

.alcotester__drink-name .alcotester__descr {
    text-align: left;
}

.alcotester__drinks-remove-btn {
    position: absolute;
    right: 0;
    top: 33px;
    width: 13px;
    height: 20px;
    opacity: 0.3;
    background-color: transparent;
    font-size: 0;
    border: none;
}

@media (max-width: 610px) {
    .alcotester__drinks-remove-btn {
        top: -6px;
    }
}

.alcotester__drinks-remove-btn:hover {
    opacity: 1;
}
.alcotester__drinks-remove-btn:before, 
.alcotester__drinks-remove-btn:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    height: 23px;
    width: 2px;
    background-color: #333;
}

.alcotester__drinks-remove-btn:before {
    transform: rotate(45deg);
}

.alcotester__drinks-remove-btn:after {
    transform: rotate(-45deg);
}

.alcotester__drinks-select,
.alcotester__drinks-vol-select {
    height: 50px;
    font-size: 25px!important;
}

@media (max-width: 610px) {
    .alcotester__drinks-select {
        width: 100%;
        height: 50px;
    	font-size: 25px;
    	overflow: hidden;
    }

    .alcotester__drinks-select option {
		width: 100%
    }

    .alcotester__drinks-vol-select {
        width: 115px;
        height: 50px;
    	font-size: 25px;
    }
}

@media (max-width: 400px) {
    .alcotester__drinks-select {
        margin-bottom: 10px;
    }
}

.alcotester__drinks-add-btn {
    display: block;
    border: 1px solid #e6e4e4;
    border-radius: 5px;
    padding: 7px 10px;
    color: gray;
    background-color: transparent;
    margin: 0 auto;
}

.alcotester__drinks-add-btn:hover,
.alcotester__drinks-add-btn:focus {
    border: 1px solid #000;
    color: #000;
}

.alcotester__snack-time-area {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 610px) {
    .alcotester__snack-time-area {
        flex-wrap: wrap;
    }
}

@media (max-width: 500px) {
    .alcotester__time-area,
    .alcotester__aftertime-area {
        width: 100%;
    }
}

.alcotester__snack-area select,
.alcotester__aftertime-area select {
    height: 50px;
    font-size: 22px;
    width: 90%;
}

.alcotester__submit-btn-zone,
.alcotester__reset-btn-zone {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.alcotester__submit-btn,
.alcotester__reset-btn {
       border: none;
    font-size: 24px;
    padding: 15px 70px;
    background: #4fa501;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
}

.alcotester__submit-btn:hover,
.alcotester__submit-btn:focus,
.alcotester__reset-btn:hover,
.alcotester__reset-btn:focus { 
    color: rgb(255,255,255);
    background: #448C01;
}

/* ==========================   ЗОНА РЕЗУЛЬТАТОВ ======================= */

.alcotester__result-zone {
    width: 100%;
    padding: 20px 30px;
    display: none;
    border: 1px solid #e6e4e4;
    border-radius: 5px;
}

@media (max-width: 640px) {
    .alcotester__result-zone {
        padding: 20px 10px;
    }
}

.alcotester__result-title {
    text-align: center;
}

.alcotester__result-main {
    width: 100%;
    margin-bottom: 5px;
    display: flex;
    justify-content: left;
    align-items: center;
}

@media (max-width: 640px) {
    .alcotester__result-main {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.alcotester__rezult-img {
    width: 0px;
    margin-right: 30px;
}

@media (max-width: 400px) {
    .alcotester__rezult-img {
        width: 100%;
        margin: 0;
    }
}

.alcotester__rezult-promille {
    font-size: 45px;
    line-height: 1.2;
    margin: 20px 0;
    color: red;
    font-weight: bold;
}

@media (max-width: 400px) {
    .alcotester__rezult-promille {
        font-size: 30px;
    }
}

.alcotester__time-now-p {
    font-size: 18px;
}

.alcotester__rezult-time-now,
.alcotester__rezult-sex,
.alcotester__rezult-height,
.alcotester__rezult-weight,
.alcotester__rezult-ethanol-mass,
.alcotester__rezult-ethanol-assimilated,
.alcotester__rezult-max-alco,
.alcotester__rezult-alco-max-absorption,
.alcotester__rezult-alco-legal-time,
.alcotester__rezult-alco-free-time,
.alcotester__rezult-time,
.alcotester__rezult-ppm-time,
.alcotester__rezult-aftertime,
.alcotester__rezult-ppm-aftertime,
.alcotester__rezult-ethanol-mass-text,
.alcotester__rezult-ethanol-assimilated-text,
.alcotester__rezult-max-alco-text,
.alcotester__rezult-alco-max-absorption-text,
.alcotester__rezult-alco-max-absorption-time-text {
    font-weight: bold;
}

.alcotester__result-title-explain {
    border: 1px solid #4fa501;
    color: #4fa501;
    text-shadow: none;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    width: 70%;
    margin: 30px auto;
}

.alcotester__result-title-explain:hover,
.alcotester__result-title-explain:focus {
    color: white;
    background-color: #4fa501;
    border-color:black;
}


.alcotester__rezult-when-soberup {
    display: block;
    margin: 30px 0;
    text-align: center;
    font-size: 30px;
    line-height: 1.2;
    color: red;
    font-weight: bold;
}

.alcotester__rezult-when-data-text {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}


.alcotester__behavior-zone {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 500px) {
    .alcotester__behavior-zone {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.alcotester__behavior,
.alcotester__violations {
    width: 50%;
    border: 1px solid #bdbdbd;
    margin: 2px;
}

@media (max-width: 500px) {
    .alcotester__behavior,
    .alcotester__violations {
        width: 100%;
    }
}

.alcotester__rezult-drinks-table {
    margin-bottom: 20px;
}

.alcotester__rezult-table {
    margin-bottom: 5px;
}

.alcotester__rezult-drinks-item,
.alcotester__rezult-drinks-head {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.alcotester__rezult-drinks-head div {
    font-weight: bold;
    background: rgb(233,246,253); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(233,246,253,1) 0%, rgba(211,238,251,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f6fd', endColorstr='#d3eefb',GradientType=0 ); /* IE6-9 */
}


.alcotester__rezult-drinks-name,
.alcotester__rezult-drinks-alcohol,
.alcotester__rezult-drinks-volume {
    width: 20%;
    display: inline-block;
    padding: 5px;
    border: 1px solid #dedada;
    margin: 2px;
}

.alcotester__rezult-drinks-name {
    flex-grow: 3;
}

.alcotester__rezult-text-img-zone {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.alcotester__rezult-text {
    text-indent: 25px;
    font-size: 18px;
}

.alcotester__soberup {
    width: 100%;
    margin-left: 5px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 450px) {
    .alcotester__soberup {
        flex-wrap: wrap;
    }
}

.alcotester__soberup-img {
    margin-right: 30px;
    width: 200px!important;
}

.alcotester__rezult-when-data {
    text-align: center;
}

.alcotester__rezult-drive {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 550px) {
    .alcotester__rezult-drive {
        flex-direction: column;
    }
}

.alcotester__rezult-drive-icon {
    width: 200px!important;
    margin-right: 30px;
}

@media (max-width: 550px) {
    .alcotester__rezult-drive-icon {
        margin-bottom: 10px;
    }
}

.alcotester__rezult-drive-text {
    font-size: 18px;
    border: 1px solid #e6e4e4;
    padding: 20px;
    border-radius: 5px;
    background: #e1efff;
}

.alcotester__rezult-drive-then {
    font-weight: bold;
}

.alcotester__rezult-comments {
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #0c3a6d;
}

.alcotester__ads {
   max-width: 800px; 
}

.alcotester__curve-chart-zone {
    width: 100%;
    overflow-y: hidden;
}

@media (max-width: 800px) {
    .alcotester__curve-chart-zone {
        overflow-x: scroll;
    }
}

.alcotester__latest-results-list {
    font-size: 18px;
}

.alcotester__latest-results-item {
    margin-bottom: 5px;
}

.alcotester__latest-results-time {
    color:#0C3A6D;
    font-weight: bold;;
}

.alcotester__checkbox {
    position: relative;
    padding-left: 40px;
    font-size: 10px;
    line-height: 21px;
    font-weight: 400;
    cursor: pointer;
    color: #c3c3c3;
}

.alcotester__checkbox-indicator {
    position: relative;
    padding-left: 40px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    cursor: pointer;
}

.alcotester__checkbox input[type=checkbox]+.alcotester__checkbox-indicator {
    position: absolute;
    top: -2px;
    left: 0;
    width: 19px;
    height: 19px;
    background-color: transparent;
    background-image: url("/images/alcotester/checkbox-off.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
    
.alcotester__checkbox input[type=checkbox]:checked+.alcotester__checkbox-indicator {
    width: 14px;
    height: 14px;
    background-image: url(/images/alcotester/checkbox-on.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.alcotester__result__nav-buttons {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.alcotester__result__nav-buttons .nav-btn {
    width: 19%;
}

@media (max-width: 450px) {
    .alcotester__result__nav-buttons .nav-btn {
        width: 100%;
    }
}


.alcotester__rezult-rating {
    margin-bottom: 10px;
}

.alcotester__stat-update-text {
    color: gray;
    font-size: 12px;
}

.alcotester__stat-main-num-zone {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}

@media (max-width: 600px) {
    .alcotester__stat-main-num-zone {
        flex-direction: column;
    }
}

.alcotester__stat-main-num-text {
    display: flex;
    flex-direction: column;
}

@media (max-width: 600px) {
    .alcotester__stat-main-num-text {
        flex-direction: row;
        align-items: center;
    }
}

.alcotester__stat-today-value,
.alcotester__stat-allcalcs-value,
.alcotester__stat-alluser-value {
    font-size: 44px;
    font-weight: bold;
    color: #0c3a6d;
    text-shadow: 2px 2px 1px rgba(150, 150, 150, 0.43);
    margin-right: 5px;
    flex-shrink: 0;
}

.alcotester__stat-sub-td {
    text-align: center;
    background-color: #f6f6f6;
    font-weight: bold;
}

.alcotester__stat-btn-zone {
    width: 100%;
    text-align: center;
}

.alcotester__rezult-rating-place,
.alcotester__rezult-rating-all {
    font-size: 24px;
    font-weight: bold;
    color: #0c3a6d;
    text-shadow: 2px 2px 1px rgba(150, 150, 150, 0.43);
}



 /* =====================    КОНЕЦ АЛКОТЕСТЕРА ================================= */