@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


.loader {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.99);
    position: fixed;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 9999;
    display: block;
}
@keyframes ldio-v6g4je6oqv {
  0% {
    top: 70.5px;
    left: 70.5px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 17.25px;
    left: 17.25px;
    width: 106.5px;
    height: 106.5px;
    opacity: 0;
  }
}

.ldio-v6g4je6oqv div {
  position: absolute;
  border-width: 4.5px;
  border-style: solid;
  opacity: 1;
  border-radius: 50%;
  animation: ldio-v6g4je6oqv 1s cubic-bezier(0,0.2,0.8,1) infinite;
}

.ldio-v6g4je6oqv div:nth-child(1) {
  border-color: #ec1e4f
}

.ldio-v6g4je6oqv div:nth-child(2) {
  border-color: #1a1a18;
  animation-delay: -0.5s;
}

.loadingio-spinner-ripple-rf50obiksdm {
  width: 150px;
  height: 150px;
  display: inline-block;
  overflow: hidden;
  background: none;
  position:absolute;
  top:50%; left:50%; z-index:99; position:fixed; transform: translate(-50%, -50%);
}
.ldio-v6g4je6oqv {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-v6g4je6oqv div {box-sizing: content-box; }
.loadertext{display: block;
    text-align: center;
    font-size: 16px;
    color: #000;
    position: absolute;
    width: 100%;
    bottom: 0;
    font-weight: bold;}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

html{min-height:100%; width:100%; -webkit-appearance: none;   -moz-appearance:none;   appearance:none;  scroll-behavior: smooth;}
body{margin:0; padding:0; min-height:100%; width:100%; font-family: "Open Sans", serif; font-weight:300; color:#fff; background:#1a1a18; overflow-x:hidden;}
a, a:hover, input, .template img{text-decoration:none;  -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
h1, h2{margin:0; padding:0; line-height:normal; font-weight:normal; }
::placeholder{color:#fff;}
img {  
   user-drag: none;  
   user-select: none;
   -moz-user-select: none;
   -webkit-user-drag: none;
   -webkit-user-select: none;
   -ms-user-select: none;
}
.mobile{display:none;}
.desktop{display:block;}
.common_btn {
    font-weight:500;
	line-height:50px;
	border:none;
    color: #fff;
    background-color:#ec1e4f;
   display:inline-block; cursor:pointer; border-radius:10px; padding:0 30px; 
}
.common_btn:hover {
	color:#fff;
	background-color:#b20031;
}


.logo-glenmark{max-width:150px; width:50%; position:absolute; left:20px; top:20px;}
.wordwrap
{
/* wrap long text and urls */
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
word-wrap: break-word; /* IE 5+ */
} 



.page{width:100%; height:100%; position:relative; }
.login{background:url(../images/bg.jpg) no-repeat left bottom #ec1e4f;  width:50%; height:100vh; position:relative; float:left;}
.brandlogo{width:100%; padding:30px 30px; text-align:center; background-color:#FFF; position:absolute; top:50%; transform:translateY(-50%);}
.brandlogo img{width:100%; max-width:600px;}
.form{width:50%; height:100vh; float:left; position:relative;}
.loginform{position:absolute; left:50%; top:50%; width:50%; transform:translate(-50%,-50%);}
.form-control-lg{margin-bottom:15px; font-weight:600;}
.suggestion{background-color:#FFF; color:#ec1e4f; font-weight:600; padding:0 20px; border-radius:10px; max-height:200px; overflow:hidden; overflow-y:scroll; position:absolute; width:100%; z-index:9}
.auto_docnm{padding:10px 0; border-bottom:1px solid #ec1e4f; cursor:pointer;}

.picinput{position:relative; width:100%; height:100%; margin:0px 0 15px 0; border-radius:10px;}
#profile_pic{width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; border-radius:50%;}
#avatar, .avatar{width:100px; height:auto; border-radius:10px;}
input[type="checkbox"] {
            width:1.5em;
            height:1.5em;
        }
.form-check{margin-bottom:35px;}
.form-check label{margin-left:1.5em;}
.loginform .common_btn {
    font-size:150%;
    margin-left: 50%; transform: translateX(-50%);
}

.leftside{background:url(../images/bg.jpg) no-repeat left bottom #ec1e4f;}
.logo{margin:20px 0 20px 5px; max-width:150px; width:50%;}
header .leftside{min-height:20vh;}

.innerpage{}
.whitebg{background-color:#fff; padding:30px 0;}
.whitebg .logo-eptus{width:100%; background-color:#FFF; padding:0 15px;}
.whitebg .logo-eptus img{width:100%; max-width:600px;}
.userpicdiv{position:relative; }
.userpicSrc{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);width:80%; border:1em solid #d9dada; border-radius:50%;}
.usertextdiv span{display:block; color:#1a1a18; font-size:1.5em; font-weight:500; }
span.drName{color:#ec1e4f; font-size:2em; font-weight:700;}
span.drLink{font-size:1em; white-space: pre-wrap; white-space: pre-line;}
span.drLink a{color:#1a1a18; text-decoration:underline;}
.thumb{position: relative; width:100%; border-radius:10px; overflow:hidden; display:block; max-height:250px;}
.thumb img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.thumb .middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.thumb:hover img {
  opacity: 0.2;
}

.thumb:hover .middle {
  opacity: 1;
}

.thumb .middle .common_btn{padding:0 15px; font-size:150%}

.owl-nav button {
  position: absolute;
  top: 50%;
  background-color:transparent;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 20px;
}
.owl-nav button.owl-next {
  right: 20px;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ec1e4f;
  opacity:0.5;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #ec1e4f;
  opacity:1;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
.owl-nav span {
    font-size: 70px;    
    position: relative;
    top: -5px;
}
.owl-nav button:focus {
    outline: none;
}


/*image editing*/
.imageEdit{background:rgba(0,0,0,.90); display:none; position: fixed; width:100%; height:100%; top: 0; left: 0; z-index: 9; transition:none !important; display:none}
.imageEditDiv{top:50%; left:50%; position:relative; transform: translate(-50%, -50%); max-width:96%; max-height:70%; min-width:96%; min-height:70%;}
.cropper-canvas{-webkit-filter: grayscale(1);  filter: grayscale(1);}
.cropper-point{background-color:#ff9420; border-radius: 50%;}
.slim-editor-utils-group p{margin:10px 0; padding:0;}
.slim-editor-utils-group{text-align:center;}
.slim-editor-utils-group .common_btn{padding:0; margin:0 5px; height:50px; width:50px; display:inline-block; border-radius:10px;}
.label.slim{margin:0;}


/* Video Detail */
.videoPop{position:fixed; top:0; left:0; height:100vh; width:100vw; background-color:rgba(0,0,0,0.9);display:none; z-index:9}
.videoPop video{position:fixed; width:50vw; height:60vh; top:50%; left:50%; transform:translate(-50%,-50%); }
.videoPop .close{width:40px; height:40px; background-color:#fff; border-radius:5px; position:fixed; top:5px; right:5px; line-height:40px; text-align:center; font-size:30px; cursor:pointer;}

/* Poster Download */

#poster{width:100%; max-width:800px; position:relative;}
#poster_doc{width:100%; max-width:800px; position:relative; display:none;}
#previewImage{width:640px; position:absolute; top:0; left:0; display:none; z-index:-1}
.poster-previewpic{
        width: 25%;
    height: auto;
    position: absolute;
    top: 53%;
    left:7%;
    border-radius: 50%;
    border:3px solid #333333;}
.poster-previewtxt {
    position: absolute;
    width: 58%;
    display: inline-block;
    font-size: 1.7em;
    font-weight: 400;
    line-height: 1em;
    color: #333333;
    top: 55%;
    left: 37%;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.0);}
span.speciality,span.email, span.mobno{font-size:70%;}
img.docqr{
    position: absolute;
    top: 61%;
    right: 8%;
    width: 15%;}
.btDiv{position:absolute; top:5px; left:5%; z-index:1;}
.btDiv .common_btn{padding:0 15px; font-size:150%; border:1px solid #fff;}

#popup {
      display: flex;
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0, 0, 0, 0.7);
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .popup-content {
      background: #fff;
      padding:1rem;
      width: 90%;
      max-width:1000px;
      border-radius: 10px;
	}
.popup-content .form-group{
	margin-top:25%; color:#000;
	
	}
.popup-content .common_btn{font-size:1.2rem;}
.popup-content .suggestion{background-color:#CCC; width:auto; min-width:200px;}
#docName_display{font-size:1.25rem; font-weight:bold;}