@charset "UTF-8";

.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:none;overflow:hidden;outline:0;}
.modal-dialog{margin-top:20% !important;}
.body img{position:absolute;width:100%;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.body-gendor{display:none;}
.body-gendor.active{display:block;overflow-x:hidden;}
.body .active{overflow-x:hidden;}
.body img{display:none;}
.body.active img.boby{display:block;}
.text-info-body{margin-top:400px;padding:15px;}
.arrow.prev-body{position:absolute;left:40px;margin-top:170px;cursor:pointer;z-index:999;height:40px;width:40px;border-top:2px solid #6c9dc3;border-right:2px solid #6c9dc3;display:block;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);}
.list-group-item{margin-left:0;position:relative;display:block;padding:0.45rem 0.45rem;margin-bottom:-1px;background-color:#fff;border-radius:0px !important;border-bottom:2px solid rgba(0, 0, 0, 0.125);}
.arrow.next-body{position:absolute;right:40px;margin-top:170px;cursor:pointer;z-index:999;height:40px;width:40px;border-top:2px solid #6c9dc3;border-right:2px solid #6c9dc3;display:block;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
@media (max-width: 880px) {
.arrow.prev-body, .arrow.next-body{bottom:25%;}
}
.sex-select .btn-custom{cursor:pointer;}
.container-radio{display:block;position:relative;padding-left:35px;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:0;}
.container-radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:transparent;border:2px solid rgba(0, 0, 0, 0.125);}
.container-radio:hover input ~ .checkmark{background-color:#ccc;}
.container-radio input:checked ~ .checkmark{background-color:#0269a4;border-color:#0269a4;}
.checkmark:after{content:"";position:absolute;display:none;}
.container-radio input:checked ~ .checkmark:after{display:block;}
.container-radio .checkmark:after{left:8px;top:1px;width:8px;height:15px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.result-simptom, .result-question, .result-body, .body-select-part{overflow-x:hidden;overflow-y:auto;width:100%;height:calc(100% - 40px);border:2px solid rgba(0, 0, 0, 0.125);}
.symptom{cursor:pointer;}
.symptom.active{color:#2196F3;}
.btn-custom.active, .btn-custom:hover{color:#fff;border-color:#007bff;border-radius:5px;padding-left:10px;padding-right:10px;}
.btn-custom{color:#007bff;background-color:#fff;border-color:#007bff;border-radius:5px;padding-left:10px;padding-right:10px;outline:none;}
.btn-custom:focus{outline:none;}
.sex-select{margin-bottom:18px;text-align:center;}
.sex-select .btn-custom{border-radius:5px;box-shadow:none;font-weight:600;height:30px;line-height:18px;font-size:15px;}
.sex-select .btn-custom.man{border:3px solid #0269a4;color:#0269a4;}
.sex-select .btn-custom.man.active{background:#0269a4;border-color:#0269a4;color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.8);}
.sex-select .btn-custom.woman{border:3px solid #c93c1a;color:#c93c1a;}
.sex-select .btn-custom.woman.active{background:#c93c1a;border-color:#c93c1a;color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.8);}
.simptom-row{margin:0 -5px;font-family:"Roboto", sans-serif;}
.simptom-row:before, .simptom-row:after{display:none;}
.simptom-row *{font-family:"Roboto", sans-serif;}
.simptom-row .body{height:340px;position:absolute;top:80px;left:0;width:100%;}
.simptom-row h4{font-weight:600;font-family:"Roboto", sans-serif;font-size:16px;line-height:24px;height:40px;}
.simptom-col{padding:0 5px;}
@media (max-width: 880px) {
.simptom-col{width:100%;flex:0 0 100%;max-width:100%;margin-bottom:30px;}
}
.simptom-col .simptom-row{height:100%;}
#result-simptom{padding:10px;}
#result-simptom p{margin:0 0 20px 0;font-size:14px !important;line-height:20px;}
@media (max-width: 991px) {
.simptom-container-wrap{max-width:none;}
}
@media (max-width: 880px) {
.body-gendor{overflow:visible !important;}
.body-gendor .body{height:300px;position:relative;text-align:center;margin-bottom:15px;top:0;}
.body-gendor .body img{position:absolute;height:100%;width:auto;display:block;left:0;right:0;margin:auto;}
.text-info-body{position:static;margin-top:0;}
.text-info-body p{font-size:14px !important;line-height:20px;}
.sex-select{text-align:center;justify-content:center;}
.sex-select .col-xs-12{width:auto;display:inline-block;}
.result-simptom, .result-question, .result-body, .body-select-part{height:auto;}
.simptom-row{height:auto !important;}
.list-group{display:flex;flex-wrap:wrap;flex-direction:row;}
.list-group-item{float:left;width:50%;}
.simplebar-content{min-height:0 !important;display:flex;flex-wrap:wrap;}
#result-simptom p{float:left;width:50%;}
.result-body{height:auto !important;}
.result-simptom-cheak{position:static !important;margin-top:30px !important;}
.result-simptom-cheak h4{height:auto;}
.result-question .row{flex-wrap:nowrap;}
.result-simptom_col{display:none;}
.result-simptom_col.open{display:block;}
.container-simpom-check{display:none;}
.container-simpom-check.open{display:block;}
}
.simptom-col .btn.btn-primary.btn-yes .oi:empty:before{content:"";left:8px;display:inline-block;margin-right:4px;top:1px;width:8px;height:15px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.simptom-col .btn-primary.btn-yes{background:#0269a4;border-color:#0269a4;}
.simptom-col .btn.btn-no .oi-x:before{content:"";position:absolute;margin-right:4px;top:3px;left:-7px;width:2px;height:17px;background:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.simptom-col .btn.btn-no .oi-x:after{content:"";position:absolute;margin-right:4px;top:4px;left:-7px;width:2px;height:16px;background:#fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.simptom-col .btn-danger{background:#c93c1a;border-color:#c93c1a;}
.simptom-col .btn-danger span{vertical-align:top;display:inline-block;}
.result-question{font-size:14px !important;line-height:normal !important;padding:10px;}
.result-question p{font-size:14px !important;line-height:normal !important;margin:0 0 10px 0 !important;}
.result-question .row{margin-bottom:20px;}
a.container-simpom-check-reload{text-decoration:underline;color:#0056b3;}
a.container-simpom-check-reload:hover{text-decoration:none;}
.result-simptom-cheak-top h4{display:inline-block;height:auto;}
.result-simptom-cheak-top .result-simptom-cheak-close{margin-left:9px;position:relative;z-index:100;cursor:pointer;}
.result-simptom-cheak-top .result-simptom-cheak-close i.fa.fa-times {
font: normal normal normal 20px/1 FontAwesome;
color: #c93c1a;
}