* {
box-sizing: border-box;
}
html,
body {
margin: 0;
padding: 0;
}
@font-face {
font-family: 'RobotoSlab-VariableFont_wght';
src: url('../font/RobotoSlab-VariableFont_wght.woff2') format('woff2'),
url('../font/RobotoSlab-VariableFont_wght.woff') format('woff'),
url('../font/RobotoSlab-VariableFont_wght.ttf') format('truetype');
}
header .logo img {
width: 160px;
}
.content {
margin-top: 1.5rem;
text-align: center;
}
.content .heading h1 {
text-align: center;
font-family: 'RobotoSlab-VariableFont_wght';
font-size: 30px;
font-weight: 600;
}
.content-row {
display: flex;
justify-content: space-evenly;
margin: 90px 0;
}
.content-row .itemes {
text-align: center;
position: relative;
display: inline-block;
}
.content-row .itemes .boxes {
padding: 38px;
border: 1px solid #c9bfbf;
width: 195px;
height: 195px;
border-radius: 25px;
-webkit-transform: rotate(44deg);
-moz-transform: rotate(44deg);
-o-transform: rotate(44deg);
}
.content-row .itemes .boxes:hover {
border-color: #a02139;
}
.content-row .itemes img {
width: 115px;
transform: rotate(-45deg);
}
.content-row .itemes h4 {
font-size: 20px;
color: #1413ce;
padding-top: 55px;
font-family: 'Poppins', sans-serif;
font-size: 19px;
white-space: pre-line;
}
.content-row .itemes .img-back {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99;
}
.content-row .itemes:hover .img-back {
display: inline;
}
/* welcome */
.user img {
width: 34px;
margin: 5px 7px 0 3px;
}
.user img.drop {
width: 16px;
}
.about h4 {
color: #1f54c0;
font-size: 22px;
padding: 16px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.about__btn button {
background: #1b4896;
padding: 0.6rem 2.4rem;
color: #fff;
border: 0;
margin: 1rem;
font-family: 'Poppins', sans-serif;
font-size: 18px;
}
.welcome .list {
padding: 5px 49px;
}
.welcome .list ul li a {
font-size: 20px;
color: #a02139;
font-family: 'Poppins', sans-serif;
font-weight: 600;
line-height: 32px;
}
.welcome .list .two li a {
text-decoration: none;
}
/* portal */
.portal .form__div {
border: 1px solid #959595;
border-top: 0;
}
.portal .form__header {
background: #f0f0f0;
height: 70px;
border: 1px solid #d5cece;
border-top: 0;
}
.portal .form__header h5 {
text-align: left;
padding: 3px 44px 44px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
color: #000000;
font-size: 22px;
}
.portal .form__div .header img {
padding: 0px 22px;
}
.form__div {
margin-bottom: 85px;
}
.form__div form .input-group-text {
background: #1d4da3
}
.form__div form .input-group-text i {
font-size: 32px;
color: #fff;
padding: 2px 6px;
}
.form__div form .input-group input {
padding: 0 45px;
}
.form__div form .input-group input::placeholder {
color: #bababa;
font-family: 'Poppins', sans-serif;
font-size: 20px;
}
.form__div form .input-group button {
background: #a02139;
color: #fff;
border: 0;
border-radius: 0;
font-family: 'Poppins', sans-serif;
font-size: 20px;
margin: auto;
padding: 7px 15px
}
.form__div form .input-group button:hover {
background: transparent;
border: 1px solid #a02139;
color: #a02139;
}
.portal .form__div h6 {
font-family: 'Poppins', sans-serif;
font: 20px;
font-weight: 600;
}
.input-group .btn {
z-index: 1;
}
/* login */
.login .remember .form-check-input {
width: 1.3em;
height: 1.3em;
border: 1px solid #1f52ad;
border-radius: 2px;
}
.login .remember .form-check-label {
padding-left: 8px;
}
.login .form__div form {
border: 1px solid #c1bbbb;
border-radius: 5px;
}
.login .form__div form .log__in__btn button {
background: #a02139;
color: #fff;
border: 0;
border-radius: 0;
font-family: 'Poppins', sans-serif;
font-size: 18px;
padding: 5px 27px;
font-weight: 600;
}
.login .form__div form .user {
margin-top: -44px;
margin-bottom: 35px;
}
.login .form__div form .user i {
color: #fff;
font-size: 64px;
background: #1d4da3;
padding: 11px 0;
border-radius: 50%;
width: 94px;
height: 94px;
}
a.home {
padding: 7px;
color: #000;
text-decoration: none;
}
footer {
background: #a02139;
padding: 10px;
text-align: center;
color: #fff;
width: 100%;
/* height: 55px; */
position: fixed;
bottom: 0;
z-index: 1;
}
footer p {
font-size: 0.8rem;
/* margin-top: 0.6rem; */
margin: 0;
}
/* case-presription */
.case__prescription__details {
background: #e6e6e6;
border: 1px solid #000;
/* margin-bottom: 4rem; */
}
.details__div {
margin-bottom: 0.5rem;
margin-top: 0.5rem;
}
.case__prescription__details .details__div p {
font-size: 1rem;
}
.case__prescription__details hr {
margin: 0;
}
.close__div {
margin-top: 176px;
}
.close__div button {
padding: 0.8rem 2.5rem;
color: #fff;
background: #1d4da3;
border: 0;
font-size: 1.5rem;
line-height: 30px;
border-radius: 6px;
white-space: pre-wrap;
}
.close__div a {
color: #a02139;
font-size: 1.5rem;
margin-top: 4rem;
}
/* check-anser */
.prescription__row .pdf__viwer {
width: 44%;
}
.prescription__row .button__div {
width: 21%;
}
.check__new_prescription .buttn {
background: #1d4da3;
padding: 0.5rem 2.5rem;
color: #fff;
border: 0;
margin: 1rem;
border-radius: 2px;
font-family: 'Poppins', sans-serif;
font-size: 21px;
text-decoration: none;
cursor: pointer;
}
.button__div button {
background: #1d4da3;
padding: 0.7rem 3.2rem;
color: #fff;
border: 0;
margin: 1rem;
border-radius: 2px;
font-family: 'Poppins', sans-serif;
font-size: 21px;
}
.button__div button:hover {
border: 1px solid #1d4da3;
background-color: transparent;
color: #1d4da3;
}
.prescription .button__div button {
padding: 0.7rem 1rem;
border-radius: 8px;
}
.prescription .button__div h5 {
padding: 11px 0px 13px 0px;
font-size: 30px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
text-align: center;
}
.prescription .button__div h5:after {
content: '';
border-bottom: 1px solid #787272;
width: 172px;
display: block;
padding: 7px;
/* margin: 5px; */
margin: auto;
}
.check-row {
margin: 60px 0 25px;
text-align: center;
}
.check-row a {
font-family: 'Poppins', sans-serif;
}
.check-row .exit {
margin-top: 18px;
}
.check-row .exit a {
color: #a02139 !important;
font-size: 25px;
font-weight: 300;
}
.check-row .exit img {
padding: 0 12px;
}
.check__answer a {
font-size: 22px;
}
.check__pres a,
.check__case a {
font-size: 22px;
color: #3a0091 !important;
}
.check-row .refernce button {
color: #fff;
background: #a02139;
border: 0;
font-size: 22px;
display: flex;
align-items: center;
width: 193px;
height: 53px;
justify-content: center;
border-radius: 4px
}
.check-row .refernce button:hover {
background: transparent;
border: 1px solid #a02139;
color: #a02139;
}
/* slider */
/* fix blank or flashing items on carousel */
.owl-carousel .item {
position: relative;
z-index: 100;
-webkit-backface-visibility: hidden;
}
/* end fix */
.owl-nav>div {
margin-top: -26px;
position: absolute;
top: 50%;
color: #cdcbcd;
}
.owl-nav i {
font-size: 52px;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: transparent;
border: 1px solid #ba3a3a;
border-radius: 50%;
padding: 6px !important;
margin: 10px;
}
.owl-dots {
margin-top: 15px;
text-align: center;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot.active {
background: #a02139;
}
.welcome .user a {
text-decoration: none;
font-size: 21px;
color: #a02139;
font-weight: 600;
}
/* 22-09-22 */
/* instruction */
.content {
margin: 65px 0;
}
.check__new_prescription .button__div {
margin: 0 0 25px;
}
/* instruction */
.bg-img {
background-image: url(../images/bg_new.jpg);
background-size: cover;
background-position: right;
background-repeat: no-repeat;
height: 100vh;
}
header {
background: #e5ccd1;
padding: 3px;
}
header .heading h3 {
font-size: 22px;
text-align: center;
font-family: 'RobotoSlab-VariableFont_wght';
font-weight: 600;
margin-bottom: 0;
}
.portal {
/* padding: 85px 0; */
height: calc(100vh - 145px);
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
}
.check__new_prescription.content {
/* height: calc(100vh - 145px); */
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
}
.ei-pdf-v {
position: relative;
overflow: hidden;
}
/*.watermark-presc {
position: absolute;
width: 100%;
height: 100%;
color: rgba(45,45,45,0.18);
line-height: 4;
word-spacing: 10px;
overflow: hidden;
}*/
.watermark-presc {
position: absolute;
width: 188%;
height: 220%;
/*color: rgba(45,45,45,0.18);*/
color: red;
line-height: 4;
word-spacing: 2px;
overflow: hidden;
transform: rotate(-45deg);
left: 0;
right: 0;
top: -180px;
text-align: center;
}
#watermark_prescription_label,
#watermark_prescription {
position: absolute;
width: 188%;
height: 220%;
color: rgba(45, 45, 45, 0.35);
line-height: 150px;
word-spacing: 3px;
overflow: hidden;
transform: rotate(-45deg);
left: 0;
right: 0;
top: -180px;
text-align: center;
}
.ei-pdf-v1 {
width: 100%;
height: auto;
}
#outerContainer #mainContainer div.toolbar {
display: none !important;
/* hide PDF viewer toolbar */
}
#outerContainer #mainContainer #viewerContainer {
top: 0 !important;
/* move doc up into empty bar space */
}
.portal-row .box {
width: 280px;
height: 280px;
border-radius: 50%;
margin: auto;
box-shadow: inset 0.3em 0.3em 0.3em 0 rgb(255 255 255 / 50%), inset -0.4em -0.4em 0.4em 0 rgb(0 0 0 / 55%);
text-align: center;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.portal-row .box.blue {
background-color: #4472c3;
}
.portal-row .box.red {
background: #c00000;
}
.portal-row .box img {
width: 100px;
margin-bottom: 15px;
display: none;
}
.portal-row .box h4 {
font-size: 24px;
color: #fff;
font-weight: 600;
font-family: 'Poppins', sans-serif;
line-height: 34px;
margin-bottom: 0;
}
/* ========= Kaustav css 10/07/23 =============== */
.portal.category_page{
height:82vh;
padding:25px 0 0;
}
.portal-row.scroll-height{height: 350px;overflow-x: hidden; overflow-y: scroll;
}
.exitbtn {
margin-top: 25px;
}
/* ========= End Kaustav css 10/07/23 =============== */
header .logout a {
font-weight: 600;
color: #971b33;
font-size: 21px;
text-decoration: none;
}
header .logout {
text-align: center;
}
/* cases-answer */
.cases-answer .button__div button {
border-radius: 8px;
width: 255px;
height: 50px;
font-size: 20px;
line-height: 25px;
padding: 0 12px;
border-radius: 2px;
}
.cases-answer .button__div button.exit {
width: 127px;
height: 47px
}
.cases-answer {
margin-bottom: 89px;
}
.cases-answer .button__div {
text-align: center;
}
.cases-answer .prescription-btn {
margin: 33px 0;
text-align: left;
}
.red {
background: #a02139 !important;
}
.cases-answer .prescription-btn button {
/* padding: 14px 38px; */
font-size: 18px;
background: #1d4da3;
border: 1px solid #1d4da3;
margin: 0 11px 0 0;
color: #fff;
border-radius: 2px;
width: 127px;
height: 40px;
margin-bottom: 6px;
}
.pdf-side .buttn {
background: #1d4da3;
padding: 5px;
color: #fff;
border: 0;
margin: 0 6px 10px 0;
border-radius: 2px;
font-family: 'Poppins', sans-serif;
font-size: 17px;
text-decoration: none;
cursor: pointer;
display: inline-flex;
white-space: pre-wrap;
width: 201px;
height: 50px;
justify-content: center;
align-items: center;
line-height: 20px;
}
.cases-answer .button__div button.red:hover {
border: 1px solid #a02139;
background-color: transparent;
color: #a02139;
}
.watermark2 {
position: absolute;
content: "";
top: 0;
right: 0;
left: 0;
height: 350px;
background: #fff;
opacity: 0.5;
}
.watermark p {
-webkit-transform: rotate(331deg);
-moz-transform: rotate(331deg);
-o-transform: rotate(331deg);
transform: rotate(331deg);
font-size: 12em;
color: rgba(255, 5, 5, 0.17);
position: absolute;
font-family: 'Denk One', sans-serif;
text-transform: uppercase;
padding-left: 10%;
}
.pdf__viwer {
position: relative;
}
.timer-div {
text-align: center;
}
.timer-div .time {
border: 1px solid #000;
}
.prescription-btn .buttn {
padding: 16px 31px;
background: #1d4da3;
color: #fff;
text-decoration: none;
;
}
/*#case_instruction_div{
overflow-x: scroll;
width: 800px;
height: 500px;
}*/
.ei-vert-scrl {
overflow-x: inherit;
width: 800px;
/* height: 500px; */
}
.ei-vert-scrl-pop {
overflow-x: scroll;
width: 100%;
height: 350px;
}
#the-canvas-2 {
border: 1px solid black;
direction: ltr;
/* margin: 22px 0;*/
display: block;
width: 100%;
/* height: 470px; */
margin-left: auto;
margin-right: auto;
}
#the-canvas-2_2 {
border: 1px solid black;
direction: ltr;
margin: 0 auto;
display: block;
width: 100%;
}
#the-canvas-2_22 {
border: 1px solid black;
direction: ltr;
margin: 0 auto;
display: block;
width: 100%;
}
#the-canvas-2_3 {
border: 1px solid black;
direction: ltr;
margin: 0 auto;
display: block;
width: 100%;
}
#the-canvas-2_4 {
border: 1px solid black;
direction: ltr;
margin: 0 auto;
display: block;
width: 100%;
}
#the-canvas-2_5 {
border: 1px solid black;
direction: ltr;
margin: 0 auto;
display: block;
width: 100%;
}
#the-canvas-2_22 {
border: 1px solid black;
direction: ltr;
margin: 0 auto;
display: block;
width: 100%;
}
#the-canvas-2_33 {
border: 1px solid black;
direction: ltr;
margin: 0 auto;
display: block;
width: 100%;
}
#the-canvas-2_44 {
border: 1px solid black;
direction: ltr;
margin: 0 auto;
display: block;
width: 100%;
}
/************ KP *************/
.prescription_details_image_img {
height: auto;
max-width: 100%;
width: auto;
}
.prescription_label_image_img {
height: auto;
max-width: 100%;
width: auto;
}
.cases-answer {
margin-bottom: 0;
}
#prescription_answer_div .ei-vert-scrl {
width: auto !important;
max-height: 70vh;
overflow-y: auto;
}
#case_answer_div .ei-vert-scrl {
width: auto !important;
height: 68vh;
/* overflow-y: scroll; */
overflow-x: hidden;
max-width: 100%;
}
#case_instruction_div {
overflow-x: inherit;
width: 100%;
/*height: auto;
display: flex;*/
justify-content: center;
/* overflow-y: scroll; */
}
#case_instruction_div iframe {
width: 100%;
max-width: 100%;
height: 80vh;
}
.m-w100 {
min-width: 100px;
}
.text-left {
text-align: left;
}
#timer_up_div {
margin-top: 50px;
}
iframe>body {
background-color: #fff
}
/* cases-answer */
@media only screen and (min-width: 1600px) and (max-width:1920px) {
.portal {
padding: 202px 0;
}
.timer-div {
padding: 0 107.3px;
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width:991px) {
.portal-row .box {
width: 220px;
height: 220px;
}
.portal-row .box h4 {
font-size: 17px;
line-height: 25px;
}
.portal-row .box img {
width: 71px;
}
header .logo img {
width: 170px;
}
}
@media only screen (max-width:992px) {
.bg-img {
height: auto;
}
}
div#the-canvas-2-loading img {
width: 80px;
}
div#the-canvas-2-loading {
position: absolute;
top: 40%;
left: 0;
right: 0;
}
/* @media only screen and (max-width:1920px){ */
/* 8-3-23-start */
/* #watermark_prescription_label, #watermark_prescription {
line-height: 138px;
} */
/* 8-3-23-end */
/* }
@media only screen and (max-width: 1600px){ */
/* 8-3-23-start */
/* #watermark_prescription_label, #watermark_prescription {
line-height: 103px;
}
*/
/* 8-3-23-end */
/* } */
/* @media only screen and (max-width: 1366px){
#watermark_prescription_label, #watermark_prescription {
line-height: 48px;
}
} */