body{font-family:'Open Sans',sans-serif;-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-moz-transition:.6s;-moz-transform-style:preserve-3d;-o-transition:.6s;-o-transform-style:preserve-3d;transition:.6s;}
.greenOuterBG{background:#32b7b5;padding:0 50px 30px 50px;position:relative;-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-moz-transition:.6s;-moz-transform-style:preserve-3d;-o-transition:.6s;-o-transform-style:preserve-3d;transition:.6s;}
.pinkOuterBG{background:#da4b7e;padding:0 50px 30px 50px;position:relative;-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-moz-transition:.6s;-moz-transform-style:preserve-3d;-o-transition:.6s;-o-transform-style:preserve-3d;transition:.6s;}
body a,button{transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;}
a:hover{text-decoration:none;}
input [type="text"],input [type="submit"],input [type="button"],textarea{-webkit-appearance:none;}
ul{list-style:outside none none;margin:0;padding:0;}
header{min-height:80px;width:100%;display:inline-block;}
.whiteLogo{margin-top:30px;display:inline-block;}
.whiteLogo img { max-width: 100%; width: 320px; }

.InnerHeaderLogo{margin-top:5px;display:inline-block;}
.InnerHeaderLogo img { max-width: 100%; width: 260px; margin-top: 4px; }

.sideBarToggleOuter{text-align:right;}
.sideBarToggleBtn{width:40px;display:inline-block;margin-top:25px;}
.sideBarToggleBtn span{background:#fff;width:40px;height:6px;margin-bottom:5px;display:inline-block;float:left;border-radius:2px;}
.sideBarToggleOuter p, .sideBarToggleOuter p a {color:#fff;font-size:18px;}
.InnerContainer{width:100%;display:inline-block;}
.HowCanHelp h2{font-size:38px;color:#fff;font-weight:400;letter-spacing:1.5px;padding-bottom:22px;position:relative;}
.HowCanHelp{margin-top:100px;}
.afterBorder{position:relative;padding-bottom:10px;margin-bottom:30px;}
.afterBorder:after{background:#da4b7e;width:280px;height:5px;position:absolute;bottom:0;left:0;content:"";}
.pinkOuterBG .afterBorder:after{background:#32b7b5;}
.attendAppoBtn{margin-bottom:30px;width:500px;font-size:25px;color:#869aab;font-weight:400;max-width:100%;background:#fff;text-align:center;display:inline-block;padding:5px 0;}
.attendAppoBtn span{font-weight:700;}
.attendAppoBtn:hover{text-decoration:none;}
.footerMenu{width:100%;display:inline-block;text-align:right;position:absolute;bottom:10px;left:0;padding:0 50px;z-index:99;-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-moz-transition:.6s;-moz-transform-style:preserve-3d;-o-transition:.6s;-o-transform-style:preserve-3d;transition:.6s;}
.footerMenu ul{padding:0;margin:0;}
.footerMenu ul li{list-style:none;display:inline-block;}
.footerMenu ul li a {color:#fff;font-size:20px;font-weight:400; display: inline-block; text-decoration:none;padding:0 10px;position:relative;letter-spacing:1.5px;}
.footerMenu ul li a:after{position:absolute;bottom:0;right:-5px;content:"|";color:#fff;font-size:20px;font-weight:400;}
.footerMenu ul li:last-child a:after{display:none;}
.footerMenu ul li a:hover,.footerMenu ul li a:focus{color:#ffb4cf;}
.SideBarOuter{width:100%;background:#fff;top:0;width:22%;position:absolute;right:0;display:none;padding-right:30px;z-index: 9999;box-shadow: 0 0 6px 2px #0000001a;}
.SideBarOpen{padding-right:22%;-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-moz-transition:.6s;-moz-transform-style:preserve-3d;-o-transition:.6s;-o-transform-style:preserve-3d;transition:.6s;}
.SideBarOpen .footerMenu{right:22%;left:auto;-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-moz-transition:.6s;-moz-transform-style:preserve-3d;-o-transition:.6s;-o-transform-style:preserve-3d;transition:.6s;}
.sideBarHeader{padding:20px;width:100%;display:inline-block;}
.sideBarHeader p a{color:#869aab;font-size:20px;font-weight:400;}
.dividerImg{width:100%;padding:0 20px;}
.dividerImg img{width:100%;}
.sidebarContainer ul{padding:0;margin-top:20px;}
.sidebarContainer ul li{list-style:none;text-align:right;position:relative;}
.sidebarContainer ul li:after{background:#da4b7e;width:100px;height:3px;position:absolute;bottom:0;right:0;content:"";}
.sidebarContainer ul li:last-child:after{display:none;}
.sidebarContainer ul li a{color:#869aab;font-size:20px;font-weight:400;padding:20px 0;display:inline-block;}
.sidebarContainer ul li a span{font-weight:700;}
.sideBarHeader .sideBarToggleBtn{margin-top:0;}
.loginForm label{color:#fff;font-size:18px;font-weight:400;}
.loginForm input{border:0;background:0;border-bottom:2px solid #fff;border-radius:0;box-shadow:none;color:#fff;height:25px;}
.loginForm input:focus{box-shadow:none;}
.form-group{width:100%;display:inline-block;}
.loginForm .attendAppoBtn{margin-top:0;border:0;}
.termsCondition{width:100%;display:inline-block;}
.termsCondition p{color:#fff;font-size:16px;font-weight:400;margin-top:10px;}
.termsCondition p a{font-weight:600;color:#fff;font-style:italic;text-decoration:underline;}
.GreyOuterBG{background:#ebebeb;width:100%;display:inline-block;}
.GreyOuterBG header{background:#fff;float:left;box-shadow:0 0 10px 0 #666;margin-bottom:0;position:relative;z-index:999;}
.GreyOuterBG .sideBarToggleBtn span{background:#da4b7e;}
.StepBarBox{width:100%;display:inline-block; background: #32b7b5;}
.StepBarBox ul{padding:0;}
.StepBarBox ul li{list-style:none;background:#da4b7e;float:left;width:20%;text-align:center;position:relative;}
.StepBarBox ul li:nth-of-type(odd){list-style:none;background:#32b7b5;}
.StepBarBox ul li a{list-style:none;display:inline-block;width:100%;padding:20px 0 35px 0;color:#fff;text-decoration:none;font-size:15px;}
.StepBarBox ul li a span{position:absolute;left:50%;bottom:0;margin:0 0 25px -25px;}
.StepBarBox ul li a span img{position:absolute;width:50px;}
.StepBarBox ul li.active a{font-weight:600;}
.StepBarBox ul li:after{left:100%;top:auto;bottom:5px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-left-color:#da4b7e;border-width:25px;margin-top:-25px;z-index:99;}
.StepBarBox ul li:nth-of-type(odd):after{border-left-color:#32b7b5;}
.StepBarBox ul li:last-child:after{display:none;}
.videoFullOuter{width:100%;display:inline-block;padding-top:25px;}
.leftInnerSec h3{font-size:18px;color:#373737;margin:5px 0 0 0;letter-spacing:1px;}
.leftInnerSec span{font-size:14px;color:#2e2e2e;font-weight:600;}
.PatientNumberArea{position:relative;width:100%;display:inline-block;padding-bottom:10px;}
.PatientNumberArea:after{background:#da4b7e;width:130px;height:5px;position:absolute;bottom:0;left:0;content:"";}
.afterNone:after{display:none;}
.centerVideoDiv h2{font-size:20px;color:#373737;margin-bottom:5px;}
.centerVideoDiv span{font-size:14px;color:#b5b5b5;font-weight:600;margin-bottom:10px;display:inline-block;width:100%;}
.sideBarBtnBottm{clear:both;float:left;margin-bottom:20px;margin-top:20px;width:100%;}
.btnGray, #savemessage{background:#373737 none repeat scroll 0 0;border:2px solid #373737 !important;border-radius:12px;color:#fff;font-size:20px;font-weight:400;letter-spacing:1px;padding:6px 30px;width:100%;}
#savemessage { width: auto; }
.btnGray:hover,.btnGray:focus{color:#fff;}
.btngreen_border{background:rgba(0,0,0,0) none repeat scroll 0 0;border:2px solid #32b7b5;border-radius:12px;color:#373737;font-size:20px;font-weight:400;letter-spacing:1px;padding:6px 30px;width:100%;}
.sideBarBtnBottm button{margin:10px 0;}
.form-control{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0;box-shadow:0 0 7px 2px rgba(0,0,0,0.125) inset;color:#555;display:block;font-size:14px;height:40px;line-height:1.42857;padding:6px 12px;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;width:100%;}
.imgPluginCall{float:left;margin:10px 0;width:100%;}
.imgPluginCall>img{height:auto;margin:0 auto;width:100%;}
.remove_image{height:0 !important;}
#fullscreen{position:relative;}
.fullscreenDisplay .callButtonResponse {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}
.callButtonResponse>ul{list-style:outside none none;margin:0;padding:0;text-align:center;}
.callButtonResponse ul li{display:inline-block;margin:0 30px;}
.callButtonResponse ul li a{font-size:18px;letter-spacing:1px;color:#373737;}
.callButtonResponse ul li a img{margin-bottom:5px;}
.imageBlock{float:left;width:100%;}
.imageBlock>ul{list-style:outside none none;margin:0;padding:0;}
.imageBlock li{display:inline-block;margin:0 6px 12px;}
.msgBoxHolder{float:left;margin-top:100px;width:100%;}
.msgBoxHolder input[type="text"]{margin:15px 0;}
.msgBoxHolder input[type="submit"]{background:transparent;border:0;color:#32b7b5;font-size:25px;font-weight:bold;letter-spacing:1px;float:right;text-decoration:underline;}
.midBorder{border-left:2px solid #6a6a6a;border-right:2px solid #6a6a6a;float:left;padding:0 30px;width:100%;}
.loginFormOuter{float:left;width:100%;}
.groupRow{float:left;margin-bottom:15px;width:100%;}
.groupRow label{color:#fff;font-size:18px;font-weight:400;letter-spacing:1px;}
/*.groupRow .inputControl{background:rgba(0,0,0,0) none repeat scroll 0 0;border-bottom:1px solid #fff;border-left:none;border-right:0;border-top:0;min-width:400px;font-size:30px;font-weight:600;color:#fff;}
*/
.groupRow .inputControl {background: rgba(0,0,0,0) none repeat scroll 0 0; border-bottom: 1px solid #fff; border-left: none; border-right: 0; border-top: 0; min-width: 400px; font-size: 20px; font-weight: 600; color: #fff; height: 36px; }
.groupRow .inputControl:focus{background:rgba(0,0,0,0) none repeat scroll 0 0;border-bottom:1px solid #fff;border-left:none;border-right:0;border-top:0;}
.forgottenPassword,.forgottenPassword:hover{color:#fff;text-decoration:underline;font-size:16px;display:block;}
.logInBtn{background:rgba(0,0,0,0) none repeat scroll 0 0;border:medium none;color:#fff;font-size:25px;font-weight:bold;letter-spacing:1px;text-decoration:underline;padding:0;}
.ptLoginMar {
	/*float:left;margin-top:150px;*/
	float:left;margin-top:48px;

}
.breadcrumb{background-color:rgba(0,0,0,0);padding:0;}
.breadcrumb li a{font-size:16px;color:#fff;}
.breadcrumb li.active{font-weight:bold;color:#fff;}
.breadcrumb>li+li::before{content:">";color:#fff;}
.timeLeft>p{color:#fff;float:left;font-size:25px;width:100%;}
.sprterHeight{min-height:70px;}
.termsConditionSpan{font-size:16px;color:#fff;display:block;font-weight:bold;margin-top:15px;}
.termsConditionSpan a{font-style:italic;color:#fff;}
.nameDisplay{float:left;width:40%;}
.nameDisplay>h3{color:#32b7b5;font-size:55px;font-weight:400;letter-spacing:1px;line-height:normal;margin:10px 0;}
.msgBoxHolder.textReply{margin-top:10px;}
.msgBoxHolder.textReply h3{margin-bottom:10px;}
.msgBoxHolder.textReply input[type="text"]{background:#888 none repeat scroll 0 0;margin:15px 0;color:#fff;}
.msgBoxHolder.textReply .sideBarBtnBottm{margin-top:20px;}
.midBorder.midBorder_video{border-right:medium none;padding-right:0;}



html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
}

.clickable {
  cursor: pointer;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}
.msgBoxHolder.textReply h3 { margin-top: 0px; }

.App-header {
    background-color: #222;
    height: 40px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}

.App-header h1 {
    font-size: 16px;
    font-weight: 200;
}

.App-logo {
    height: 60%;
    width: auto;
}

.App-main {
    position: relative;
    width: 75vw;
    /*height: calc(75vw * .6);*/
	height:350px;

    margin: 10px auto;
    border: 1px solid lightblue;
}
.fullscreenDisplay .App-main{height:100vh; margin-top: 0;}
.fullscreenDisplay .imgPluginCall{    margin:  0;}
.videopatientSideHei.App-main {
	//display: block;
    position: absolute;
    top: 0;
    margin: 0;
    height: 100%;
    top: 0;
}

.App-control-container {
    position: absolute;
    height: 100%;
    width: 60px;
    left: -55px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.App-control-container.hidden {
    display: none;
}

.App-control-container .ots-video-control {
    width: 40px;
    height: 40px;
    margin: 20px 0 !important;
    border: 2px solid white;
    border-radius: 50%;
    background-position: center;
    background-color: rgba(27, 134, 144, 0.4);
    background-color: lightgrey;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 20px;
}

.App-control-container .ots-video-control.audio {
    background-image: url(https://assets.tokbox.com/solutions/images/icon-mic.png);
}

.App-control-container .ots-video-control.audio:hover, .App-control-container .ots-video-control.audio.muted {
    background-image: url(https://assets.tokbox.com/solutions/images/icon-muted-mic.png);
}

.App-control-container .ots-video-control.video {
    background-image: url(https://assets.tokbox.com/solutions/images/icon-video.png);
}

.App-control-container .ots-video-control.video.muted {
    background-image: url(https://assets.tokbox.com/solutions/images/icon-no-video.png);
}

.App-control-container .ots-video-control.end-call {
    background-image: url(https://assets.tokbox.com/solutions/images/icon-hang-up.png);
    background-color: red;
}

.App-video-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.App-mask {
    width: 100%;
    height: 100%;
    position: relative;
    color: white;
    background: rgba(27, 134, 144, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
}

.App-mask.hidden {
    display: none;
}

.App-mask .react-spinner {
    position: absolute;
}

.App-mask .message {
    font-weight: 200;
}

.App-mask .message.with-spinner {
    position: absolute;
    top: 57.5%;
}

.App-mask .message.button {
    border: 1px solid white;
    padding: 20px 40px;
    border-radius: 6px;
}

.App-video-container .video-container {
    width: 100%;
    height: 100%;
    display: flex;
}
.OT_fit-mode-cover .OT_video-element {
    -o-object-fit: contain;
    -moz-object-fit: contain;
    object-fit: contain;
    background: transparent !important;
}
.App-video-container .video-container.small {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 160px;
    height: 96px;
    border: 1px solid #fcba00;
    z-index: 2;
}

.App-video-container .video-container.small.left {
    left: 20px;
    border: 1px solid #00fcc2;
}

.App-video-container .video-container.hidden {
    display: none;
}

.App-video-container .video-container.active-2 .OT_subscriber {
    width: 50%;
}

.App-video-container .video-container.active-3 .OT_subscriber {
    width: calc(100%/3) !important;
}

.App-video-container .video-container.active-4 {
    flex-wrap: wrap;
}

.App-video-container .video-container.active-4 .OT_subscriber {
    width: 50% !important;
    height: 50% !important;
}

progress-spinner {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 1px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  -webkit-animation: rotate 800ms linear infinite;
          animation: rotate 800ms linear infinite;
}
progress-spinner[dark] {
  border-top-color: rgba(255, 255, 255, 0.6);
}
progress-spinner[dotted] {
  border-width: 0;
  border-style: dotted;
  border-top-width: 2px;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.App-main{width: 100%}



.imgPluginCall { position: relative; }
.videoOverlayCont { position: absolute; top: 10%; width: 100%;  }
.videoOverlayCont p { color: #fff; font-size: 20px; text-align: center; }
.videoOverlayCont h2 { color: #fff; font-size: 30px; text-align: center; margin-top: 0px; }
.timeRemaining {
    color: #30b7b3;
    margin-top: 0;
    border-radius: 7px;
    padding: 2px 20px;
    font-size: 15px;
    width: 250px;
    max-width: 100%;
    display: inline-block;
    background: #fff;
    margin-bottom: 15px;
}
#time_remainig {
    font-size: 24px;
}
.drImgCall { position: absolute; right: 20px; top: -25px; }
.DuringCallImg { width: 120px; height: 120px; border-radius: 50%; border: 3px solid #fff; overflow: hidden; }
.DuringCallImg img { width: 120px; height: 120px;}
.GreenActiveDot { background: #07cf15; border: 2px solid #fff; width: 15px; height: 15px; display: inline-block; border-radius: 15px; right: 9px; top: 13px; position: absolute; }
.startCallBtn { color: #6b7888; }
.TestCallHead { border-bottom: 2px solid #fff; width: 450px; max-width: 100%; margin:0 auto 30px; padding-bottom: 10px; }


@-webkit-keyframes rotating  {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.drImgCallVideo video { width:100%; }
.testVideoCallOuter { min-height: 570px; }
.testVideoCallOuter .videoOverlayCont { top:0px; }
.StepBarBox.fullGreenBg { background: #32b7b5; }

/** 28-6-2018  for responsive and UI changes  **/

.leftInnerSec .PatientNumberArea span {word-break: break-all; display: inline-block; width: 100%; }
.timeRemaining.startCallBtn.message.button.clickable:hover { color: #fff; text-decoration: none; }

.msgBoxHolder.textReply input[type="text"]::-webkit-input-placeholder {color: #ddd; }
.msgBoxHolder.textReply input[type="text"]:::-moz-placeholder {color: #ddd; }
.msgBoxHolder.textReply input[type="text"]::-ms-input-placeholder {color: #ddd; }
.msgBoxHolder.textReply input[type="text"]::-moz-placeholder {color: #ddd; }
#sendrating { background: #373737; border-radius: 5px; border: none; color: #fff; font-size: 14px; padding: 6px 30px; margin-top: 10px !important; border: 2px solid #373737; }
.btngreen_border:hover { background: #32b7b5; color: #fff; }
.btnGray:hover, #savemessage:hover, #sendrating:hover { background: none; color: #373737; }
#savemessage {width: auto; background: none; border: none !important; float: right; padding: 0; color: #5cb4b4; font-weight: 600; text-decoration: underline; border-radius: 0; }
.midBorder .stepwizard-step p {margin-top: 0px; }
.midBorder .stepwizard-row::before {top: 15px; }
.midBorder .stepwizard-step div {margin-top: 20px; font-weight: 400; }
.centerVideoDiv { display: inline-block; width: 100%; }
.centerVideoDiv h2 {font-size: 20px; color: #373737; margin-bottom: 5px; display: inline-block; margin-top: 0; font-weight: 400 !important; }
span.error { color: red; }

/*************** appointment popup ***************************/

.modal-lg-custom{width:100% !important;}
.modal-lg-custom .modal-content{background:#5cb4b4;border-radius: 0;}
.modal-lg-custom .modal-header {
    border-bottom:0px solid #e5e5e5;
}
.modal-lg-custom .modal-header h4 {
    color: #ffffff;
    display: inline-block;
    font-size: 40px;
    letter-spacing: 1px;
    position: relative;
    padding-bottom:20px;
}
.modal-lg-custom .modal-header .dateDisplay {
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    letter-spacing: 1px;
    position: relative;
    padding-bottom:15px;
}
.modal-lg-custom .modal-header .dateDisplay span{font-size:26px;}
.modal-lg-custom .modal-header h4:before{background:#ca567d; content:""; width:280px; height:6px; left:0; position:absolute; bottom:0;}
.modal-lg-custom .modal-header .dateDisplay:before{background:#ca567d; content:""; width:280px; height:3px; left:0; position:absolute; bottom:0;}
.appointmentOuter label{font-size:24px; color:#fff;}
.appointmentOuter span{font-size:18px; color:#fff; font-style:italic;}
.appointmentOuter p{font-size:18px; color:#fff; font-weight:bold;}
.appointmentOuter {
  border-right: 2px solid #ffffff;
  float: left;
  padding: 40px 0;
}
.groupField {
  float: left;
  margin: 5px 0;
  width: 100%;
}
.btn.btn-status-progress{background:#2b8a8a; border-radius:20px; color:#fff; font-weight:bold; font-size:18px; letter-spacing:1px;}
.btn.btn-status-white{background:#fff; color:#5cb4b4; border-radius:20px; font-weight:bold; font-size:18px; letter-spacing:1px;}
.modal-lg-custom .close {
  color: #ffffff;
  float: right;
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
  opacity: 9;
  text-shadow: none;
  margin-top: -15px;
}
.groupField a {
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-style: italic;
  margin-top: 20px;
  text-decoration:underline;
}
.modal.modalOuter {
  bottom: 90px;
  left: 0;
  padding: 0!important;
  right: 0;
  top: inherit;
  width: 100%;
  overflow:auto;
}
.modal-lg-custom .carousel-control{width:1%; background:none;}
.glyphicon_0 {
  position: absolute;
  top: 44%;
}
.glyphicon_0.glyphicon-chevron-right-img {
  right: 8px;
}
.glyphicon_0.glyphicon-chevron-left-img {
  left: 10px;
}
.pendingSign {
  border: 1px solid #ffffff;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  height: 22px;
  margin-right: 5px;
  width: 22px;
}
.custmBtn {
    background: none;
    border: none;
    font-size: 13px;
    text-decoration: underline;
    float: right;
    color: #32b7b5;
}
.custmBtn:hover, .custmBtn:focus{background: none;}
/*.custmBtn img{max-width: 25px; margin-right: 5px;}*/

@media screen and (max-height:850px) {
	.textReply textarea.form-control {height: auto; max-height: 120px; }
	.nameDisplay > h3 {font-size: 45px; margin: 10px 10px; }
}

@media screen and (max-width:1366px) {
      .modal.modalOuter {
    bottom: 145px;
  }
  .btn.btn-status-progress, .btn.btn-status-white{font-size: 12px;}
  .modal-lg-custom .modal-header h4{font-size: 25px;}
  .groupField a{font-size:12px;}
  .appointmentOuter label {

    font-size: 18px!important;
}
.appointmentOuter span{
        font-size: 14px;
}

.appointmentOuter p {

    font-size: 14px;
}
	.SideBarOuter {width: 35%; }
	.textReply textarea.form-control {height: auto; max-height: 120px; }
	.nameDisplay > h3 {font-size: 35px; margin: 10px 10px; }
	.sideBarBtnBottm {margin-bottom: 0px; margin-top: 10px; }
	img.rotating { max-width: 80px; }
	.btnGray, #savemessage, .btngreen_border {font-size: 16px; padding: 6px 10px; }
	.msgBoxHolder {margin-top: 20px; }
	.imageBlock li {display: inline-block; margin: 0 2px 5px; }
	.DuringCallImg {width: 50px; height: 50px; }
	.DuringCallImg img {width: 45px; height: 45px; }
	.drImgCall {right: 10px; top: -5px; }
	.GreenActiveDot {right: 1px; top: -2px; }
	.videoOverlayCont p {font-size: 14px; }
	.videoOverlayCont h2 {font-size: 16px; }
	.callButtonResponse ul li {display: inline-block; margin: 0 10px 10px; }
	.callButtonResponse ul li a {font-size: 13px;; }
	.callButtonResponse ul li a img {margin-bottom: 5px; width: 30px; }
	.videoFullOuter {padding-top: 25px; }
	.StepBarBox ul li a {padding: 16px 0 30px 0; font-size: 14px; }
	.StepBarBox ul li a span img {width: 42px; }
	.StepBarBox ul li a span {margin: 0 0 25px -21px; }
	.midBorder .stepwizard-step div {margin-top: 15px; font-weight: 400; }
	.midBorder {padding: 0 20px; }
	.imageBlock ul li img { width: 45px !important; height: 45px !important; }
	.imgPluginCall { margin: 10px 0; }
	.sideBarToggleBtn span {width: 32px; height: 4px; }
	.centerVideoDiv h2 {margin-bottom: 0px; }

	.HowCanHelp {margin-top: 50px; }
	.HowCanHelp h2 {font-size: 28px; padding-bottom: 20px; }
	.HowCanHelp h2.afterBorder { margin-bottom: 15px; }
	.sprterHeight {min-height: 30px; }
	.videopatientSideHei.App-main {height: 400px; }

}


@media screen and (max-width: 767px) {

	.HowCanHelp h2 {font-size: 22px; color: #fff; font-weight: 400; letter-spacing: 1.5px; padding-bottom: 22px; position: relative; }
	.afterBorder {margin-bottom: 30px; }
	.attendAppoBtn {font-size: 16px; padding: 5px 0; margin-bottom: 10px; }
	.HowCanHelp {margin-top: 30px; }
	.footerMenu ul li a {color: #fff; font-size: 13px; font-weight: 400; padding: 0 10px; position: relative; letter-spacing: 1.5px; }
	.footerMenu ul li a::after {position: absolute; bottom: 0; right: -5px; content: "|"; color: #fff; font-size: 15px; font-weight: 400; }
	.greenOuterBG {background: #32b7b5; padding: 0 0px 50px 0px; }
	.SideBarOuter {width: 82%; padding-right: 10px; box-shadow: 0 0 6px 2px #0000001a; }
	.dividerImg {width: 100%; padding: 0 10px; }
	.sidebarContainer ul li a {font-size: 16px; padding: 15px 0; }
	.pinkOuterBG {background: #da4b7e; padding: 0 0px 50px 0px; }
	.ptLoginMar {margin: 10px 0 25px 0; }
	.breadcrumb li.active, .breadcrumb li a {font-size: 13px; }

	.StepBarBox ul li a span {position: absolute; left: 10px; bottom: 0; margin: 0 0 25px 0; top: 5px; }
	.StepBarBox ul li a span img {position: absolute; width: 30px; }
	.StepBarBox ul li a {width: 100%; padding: 10px 0 10px 0; font-size: 16px; }
	.StepBarBox ul li {width: 100%; }
	.StepBarBox ul li::after { display: none; }

	.midBorder {padding: 0 10px; }
	.videoOverlayCont p {font-size: 12px; }
	.videoOverlayCont h2 {font-size: 14px; }
	.DuringCallImg {width: 50px; height: 50px; }
	.DuringCallImg img {width: 50px; height: 50px; }
	.drImgCall {right: 10px; top: -5px; }
	.GreenActiveDot {right: 1px; top: -2px; }
	.callButtonResponse ul li {display: inline-block; margin: 0 10px 20px; }
	.callButtonResponse ul li a {font-size: 13px;; }
	.callButtonResponse ul li a img {margin-bottom: 5px; width: 30px; }
	.sprterHeight {min-height: 50px; }
	.nameDisplay {float: left; width: 100%; }
	.nameDisplay > h3 {color: #32b7b5; font-size: 22px; margin: 10px 10px; }
	.PatientNumberArea span { overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: inline-block; }
	.sideBarBtnBottm {margin-bottom: 20px; margin-top: 0px; }
	img.rotating { width: 40px; }
	.timeRemaining {padding: 0px 20px; font-size: 20px; margin-top: 0px; }
	.TestCallHead {	margin: 0 auto 10px;}
	.imageBlock {margin-top: 30px; }

    .sideBarToggleBtn img { width: 20px; }
    .sideBarToggleBtn span {width: 26px; height: 3px; }
    .sideBarToggleOuter p, .sideBarToggleOuter p a {color: #fff; font-size: 14px; }
    header .col-md-6.col-xs-7 { padding-right: 0px; }
    .footerMenu { padding: 0 20px; }
}

@media screen and (max-width: 640px) {
	.midBorder .stepwizard-step div {font-size: 10px; }
}
.pntDetailHead { width: 100%; margin-bottom: 15px; }
.pntDetailHead  h3 { margin: 0px; font-size: 26px; }
.pntDetailHead span { width: auto !important; font-size: 26px; color: #32b7b5; }