@charset "UTF-8";

@font-face {
  font-family: 'Times-Bold';
  src: url('../fonts/Times-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Times-Bold.woff') format('woff'), url('../fonts/Times-Bold.ttf')  format('truetype'), url('../fonts/Times-Bold.svg#Times-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Pristina-Regular';
  src: url('../fonts/Pristina-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Pristina-Regular.woff') format('woff'), url('../fonts/Pristina-Regular.ttf')  format('truetype'), url('../fonts/Pristina-Regular.svg#Pristina-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DevanagariSangamMN';
  src: url('../fonts/DevanagariSangamMN.eot?#iefix') format('embedded-opentype'),  url('../fonts/DevanagariSangamMN.woff') format('woff'), url('../fonts/DevanagariSangamMN.ttf')  format('truetype'), url('../fonts/DevanagariSangamMN.svg#DevanagariSangamMN') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DevanagariSangamMN-Bold';
  src: url('../fonts/DevanagariSangamMN-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/DevanagariSangamMN-Bold.woff') format('woff'), url('../fonts/DevanagariSangamMN-Bold.ttf')  format('truetype'), url('../fonts/DevanagariSangamMN-Bold.svg#DevanagariSangamMN-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{font-family:Arial,Helvetica,sans-serif;color: #000000;}
/*Login Form*/

.loginForm{width:450px;margin:0 auto}
.loginForm .form, .border{border:3px solid #f1f1f1}
.loginForm h2{text-align:center}
.loginForm input[type=password], input[type=text]{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;box-sizing:border-box}
.loginForm button, button{background-color:#4CAF50;color:#fff;padding:14px 20px;margin:8px 0;border:none;cursor:pointer;width:50%;display:block;font-size:15px}
.loginForm button:hover, button:hover, .btn:hover {opacity:.8}
.loginForm .cancelbtn{width:auto;padding:10px 18px;background-color:#f44336}
.loginForm .imgcontainer{text-align:center;margin:24px 0 12px}
.loginForm img.avatar{width:40%;border-radius:50%}
.loginForm .container{padding:16px}
.loginForm span.psw{float:right;padding-top:16px}
textarea {width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;box-sizing:border-box; height: 50px;}

/*Template Selection*/
.templateSelection{width: 600px;margin: 0 auto;text-align: center;}
.templateSelectionBlock{margin: 10px;}
.templateSelectionBlock .templateItem{margin: 10px;width: 150px;display: inline-block;}
.templateSelectionBlock .templateItem img{width: 100%;border: 2px solid transparent;}
/* .templateSelectionBlock .templateItem.active img, .templateSelectionBlock .templateItem:hover img{width: 100%;border: 2px solid #0366A2;} */

/*Template 1*/
.templateContainer{margin: 0px auto;
    width: 600px;}
.templateContainer .template1, .templateContainer .template2,.templateContainer .template3{display: none;}
.templateContainer .commonTemplate h3{text-align: center;}
.templateContainer .commonTemplate .templateContent{background: url('../images/template-bg.jpg') no-repeat; background-size: contain;width: 600px;height: 850px;margin: 0 auto;}
.templateContainer .commonTemplate .logoContainer{padding: 10px 5px 0;text-align: center;}
.templateContainer .commonTemplate p.title1{text-align: center; font-size: 44px;line-height: 0px;margin-top: 20px;font-family: 'Times-Bold';color: #007e76;text-shadow: 2px 1px 15px white;}
.templateContainer .commonTemplate p.title2{text-align: center; font-size: 30px;line-height: 12px;font-family: 'Pristina-Regular';color: #e21952;    margin: 0px;margin-bottom: 13px;}
.templateContainer .commonTemplate .subtitle{text-align: center;font-size: 19px;line-height: normal;font-family: 'DevanagariSangamMN-Bold';color: #e21952;margin-bottom: 0;margin-top: 10px;}
.templateContainer .commonTemplate .pageText{text-align: center;margin: 4px 0;font-family: 'DevanagariSangamMN';font-size: 15px;color: #000000;}
.templateContainer .commonTemplate .tableContent {max-width: 555px;margin: 0 auto; display:flex;}
.templateContainer .commonTemplate .leftContainer {display: inline-block;width: 50%;padding:4px 20px;}
.templateContainer .commonTemplate .rightContainer {display: inline-block;width: 38%;border-left: 2px solid #007e76; padding-left: 15px;}
.templateContainer .commonTemplate .leftContainer ul, .templateContainer .commonTemplate .rightContainer ul {margin: 8px;padding-left: 20px;}
.templateContainer .commonTemplate .leftContainer ul li, .templateContainer .commonTemplate .rightContainer ul li{padding-bottom: 5px; font-family: 'DevanagariSangamMN';font-size: 14px;line-height: 16px;}
.templateContainer .commonTemplate  .redtitle{color: #e21952;font-family: 'DevanagariSangamMN-Bold'; font-size: 17px; padding-left: 19px;line-height: 19px;    margin-top: 10px;
    margin-bottom: 10px;}
.smallText{color: #000000;font-size: 8px;max-width: 475px;margin: 14px auto 10px; }
.templateContainer .commonTemplate .userDetailContainer {width: 500px;margin: 0px auto;display: flex;}
.templateContainer .commonTemplate .userImage {width: 128px;border-radius: 100%;display: inline-block;z-index: 2;    height: 128px;
    }
.templateContainer .commonTemplate .userImage img{border-radius: 100%; border:1px solid #007e76;    height: 128px;
    width: 128px;}
.templateContainer .commonTemplate .userDetails {background: url(../images/white-border-bg.png) no-repeat;background-size: auto;width: 327px;height: 108px;display: inline-block;margin-left: -30px;z-index: 0;margin-top: 24px;padding-left: 50px;}
.templateContainer .commonTemplate .userDetails .doctorName{color: #007e76;font-family: 'DevanagariSangamMN-Bold'; font-size: 22px;margin: 13px 0px 0px;}
.templateContainer .commonTemplate .userDetails .hospitalName{color: #231f20;font-family: 'DevanagariSangamMN-Bold';font-size: 16px;margin: 0px;line-height: 11px;}
.templateContainer .commonTemplate .userDetails .address{color: #231f20;font-family: 'DevanagariSangamMN';font-size: 16px;margin: 3px 0px;}



/*Template 2*/
.templateContainer .commonTemplate.template2 .leftContainer ul, .templateContainer .commonTemplate .rightContainer ul{margin-bottom: 0px;}
.templateContainer .commonTemplate.template2 .redtitle{margin-top: 0px;
    margin-bottom: 0px;}
.templateContainer .commonTemplate.template2 .greenTitle{color: #FFFFFF;
    font-family: 'DevanagariSangamMN-Bold';
    font-size: 17px;
    text-align: center;
    background-color: #1A998C;
    padding: 8px;
    border-radius: 25px;
    width: 380px;
    margin: 12px auto;
    margin: 0px;
    text-shadow: 0;
    z-index: -1;
    display: inline-block;}
.templateContainer .commonTemplate.template2 .greenBlock{text-align: center;margin-top: -25px;
    margin-bottom: 10px;}
.noBorder .rightContainer{border: 0px none !important;}
.templateContainer .commonTemplate.template2 .noBorder{margin-bottom: 10px;}
.templateContainer .commonTemplate.template2 .noBorder .leftContainer {padding: 4px 20px;     padding-right: 0px;
    width: 62%;}
.templateContainer .commonTemplate.template2 .noBorder .rightContainer{width: 49%;padding-left: 0px;}

.container p {
    color: red;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    display: none;
}

.show{
    display: block;
}

.hide{
    display: none;
}

#step1,#step2,#step3{
    border:3px solid #f1f1f1;
    padding: 10px;
}

.btn{
    background-color:#4CAF50;
    color:#fff;
    padding:14px 20px;
    margin:8px 0;
    border:none;
    cursor:pointer;
    width:50%;
    display:block;
    font-size:15px !important;
    text-decoration: none;
    text-align: center;
    width: 200px;
}


/*Template 3*/
.templateContainer .commonTemplate.template2.template3 .greenBlock{text-align: left;}
.templateContainer .commonTemplate.template2.template3 .greenTitle{border-top-left-radius: 0px;border-bottom-left-radius: 0px;font-size: 20px;width: 280px;padding: 5px 5px 0px;}
.templateContainer .commonTemplate.template2.template3 .greenBlock{margin-top: -20px;}
.normaltext{font-size:14px;margin-top: 0px;}
.templateContainer .commonTemplate.template3 .leftContainer{padding: 4px 12px;}
.templateContainer .commonTemplate.template3 .leftContainer ul{padding-left: 8px;}
.templateContainer .commonTemplate.template3 .rightContainer{width: 50%;padding-left: 0px;}
.templateContainer .commonTemplate.template3 .tableContent{max-width: 583px;margin-right: 0px;}
.templateContainer .commonTemplate.template3 .leftContainer ul{margin-right:0px;}
.templateContainer .commonTemplate.template3 .leftContainer ul li, .templateContainer .commonTemplate.template3 .rightContainer ul li{letter-spacing: -.4px;}
.templateContainer .commonTemplate.template3 .smallText{margin: 12px auto 10px;}