/*************** Font Import *********************/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap');

/*************** Common Style Starts Here *********************/
html, body{min-height:100%}
body{font:600 13px 'Source Sans Pro', sans-serif}
.bg-green-gradient{
  background: #f3fbff; /* Old browsers */
  background: -moz-linear-gradient(top,  #f3fbff 0%, #e2f3fc 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #f3fbff 0%,#e2f3fc 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #f3fbff 0%,#e2f3fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3fbff', endColorstr='#e2f3fc',GradientType=0 ); /* IE6-9 */
  }

a, button{-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; outline:none; cursor:pointer;}
a:focus, button:focus{outline:none}

p{font-size:14px; font-weight:600; line-height:26px; color:#003B3A}

.color-red{color:red}
.btn-color-red{color:#d60000 !important}
.btn-color-red{color:#e81818 !important}

.form-group{margin-bottom:30px}
.form-group label{font:700 12px 'Source Sans Pro', sans-serif; color:#003B3A; margin-bottom:10px}
.form-group .form-control{border:none; border-bottom:1px solid rgba(103, 142, 144, 0.50); border-radius:0; font:600 14px 'Source Sans Pro', sans-serif; color:#6E6E6E; padding:7px 10px 10px; box-shadow:none; background-color:transparent}
.form-group .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#c7c7c7;
}
.form-group .form-control::-moz-placeholder { /* Firefox 19+ */
  color:#c7c7c7;
}
.form-group .form-control:-ms-input-placeholder { /* IE 10+ */
  color:#c7c7c7;
}
.form-group .form-control:-moz-placeholder { /* Firefox 18- */
  color:#c7c7c7;
}

select.form-control{background:url(../images/arrow-down.svg) right 10px center no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select:required:invalid{color:#c7c7c7;}
select.form-control option{color:#6E6E6E; }

.full-border-text-area .form-control{border:1px solid rgba(103, 142, 144, 0.50); padding:15px; border-radius:4px}

.input-with-btn .input-group-append{align-items:center}
.input-with-btn .form-control{border:0}
.input-with-btn .input-group{border-bottom:1px solid rgba(103, 142, 144, 0.50)}
.input-with-btn .btn-border-green{margin:0 10px 8px}
.input-with-btn .input-group-append .loading{top:0; right:0; padding:10px}

.error-msg, .success-msg{position:relative; margin:2px 0 0;}
.error-msg-inn{display:block; font-size:13px; font-weight:400; color:red; bottom:-20px; color:red}
.success-msg-inn{display:block; font-size:13px; font-weight:400; color:red; bottom:-20px; color:#009e43}

.disabled-section{opacity:0.3; position:relative;}
.disabled-section::after{content:""; position:absolute; width:100%; height:100%; top:0; left:0; z-index:100;}

.hint-text{color:#6E6E6E; font-weight:400; margin:5px 0 0; display:inline-block; font-style:italic;}


/**** Radio Btn Starts ****/
.radio {
  
}
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.radio input[type="radio"] + .radio-label:before {
  content: '';
  background: transparent;
  border-radius: 100%;
  border: 1px solid #003B3A;
  display: inline-block;
  width: 10px;
  height: 10px;
  position: relative;
  top:5px;
  margin-right:7px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
  background-color: #003B3A;
  box-shadow: inset 0 0 0 1px #f4f4f4;
}
.radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #003B3A;
}
.radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}

.radio-grp{display:-webkit-box;display:-ms-flexbox;display:flex; flex-flow:wrap}
.radio-grp .radio{margin:0 30px 0 0}
.radio-grp .radio label{font-size:14px; font-weight:600}
/**** Checkbox Ends ****/


/**** Checkbox Starts ****/
.checkbox-area.form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.checkbox-area.form-group label {
  position: relative;
  cursor: pointer; font-size:13px; font-weight:600; color:#00D6CF;
}

.checkbox-area.form-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;border: 2px solid #00D6CF;
  border-radius: 2px;
  padding: 6px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.checkbox-area.form-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 6px;
  width: 5px;
  height: 8px;
  border: solid #00D6CF;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-area .link-btn{font-size:13px}
/**** Checkbox Ends ****/

.no-video{text-align:center; background:#eeeeee;}

.modal-content{border-radius:20px}
.modal-open .modal{padding:0;}

.landing-html, .landing-body{min-height:100%; height:100%;}
.landing-body{background:url(../images/landing-bg.jpg) no-repeat right center; background-size:cover;}
.landing-body:before{content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, 0.50);}
.landing-form-area{background:#fff; min-width:400px; border-right:5px solid #1dd6cf}
.landing-form-area h4{margin:20px 0 50px;}
.or-line{position:relative; margin:25px 0; display:block}
.or-line:after{content:""; height:1px; display:block; background:#bfd9d8; width:100%; position:absolute; top:0; bottom:0; margin:auto; left:0; right:0; z-index:0;}
.or-line mark{position:relative; z-index:10; background:#fff; padding:8px; border-radius:30px; width:33px; height:33px; display:inline-block;}

.landing-cont-area{padding-left:50px; padding-top:100px}
.landing-cont-area .title3{color:#fff}
.landing-cont-area .title4, .landing-cont-area p{color:#dfdfdf}
.landing-cont-area .title4{margin:15px 0 20px;}
.landing-cont-area p{font-size:15px; font-weight:400}

.lndng-dctr-login-btn{position:absolute; right:15px; width:auto; top:15px;}

.error-section .title2{font-size:140px; line-height:110px; color:#1dd6cf;}
.error-section .title4{font-size:35px; margin:20px 0 10px}
.error-section p{font-size:15px; color:#7b7b7b; margin:0 0 30px;}

.loading {
  height: 0;
  width: 0;
  padding: 15px;
  border:6px solid rgba(29, 214, 207, 0.40);
  border-right-color:#1dd6cf;
  border-radius: 22px;
  -webkit-animation: rotate 1s infinite linear;
  /* left, top and position just for the demo! */
  position: absolute;
  left: 50%;
  top: 50%;
}

@-webkit-keyframes rotate {
  /* 100% keyframe for  clockwise. 
     use 0% instead for anticlockwise */
  100% {
    -webkit-transform: rotate(360deg);
  }
}

.success-modal .main-icon{background:#1dd6cf; border-radius:60px; font-size:50px; color:#fff; width:90px; height:90px; display:flex; margin:auto; align-items:center; justify-content:center;}
.success-modal .modal-body{padding:40px;}
.success-modal .title2{font-size:35px; margin:10px 0}
.success-modal .title5{font-weight:400; margin:0 0 30px; font-size:20px}

.delete-modal .main-icon{background:#f15e5e}

.popover{border:0; border-radius:10px; box-shadow: 0px 10px 30px #223A3924; padding:10px; max-width:400px;}
.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before{border-bottom-color:rgba(0, 0, 0, 0.08)}
.popover-body{font:400 13px 'Source Sans Pro', sans-serif; color:#003B3A; line-height:22px}

.btn-green{background:#00D6CF; font:700 13px 'Source Sans Pro', sans-serif; color:#fff; text-transform:uppercase; border:0; padding:12px; border-radius:6px; min-width:120px; display:inline-block; text-align:center;}
.btn-green:hover{box-shadow: 0px 10px 15px #00D6CF42; color:#fff; text-decoration:none}
.btn-green.sml{font-weight:600; min-width:80px; padding:6px;}
.razorpay-payment-button{background:#00D6CF; font:700 13px 'Source Sans Pro', sans-serif; color:#fff; border:0; padding:12px; border-radius:4px; min-width:120px; display:inline-block; text-align:center; margin: auto;}

.btn-green.gray-btn{background:#c1c1c1}
.btn-green.gray-btn:hover{box-shadow:0px 10px 15px #97999942}
.btn-green.red-btn{background:#f15e5e}
.btn-green.gray-btn:hover{box-shadow:0px 10px 15px rgba(241, 94, 94, 0.26)}

.btn-border-green{border:1px solid #00D6CF; border-radius:6px; background:transparent; color:#003B3A; font:600 13px 'Source Sans Pro', sans-serif; padding:5px 8px; min-width:75px}
.btn-border-green:hover{background:#00D6CF;}

.btn-border-green.mdm{color:#00D6CF; padding:8px 10px; min-width:80px; box-shadow:0px 10px 8px #8A8A8A0D; display:inline-block; text-align:center}
.btn-border-green.mdm:hover{color:#fff; text-decoration:none}

.link-btn{font-size:15px; font-weight:600; text-decoration:underline; color:#00D6CF; background:transparent; border:0}
.link-btn:hover{text-shadow:0px 10px 15px #00D6CF42; color:#00D6CF}

.add-btn{font-size:13px; font-weight:600; color:#00D6CF; background:transparent; border:0; display:inline-block; vertical-align:middle}
.add-btn svg{fill:#00D6CF; margin:-2px 6px 0 0; display:inline-block; vertical-align:middle; width:16px}
.add-btn:hover{color:#00D6CF}

.color-green{color:#00D6CF !important}

.main-head{margin:0 0 30px}
.main-head .title6{color:#00D6CF}
.main-head:after{content:""; width:35px; height:2px; background:#00D6CF; display:block; position:relative; bottom:0;}


.title5{font:600 22px 'Source Sans Pro', sans-serif; color:#003B3A}
.title6{font:600 16px 'Source Sans Pro', sans-serif; color:#00D6CF}



/*************** Common Style Ends Here *********************/

.logo{display:block;}

.slide-nav .sidebar {
  margin-left: 0;
}
.page-wrapper {
  left: 0;
  margin-left: 340px;
  position: relative;
  transition: all 0.2s ease-in-out; min-height:100vh; display:-webkit-box;display:-ms-flexbox;display:flex; padding:30px;
}
.page-wrapper-inn{display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; flex-direction:column}

.sidebar {
  box-shadow:0 1px 13px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
  top:0;
  bottom: 0;
  left: 0;
  margin-top: 0;
  position: fixed;
  transition: all 0.2s ease-in-out 0s;
  width: 340px;
  z-index: 1001; padding:120px 0 0; background-repeat:no-repeat; background-position:left -1px bottom -1px;
}
.sidebar-overlay.opened {
  display: block;
}
.sidebar-overlay {
  display: none;
  position: fixed;
  z-index: 90;
  height: 100%;
  left: 0;
  top: 60px;
  width: 100%;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.6);
}
.mobile_btn {
  display: none;
}
.bar-icon span {
  background-color: #fff;
  border-radius: 500px;
  display: block;
  float: left;
  height: 2px;
  margin-bottom: 5px;
  width: 21px;
}

.hmbrgr-menu{height:16px;}
.hmbrgr-menu svg{fill:#678e90}
.hmbrgr-menu:hover svg{fill:#00D6CF}

.sidebar-menu-list{padding:0 0 20px; border-bottom:1px solid #E7EFF1}
.sidebar-menu-list li{list-style:none; margin:5px 0;}
.sidebar-menu-list li a{font-size:14px; font-weight:600; color:#003B3A; text-decoration:none; display:block; padding:7px 25px;}
.sidebar-menu-list li a span{transition:all 0.2s ease-in-out; white-space:nowrap; display:inline-block}
.sidebar-menu-list li a svg{display:inline-block; vertical-align:middle; margin:0 10px 0 0; transition:all 0.2s ease-in-out}
.sidebar-menu-list li.active{border-right:3px solid #00D6CF}
.sidebar-menu-list li.active a, .sidebar-menu-list li a:hover{color:#00D6CF}
.sidebar-menu-list li.active a svg, .sidebar-menu-list li a:hover svg{fill:#00D6CF}

.sidebar-extra-sec{padding:25px;}
.appointment-status-box label{font-size:13px; font-weight:700; color:#003B3A; margin:0 0 15px}
.apnmnt-sts-list{padding:0;}
.apnmnt-sts-list li{list-style:none; display:-webkit-box;display:-ms-flexbox;display:flex}
.apnmnt-sts-list .nmbr{font-size:35px; font-weight:400; color:#00D6CF; min-width:70px; border-right:1px solid #00D6CF; padding:10px 10px 10px 0;  display:-webkit-box;display:-ms-flexbox;display:flex; align-items:center}
.apnmnt-sts-list .dscrptn{font-size:15px; font-weight:600; color:#333; padding:10px 0 10px 10px; display:-webkit-box;display:-ms-flexbox;display:flex; align-items:center}

.appointment-status-box{background:#fff; box-shadow: 0px 3px 20px #BCD6D57A; border-radius:17px; padding:20px;}


.sidebar.no-bg-img{background:none}

/***** Sidebar scrollbar style Starts Here *****/
.sidebar.mCustomScrollbar .mCSB_scrollTools{right:-6px;}
.sidebar.mCustomScrollbar .mCSB_inside>.mCSB_container{margin-right:0}
.sidebar.mCustomScrollbar .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{display:none}
.sidebar.mCustomScrollbar .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:transparent}
.sidebar.mCustomScrollbar .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .sidebar.mCustomScrollbar .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#d1d1d1}


.main-wrapper{}
.main-cont-area{background:#fff; border-radius:20px; box-shadow:0px 3px 10px rgba(75, 104, 116, 0.25); padding:30px; width:100%; display:-webkit-box;display:-ms-flexbox;display:flex; flex-direction:column; height:100%;}
.main-cont-area.cont-area-center{margin:auto; min-height:auto}
header{position:fixed; top:0; width:340px; left:0; display:-webkit-box;display:-ms-flexbox;display:flex; justify-content:space-between; align-items:center; padding:30px 25px 0; z-index:1040; transition:all 0.2s ease-in-out 0s}
.my-tab{display:-webkit-box;display:-ms-flexbox;display:flex; flex-direction:column}
.my-tab .nav-tabs{border:0; margin:0 0 20px;}
.my-tab .nav-tabs .nav-item{margin:0 50px 0 0; padding:0 0 10px;}
.my-tab .nav-tabs .nav-link{font:600 16px 'Source Sans Pro', sans-serif; color:#003B3A; border:0; position:relative; padding:0;}
.my-tab .nav-tabs .nav-item.show .nav-link, .my-tab .nav-tabs .nav-link.active{color:#00D6CF; border:0}
.my-tab .nav-tabs .nav-link.active::after{content:""; width:35px; height:2px; background:#00D6CF; display:block; position:relative; bottom:-8px}
.my-tab .nav-tabs .nav-link:focus, .my-tab .nav-tabs .nav-link:hover{border:0}

.my-tab, .my-tab .tab-content, .my-tab .tab-pane{height:100%;}
.my-tab .tab-content{display:-webkit-box;display:-ms-flexbox;display:flex; flex-direction:column}
.form-btn-align{display:-webkit-box;display:-ms-flexbox;display:flex; justify-content:space-between; flex-direction:column; height:100%;}
.form-foot{border-top:6px solid #f4f4f4; padding:25px 0 0px; margin:20px 0 0}

.patient-detail-sec {}
.patient-detail-sec .title6{font-size:13px; font-weight:600; color:#00D6CF; margin-bottom:20px;}

#Div2, #registerd-btn{
  display: block;
}

.otp-box{box-shadow:0px 3px 10px rgba(75, 104, 116, 0.25); padding:30px; border-radius:20px;}

/*************** Book an Appointment page Style Starts Here *********************/

.rslt-area label{font-size:14px; font-weight:700; color:#003B3A; margin-bottom:5px}
.rslt-area .amnt{font-size:18px; font-weight:600; color:#00D6CF; display:block;}


/***** Modal-slide Style Starts Here *****/
.modal-slide .modal-header{display:-webkit-box;display:-ms-flexbox;display:flex; border:0; padding:0;}
.modal-slide .modal-header .main-head{margin:0;}
.modal-slide .modal-header .close{opacity:1; outline:none}
.modal-header .close svg{fill:#678e90}
.modal-header .close:hover svg{fill:#00D6CF}
.modal-slide .modal-dialog {
  max-width: 500px;
}
.modal-dialog-slideout {
  min-height: 100%;
  margin: 0 0 0 auto;
  background: #fff;
}
.modal.fade .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(100%, 0)scale(1);
  transform: translate(100%, 0)scale(1);
}
.modal.fade.show .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  display: flex;
  align-items: stretch;
  -webkit-box-align: stretch;
  height: 100%;
}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog-slideout .modal-content {
  border: 0; padding:30px; border-left:2px solid #00D6CF; border-radius:0; box-shadow: -10px 0px 30px #ABABAB21;
}


.payment-modal .modal-body{padding:25px 0}

.payment-list{padding:0}
.payment-list li{margin:0 0 15px; list-style:none}
.payment-list li:last-of-type{margin:0}
.payment-list .nm{font-size:12px; font-weight:700; color:#002424; padding:0;}
.payment-list .dscrptn{font-size:15px; font-weight:600; color:#002424; padding:0 0 0 10px;}
.payment-modal .payment-list{border-bottom:1px solid #00D6CF; padding-bottom:25px; margin-bottom:25px;}
.payment-modal .rslt-area .amnt{font-size:23px; font-weight:400; line-height:24px}

.payment-list.pymnt-list-grid li{margin:0 0 30px}
.payment-list.pymnt-list-grid .nm, .payment-list.pymnt-list-grid .dscrptn{display:block; padding:0;}
.payment-list.pymnt-list-grid .nm{color:#003B3A; margin:0 0 10px; font-size:11px}
.payment-list.pymnt-list-grid .dscrptn{color:#6E6E6E; font-size:14px}
/***** Modal-slide Style Ends Here *****/

.terms-modal.modal{background:rgba(0, 0, 0, 0.40)}
.terms-modal .modal-content{border-radius:25px; border:0}
.terms-modal .modal-dialog{max-width:1150px; width:95%}
.terms-modal .modal-header{padding:35px 35px 20px; border:0}
.terms-modal .modal-header .main-head{margin:0}
.terms-modal .modal-body{padding:0 35px 35px;}
.terms-modal .terms-cont-sec{margin:0 0 30px}
.terms-modal .terms-cont-sec .title6{font-size:15px; font-weight:700; color:#003B3A}
.terms-modal .longEnough{max-height:600px; overflow:auto;}
.terms-modal .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px; border-radius:20px; background:#EBEBEB}
.terms-modal .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{display:none}
.terms-modal .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .terms-modal .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .terms-modal .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:#8d8d8d}


.dtpckr-area .input-group{align-items:center}
.dtpckr-area .input-group-addon{margin-right:10px; cursor:pointer;}

.cunsult-list{padding:0;}
.cunsult-list li{list-style:none; color:#003B3A; font-size:14px; line-height:24px; padding:0 0 25px; border-bottom:1px solid #ECECEC; margin:0 0 25px;}

/*************** Book an Appointment page Style Ends Here *********************/


.book-cnfrm-box{padding:50px} 
.book-cnfrm-box .payment-list{margin:20px 0 30px}

.multi-file-up-area .ssi-uploader{display:-webkit-box;display:-ms-flexbox;display:flex}
.multi-file-up-area .ssi-dropZonePreview{width:1%; flex:1; min-height:0; border:0}
.multi-file-up-area .ssi-imgToUploadTable tr:first-child td:first-child{display:none}
.multi-file-up-area #ssi-info{display:none}
.multi-file-up-area #ssi-clearBtn{display:none}
.multi-file-up-area span.trash10{background:url(../images/sprite.png) center no-repeat}
.multi-file-up-area .ssi-button.error{background:transparent; border:0; margin:0 0 0 5px}
.multi-file-up-area .ssi-imgToUploadTable{width:auto; margin-right:20px}
.multi-file-up-area .ssi-imgToUploadTable tr td{width:auto; display:-webkit-box;display:-ms-flexbox;display:flex; align-items:center}
.multi-file-up-area .ssi-imgToUploadTable tr td .atch-img{margin:0 8px 0 0}
.multi-file-up-area .ssi-imgToUploadTable{background:none; border:0; padding:0; box-shadow:none}
.multi-file-up-area .ssi-button.error:hover{background:transparent}
.multi-file-up-area .ssi-buttonWrapper{padding-left:0}

.multi-file-up-area.vertical .ssi-uploader{flex-direction:column} 
.multi-file-up-area.vertical .ssi-dropZonePreview{width:100%; padding:10px 0;} 

/*************** Today's Appointment page Style Starts Here *********************/
.my-table-grn.table thead th{border:1px solid #00D6CF; font-size:11px; font-weight:700; color:#003B3A; padding:7px;}
.my-table-grn.table tbody tr:nth-of-type(odd){background:#fff}
.my-table-grn.table tbody tr:nth-of-type(even){background:rgba(245, 245, 245, 0.7)}
.my-table-grn.table tbody tr td{font-size:13px; font-weight:600; color:#003B3A}
.my-table-grn.table tbody tr td, .my-table-grn.table tbody tr th{border:0}
.my-table-grn.table .link-btn{text-decoration:none; font-size:13px}
.my-table-grn.table .atch-icon svg{fill:#00d6cf}
.my-table-grn.table tbody tr:hover{background:rgba(0, 214, 207, 0.70)}
.my-table-grn.table tbody tr:hover .color-green, .my-table-grn.table tbody tr:hover .link-btn{color:#fff !important}
.my-table-grn.table tbody tr:hover .atch-icon svg{fill:#fff}
.cnslt-detail-truncate{width:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; vertical-align:text-bottom}
.adrs-truncate{width:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; vertical-align:text-bottom}
.my-table-grn.table a, .my-table-grn.table button{transition:none}


/*************** Today's Appointment page Style Ends Here *********************/


/*************** Doctor's Work up page Style Starts Here *********************/
.record-btn{display:-webkit-box;display:-ms-flexbox;display:flex; align-items:center; color:#00D6CF; font-weight:700; background:transparent; border:0}
.record-btn svg{fill:#00D6CF; margin:0 15px 0 0;}

.patient-hstry-cnct-area{border-bottom:1px solid #00D6CF; padding:0 0 3px; margin:0 0 25px}
.patient-hstry-cnct-area{display:-webkit-box;display:-ms-flexbox;display:flex; align-items:center; justify-content:space-between; flex-flow:wrap}
.patient-hstry-cnct-area .crnt-tckn{display:-webkit-box;display:-ms-flexbox;display:flex; padding:0 15px 0 0}
.patient-hstry-cnct-area .crnt-tckn .nmbr{font-size:28px; font-weight:400; color:#00D6CF; border-right:1px solid #00D6CF; padding:0 10px 0 0; line-height:22px}
.patient-hstry-cnct-area .crnt-tckn .dscrptn{font-size:12px; font-weight:700; color:#333333; padding:0 0 0 10px; line-height:12px}
.patient-hstry-cnct-area .patnt-detail{font-size:15px; font-weight:700; color:#003B3A; text-align:right; padding:0 15px 0 0}

.accordion-shadow .card{box-shadow:0px 3px 20px #3B3B3B1A; border:1px solid rgba(204, 204, 204, 0.50); border-radius:10px; margin-bottom:20px;}
.accordion-shadow .card-header{padding:0; background:transparent; border:0}
.accordion-shadow .btn-link{width:100%; text-align:left; display:-webkit-box;display:-ms-flexbox;display:flex; align-items:center; justify-content:space-between; text-decoration:none; font-size:13px; font-weight:700; color:#00D6CF !important; padding:10px 20px 10px}
.accordion-shadow .btn-link i{font-size:17px; font-weight:600}
.accordion-shadow .btn-link.collapsed i{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}
.accordion-shadow .card-body{padding:0 20px 20px;}

.accordion-shadow .btn-link.online{padding-left:35px;}
.accordion-shadow .btn-link.online:before{content:""; display:block; width:8px; height:8px; background:#23d948; border-radius:30px; position:absolute; left:20px;}

.accordion-shadow.acrdn-smpl .card{box-shadow:none; border:0; border-bottom:1px solid rgba(103, 142, 144, 0.50); border-radius:0}
.accordion-shadow.acrdn-smpl .btn-link{padding:10px 0}
.accordion-shadow.acrdn-smpl.theme-bg .card{background:#ecfaff; padding:10px; border-radius:10px; border:0}
.accordion-shadow.acrdn-smpl.theme-bg .btn-link{color:#003B3A !important; padding:0;}

.patnt-hstry-cont-area{padding-top:0px; padding-bottom:0px}
.patnt-hstry-cont-area .left-area, .patnt-hstry-cont-area .right-area{padding-top:30px; padding-bottom:30px}
.patnt-hstry-cont-area .left-area{padding-right:30px; border-right:1px solid rgba(112, 112, 112, 0.20)}
.patnt-hstry-cont-area .right-area{padding-left:30px}


.record-btn-area i{font-size:20px}

.video-sec{position:relative;}
.full-screen-icon{position: absolute; top:10px; right:10px; background:rgba(255, 255, 255, 0.51); padding:10px; border-radius:70px; width:35px; height:35px;}
.full-screen-icon svg{width:15px}
.full-screen-icon:hover svg path{fill:#00D6CF}


/*************** Doctor's Work up page Style Ends Here *********************/

.doc-upload-prv{padding:0;}
.doc-upload-prv li{margin:0 30px 0 0 !important; font-size:14px; font-weight:600; color:#6E6E6E}
.doc-upload-prv li a{color:#6E6E6E}
.doc-upload-prv img{margin:0 8px 0 0; display:inline-block; vertical-align:sub}

.log-area a{font-size:15px; color:#003B3A;}
.log-area a svg{display:inline-block; vertical-align:middle; margin:0 5px 0 0; width:18px;}
.log-area a:hover{color:#00D6CF; text-decoration:none}
.log-area a:hover svg path{fill:#00D6CF}}



/*************** Selectbox with search Style Starts Here *********************/
.search-with-select .main{
  margin:1rem;
  max-width:350px;
  width:50%;  
  height:250px;
}
@media(max-width:34em){
  .search-with-select .main{
    min-width:150px;
    width:auto;
  }
}
.search-with-select select {
    display: none !important;
}

.search-with-select .dropdown-select {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);
    background-color: #fff;
    border:0;
    border-bottom:1px solid rgba(103, 142, 144, 0.50);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;

}

.search-with-select .dropdown-select:focus {
    background-color: #fff;
}

.search-with-select .dropdown-select:hover {
    background-color: #fff;
}

.search-with-select .dropdown-select:active,
.search-with-select .dropdown-select.open {
    background-color: #fff !important;
    border-color: #bbb;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}

.search-with-select .dropdown-select:after {
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    -webkit-transform: origin(50% 20%);
    transform: origin(50% 20%);
    transition: all 0.125s ease-in-out;
    content: '';
    display: block;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
}

.search-with-select .dropdown-select.open:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.search-with-select .dropdown-select.open .list {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

.search-with-select .dropdown-select.open .option {
    cursor: pointer;
}

.search-with-select .dropdown-select.wide {
    width: 100%;
}

.search-with-select .dropdown-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.search-with-select .dropdown-select .list {
    box-sizing: border-box;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
    background-color: #fff;
    border-radius: 6px;
    margin-top: 4px;
    padding: 3px 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    max-height: 250px;
    overflow: auto;
    border: 1px solid #ddd;
}

.search-with-select .dropdown-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.search-with-select .dropdown-select .dd-search{
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0.5rem;
}

.search-with-select .dropdown-select .dd-searchbox{
  width:90%;
  padding:0.5rem;
  border:1px solid #999;
  border-color:#999;
  border-radius:4px;
  outline:none; height:40px;
}
.search-with-select .dropdown-select .dd-searchbox:focus{
  border-color:#12CBC4;
}

.search-with-select .dropdown-select .list ul {
    padding: 0;
}

.search-with-select .dropdown-select .option {
    cursor: default;
    font-weight: 400;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
    list-style: none;
}

.search-with-select .dropdown-select .option:hover,
.search-with-select .dropdown-select .option:focus {
    background-color: #f6f6f6 !important;
}

.search-with-select .dropdown-select .option.selected {
    font-weight: 600;
    color: #12cbc4;
}

.search-with-select .dropdown-select .option.selected:focus {
    background: #f6f6f6;
}

.search-with-select .dropdown-select a {
    color: #aaa;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.search-with-select .dropdown-select a:hover {
    color: #666;
}

/*************** Selectbox with search Style Ends Here *********************/
.rec-play-box{padding:0;}
.rec-play-box li{display:-webkit-box;display:-ms-flexbox;display:flex; align-items:center; flex-flow:wrap; margin:0 0 10px;}
.rec-play-box li audio{margin:0 10px 10px 0;}
.rec-play-box li a{margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid rgba(103, 142, 144, 0.50); font-size:15px; font-weight:600; text-decoration:underline; color:#00D6CF; background:transparent; border:0}
.rec-play-box li a:hover{text-shadow:0px 10px 15px #00D6CF42; color:#00D6CF}
.rec-play-box li a:last-of-type{margin:0; padding:0; border:0;}

@media only screen and (min-width:1200px){
  .book-cnfrm-box{min-width:580px} 
  .login-box{min-width:500px}
}

@media only screen and (min-width: 991px){
  .mini-sidebar .page-wrapper {
      margin-left:70px;
  }
  .mini-sidebar .sidebar {
    width:70px; background-position:left -180px bottom -50px; padding:160px 0 0 0;
  }
  .mini-sidebar header{width:70px; flex-direction:column}
  .mini-sidebar .logo{margin-bottom:20px}
  .mini-sidebar .logo img{width:50px}
  .mini-sidebar .sidebar-extra-sec{display:none}
  .mini-sidebar .sidebar-menu-list li a span{display:none}
  .mini-sidebar .sidebar-menu-list li a{padding:7px; text-align:center}
  .mini-sidebar .sidebar-menu-list li a svg{margin:0;}
}

@media only screen and (max-width:1199px){
  .landing-body:before{background:rgba(0, 0, 0, 0.60)}
}

@media only screen and (max-width: 991px){
  .sidebar.no-bg-img{background:#ECF9FF}
  .sidebar {
    margin-left: -300px;
    width: 300px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 1041; background-color:#ECF9FF
  }

  .page-wrapper {
      margin-left: 0;
  }
  #toggle_btn {
      display: none;
  }
  .mobile_btn {
      display: block;
  }

  .page-wrapper{padding-top:100px}
  header{width:100%; padding:15px 25px;}
  header.stickyHeader{background:#fff; box-shadow:0px 3px 12px #0000000F;}

  .landing-form-area{min-width:auto;}

}

@media only screen and (max-width: 767px){
  header{padding:10px 15px}
  .logo img{height:45px;}
  .page-wrapper{padding:85px 0 15px}
  .main-cont-area{border-radius:0; box-shadow:0px 3px 12px #0000000F; padding:15px;}
  .form-group .form-control{padding-top:0}
  .full-border-text-area .form-control{padding:10px;}
  .my-tab .nav-tabs .nav-item{margin:0 30px 0 0}
  .my-tab .nav-tabs .nav-link{font-size:15px}
  .patient-detail-sec{padding-top:0}

  .terms-modal .modal-content{border-radius:10px}
  .terms-modal .modal-header{padding:20px 15px}
  .terms-modal .modal-body{padding:0 0px 20px 15px}
  .terms-modal .mCSB_inside>.mCSB_container, .terms-modal .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:20px}
  .patnt-hstry-cont-area .left-area{border-right:0; border-bottom:1px solid rgba(112, 112, 112, 0.20); padding:15px;}
  .patnt-hstry-cont-area .right-area{padding:30px 15px 15px}

  .landing-form-area{max-width:300px; margin:auto auto 0; padding:30px 15px; border-radius:20px; background:rgba(255, 255, 255, 0.90)}
  .landing-form-area h4{font-size:20px}
  .landing-form-area{border:0}

  .lndng-dctr-login-btn{position:relative; right:0; top:0; margin:15px auto; width:100%; text-align:center}
  .lndng-dctr-login-btn .btn-green{background:transparent}
  
}

@media only screen and (max-width: 575px){
.payment-modal .right-area {text-align:left !important; margin-top:20px;}
.book-cnfrm-box{padding:30px 15px} 
.multi-file-up-area .ssi-uploader{flex-direction:column}
.multi-file-up-area .ssi-dropZonePreview{width:100%; padding-left:0}
.terms-modal .modal-dialog{width:auto}
.popover{width:90%}

.my-tab .nav-tabs .nav-item{margin:0 15px 0 0}
.my-tab .nav-tabs .nav-link{font-size:12px}

.success-modal .modal-body{padding:30px 15px;}
.success-modal .title2{font-size:30px}
.success-modal .title5{font-size:18px}

}

.add-row.cust-add{
  background: #1ebb44;
  border: 1px solid #e1e1e1;
  text-transform: capitalize;
  padding: 5px 10px;
  color: #fff;
  margin-top:2%;
}

.btn-active{
  border-bottom: 3px solid #00D6CF;
}