#layout-online_consultation .commonWrapper{margin-top: 0; padding-top: 0}@media (min-width:768px){#layout-online_consultation .commonWrapper{margin-bottom: 0}}#layout-online_consultation .panel-title .plus-minus:after{content: '\f077'}#layout-online_consultation .panel-title .plus-minus.collapsed:after, #layout-online_consultation .panel-title.collapsed .plus-minus:after{content: '\f078'}.onlineConsultation-wrap{width: 100%; float: left; margin: 15px 0; padding: 0 15px; min-height: 100px}@media (min-width:768px){.onlineConsultation-wrap{margin: 20px 0; padding: 0 15px; background-color: #fff}}.selectDoctor-wrap{width: 100%; float: left; margin-bottom: 15px; padding: 0 15px; min-height: 100px}@media (min-width:768px){.selectDoctor-wrap{padding: 0 15px; margin-bottom: 30px; background-color: #fff}}.bookappointment-wrap{width: 100%; float: left; padding: 30px 15px 100px; margin: 0 0 15px; border: 1px solid #e2e2e2; background-color: #f8f9fa; background-image: url(../images/bookappointment-bg.png); background-size: 100%; background-repeat: no-repeat; background-position: bottom right}@media (min-width:768px){.bookappointment-wrap{padding: 30px; margin: 0 0 30px; background-size: 400px}}@media (min-width:992px){.bookappointment-wrap{padding: 30px 50px; background-size: 590px}}@media (min-width:1199px){.bookappointment-wrap{padding: 50px 100px; background-size: auto}}.bookappointment-wrap .headTitle{text-align: left; margin-top: 0; margin-bottom: 15px; display: none}@media (min-width:768px){.bookappointment-wrap .headTitle{display: block}}.bookappointment-wrap .bookingBtn{width: 100%; float: left}.bookappointment-wrap .bookingBtn span{margin: 0 5px}.bookappointment-wrap .bookAppointment-btn{background-color: #86bc2c}.bookappointment-wrap .bookAppointment-btn:focus, .bookappointment-wrap .bookAppointment-btn:hover{background-color: #75a526}.bookappointment-wrap .timeChart{width: 100%; float: left}.bookappointment-wrap .timeChart .timeChart-title{font-size: 18px; font-weight: 600; color: #86bc2c; margin-top: 0}.bookappointment-wrap .timeChart table.timeTable{width: 100%; max-width: 400px; background-color: #fff}.bookappointment-wrap .timeChart table.timeTable tbody tr{border: none}.bookappointment-wrap .timeChart table.timeTable tbody tr td, .bookappointment-wrap .timeChart table.timeTable tbody tr th{padding: 10px}.bookappointment-wrap label a{color: #86bc2c; font-weight: 600}.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{color: #bfbfbf; font-weight: 400}.datepicker td, .datepicker th{color: #333; font-weight: 600}.consultationWrap{width: 100%; float: left}.consultationWrap .form-group{margin-top: 10px; margin-bottom: 10px; text-align: center}.consultationWrap .form-group .btn{background-color: #86bc2c}.consultationWrap .form-group .btn:hover, .consultationWrap .form-group .btnfocus{background-color: #77a727}@media (min-width:768px){.consultationWrap .form-group{text-align: right}}.consultationWrap .tab-content{padding: 0}.consultationWrap .nav-pills{margin-top: 15px}.consultationWrap .nav-pills>li{margin-right: 2px; margin-bottom: 2px; width: 32%; text-align: center}.consultationWrap .nav-pills>li>a{background-color: #e9e9e9; font-size: 14px; padding: 15px 10px}@media (min-width:768px){.consultationWrap .nav-pills>li{width: auto}.consultationWrap .nav-pills>li>a{padding: 10px 15px; font-size: 16px}}.consultationWrap .nav-pills>li.active>a{background-color: #f0f7d9; -webkit-box-shadow: inset 0 0 0 2px #86bc2c; -moz-box-shadow: inset 0 0 0 2px #86bc2c; box-shadow: inset 0 0 0 2px #86bc2c; color: #86bc2c}.consultationWrap .consultationTab-wrap{width: 100%; float: left; padding: 15px; border: 1px solid #e9e9e9; border-top: 4px solid #e9e9e9; margin-top: 5px; min-height: 200px}@media (min-width:768px){.consultationWrap .consultationTab-wrap{padding: 20px}}.consultationWrap .consultationTab-wrap .no-appointments{color: #c1c1c1; margin-top: 15px}.consultationWrap .consultationTab-wrap .consultationTitle{font-size: 18px; margin-bottom: 15px; margin-top: 10px}.consultationWrap .consultationTab-wrap .consultationTable{width: 100%}@media (min-width:992px){.consultationWrap .consultationTab-wrap .consultationTable thead tr{border-top: 2px solid #86bc2c; border-bottom: 2px solid #86bc2c}}.consultationWrap .consultationTab-wrap .consultationTable tbody tr td{padding: 15px 10px}@media (min-width:992px){.consultationWrap .consultationTab-wrap .consultationTable tbody tr td{padding: 10px}}.consultationWrap .consultationTab-wrap .consultationTable tbody tr td .joinBtn{background-color: #86bc2c; transition-duration: .3s}.consultationWrap .consultationTab-wrap .consultationTable tbody tr td .joinBtn:focus, .consultationWrap .consultationTab-wrap .consultationTable tbody tr td .joinBtn:hover{background-color: #77a727}.consultationWrap .consultationTab-wrap .consultationTable tbody tr td .viewBtn{color: #86bc2c; transition-duration: .3s; font-size: 18px}.consultationWrap .consultationTab-wrap .consultationTable tbody tr td .viewBtn:focus, .consultationWrap .consultationTab-wrap .consultationTable tbody tr td .viewBtn:hover{color: #fff}.doctorView-wrap, .patientView-wrap{width: 100%; float: left; display: table}@media (max-width:767px){.doctorView-wrap, .patientView-wrap{padding: 0 15px}}.doctorView-wrap .detailHead, .patientView-wrap .detailHead{font-size: 22px; color: #666; font-weight: 700; text-transform: capitalize}@media (min-width:768px){.doctorView-wrap .detailHead, .patientView-wrap .detailHead{font-size: 20px}}@media (min-width:992px){.doctorView-wrap .detailHead, .patientView-wrap .detailHead{font-size: 26px}}.doctorView-wrap .bookingWrap, .patientView-wrap .bookingWrap{width: 100%; float: left}.doctorView-wrap .bookingWrap .bookingHead, .patientView-wrap .bookingWrap .bookingHead{width: 100%; float: left; padding: 15px; background-color: #86bc2c; border: 1px solid #d8d8d8}@media (min-width:768px){.doctorView-wrap .bookingWrap .bookingHead, .patientView-wrap .bookingWrap .bookingHead{padding: 30px; text-align: left; background-color: #f1ffda; border-bottom: 1px solid #d8d8d8}}@media (max-width:991px){.doctorView-wrap .bookingWrap .bookingHead, .patientView-wrap .bookingWrap .bookingHead{text-align: center}}.doctorView-wrap .bookingWrap .bookingHead .bookingTitle, .patientView-wrap .bookingWrap .bookingHead .bookingTitle{font-size: 22px; line-height: normal; color: #fff; margin: 12px 0}@media (min-width:768px){.doctorView-wrap .bookingWrap .bookingHead .bookingTitle, .patientView-wrap .bookingWrap .bookingHead .bookingTitle{color: #666; font-size: 24px; margin-bottom: 20px}}@media (min-width:992px){.doctorView-wrap .bookingWrap .bookingHead .bookingTitle, .patientView-wrap .bookingWrap .bookingHead .bookingTitle{font-size: 26px; margin: 12px 0}}@media (min-width:992px){.doctorView-wrap .bookingWrap .bookingHead .buttonRight, .patientView-wrap .bookingWrap .bookingHead .buttonRight{float: right}}.doctorView-wrap .bookingWrap .bookingHead .back2Btn, .doctorView-wrap .bookingWrap .bookingHead .downloadPres, .patientView-wrap .bookingWrap .bookingHead .back2Btn, .patientView-wrap .bookingWrap .bookingHead .downloadPres{background-color: transparent; color: #fff; height: auto; min-width: 180px; padding: 6px 15px; transition-duration: .3s; margin: 2px 0; font-size: 16px}@media (min-width:768px){.doctorView-wrap .bookingWrap .bookingHead .back2Btn, .doctorView-wrap .bookingWrap .bookingHead .downloadPres, .patientView-wrap .bookingWrap .bookingHead .back2Btn, .patientView-wrap .bookingWrap .bookingHead .downloadPres{float: left; margin: 0 0 0 5px; font-weight: 400; color: #86bc2c; padding: 10px 15px}}@media (max-width:991px){.doctorView-wrap .bookingWrap .bookingHead .back2Btn, .doctorView-wrap .bookingWrap .bookingHead .downloadPres, .patientView-wrap .bookingWrap .bookingHead .back2Btn, .patientView-wrap .bookingWrap .bookingHead .downloadPres{float: none; display: inline-block}}.doctorView-wrap .bookingWrap .bookingHead .downloadPres, .patientView-wrap .bookingWrap .bookingHead .downloadPres{color: #666; background-color: #fff}.doctorView-wrap .bookingWrap .bookingHead .downloadPres:focus, .doctorView-wrap .bookingWrap .bookingHead .downloadPres:hover, .patientView-wrap .bookingWrap .bookingHead .downloadPres:focus, .patientView-wrap .bookingWrap .bookingHead .downloadPres:hover{background-color: #77a727; color: #fff}@media (min-width:768px){.doctorView-wrap .bookingWrap .bookingHead .downloadPres, .patientView-wrap .bookingWrap .bookingHead .downloadPres{min-width: 250px; border: 2px solid #86bc2c; background-color: transparent}}.doctorView-wrap .bookingWrap .autoHeight, .patientView-wrap .bookingWrap .autoHeight{width: 100%; display: table}.doctorView-wrap .bookingWrap .joinWrap, .patientView-wrap .bookingWrap .joinWrap{width: 100%; float: left; text-align: center; padding: 30px 15px; border: 1px solid #d8d8d8; border-top: none}@media (min-width:768px){.doctorView-wrap .bookingWrap .joinWrap, .patientView-wrap .bookingWrap .joinWrap{width: 50%; float: none; display: table-cell; vertical-align: middle; border-bottom: none}}@media (min-width:992px){.doctorView-wrap .bookingWrap .joinWrap, .patientView-wrap .bookingWrap .joinWrap{width: 33.333%; padding: 3% 15px; min-height: 191px}}.doctorView-wrap .bookingWrap .joinWrap .joinBtn, .patientView-wrap .bookingWrap .joinWrap .joinBtn{padding: 6px 20px; display: inline-block; background-color: #86bc2c; height: auto; text-transform: capitalize; font-size: 18px; color: #fff; transition-duration: .3s; margin-bottom: 15px}.doctorView-wrap .bookingWrap .joinWrap .joinBtn:focus, .doctorView-wrap .bookingWrap .joinWrap .joinBtn:hover, .patientView-wrap .bookingWrap .joinWrap .joinBtn:focus, .patientView-wrap .bookingWrap .joinWrap .joinBtn:hover{background-color: #77a727; color: #fff}@media (min-width:768px){.doctorView-wrap .bookingWrap .joinWrap .joinBtn, .patientView-wrap .bookingWrap .joinWrap .joinBtn{min-width: 200px; font-size: 22px; padding: 10px 25px}}.doctorView-wrap .bookingWrap .joinWrap p, .patientView-wrap .bookingWrap .joinWrap p{margin: 0; font-size: 18px}.doctorView-wrap .bookingWrap .doctorDetail-wrap, .patientView-wrap .bookingWrap .doctorDetail-wrap{width: 100%; float: left; padding: 20px 15px; border: 1px solid #d8d8d8; border-top: none; border-bottom: none}@media (min-width:768px){.doctorView-wrap .bookingWrap .doctorDetail-wrap, .patientView-wrap .bookingWrap .doctorDetail-wrap{width: 50%; border-left: none; float: none; display: table-cell; vertical-align: middle}}@media (min-width:992px){.doctorView-wrap .bookingWrap .doctorDetail-wrap, .patientView-wrap .bookingWrap .doctorDetail-wrap{width: 66.666%; min-height: 191px; padding: 3% 30px}}.doctorView-wrap .bookingWrap .doctorDetail-wrap .detailHead, .patientView-wrap .bookingWrap .doctorDetail-wrap .detailHead{margin-bottom: 15px}.doctorView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail, .patientView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail{float: left; width: 100%}.doctorView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul, .patientView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul{padding: 0; margin: 0; float: left; width: 100%}.doctorView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li, .patientView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li{float: left; width: 100%; list-style: none; position: relative; padding-left: 25px; padding-right: 20px; margin-bottom: 8px}@media (min-width:992px){.doctorView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li, .patientView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li{margin-bottom: 0}}.doctorView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li:before, .patientView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li:before{position: absolute; left: 0; font-size: 16px; width: 25px; height: 25px; font-family: "Font Awesome 5 Free"}@media (min-width:992px){.doctorView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li.name, .patientView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li.name{width: 38%}}.doctorView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li.name:before, .patientView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li.name:before{content: '\f007'; font-weight: 700}@media (min-width:992px){.doctorView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li.date, .patientView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li.date{width: 25%}}.doctorView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li.date:before, .patientView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li.date:before{content: '\f073'}@media (min-width:992px){.doctorView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li.time, .patientView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li.time{width: 37%}}.doctorView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li.time:before, .patientView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li.time:before{content: '\f017'}.doctorView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li span, .patientView-wrap .bookingWrap .doctorDetail-wrap .doctorDetail ul li span{font-weight: 700}.doctorView-wrap .bookingWrap .detailSections, .patientView-wrap .bookingWrap .detailSections{width: 100%; float: left; border: 1px solid #d8d8d8; display: table; font-size: 0}.doctorView-wrap .bookingWrap .detailSections .greyBlock, .patientView-wrap .bookingWrap .detailSections .greyBlock{border-bottom: 1px dashed #a7a7a7; display: inline-block; vertical-align: top; padding: 15px; width: 100%; background-color: #f4f4f4}.doctorView-wrap .bookingWrap .detailSections .greyBlock:last-child, .patientView-wrap .bookingWrap .detailSections .greyBlock:last-child{border: none}@media (min-width:768px){.doctorView-wrap .bookingWrap .detailSections .greyBlock, .patientView-wrap .bookingWrap .detailSections .greyBlock{padding: 20px 15px; width: 33.333%; border: none; border-right: 1px solid #d8d8d8; background-color: #f4f4f4; display: table-cell}}@media (min-width:992px){.doctorView-wrap .bookingWrap .detailSections .greyBlock, .patientView-wrap .bookingWrap .detailSections .greyBlock{padding: 30px 20px}}@media (min-width:992px){.doctorView-wrap .bookingWrap .detailSections .greyBlock, .patientView-wrap .bookingWrap .detailSections .greyBlock{padding: 30px}}.doctorView-wrap .bookingWrap .detailSections .greyBlock p, .patientView-wrap .bookingWrap .detailSections .greyBlock p{margin: 4px 0; font-size: 14px; color: #666}.doctorView-wrap .bookingWrap .detailSections .greyBlock p span, .patientView-wrap .bookingWrap .detailSections .greyBlock p span{font-weight: 700; color: #666}@media (min-width:992px){.doctorView-wrap .bookingWrap .detailSections .greyBlock p, .patientView-wrap .bookingWrap .detailSections .greyBlock p{margin: 8px 0; font-size: 15px}}.doctorView-wrap .bookingWrap .detailSections .greyBlock .panel-group, .patientView-wrap .bookingWrap .detailSections .greyBlock .panel-group{margin-bottom: 0}.doctorView-wrap .bookingWrap .detailSections .greyBlock .panel-group .panel, .patientView-wrap .bookingWrap .detailSections .greyBlock .panel-group .panel{background-color: transparent; border: none}.doctorView-wrap .bookingWrap .detailSections .greyBlock .panel-group .panel .panel-heading, .patientView-wrap .bookingWrap .detailSections .greyBlock .panel-group .panel .panel-heading{border: none}.doctorView-wrap .bookingWrap .detailSections .greyBlock .panel-group .panel .panel-heading .panel-title, .patientView-wrap .bookingWrap .detailSections .greyBlock .panel-group .panel .panel-heading .panel-title{padding: 0; background-color: transparent}.doctorView-wrap .bookingWrap .detailSections .greyBlock .panel-group .panel .panel-heading .panel-title .detailHead, .patientView-wrap .bookingWrap .detailSections .greyBlock .panel-group .panel .panel-heading .panel-title .detailHead{margin-bottom: 10px}@media (max-width:767px){.doctorView-wrap .bookingWrap .detailSections .greyBlock .panel-group .panel .panel-heading .panel-title .detailHead, .patientView-wrap .bookingWrap .detailSections .greyBlock .panel-group .panel .panel-heading .panel-title .detailHead{font-size: 20px; margin-bottom: 0}}.doctorView-wrap .bookingWrap .detailSections .greyBlock .panel-group .panel .panel-heading .panel-title .plus-minus, .patientView-wrap .bookingWrap .detailSections .greyBlock .panel-group .panel .panel-heading .panel-title .plus-minus{top: 2px; right: 0}@media (min-width:768px){.doctorView-wrap .bookingWrap .detailSections .greyBlock .panel-group .panel .panel-heading .panel-title .plus-minus, .patientView-wrap .bookingWrap .detailSections .greyBlock .panel-group .panel .panel-heading .panel-title .plus-minus{display: none; top: 6px}}.doctorView-wrap .bookingWrap .detailSections .greyBlock .panel-group .panel .panel-body, .patientView-wrap .bookingWrap .detailSections .greyBlock .panel-group .panel .panel-body{padding: 0}.doctorView-wrap .illnessDescri, .patientView-wrap .illnessDescri{float: left; width: 100%; padding: 20px; border: 1px solid #d8d8d8; border-top: none}@media (min-width:992px){.doctorView-wrap .illnessDescri, .patientView-wrap .illnessDescri{padding: 30px}}.doctorView-wrap .illnessDescri .detailHead, .patientView-wrap .illnessDescri .detailHead{margin: 5px 0 15px}@media (min-width:768px){.doctorView-wrap .illnessDescri .detailHead, .patientView-wrap .illnessDescri .detailHead{margin: 0 0 15px}}.doctorView-wrap .illnessDescri .additionalPara, .patientView-wrap .illnessDescri .additionalPara{font-size: 16px; color: #666; line-height: 30px}.doctorView-wrap .prescribWrap, .patientView-wrap .prescribWrap{width: 100%; float: left; margin: 15px 0 5px; padding: 15px; padding-top: 0; border: 1px solid #86bc2c}@media (min-width:768px){.doctorView-wrap .prescribWrap, .patientView-wrap .prescribWrap{margin: 30px 0 15px; padding: 30px; padding-top: 0; border-color: #d8d8d8}}.doctorView-wrap .prescribWrap .panel-group, .patientView-wrap .prescribWrap .panel-group{margin-bottom: 0}@media (max-width:767px){.doctorView-wrap .prescribWrap .panel-group, .patientView-wrap .prescribWrap .panel-group{margin: 0 -15px}}.doctorView-wrap .prescribWrap .panel-group .panel, .patientView-wrap .prescribWrap .panel-group .panel{border: none}.doctorView-wrap .prescribWrap .panel-group .panel-heading, .patientView-wrap .prescribWrap .panel-group .panel-heading{background-color: #86bc2c; padding: 10px 15px; text-align: center}@media (min-width:768px){.doctorView-wrap .prescribWrap .panel-group .panel-heading, .patientView-wrap .prescribWrap .panel-group .panel-heading{padding: 10px 20px; text-align: left; margin: 0 -30px; background-color: #f1ffda}}@media (min-width:992px){.doctorView-wrap .prescribWrap .panel-group .panel-heading, .patientView-wrap .prescribWrap .panel-group .panel-heading{padding: 15px 30px}}.doctorView-wrap .prescribWrap .panel-group .panel-heading .detailHead, .patientView-wrap .prescribWrap .panel-group .panel-heading .detailHead{text-align: left; display: inline-block; margin-top: 15px}@media (max-width:767px){.doctorView-wrap .prescribWrap .panel-group .panel-heading .detailHead, .patientView-wrap .prescribWrap .panel-group .panel-heading .detailHead{color: #fff; margin-bottom: 25px}}@media (min-width:768px){.doctorView-wrap .prescribWrap .panel-group .panel-heading .buttonRight, .patientView-wrap .prescribWrap .panel-group .panel-heading .buttonRight{float: right}}.doctorView-wrap .prescribWrap .panel-group .panel-heading .addmedicine-btn, .doctorView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn, .patientView-wrap .prescribWrap .panel-group .panel-heading .addmedicine-btn, .patientView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn{padding: 6px 15px; vertical-align: top; background-color: #fff; color: #86bc2c; margin-bottom: 15px; font-weight: 400; height: auto}@media (min-width:768px){.doctorView-wrap .prescribWrap .panel-group .panel-heading .addmedicine-btn, .doctorView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn, .patientView-wrap .prescribWrap .panel-group .panel-heading .addmedicine-btn, .patientView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn{float: left; min-width: 180px; margin: 2px 0; background-color: #86bc2c; color: #fff}.doctorView-wrap .prescribWrap .panel-group .panel-heading .addmedicine-btn:focus, .doctorView-wrap .prescribWrap .panel-group .panel-heading .addmedicine-btn:hover, .doctorView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn:focus, .doctorView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn:hover, .patientView-wrap .prescribWrap .panel-group .panel-heading .addmedicine-btn:focus, .patientView-wrap .prescribWrap .panel-group .panel-heading .addmedicine-btn:hover, .patientView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn:focus, .patientView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn:hover{background-color: #77a727}}@media (min-width:992px){.doctorView-wrap .prescribWrap .panel-group .panel-heading .addmedicine-btn, .doctorView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn, .patientView-wrap .prescribWrap .panel-group .panel-heading .addmedicine-btn, .patientView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn{margin: 4px 0}}.doctorView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn, .patientView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn{color: #fff; background-color: transparent; -webkit-box-shadow: inset 0 0 0 2px #fff; -moz-box-shadow: inset 0 0 0 2px #fff; box-shadow: inset 0 0 0 2px #fff}@media (min-width:768px){.doctorView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn, .patientView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn{color: #86bc2c; -webkit-box-shadow: inset 0 0 0 2px #86bc2c; -moz-box-shadow: inset 0 0 0 2px #86bc2c; box-shadow: inset 0 0 0 2px #86bc2c}}@media (min-width:768px){.doctorView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn, .patientView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn{margin-right: 5px}}.doctorView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn:focus, .doctorView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn:hover, .patientView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn:focus, .patientView-wrap .prescribWrap .panel-group .panel-heading .downloadPres-btn:hover{color: #fff; background-color: #77a727}.doctorView-wrap .prescribWrap .panel-group .panel-body, .patientView-wrap .prescribWrap .panel-group .panel-body{padding: 15px}@media (min-width:768px){.doctorView-wrap .prescribWrap .panel-group .panel-body, .patientView-wrap .prescribWrap .panel-group .panel-body{padding: 15px 0}}.doctorView-wrap .prescribWrap .panel-group .panel-body .closeBtn, .patientView-wrap .prescribWrap .panel-group .panel-body .closeBtn{border: none; background-color: transparent; color: #86bc2c; font-size: 20px}@media (min-width:992px){.doctorView-wrap .prescribWrap .panel-group .panel-body .closeBtn, .patientView-wrap .prescribWrap .panel-group .panel-body .closeBtn{font-size: 25px}}.doctorView-wrap .prescribWrap .panel-group .panel-body .form-group label, .patientView-wrap .prescribWrap .panel-group .panel-body .form-group label{color: #666; font-size: 16px}.doctorView-wrap .prescribWrap .detailHead, .patientView-wrap .prescribWrap .detailHead{margin-top: 0; margin-bottom: 15px}.doctorView-wrap .prescribWrap .addDetail-wrap, .patientView-wrap .prescribWrap .addDetail-wrap{margin-bottom: 0}.doctorView-wrap .prescribWrap .addDetail-wrap .addDetail, .patientView-wrap .prescribWrap .addDetail-wrap .addDetail{background-color: #86bc2c; min-width: 100px; width: 100%; font-size: 16px; height: 50px}@media (min-width:768px){.doctorView-wrap .prescribWrap .addDetail-wrap .addDetail, .patientView-wrap .prescribWrap .addDetail-wrap .addDetail{width: auto}}.doctorView-wrap .medicineMedication, .patientView-wrap .medicineMedication{width: 100%; float: left; margin: 20px 0 0}@media (min-width:768px){.doctorView-wrap .medicineMedication, .patientView-wrap .medicineMedication{margin-top: 25px}}.doctorView-wrap .medicineMedication .detailHead, .patientView-wrap .medicineMedication .detailHead{font-size: 22px; margin-bottom: 10px}.doctorView-wrap .medicineMedication .medicineMedication-wrap, .patientView-wrap .medicineMedication .medicineMedication-wrap{width: 100%; float: left; display: table; margin-top: 15px; font-size: 0}@media (min-width:768px){.doctorView-wrap .medicineMedication .medicineMedication-wrap, .patientView-wrap .medicineMedication .medicineMedication-wrap{margin: 10px 0 0}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block{width: 100%; float: left; background-color: #f6f6f6; margin-bottom: 20px; padding: 15px; position: relative}@media (min-width:768px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block{width: 50%; float: none; margin: 0; display: inline-table; vertical-align: top; -webkit-box-shadow: inset 0 0 0 1px #e0e0e0; -moz-box-shadow: inset 0 0 0 1px #e0e0e0; box-shadow: inset 0 0 0 1px #e0e0e0}}@media (min-width:992px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block{padding: 20px}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails{text-align: center; width: 100%; float: left}@media (min-width:768px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails{text-align: left}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineProduct, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineProduct{width: 100%; float: left; max-width: 20%}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineProduct img, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineProduct img{width: 100%; max-width: 190px}@media (min-width:768px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineProduct, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineProduct{width: 90px; max-width: none}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineProduct img, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineProduct img{max-width: none}}@media (min-width:992px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineProduct, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineProduct{width: 100px}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion{width: 100%; float: left; max-width: 80%; padding-left: 15px}@media (min-width:768px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion{width: calc(100% - 100px); max-width: none}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicineName, .doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicinePrice, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicineName, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicinePrice{font-size: 14px; color: #666; text-align: left; margin: 0 0 10px; line-height: normal}@media (min-width:480px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicineName, .doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicinePrice, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicineName, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicinePrice{font-size: 16px; font-weight: 700}}@media (min-width:992px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicineName, .doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicinePrice, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicineName, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicinePrice{margin: 15px 0; font-size: 18px}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicineName, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicineName{max-height: 40px; overflow: hidden}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicinePrice, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicinePrice{font-size: 18px; font-weight: 700; color: #666}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicinePrice .oldPrice, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicinePrice .oldPrice{font-size: 16px; font-weight: 400; color: #999; text-decoration: line-through}@media (min-width:768px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicinePrice, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .medicineDetails .medicineDescribtion .medicinePrice{font-size: 16px}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .blockWrap, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .blockWrap{float: left; width: 100%}@media (min-width:768px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .blockWrap, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .blockWrap{padding-top: 10px}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock{width: 100%; float: left; text-align: center}@media (min-width:480px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock{text-align: left; width: 50%}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .addtoList, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .addtoList{float: none; width: 100%; padding: 4px 10px; padding-left: 0}@media (min-width:480px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .addtoList, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .addtoList{width: auto; float: left}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .addtoList .checkbox, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .addtoList .checkbox{margin: 0}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .addtoList .checkbox .checkLabel, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .addtoList .checkbox .checkLabel{margin-bottom: 0}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .addtoList .checkbox label:hover:before, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .addtoList .checkbox label:hover:before{border-color: #86bc2c}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .addtoList .checkbox input:checked+label:before, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .addtoList .checkbox input:checked+label:before{border-color: #86bc2c; background-color: #86bc2c}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .addtoList .checkbox input:checked+label:after, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .addtoList .checkbox input:checked+label:after{border-color: #fff}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .edit-delete-btn, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .edit-delete-btn{width: 100%; float: left; text-align: center}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .edit-delete-btn .deleteBtn, .doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .edit-delete-btn .editBtn, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .edit-delete-btn .deleteBtn, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .edit-delete-btn .editBtn{font-size: 14px; float: none; width: auto; color: #666; background-color: transparent; transition-duration: .3s; padding: 0; margin-right: 15px}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .edit-delete-btn .deleteBtn i, .doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .edit-delete-btn .editBtn i, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .edit-delete-btn .deleteBtn i, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .edit-delete-btn .editBtn i{color: #86bc2c}@media (min-width:480px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .edit-delete-btn .deleteBtn, .doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .edit-delete-btn .editBtn, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .edit-delete-btn .deleteBtn, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .edit-delete-btn .editBtn{float: left}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .edit-delete-btn .deleteBtn, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .leftBlock .edit-delete-btn .deleteBtn{margin: 0}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .rightBlock, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .rightBlock{width: 100%; float: left}@media (min-width:480px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .rightBlock, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .rightBlock{width: 50%}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .rightBlock .howtouse, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .rightBlock .howtouse{width: 100%; float: left; text-align: center; margin-top: 10px}@media (min-width:480px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .rightBlock .howtouse, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .rightBlock .howtouse{margin-top: 0}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .rightBlock .howtouse .howtouseTitle, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .rightBlock .howtouse .howtouseTitle{display: inline-block; font-size: 16px; color: #666; text-transform: capitalize; border: none; border-top: 1px solid #86bc2c; border-bottom: 1px solid #86bc2c; background-color: #fff; padding: 6px 15px}@media (min-width:480px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .rightBlock .howtouse .howtouseTitle, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .rightBlock .howtouse .howtouseTitle{float: right}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse{float: left; width: 100%; height: 0; overflow: hidden}@media (min-width:768px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse{background-color: #fff}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse ul, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse ul{padding: 15px 0; margin: 0; width: 100%; display: none}@media (min-width:768px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse ul, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse ul{padding: 15px}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse ul li, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse ul li{width: 100%; float: none; position: relative; padding-left: 20px; margin-bottom: 10px; list-style: none; font-size: 14px}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse ul li:before, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse ul li:before{content: '\f0a9'; font-weight: 700; font-family: "Font Awesome 5 Free"; position: absolute; left: 0; color: #86bc2c}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse ul li:last-child, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse ul li:last-child{margin-bottom: 0}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse .closeBtn, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse .closeBtn{position: absolute; right: 12px; top: 12px; font-size: 14px; display: none}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse.open, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse.open{height: auto}@media (min-width:768px){.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse.open, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse.open{position: absolute; z-index: 9; left: 0; bottom: -70px; width: 100%; max-height: 400px; overflow: auto; border-radius: 5px; padding-top: 25px; padding-bottom: 10px; -webkit-box-shadow: 0 0 26px -8px rgba(0,0,0,.41); -moz-box-shadow: 0 0 26px -8px rgba(0,0,0,.41); box-shadow: 0 0 26px -8px rgba(0,0,0,.41); border: 1px solid #cfcfcf}}.doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse.open .closeBtn, .doctorView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse.open ul, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse.open .closeBtn, .patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .fullBlock-howtouse.open ul{display: block}.doctorView-wrap .additionalInfo, .patientView-wrap .additionalInfo{width: 100%; float: left; margin-top: 15px}@media (min-width:768px){.doctorView-wrap .additionalInfo, .patientView-wrap .additionalInfo{margin-top: 30px}}.doctorView-wrap .additionalInfo .detailHead, .patientView-wrap .additionalInfo .detailHead{margin-top: 0; margin-bottom: 15px; font-size: 19px}@media (min-width:768px){.doctorView-wrap .additionalInfo .detailHead, .patientView-wrap .additionalInfo .detailHead{font-size: 22px}}.doctorView-wrap .additionalInfo .form-group .form-control, .patientView-wrap .additionalInfo .form-group .form-control{margin-bottom: 0; resize: none}.doctorView-wrap .additionalInfo .additionalPara, .patientView-wrap .additionalInfo .additionalPara{font-size: 16px; color: #666; line-height: 30px}.doctorView-wrap .additionalInfo .saveBtn, .patientView-wrap .additionalInfo .saveBtn{float: right; background-color: #86bc2c; min-width: 200px; height: auto; color: #fff; font-size: 16px; padding: 6px 25px; width: 100%}.doctorView-wrap .additionalInfo .saveBtn:focus, .doctorView-wrap .additionalInfo .saveBtn:hover, .patientView-wrap .additionalInfo .saveBtn:focus, .patientView-wrap .additionalInfo .saveBtn:hover{background-color: #77a727}@media (min-width:480px){.doctorView-wrap .additionalInfo .saveBtn, .patientView-wrap .additionalInfo .saveBtn{width: auto}}.patientDetails, .uploadedDoc{width: 100%; float: left; margin-top: 15px; text-align: center}.patientDetails p, .uploadedDoc p{font-size: 14px; margin: 0; line-height: 26px; text-align: left}@media (min-width:768px){.patientDetails, .uploadedDoc{margin-top: 0}}.patientDetails{margin-top: 5px}@media (min-width:768px){.patientDetails{margin: 0; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; text-align: left}}.uploadedDoc .addUploads, .uploadedDoc .uploadedFiles{width: 28%; height: 73px; max-width: 73px; display: inline-block; vertical-align: top; margin: 2%; position: relative; background-color: #fff}@media (min-width:480px){.uploadedDoc .addUploads, .uploadedDoc .uploadedFiles{width: 20%}}@media (min-width:650px){.uploadedDoc .addUploads, .uploadedDoc .uploadedFiles{width: 15%}}@media (min-width:768px){.uploadedDoc .addUploads, .uploadedDoc .uploadedFiles{width: 28%; float: left}}@media (min-width:1200px){.uploadedDoc .addUploads, .uploadedDoc .uploadedFiles{width: 20%}}.uploadedDoc .addUploads a, .uploadedDoc .uploadedFiles a{height: 73px; overflow: hidden; display: flex; justify-content: center; align-items: center}.uploadedDoc .addUploads a img, .uploadedDoc .uploadedFiles a img{width: 75px; vertical-align: middle}.uploadedDoc .addUploads .deleteFile, .uploadedDoc .uploadedFiles .deleteFile{position: absolute; right: -5px; top: -5px; width: 17px; height: 17px; padding: 0; border: none; background-color: #6d6d6d; text-align: center; border-radius: 20px; z-index: 2; transition-duration: .3s}.uploadedDoc .addUploads .deleteFile i, .uploadedDoc .uploadedFiles .deleteFile i{color: #fff; font-size: 10px; line-height: 16px}.uploadedDoc .addUploads .deleteFile:hover, .uploadedDoc .uploadedFiles .deleteFile:hover{background-color: red}.uploadedDoc .addUploads .viewFile, .uploadedDoc .uploadedFiles .viewFile{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); display: table; opacity: 0; transition-duration: .3s}.uploadedDoc .addUploads .viewFile a, .uploadedDoc .uploadedFiles .viewFile a{float: none; font-size: 16px; text-align: center; color: #fff; display: table-cell; vertical-align: middle}.uploadedDoc .addUploads:hover .viewFile, .uploadedDoc .uploadedFiles:hover .viewFile{opacity: 1}.uploadedDoc .addUploads{text-align: center; cursor: pointer; padding: 5px 0; border: 1px dashed #86bc2c}.uploadedDoc .addUploads a{color: #86bc2c; font-size: 14px}.uploadedDoc .addUploads a i{display: block; font-size: 18px}.uploadedDoc .uploadForm{float: left; width: 100%}.uploadedDoc .uploadForm input{opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; z-index: 9}.uploadedDoc .uploadForm .uploadBtn{background-color: transparent; border: none; color: #86bc2c; padding: 14px 3px; cursor: pointer}.uploadedDoc .uploadForm .uploadBtn i{font-size: 14px; display: block}#prescription-media-modal .uploadedDoc p{text-align: center; color: #f41844}#terms-and-conditions-modal ul{padding-left: 10px; list-style: none}#terms-and-conditions-modal ul li{margin: 8px 0; padding-left: 15px; position: relative; font-size: 16px}#terms-and-conditions-modal ul li:before{content: '\f054'; font-family: "Font Awesome 5 Free"; position: absolute; left: 0; top: 3px; font-size: 13px; font-weight: 600}.patientView-wrap .medicineMedication .medicineMedication-wrap .medicineMedication-block .howtouse .addtoList{margin: 0}.patientView-wrap .checkoutFLoat-btn{position: fixed; bottom: 15px; right: 15px; background-color: #86bc2c; transition-duration: .3s; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,.28); -moz-box-shadow: 0 0 9px 0 rgba(0,0,0,.28); box-shadow: 0 0 9px 0 rgba(0,0,0,.28)}.patientView-wrap .checkoutFLoat-btn:focus, .patientView-wrap .checkoutFLoat-btn:hover{background-color: #77a727}@media (min-width:768px){.patientView-wrap .checkoutFLoat-btn{bottom: 30px; right: 30px; font-size: 16px}}.doctorDashboard-block{width: 100%; float: left; display: table; background-color: #e0ecdb; padding: 5px; margin-bottom: 15px}.doctorDashboard-block:last-child{margin-bottom: 0}@media (min-width:768px){.doctorDashboard-block{padding: 20px; margin-bottom: 65px}}.doctorDashboard-block .leftBlock, .doctorDashboard-block .rightBlock{width: 100%; float: left; padding: 0 15px}@media (min-width:768px){.doctorDashboard-block .leftBlock{width: 45%}}@media (min-width:992px){.doctorDashboard-block .leftBlock{width: 60%}}.doctorDashboard-block .leftBlock .doctorWrap{width: 100%; float: left; background-color: #f7f7f7; padding: 10px; margin-bottom: 5px}@media (min-width:768px){.doctorDashboard-block .leftBlock .doctorWrap{margin-bottom: 0; padding: 15px}}@media (min-width:992px){.doctorDashboard-block .leftBlock .doctorWrap{padding: 20px; min-height: 250px}}.doctorDashboard-block .leftBlock .doctorWrap .doctorPic{width: 100%; text-align: center; float: left; max-width: 100px}.doctorDashboard-block .leftBlock .doctorWrap .doctorPic img{width: 100%}@media (min-width:768px){.doctorDashboard-block .leftBlock .doctorWrap .doctorPic{max-width: none; text-align: center}.doctorDashboard-block .leftBlock .doctorWrap .doctorPic img{max-width: 120px}}@media (min-width:992px){.doctorDashboard-block .leftBlock .doctorWrap .doctorPic{max-width: 20%}}.doctorDashboard-block .leftBlock .doctorWrap .doctorDetails{float: left; width: calc(100% - 100px); padding-left: 10px}@media (min-width:768px){.doctorDashboard-block .leftBlock .doctorWrap .doctorDetails{padding-left: 0; width: 100%}}@media (min-width:992px){.doctorDashboard-block .leftBlock .doctorWrap .doctorDetails{max-width: 80%; padding-left: 15px}}.doctorDashboard-block .leftBlock .doctorWrap .doctorDetails .docName{font-size: 15px; font-weight: 700; margin-top: 0; margin-bottom: 15px; text-transform: uppercase; color: #333; line-height: 24px}@media (min-width:768px){.doctorDashboard-block .leftBlock .doctorWrap .doctorDetails .docName{font-size: 16px; line-height: 28px}}@media (min-width:992px){.doctorDashboard-block .leftBlock .doctorWrap .doctorDetails .docName{font-size: 18px}}@media (min-width:1199px){.doctorDashboard-block .leftBlock .doctorWrap .doctorDetails .docName{font-size: 24px; line-height: 32px}}.doctorDashboard-block .leftBlock .doctorWrap .doctorDetails p{font-size: 14px; margin-bottom: 6px; color: #333; font-weight: 600}@media (min-width:768px){.doctorDashboard-block .leftBlock .doctorWrap .doctorDetails p{font-size: 16px; font-weight: 400; margin-bottom: 15px}.doctorDashboard-block .leftBlock .doctorWrap .doctorDetails p span{font-weight: 700}}@media (min-width:992px){.doctorDashboard-block .leftBlock .doctorWrap .doctorDetails p{font-size: 18px}}.doctorDashboard-block .rightBlock{position: relative}@media (min-width:768px){.doctorDashboard-block .rightBlock{width: 55%}}@media (min-width:992px){.doctorDashboard-block .rightBlock{width: 40%}}.doctorDashboard-block .rightBlock .timeHead{width: 100%; float: left; padding: 10px; background-color: #fff; color: #86bc2c; font-size: 16px; font-weight: 600; position: relative}@media (min-width:768px){.doctorDashboard-block .rightBlock .timeHead{width: auto; background-color: #86bc2c; font-size: 18px; margin-top: -45px; padding: 10px 15px; color: #fff}.doctorDashboard-block .rightBlock .timeHead:before{content: ''; width: 25px; height: 45px; position: absolute; right: -15px; top: 0; background-color: #86bc2c; -ms-transform: skewX(20deg); transform: skewX(20deg); transition-duration: .3s}}.doctorDashboard-block .rightBlock .timeWrap{width: 100%; float: left; position: relative; background-image: url(../images/timetable-bg.jpg); background-position: center; background-size: cover}@media (min-width:768px){.doctorDashboard-block .rightBlock .timeWrap{min-height: 350px; max-height: 350px; overflow: auto}}@media (min-width:992px){.doctorDashboard-block .rightBlock .timeWrap{min-height: 250px; max-height: 250px}}.doctorDashboard-block .rightBlock .timeWrap table.timeTable{background-color: #fff}.doctorDashboard-block .rightBlock .timeWrap table.timeTable tbody tr td, .doctorDashboard-block .rightBlock .timeWrap table.timeTable tbody tr th{padding: 10px}.doctorDashboard-block .rightBlock .bookAppoint{padding: 3px 15px; background-color: #86bc2c; color: #fff; text-transform: uppercase; text-align: center; height: auto; font-weight: 600; width: 100%; float: left; margin-top: 5px}.doctorDashboard-block .rightBlock .bookAppoint:focus, .doctorDashboard-block .rightBlock .bookAppoint:focus:before, .doctorDashboard-block .rightBlock .bookAppoint:hover, .doctorDashboard-block .rightBlock .bookAppoint:hover:before{background-color: #77a727}@media (min-width:768px){.doctorDashboard-block .rightBlock .bookAppoint{position: absolute; bottom: -44px; right: 15px; width: auto; height: 44px; margin: 0}.doctorDashboard-block .rightBlock .bookAppoint:before{content: ''; width: 25px; height: 44px; position: absolute; left: -15px; top: 0; background-color: #86bc2c; -ms-transform: skewX(20deg); transform: skewX(20deg); transition-duration: .3s}}.doctorList{width: 100%; float: left}.doctorList .doctorList-title{font-size: 28px; margin-top: 15px; color: #333; margin-bottom: 5px}@media (min-width:992px){.doctorList .doctorList-title{font-size: 32px; margin-top: 20px; margin-bottom: 15px}}.doctorList .doctorBlock-wrap{width: 100%; display: inline-block; vertical-align: top; padding: 0 15px}@media (min-width:480px){.doctorList .doctorBlock-wrap{width: 50%}}@media (min-width:768px){.doctorList .doctorBlock-wrap{width: 33.333%}}.doctorList .doctorBlock-wrap .doctorBlock{width: 100%; float: left; margin: 15px 0; -webkit-box-shadow: 0 3px 9px -1px rgba(0,0,0,.12); -moz-box-shadow: 0 3px 9px -1px rgba(0,0,0,.12); box-shadow: 0 3px 9px -1px rgba(0,0,0,.12); transform: scale(1); transition-duration: .3s; padding-bottom: 15px}@media (min-width:768px){.doctorList .doctorBlock-wrap .doctorBlock{padding-bottom: 0}}.doctorList .doctorBlock-wrap .doctorBlock:focus, .doctorList .doctorBlock-wrap .doctorBlock:hover{transform: scale(1.01)}.doctorList .doctorBlock-wrap .doctorBlock .doctorDetail{padding: 15px; float: left; width: 100%; background-color: #fafafa}@media (min-width:768px){.doctorList .doctorBlock-wrap .doctorBlock .doctorDetail{padding: 20px}}.doctorList .doctorBlock-wrap .doctorBlock .doctorDetail .doctorName{font-size: 20px; font-weight: 600; color: #333; margin-top: 0; margin-bottom: 10px; max-height: 46px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis}@media (min-width:992px){.doctorList .doctorBlock-wrap .doctorBlock .doctorDetail .doctorName{font-size: 24px}}.doctorList .doctorBlock-wrap .doctorBlock .doctorDetail p{font-size: 16px; color: #666; margin: 0; line-height: 26px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis}.doctorList .doctorBlock-wrap .doctorBlock .doctorPic{width: 100%; float: left; transition-duration: .3s}.doctorList .doctorBlock-wrap .doctorBlock .doctorPic img{width: 100%; float: left}.doctorList .doctorBlock-wrap .doctorBlock .bookingBtn, .doctorList .doctorBlock-wrap .doctorBlock .profileBtn{width: 100%; float: left; padding: 10px; color: #14a500; font-weight: 500; text-align: center}@media (min-width:768px){.doctorList .doctorBlock-wrap .doctorBlock .bookingBtn, .doctorList .doctorBlock-wrap .doctorBlock .profileBtn{padding: 10px 15px}}@media (min-width:1200px){.doctorList .doctorBlock-wrap .doctorBlock .bookingBtn, .doctorList .doctorBlock-wrap .doctorBlock .profileBtn{width: auto; padding: 20px 14px}}.doctorList .doctorBlock-wrap .doctorBlock .profileBtn{float: right}.doctorProfile{width: 100%; float: left}.doctorProfile .doctorProfile-title{font-size: 28px; margin-top: 5px; color: #333; margin-bottom: 5px}@media (min-width:992px){.doctorProfile .doctorProfile-title{font-size: 32px; margin-top: 0; margin-bottom: 15px}}.doctorProfile .doctorImg{width: 100%; max-width: 400px; margin: 0 auto}@media (min-width:768px){.doctorProfile .doctorImg{float: left}}.doctorProfile .doctorImg img{width: 100%}.doctorProfile .profileDetails{float: left; width: 100%; margin-top: 15px; border-bottom: 1px solid #cfcfcf}.doctorProfile .profileDetails .profileName{font-size: 20px; font-weight: 600; color: #333; margin-top: 0; margin-bottom: 10px; max-height: 46px; overflow: hidden}@media (min-width:992px){.doctorProfile .profileDetails .profileName{font-size: 24px; max-height: 52px}}.doctorProfile .profileDetails p{font-size: 16px; color: #666; margin: 0 0 15px; line-height: 26px; max-height: 52px; overflow: hidden; font-weight: 600}.doctorProfile .profileDetails .appointBtn{float: left; height: auto; background-color: #86bc2c; color: #fff; margin-bottom: 15px; border-radius: 3px; padding: 6px 15px; font-size: 15px}.doctorProfile .profileDetails .appointBtn:focus, .doctorProfile .profileDetails .appointBtn:hover{background-color: #77a727}@media (min-width:992px){.doctorProfile .profileDetails .appointBtn{float: right}}.doctorProfile .timeChart{width: 100%; float: left}.doctorProfile .timeChart .timeChart-title{font-size: 18px; font-weight: 600; color: #86bc2c; line-height: 30px}.doctorProfile .timeChart table.timeTable{width: 100%; max-width: 400px; background-color: #f5f5f5}.doctorProfile .timeChart table.timeTable tbody tr{border: none}.doctorProfile .timeChart table.timeTable tbody tr td, .doctorProfile .timeChart table.timeTable tbody tr th{padding: 10px}.doctorProfile .cmsStyle{width: 100%; float: left; margin-top: 15px}@media (min-width:768px){.doctorProfile .cmsStyle{margin-top: 25px}}.doctorProfile .cmsStyle h1, .doctorProfile .cmsStyle h2, .doctorProfile .cmsStyle h3, .doctorProfile .cmsStyle h4, .doctorProfile .cmsStyle h5, .doctorProfile .cmsStyle h6{margin: 5px 0 15px; color: #333; font-weight: 600}.doctorProfile .cmsStyle p{font-size: 17px; color: #666; line-height: 30px; margin-bottom: 15px}.doctorProfile .cmsStyle ul{width: 100%; padding-left: 10px; list-style: none}.doctorProfile .cmsStyle ul li{position: relative; width: 100%; padding-left: 15px; font-size: 17px; line-height: 30px; margin: 0 0 8px; display: inline-block; color: #666}.doctorProfile .cmsStyle ul li a{color: #86bc2c}.doctorProfile .cmsStyle ul li:before{content: '\f0c8'; font-weight: 700; font-size: 6px; font-family: "Font Awesome 5 Free"; position: absolute; left: 0; color: #86bc2c}.doctorProfile .cmsStyle ol{list-style: decimal}.doctorProfile .cmsStyle ol li{width: 100%; font-size: 17px; line-height: 30px; margin: 0 0 8px; color: #666}.doctorProfile .cmsStyle ol li a{color: #86bc2c}.doctorProfile .cmsStyle ol li:before{content: ''}.onlineConsult{display: none}@media (max-width:767px){.onlineConsult{display: block; position: fixed; bottom: 0; right: 20px; -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px 1px rgba(0,0,0,.3); box-shadow: 0 1px 3px 1px rgba(0,0,0,.3); background-color: #86bc2c; margin: 0; z-index: 99; border-radius: 6px 6px 0 0}.onlineConsult>a{color: #fff; padding: 5px 15px!important; margin-left: 0!important}.onlineConsult>a .head-ico{display: none!important}.onlineConsult:focus, .onlineConsult:hover{background-color: #77a727}}.faqWrap{width: 100%; float: left; margin-bottom: 15px}@media (min-width:768px){.faqWrap{margin-bottom: 30px}}.faqWrap h2{font-size: 24px; margin: 10px 0}@media (min-width:768px){.faqWrap h2{font-size: 26px}}.faqWrap p{font-size: 16px; line-height: 1.6}/*2021-12-16*/.tabLinks{width: 100%; display: table; width: 100%; clear: both; position: relative; padding: 0; margin: 30px 0 40px 0; text-align: center;}.tabLinks ul{display: block; clear: all; vertical-align: top; padding: 0; margin: 0; margin-left: -20px; margin-right: -20px;}.tabLinks li{display: block; float: left; width: 50%; padding: 0 20px; border-right: 1px solid #e7e7e7;}.tabLinks li:last-child{border-right: none;}.tabLinks li a{display: block; padding: 20px 30px; font-size: 20px; color: #333; text-transform: uppercase; font-weight: bold; line-height: 1.2; position: relative; text-align: center; background: #eee;}.tabLinks li a:after{content: ''; display: block; width: 0%; height: 2px; background: #86bc2c; position: absolute; left: 50%; margin-left: 0; bottom: -1px; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}.tabLinks li.activeLink a:after{width: 100%; margin-left: -50%;}.tabLinks li:hover a:after{width: 100%; margin-left: -50%;}.tabLinks li.activeLink a{color: #fff; background: #86bc2c;}.selectDoctor-wrap .doctorList-title{text-align: center; display: block;}@media (max-width:768px){.tabLinks ul{margin: 0; display: block; width: 100%;}.tabLinks li a{font-size: 16px; padding: 15px 25px;}.tabLinks li{padding: 0 5px;}.tabLinks{margin-top: 20px;}}@media (max-width:480px){.consultationWrap button.doctorBtn, .consultationWrap button.dietitianBtn{width: 100% !important; display: block !important; margin: 2px !important;}.consultationWrap .tabcontent-title{text-align: center !important;}}