@import url(../fonts/fonts.css);
/*Common CSS start*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, command, datalist, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, source, span, strike, strong, tbody, tdvideo, tfoot, th, thead, tt, u, ul, var {
  background: 0 0;
  border: 0 none;
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  font-style: normal
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
img {
  vertical-align: top
}
embed {
  vertical-align: top
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
  display: block
}
mark, rp, rt, ruby, summary, time {
  display: inline
}
input, textarea {
  border: 0;
  padding: 0;
  margin: 0;
  outline: 0
}
iframe {
  border: 0;
  margin: 0;
  padding: 0
}
input, select, textarea {
  margin: 0;
  padding: 0
}
fieldset, img {
  border: 0
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: 400
}
li {
  list-style: none
}
caption, th {
  text-align: left
}
q:after, q:before {
  content: ''
}
abbr, acronym {
  border: 0;
  font-variant: normal
}
sup {
  vertical-align: top
}
sub {
  vertical-align: bottom
}
input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit
}
legend {
  color: #000
}
h1, h2, h3, h4, h5, h6, li, p, ul {
  margin: 0;
  padding: 0
}
a {
  outline: 0;
  text-decoration: underline;
  -moz-outline: none
}
a:hover {
  text-decoration: none;
  cursor: pointer
}
a.nounderline, a:active.nounderline, a:link.nounderline, a:visited.nounderline {
  text-decoration: none;
}
a:hover.nounderline {
  text-decoration: underline
}
a img {
  border: none;
  text-decoration: none
}
img {
  border: none;
  text-decoration: none
}
button, label {
  cursor: pointer;
}
input:focus, select:focus, textarea:focus {
  outline: 0
}
select::-moz-focus-inner {
  border: 0;
  outline: 0
}
option::-moz-focus-inner {
  border: 0;
  outline: 0
}
input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
  border: 0
}
input[type=button]:focus, input[type=submit]:focus {
  outline: 0
}
fieldset {
  border: none
}
* {
  box-sizing: border-box
}
img:not([src]):not([srcset]) {
  visibility: hidden
}
img {
  width: 100%;
  max-width: 100%;
  vertical-align: top;
  height: auto
}
:focus {
  outline: 0
}
html, body {
  width: 100%;
  padding: 0;
  margin: 0;
}
body {
 font-family: 'FormaDJRVariableWeb';
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.45px;
  color: #000000;
  background: #fff;
  scroll-behavior: smooth;
}
.webr {
  font-family: "WebRupee";
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 2px;
  line-height: 28px;
  margin-top: -2px;
}
p {
  line-height: 20px;
 
}

.wrapper {
  width: 100%;
  height: auto;
  margin: 0px auto;
}
.container-box {
    width: 1200px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0px auto;
}

.container-inr {
    padding: 0px 0px;
}

.content-row {
    width: 100%;
}


/******************************background***********************************/
.mainbg{background:#fff url("../images/bg.jpg") center top no-repeat;}


/******************************background***********************************/

/******************************header***********************************/
.headwrap{width: 100%; }
.hedtprow{width:100%;height:70px;display:flex;align-items:center;justify-content:space-between}


/*.hdlogo {display: inline-block;vertical-align: top;width: 150px;}
*/
.hdlogo {
    display: inline-block;
    vertical-align: top;
    width: 10%;
}

.hdlogo img {
    max-height: 53px;
    max-width: 100%;
    width: auto;
}







/******************************header***********************************/







/******************************body***********************************/
.main{width: 100%; padding: 0px 0 0 0; }
.wrkwrap {
    width: 100%;
    border-radius: 10px;
    height: 100%;
   min-height: calc(100vh - 160px);
	background: #fff;
	box-shadow: 1px 0px 5px 0px rgba(207,202,202,0.75);
-webkit-box-shadow: 1px 0px 5px 0px rgba(207,202,202,0.75);
-moz-box-shadow: 1px 0px 5px 0px rgba(207,202,202,0.75);
	margin-top: 20px;
}

.wrkwrap_pd{ display: flex; justify-content: space-between;  }

.wrk-banner{width: 52%;}
.wrk-banner h1{color: #fff; font-size: 34px; font-weight: 900; text-decoration: none; line-height: 34px;}
.wrk-banner span{width: 100%; display: block; padding-top: 40px; padding-left: 30px}
.wrk-banner span img{width: 350px;}


.wrk-login{background: #fff; padding:40px 100px 10px 15px; width: 40%; border-radius: 10px;}
.wrk-loginpd{padding: 20px 30px;}

.loginrow{width: 100%; padding-top: 20px;}
.loginrow label{font-size: 16px; font-weight: normal; text-decoration: none; padding-bottom: 10px; display: block}

.logininp{width: 100%; }
.logininp input{padding: 10px; background: #f7f7f7;}
.inputlog{width: 100%;}

.loginrow a{display: block; color: #fff; background: #549ef7; border-radius: 5px; padding: 10px 0; text-align: center; text-decoration: none; font-size: 16px;}


.otp-wrap{width: 100%;}
.otp-wrap label{font-size: 16px; font-weight: normal; text-decoration: none; padding-bottom: 10px; display: block}


.otp-inputs{display: flex; justify-content: space-between;}

.motp-input{border: solid 1px #ccc; width:40px; height: 40px; text-align: center;}
.motp-input {
    width: 43px;
    border: 1px solid #cccccc;
    margin: 0 5px 0 0px;
    text-align: center;
    font-size: 16px;
	height: 45px
}



.sub-mitwrap{width: 100%;}
.sub-mitwrap p{font-size: 18px; font-weight: normal; text-decoration: none; padding-bottom: 10px}

.tm-send{width: 100%; display: flex; justify-content: space-between; padding: 10px 0 0 0;  color: #ffbd3a; font-size: 16px; font-weight: normal; text-decoration: none;}

.countdown{width: 30%;}
.resend{display: inline-block}
.resend a{ text-decoration: none; color: #ffbd3a; }



.overlay{width: 100%; background: url("../images/overlay-bg.png") left top repeat; display: none; height: 100%; position:fixed; left: 0px; top: 0px;}
.popup-wrap{width:900px; margin: 0 auto; background: #fff; margin-top: 60px; border-radius: 10px; position: relative;}

.close{position: absolute; right: -5px; top: -5px; cursor: pointer}
.tnc-pop{width: 100%;}
.tnc-poppd{padding: 20px;}

.tncrow-one{width: 100%; height: 300px; overflow-y: auto;}
.tncrow-one span{display: block; font-size: 15px; color: #549ef7; text-decoration: none; padding: 10px 0 0 0;}
.tncrow-one b{font-size: 16px; font-weight: bold; text-decoration: none; color: #000;}
.tncrow-one p{font-size: 14px; font-weight: normal; text-decoration: none; color: #000;}
.tncrow-one ul{list-style: none; margin: 0px ; padding: 0px 0 0 15px;}
.tncrow-one ul li{list-style-type: disc; padding: 0 0 0 5px ; font-size: 14px;}



.tncrow-two{width: 100%; padding: 20px 0 0 0; border-top: solid 2px #ffbd3a; margin-top: 20px;}
.tncrow-two p{padding-bottom: 10px}
.tnc-chekbox{margin-right: 10px}

.tncrow-two a{background: #549ef7; padding: 10px 20px; display: inline-block; color: #fff; text-decoration: none; border-radius: 5px; }


.confirm-sub-wrap {
    width: 500px;
    margin: 0 auto;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 10px;
    position: relative;
}

.confirm-sub-row{ padding: 20px;}
.confirm-sub-row span{color: #549ef7; font-size: 20px; font-weight: normal; text-decoration: none; }
.confirm-sub-row p{color: #000; font-size:16px; font-weight: normal; text-decoration: none; padding: 10px 0 }
.confirm-sub-row a{padding: 10px 20px; display: inline-block; border: solid 1px #549ef7; color:#549ef7; background: #fff; text-decoration: none; margin-right: 10px; font-size: 16px;}
.confirm-sub-row a.act{padding: 10px 20px; display: inline-block; border: solid 1px #549ef7; color: #fff; background: #549ef7;}



.npminee-wrap{width: 100%;}


.nomincontent-wrappd{padding: 20px 30px;}

.nomincontent-wrap{width: 100%; border-radius: 10px;
    height: 100%;
   min-height: calc(100vh - 160px);
	background: #fff;
	box-shadow: 1px 0px 5px 0px rgba(207,202,202,0.75);
-webkit-box-shadow: 1px 0px 5px 0px rgba(207,202,202,0.75);
-moz-box-shadow: 1px 0px 5px 0px rgba(207,202,202,0.75);
}


.nomine-row1{width: 100%;}
.nomine-row1 b{font-size: 14px; font-weight: normal; text-decoration: none; color: #000; padding-bottom:5px; display: block;}
.nomine-row1 p{font-size: 14px; font-weight: normal; text-decoration: none; color: #000;}


.nomine-row2{width: 100%; padding: 30px 0 10px 0;}
.nomine-row2 table{}
.nomine-row2 table tr td{}
.nomi-tabl-title{background: #76b1f9; color: #000; font-size: 16px; font-weight: normal; text-decoration: none; padding: 10px ; border-radius: 5px; border-right: solid 5px #fff !important; border-bottom: solid 5px #fff !important}


.nomi-tabl-cnt{background: #ddecfc; color: #000; font-size: 16px; font-weight: normal; text-decoration: none; padding: 10px ; border-right: solid 5px #fff !important;}
.nomi-tabl-cnt span{border-bottom: solid 2px #a8b7fa; padding-bottom: 5px; display: block;}
.nomi-tabl-rmv{color: #000;}
.nomi-tabl-rmv img{width: auto !important; padding-right: 10px}
.nomi-tabl-rmv a{text-decoration: none; font-size: 16px; color: #000;}

.addmore{font-size: 16px; padding: 10px 0; color: #000;}
.addmore span {padding-right: 10px; display: inline-block;}
.addmore span img{width: auto;}
.addmore a{color: #000;}

/*.nomine-row3{width: 100%;}*/
.nomine-row3 p{font-size: 16px; padding-bottom: 10px}
.nomine-row3 a{background: #549ef7; padding: 10px 20px; display: inline-block; color: #fff; text-decoration: none; border-radius: 5px;}

.tabBox{width: 100%;}
.tabBox ul {
  display: flex; padding-left: 100px
}
div.tabBox ul {
  list-style: none;

}
div.tabBox > ul > li {
  margin-left: 10px;
  list-style: none !important;
	
}
.tabBox li a { display: inline-block;
background: #a9cffb; color: #fff;
  text-decoration: none;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
 
  border-bottom: 0px !important;
  font-size: 17px;
  padding: 0 20px;
}

.tabBox li a.activ { display: inline-block;
background: #549df6; color: #fff;

  
}

/*.hd-text{font-size: 22px; color: #549df6; font-weight: bolder}
*/
.hd-text {
    font-size: 22px;
    color: #549df6;
    font-weight: bolder;
    width: 80%;
}


.ftr{width: 100%; font-size: 14px; font-weight: normal; text-decoration: none; color: #000; padding: 20px 0; text-align: center}





.tncfl-wrapper {
    width: 100%;
    padding: 30px 0;
    height: 300px;
    overflow-y: auto;
}

    .tncfl-wrapper span {
        display: block;
        font-size: 15px;
        color: #549ef7;
        text-decoration: none;
        padding: 10px 0 0 0;
    }

    .tncfl-wrapper b {
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        color: #000;
        display: block;
        padding: 0 0 10px 0
    }

    .tncfl-wrapper p {
        font-size: 14px;
        font-weight: normal;
        text-decoration: none;
        color: #000;
    }

    .tncfl-wrapper ul {
        list-style: none;
        margin: 0px;
        padding: 0px 0 0 15px;
    }

        .tncfl-wrapper ul li {
            list-style-type: disc;
            padding: 0 0 0 5px;
            font-size: 14px;
        }

    .tncfl-wrapper table {
        padding: 20px 0;
    }

        .tncfl-wrapper table tr th {
            background: #76b1f9;
            padding: 8px 10px;
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            text-decoration: none;
            color: #000;
        }

            .tncfl-wrapper table tr th.lht {
                line-height: 32px;
            }

        .tncfl-wrapper table tr td {
            background: #d6e7fd;
            padding: 8px 10px;
            text-align: center;
            font-size: 13px;
            font-weight: normal;
            text-decoration: none;
            color: #000;
        }

.tdnwe {
    background: #f1f7fe !important;
    padding: 10px;
    text-align: left !important
}

    .tdnwe p {
        font-size: 14px;
        font-weight: normal;
        text-decoration: none;
        color: #000;
    }

    .tdnwe ul {
        list-style: none;
        margin: 0px;
        padding: 0px 0 0 15px;
    }

        .tdnwe ul li {
            list-style-type: disc;
            padding: 0 0 0 5px;
            font-size: 14px;
        }

.tdnwepdn {
    padding: 15px 0 5px 0;
}


.tncfl-wrapper ul li ul p {
    padding: 10px 0 0 0;
    font-weight: bold;
}

.tncfl-wrapper ul li ul li {
    margin-left: 25px;
}


.nomine-row2 table tr td input {
    background: none;
    text-align: center;
    width: 100%;
    border-bottom: solid 2px #a8b7fa;
    padding-bottom: 4px;
}
    .nomine-row2 table tr td input::placeholder {
        color: gray;
        opacity: 1; /* Firefox */
    }

    .nomine-row2 table tr td input::-ms-input-placeholder { /* Edge 12 -18 */
        color: #000;
    }

.lg-ot {
    width: 10%;
}

    .lg-ot a {
        background: #76b1f9;
        text-align: center;
        padding: 10px 20px;
        border-radius: 10px;
        text-decoration: none;
    }


.nomine-row3 {
    width: 100%;
    border-top: solid 1px #000;
    padding-top: 20px;
    margin-top: 20px;
}


.swal2-popup .swal2-title {
    font-size: 18px !important;
}

.swal2-popup .swal2-html-container {
    font-size: 14px !important;
}

.swal2-popup .swal2-confirm {
    font-size: 14px !important;
}

/*09 june edm*/
#Table_01 {
    width: 700px;
    background: #fff;
}

@media only screen and (max-width:699px) {
    #Table_01 {
        width: 98% !important;
        background: #fff;
    }

    .sm_btn {
        width: 150px !important;
    }

    img {
        width: 100% !important;
    }

    .sm_img {
        width: auto !important;
    }
}


#loader-container {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

#loader {
    width: 50px;
    height: 50px;
}