.loader {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.99);
    position: fixed;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 999;
    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: #c9c9c9
}

.ldio-v6g4je6oqv div:nth-child(2) {
  border-color: #e60000;
  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; }



:root {
  --main-blue: #b5b5b5;
  --main-purple: #fcfcfc;
  --main-grey: #6a85b6;
  --sub-grey: #bac8e0;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body{margin:0; padding:0; height:100%; background-color:#fff; color:#8f8f8f; font-size:30px; font-weight: 400; overflow-x:hidden; font-family: "Open Sans", sans-serif;}
html{-webkit-tap-highlight-color: rgba(201, 224, 253, 0);  height:100%; }

body {
  display: flex;
  height: 100vh;
  justify-content: center; /*center vertically */
  align-items: center; /* center horizontally */
  background-color: #FF9A8B;
background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%);  padding: 10px;
}
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; }

label.error{color:#F00; font-size:16px !important; width:100%; text-align:left;}
input.error{border:1px solid #F00 !important;}


.container {
  max-width: 800px;
  width: 100%;

  background: #fff;
  border-radius: 5px;
  background:url(../images/bg.jpg) bottom left;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

header{width:100%; background-color:#FFF; }
.logoutbtn{background-image: linear-gradient(45deg, #ff0000 0%, #ba0000 100%);  text-align:center; padding:5px 10px; border-radius:5px; font-size:15px; color:#fff; float:right; display:inline-block;}
.logoutbtn:hover{background-image: linear-gradient(45deg, #ba0000 0%, #ff0000 100%); color:#fff; }

.tablinkDiv{margin-top:40px;}
.tablink{font-family: 'ClanPro-Black'; color:#332a86; background-color:#fff; display:block; text-align:center; font-size:50px; height:400px; line-height:400px;}
.tablink:hover{ color:#fff; background-color:#362986;}
.tabborder{border:none; border-right:1px solid #faa734 !important}

#sublinks{display:none; background-color:#fff; width:100%; height:100%;}


.reg_mainbox{text-align:center; margin:10vh 0 15vh 0}
.input_div2{margin-top:30px;}
.entry .input_div2{margin-top:0px; margin-bottom:25px;}
.common_btn {
    font-size:35px;
	line-height:65px;
    border: #e12e2c 0px solid;
    color: #fff;
   background-image: linear-gradient(45deg, #ff0000 0%, #ba0000 100%);
   display:inline-block; cursor:pointer; border-radius:8px; padding:0 35px;
}
.common_btn:hover {
	color: #fff;
	background-image: linear-gradient(45deg, #ba0000 0%, #ff0000 100%);
}

.addremoveBT{
	font-size:20px;
	height:40px;
	width:40px;
	border-radius:50%;
    border: #332a86 1px solid;
    color: #fff;
    background-color: #332a86;
   display:inline-block; cursor:pointer; text-align:center; line-height:40px;
}
.addremoveBT:hover {
	color: #332a86;
	background-color: #fff
}

label{color: #8f8f8f; font-size:30px; margin-bottom:10px; text-align:left; display:block; }
label.small{font-size:25px;}
.lablesmall{font-size:18px; display:inline-block; float:left;}
.textbox{
    color: #8f8f8f;
	border-radius:10px;
    border: #d0d1d3 1px solid;
    width: 100%;
    padding:10px 20px 10px 70px;
	font-size:25px; line-height:45px; height:60px;}
.textbox::placeholder{color: #c0c0c0; }
.textbox::focus{border:none; outline:none;}
.box{box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; text-align:center; padding:20px; font-family: 'ClanPro-Medium';}
.box img{width:100%; max-width:150px;}
a .box {color:#009da4;}
a:hover .box {color:#b3559f;}
.icon-user{background:url(../images/icon-user.gif) no-repeat left #e6e7e8; background-size:contain;}
.icon-location{background:url(../images/icon-location.gif) no-repeat left #e6e7e8; background-size:contain;}
.textboxbg{background:url(../images/icon-textbox.gif) no-repeat left #e6e7e8; background-size:contain; padding-left:20px;}
.reg_mainbox .reg_btn_part{margin-top:60px; margin-bottom:0; position:relative;}
.picinput{position:relative; width:100%;  padding:8px; border:1px solid #909090; border-radius:50%; transform:translateY(40%);}
#profile_pic{width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; border-radius:50%;}

#avatar{width:100%; height:auto; border-radius:50%; }
.label.slim .fa{color:#faa634; font-size:80px; margin-bottom:10px}
.label.slim u{display:block; margin-top:10px;}
.registersection .reg_btn_part{margin-top:10px; position:relative;}
.label.slim{color:#faa634;}
.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;}
.imageEdit2{background:rgba(0,0,0,.90); display:none; position: fixed; width:100%; height:100%; top: 0; left: 0; z-index: 9; transition:none !important;}
.imageEdit_dy{background:rgba(0,0,0,.90); display:none; position: fixed; width:100%; height:100%; top: 0; left: 0; z-index: 9; transition:none !important;}
.imageEdit_common{background:rgba(0,0,0,.90); display:none; position: fixed; width:100%; height:100%; top: 0; left: 0; z-index: 9; transition:none !important;}
.imageEditDiv{top:50%; left:50%; position:relative; transform: translate(-50%, -50%); max-width:90%; max-height:60%; min-width:90%; min-height:60%;}
.cropper-canvas{-webkit-filter: blur(3px);  filter: blur(3px);}
.cropper-point{background-color:#ff0000}
.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; line-height: 0;
    font-size: 25px;}
.label.slim{margin:0;}
.chzn-container .chzn-results .active-result{font-size:20px; line-height:30px; text-align:left;}


.templateclose{position:absolute; right:5px; top:5px; height:40px; width:40px; text-align:center; line-height:35px; border:2px solid #fff; color:#fff; font-size:25px; border-radius:50%; cursor:pointer; font-weight:bold; z-index:1; background-color:#332a86;}
.templateclose:hover{border:2px solid #faa634; color:#faa634;}

.outputDiv{position:relative; padding:0;}
.downloadDiv{position:fixed; margin-top:10px; width:100%; max-width:800px; z-index:1;}
.downloadbutton{animation: blink 1s infinite;  border:none; float:right; margin-right:10px; text-align:center; width:auto; padding:5px 10px; font-size:18px; line-height:18px; border-radius:5px;}
.downloadbutton:hover{color:#fff !important;}
.homebutton{float:right; margin-right:10px; text-align:center; width:auto; padding:5px 10px; font-size:18px; line-height:18px; border-radius:5px;}
.homebutton:hover{color:#fff !important; background-color:#faa634;}

.previewpic{width:22.1%; height:auto; position:absolute; top:12.4%; left:16%; border-radius:50%; border:5px solid #18a8ac}
.previewtxt{position:absolute; padding:0; font-family:'ClanPro-NarrBold'; display: inline-block; font-size:35px;  padding:0; margin:0; text-transform:capitalize; color:#e12e2c; top:15.5%; left:42%; line-height: 1.2em;}



.poster-previewpic{width: 23.1%;
    height: auto;
    position: absolute;
    top: 6.8%;
    left: 7.8%;
    border-radius: 50%;
    border:1px solid #ff0000; padding:8px;}
.poster-previewtxt{position: absolute;
    position: absolute;
    padding: 0;
    display: inline-block;
    font-size: 28px;
    padding: 0;
    margin: 0;
    text-transform: capitalize;
    color: #ff0505;
    top: 15.5%;
    left:33.8%;
    line-height: 1.2em;}
.poster-doc_clinic{color:#58595b; font-size:18px;}


@-webkit-keyframes blink {
  0%, 49% {
    background-color:#332a86; color:#fff;
  }
  50%, 100% {
    background-color:#faa634; color:#000;
  }
}


.outputDiv1{max-width:800px; position:relative; padding:0;}
.outputDiv1 .previewpic{width:21.5%; height:auto; top:6.8%; left:7.8%; vertical-align:top;}
#poster{width:100%;}
.previewtxt1, .previewtxt2, .previewtxt3, .previewtxt4{position:absolute; text-align:center; font-family: 'mercury_text_g1semibold'; color:#fff; font-size:20px; line-height:22px; overflow:hidden;}
.previewtxt1 div, .previewtxt2 div, .previewtxt3 div, .previewtxt4 div{width:100%;}
.outputDiv1 .previewtxt{font-family: 'mercury_text_g1semibold'; color:#002f6b; top:75.5%; left:50%; transform:translate(-50%,0); background-color:transparent; padding:0; font-size:20px; max-width:240px; overflow:hidden;}
.previewtxt1{width:21%; height:12.0%; top:46.6%; left:50%; transform:translate(-50%,0);}
.previewtxt2, .previewtxt3, .previewtxt4{width:16.3%; height:9.2%; top:63.8%; left:14.3%;}
.previewtxt3{left:70%;}
.previewtxt4{top:79%; left:50%; transform:translate(-50%,0);}

.outputDiv1 .downloadbutton{font-size:14px; margin-top:5px; line-height:30px;}

.consentpopup{width:100%; height:100%; background-color:rgba(255,255,255,0.9); position:fixed; top:0; left:0; display:none; z-index:2}
.consentcontent{position:fixed; top:50%; left:50%; width:580px; transform:translate(-50%,-50%); background-color:#362c87; padding:40px 20px; text-align:center; color:#fff; font-size:20px; border-radius:15px;}
.consentcontent p{padding:20px 0 0 0; margin:0;}
.consentcontent p a{background-color:#faa634; margin-top:10px; margin-left:5px; margin-right:5px;}

.previewpic-multi{width:90%; height:auto; border:3px solid #faa634; border-radius:50%;}
.previewtxt-multi{font-family: 'ClanPro-Black'; display: inline-block; font-size:42px;line-height:1.5em; padding:0; margin:0; text-transform:capitalize; color:#332a86 ;}
.previewtxt-multi span{font-size:20px; color:#585d67; font-family: 'ClanPro-News'; line-height:25px; display:block;}
.previewtxt-multi span.inthetext{color:#332a86 ; font-size:28px; text-transform:none;}
.previewtxt-multi span.doctorrole{font-family: 'ClanPro-News'; color:#faa634; }
.previewtxt-multi span.topic{background-color:#faa634; font-family: 'ClanPro-NarrBold';font-size:25px; line-height:25px; color:#fff; text-transform:uppercase; padding:10px 20px 8px 20px; margin-right:30px; border-radius:10px; margin-top:5px;}
.previewtxt-multi table{}
.previewtxt-multi td{font-family: 'ClanPro-NarrBold'; font-size:38px;  padding:0 20px 30px 0;}
.previewtxt-multi td img {vertical-align:top;}
.previewtxt-multi td span{font-size:25px; color:#585d67; font-family: 'ClanPro-Medium'; line-height:35px; display:block;}
.previewtxt-multi td span .fa{font-size:20px; color:#faa634; margin-right:10px;}

.previewtxt-multi td span.small{font-size:14px; margin-left:30px; line-height:18px;}

.previewtxt-multi td span.timeto{font-family: 'ClanPro-NarrBold'; font-size:38px; color:#332a86; display:inline; text-transform:lowercase;}
.previewtxt-multi.forcebr{white-space:pre-wrap;}


label.lablesmall {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-top: 8px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default radio button */
label.lablesmall input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border:1px solid #332a86;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
label.lablesmall:hover input ~ .checkmark {
  background-color: #f9a634;
  
}

/* When the radio button is checked, add a blue background */
label.lablesmall input:checked ~ .checkmark {
  background-color: #332a86;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
label.lablesmall input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
label.lablesmall .checkmark:after {
 	top: 8px;
	left: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #f9a634;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
  margin-top:10px;
  margin-left:-30px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #0b97d5;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}	

.slider.round:before {
  border-radius: 50%;
}
div.switchtext{font-size: 12px; text-align:center; display:block; width:100%; margin-left:-17px;}