/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(fonts/OpenSans1.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(fonts/OpenSans2.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(fonts/OpenSans3.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(fonts/OpenSans4.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(fonts/OpenSans5.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(fonts/OpenSans6.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(fonts/OpenSans7.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(fonts/OpenSans8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(fonts/OpenSans9.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(fonts/OpenSans10.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(fonts/OpenSans11.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(fonts/OpenSans12.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(fonts/OpenSans13.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(fonts/OpenSans14.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(fonts/OpenSans15.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(fonts/OpenSans16.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(fonts/OpenSans17.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(fonts/OpenSans18.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(fonts/OpenSans19.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(fonts/OpenSans20.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(fonts/OpenSans21.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(fonts/OpenSans22.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(fonts/OpenSans23.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(fonts/OpenSans24.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(fonts/OpenSans25.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(fonts/OpenSans26.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(fonts/OpenSans27.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(fonts/OpenSans28.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(fonts/OpenSans29.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(fonts/OpenSans30.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(fonts/OpenSans31.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(fonts/OpenSans31.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; color:#000;
}
a:focus, a:active, button:focus, button:active, .btn:focus, .btn:active, select:focus, *  { outline:none !important;}
a:hover, a:focus, a:active { text-decoration:none !important;}
.header {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    padding: 7px 0;
    background:#fff;
}
.header .logo img {
    height: 35px;
}
.logo-head {
    border-left: 1px solid #ccc;
    color: #333;
    display: inline-block;
    font-size: 16px;
    margin: 7px 10px 0;
    padding: 5px 10px;
    vertical-align: top;
}
/* .fixed-header { position:fixed; width:100%; z-index:999; top:0px;} */
.navbar-header {
    margin-top: 2px;
}
.navbar-header .alliace-logo { vertical-align: middle; margin:0px 10px;  border-left:1px solid #e2e2e2; display: inline-block; padding:0px 10px; }
.navbar-header .alliace-logo img { max-height:50px;}
.curser { cursor:pointer;}
.bold { font-weight: bold;}
.text-wrap { white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: block; width: 200px;}
textarea {
    resize: none;
}
.mr {
    margin-right: 15px;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom:5px;
}
.mt {
    margin-top: 15px;
}
.mt-2{
    margin-top: 20px;
}
.my-placeholder {
    color: #999;
    line-height: 20px;
}
p {
    text-align: justify;
}
.browser-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    display: block;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 99999;
}
.browser-overlay .browser-text {
    background: #ffffff none repeat scroll 0 0;
    color: #c9302c;
    font-size: 16px;
    margin: 50px auto;
    padding: 15px;
    text-align: center;
    width: 50%;
}
.btn { border-radius:4px;box-shadow:1px 1px 2px rgba(0,0,0,0.2); background:#f1f1f1;}
.btn-primary {
    background: #02a6ea linear-gradient(to bottom, #00b4ff, #02a6ea) repeat scroll 0 0;
    border-color: #0587ef;
    color: #ffffff;
    text-decoration: none;
    border-radius:4px;padding:7px 20px; box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
.btn-primary:hover {
    background: #029dde linear-gradient(to bottom, #02a6ea, #029dde) repeat scroll 0 0;
    border-color: #0587ef;
    text-decoration: none;
}
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus,
.btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, 
fieldset[disabled] .btn-primary.focus {
    background: #02a6ea linear-gradient(to bottom, #00b4ff, #02a6ea) repeat scroll 0 0;
    border-color: #0587ef;
}

.btn-primary i.fa-angle-right {
    border: 1px solid #fff;
    border-radius: 100%;
    margin-left: 5px;
    padding: 3px 8px;
}
.btn-otp { padding:5px; border-radius:4px;}

button[disabled="disabled"] {
    background: #e6e6e6 none repeat scroll 0 0 !important;
    border: 1px solid #adadad !important;
    color: #333 !important;
}

/* Form Wizard
----------------------------------------------------------*/
.wizardpills-steps{position: relative;display: block; min-height:50px; margin:20px 50px; }
.wizardpills-steps ul.step-wizard{position: absolute;top: 0px;left: 0px;height: 60px;z-index: 2;width: 100%;}
.wizardpills-steps #bar{position: absolute;top: 10px;left: 0px;height: 10px;width: 100%;margin:3px 0;z-index: 1;}
.wizardpills-steps .tab-content{position: relative;top: 60px;background-color: #ffffff;border: 0px solid transparent;}
.step-wizard li{display: block;float: left;height: 36px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: relative;text-align: right;width:33.33%;margin:0 !important;}
.step-wizard-two li{display: block; height: 36px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: relative;text-align: center;width:50%;margin:0 !important;}
.step-wizard li div{ width: 36px;height: 36px;display: block;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;left:40%; -webkit-box-shadow: inset 0 -1px 2px rgba(150, 150, 150, .1);
                     -moz-box-shadow: inset 0 -1px 2px rgba(150, 150, 150, .1);
                     box-shadow: inset 0 -1px 2px rgba(150, 150, 150, .1);
                     background: #02a6ea linear-gradient(to bottom, #00b4ff, #02a6ea) repeat scroll 0 0;
                     line-height:34px;text-align:center;font-size:18px;font-weight:bold; color:#fff;}
.step-wizard li:first-child div { float:left; left:-20px;}
.step-wizard li:last-child div { float:right; left:auto; right:-20px;}
.step-wizard li.active div, .step-wizard li.completed div {background-color: #4caf50; border-color: #4caf50;  
                                                           background: -webkit-linear-gradient(#56ce5a, #4caf50); /* For Safari 5.1 to 6.0 */
                                                           background: -o-linear-gradient(#56ce5a, #4caf50); /* For Opera 11.1 to 12.0 */
                                                           background: -moz-linear-gradient(#56ce5a, #4caf50); /* For Firefox 3.6 to 15 */
                                                           background: linear-gradient(#56ce5a, #4caf50); /* Standard syntax */
                                                           color: #ffffff;    
}

.step-wizard li.active span { color: #4caf50;}
.step-wizard li.completed span { color: #4caf50;}
.step-wizard li div:before {content: " ";margin-left: -2px;display: block;}
.step-wizard li.complete div:before {content: "\f00c";}
.step-wizard li.complete span{padding-left: 5px;}
.step-wizard li span{ position: absolute;color: #777777;width:100%;display:block; top:40px;text-align:center;font-weight:bold;}
.step-wizard li:first-child span { float:left; left:-50%; }
.step-wizard li:last-child span { float:right; left:auto; right:-50%;}
.step-progress { background:#eeeeee;}
.step-progress .progress-bar{ background: #4caf50;}

.payment-failed .step-wizard li.active span { color: #d84805;}
.payment-failed .step-progress { background:#d84805;}
.payment-failed .step-wizard li.failed div {background-color: #d84805; border-color: #d84805;  
    background: -webkit-linear-gradient(#ff6500, #d84805); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ff6500, #d84805); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ff6500, #d84805); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ff6500, #d84805); /* Standard syntax */
    color: #ffffff;    
}


/* Customize the label (the container) */
.rdobox-list {-moz-user-select: none;cursor: pointer;margin-bottom:0px;padding-left:30px; margin-right:10px;position: relative; line-height:22px;}
.rdobox-list input {cursor: pointer;opacity: 0;position: absolute;}
.checkmark { height:24px;left:0px;position: absolute;top:-2px;width:24px; border-radius:100%; border:1px solid #ccc;}
.rdobox-list:hover input ~ .checkmark { border:1px solid #02a6ea; }
.rdobox-list input:checked ~ .checkmark {background:#02a6ea linear-gradient(to bottom, #00b4ff, #02a6ea) repeat scroll 0 0; border:1px solid #02a6ea;}
.checkmark::after {content: "";display: none;position: absolute;}
.rdobox-list input:checked ~ .checkmark::after {display: block;}
.rdobox-list .checkmark::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: white;
    border-image: none;
    border-style: solid;
    border-width: 0 3px 3px 0;
    height: 10px;
    left: 8px;
    top: 5px;
    transform: rotate(45deg);
    width: 6px;
}
.rdobox-list.rdo-disabled { color:#999;}
.rdobox-list.rdo-disabled:hover input ~ .checkmark { border:1px solid #ccc; }

.header .navbar-right { margin-right:0px;}
.header nav ul li a {
    color: #000;
    font-size: 13px;
    padding:7px;
    margin:7px 2px;
    text-transform:uppercase;
    font-weight:500;
    position:relative;
}
.header nav ul li a:hover, .header nav ul li a.active, .header nav ul li a:focus { color:#007fb8; background:none; }
.header nav ul li a.active, .header nav ul li a.active:hover { font-weight:bold;}
.banner-section {
    background:linear-gradient(#487cc8, #003787);
    width: 100%;
    /* margin-top:64px; */
}
.section-title h2 {
    font-size: 28px;
    font-weight: lighter;
}
.section-title h2 span {
    font-weight: normal;
}
.section-title h4 {
    font-size: 20px;
    font-weight: lighter;
}
.footer-section {
    font-size: 13px;
    padding: 20px 0;
    color:#666;
    background:#fdfdfd;
    border-top:1px solid #f1f1f1;
}
.poweredby { display:block; margin-top:-5px;}
.poweredby img { width:100%;}
.social-link {
    padding-top: 5px;
    text-align: right;
}
.social-link label {
    font-weight: normal;
    margin-right: 10px;
}
.social-link a {
    margin: 0 2px;
}
.rdo-checkbox { margin-bottom:5px;}
.rdo-checkbox label { margin-right:20px; vertical-align:top; cursor: pointer; }
.rdo-checkbox input { vertical-align:top; margin:3px 0px 0px;}
.form-control.file-input { padding:2px; height:auto;}
.PANField { margin:0px;}

.login-page { height: 100vh; background:#fff;}
.login-page .copyright { text-align:center; font-size:14px; padding:10px 0px; margin-bottom:20px; color:#fff;}
.login-page .header { background:none; box-shadow:none;}
.account-section {padding:0px 20px;}
.account-section h1 { font-size:26px; padding:0px; margin:0 0 10px; font-family:Helvetica, Arial, sans-serif;}
.account-section h3 { font-size:16px; padding:0px; color:#777; margin:0 0 25px; font-family:Helvetica, Arial, sans-serif;}
.account-box { padding:15px 30px; margin:20px 0px;}
.account-box label { display:inline;}
.account-box .divider {  padding:30px 50px; margin:30px -50px 0px; background:#f5f5f5; border-radius:0 0 6px 6px;}
.account-box label, .account-box .form-label { font-weight:normal; font-size:14px; color:#454545;}
.account-box  .button-action { padding-top:10px;}
.account-box  .button-action .btn { font-size:16px; padding:10px 30px; text-transform:uppercase;}
.account-box .pin-status {margin:auto;}
.account-box .btn-primary { padding:10px;}
.account-box .input-group-addon:not(:first-child):not(:last-child) {border-top-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; border: 1px solid #e2e2e2;}
.login-type .form-label {padding-bottom: 10px;}
.login-type label { vertical-align: top; padding-right: 10px;}
.account-box .new-account { font-size:15px; margin-bottom:20px;}

.button-sets { padding: 30px 10px; text-align: center;}
.button-sets .btn { padding:10px 20px !important; }
.button-sets .btn-default {background: #f9f9f9; box-shadow: none; color:#0d94ff;  }

.user-exist { padding:30px;}
.user-exist h2 { margin: 0px; font-size:20px; font-weight:normal;}
.user-exist .alert { font-size:16px; line-height:22px; margin:15px 0px 10px}
.user-exist h5 { margin:0px 0px 25px; font-size:15px; line-height:22px;}

.newuser-section {padding:25px 40px; margin:10px 0px 20px; background:#fdfdfd; border: 1px solid #f1f1f1; width: 100%; font-size:13px;}
.newuser-section h2{font-size:16px; margin: 0 0 15px; font-weight: 600;}
.newuser-section .step-two h2:last-of-type{margin: 30px 0 20px 0;}

/*calender*/
.date-control {position: relative; display: inline-block;}
.date-control .form-control { background:url(images/calendar.gif) no-repeat 96% 7px; background-color: #fff;}
.date-control img {position: absolute;right: 8px; top: 7px; cursor: text;}

.newuser-section .form-box .txt-btn-group{padding-right: 0px;}
.newuser-section .form-box .form-group {margin-bottom:10px;}
.newuser-section .form-box address{margin-bottom: 0;}
.newuser-section .form-box .fa-user{border:1px solid #bbb; padding: 10px 20px; color: #bfbfbf;}
.newuser-section .form-box .btn-action .btn { margin-right:10px; margin-top: 5px;}
.newuser-section .form-box .btn-action .btn-proceed { min-width:130px; }
.newuser-section .form-box .btn-action .btn-verify{ width:180px;}
.newuser-section .form-box .reset-btn .btn{border-radius: 5px; padding: 4px 10px;}
.newuser-section .form-box .terms-box { margin-bottom:20px;}
.newuser-section .form-box .terms-txt{height: 100px; overflow-y: scroll; border:1px solid #bbb; padding: 0.5em 1em;}
.newuser-section .form-box .file-input { width:94% !important;}
.newuser-section .form-box .kyc-form-datails .form-group {margin-bottom:5px;}
.newuser-section .form-box .divider{border:1px solid #f1f1f1; height: 452px; width: 1px; position: absolute; left: 50%;}

.info-box { padding:15px 0px; color:#fff;  }
.info-box h2 { font-size:20px; margin:0 0 3px;}
.info-box a { color:#ffd400; text-decoration:underline;}
.info-box p { margin-bottom:0px; font-size:13px;}

.input-group .btn { height:30px; font-size:13px; box-shadow:none;}
.input-group-addon { background:none;}
.subscription-section h3{ margin-bottom:0px;}
.subscription-plan { list-style: none; margin:0px; padding:0px; display: block; clear: both;}
.subscription-plan li { width:45%; float: left; padding-right:20px; padding-bottom:15px;}
.subscription-plan .plan-list { background:#f9f9f9; border-radius:6px; display:block; cursor: pointer; border:2px solid #e2e2e2; padding:15px; margin:0; position:relative; }
.subscription-plan .plan-list:hover { background:#f7f7f7; box-shadow:1px 1px 3px rgba(0,0,0,0.1);}
.subscription-plan .plan-list input { position: absolute; right:15px; top:15px;}
.subscription-plan .plan-list .plan-name { display:block; font-size:18px; font-weight: bold; text-transform: capitalize; min-height: 65px;}
.subscription-plan .plan-list .plan-name div { display: block; font-size:13px; line-height:14px; font-weight:normal; color:#666;}
.subscription-plan .plan-list span { font-size:13px; line-height:14px; font-weight:normal; color:#999;}
.subscription-plan .plan-list .plan-price { font-weight:bold; font-size:18px; color:#0060ac;}
.subscription-plan .plan-list .plan-price small {font-weight:normal; color:#333;}
.subscription-plan .plan-list .plan-price sup { color: #666;font-weight:normal; margin-left:5px;}
.subscription-plan .plan-list .plan-dayscount { border-top:1px dashed #e2e2e2; padding-top:5px; margin-top:3px;}
.subscription-plan .plan-list .left-space { margin-left:30px;}

.subscription-plan .plan-list.selected { border:2px solid #0060ac; background:#f7f7f7; }
.subscription-plan .plan-list.selected .plan-name { color:#0060ac; }

.subscription-plan li.minPlans .plan-list { height:284px; padding:20px;}
.subscription-plan li.minPlans .plan-list .plan-price { margin:10px 0px; font-size:26px;}
.subscription-plan li.minPlans .plan-list .plan-price small { font-weight:normal; font-size:18px;}
.subscription-plan li.minPlans .plan-list .plan-dayscount { padding-top:15px;}
.subscription-plan li.minPlans .plan-list .plan-dayscount .list { margin-bottom:10px;}

.kycinfo-section .form-details { padding:0px 20px; font-size:13px;}
.kycinfo-section .form-details .form-group { margin-bottom:5px;}
.kycinfo-section .form-details .form-label { color:#999;}

.modal-xlg { width:1000px;}
.modal-body .success-box { margin-bottom:20px;}
.modal-body .success-box h3 { font-size:20px; margin-bottom:0px; padding:0px 50px;}

.login-section {
    color: #fff;
    margin-top: 7vw;
}
.login-section h3 {
    font-size: 20px;
    font-weight: lighter;
    margin: 15px 0;
}
.login-section .banner-title {
    font-size: 40px;
    margin:0 0 10px;
    font-weight: lighter;
}
.login-section .legal { margin-top:60px; color:#d1eafd; font-size:15px;}
.login-box {
    font-weight: lighter;
    margin-top: 0px;
    min-height:185px;
    padding: 15px 0;
    border-radius: 20px;
}
.login-box h2 { font-size: 24px; font-weight: 300;margin: 0 0 20px;}
.login-box .img-box {box-shadow:0px 0px 10px rgba(0,0,0,0.5); z-index:1;position:relative; background:#015c88 linear-gradient(to bottom, #00b4ff, #015c88) repeat scroll 0 0;float:left;display:flex;justify-content: center;align-items:center;width:55px;height:55px;border-radius: 50%; border:none; text-align:center;}
.login-box .img-box img { width:30px;vertical-align:middle;display:block;}
.login-box .ctn-div { position:absolute; left:43px;}
.login-box .ctn-div p {font-size:15px; font-weight:500; color:#e2e2e2;}
.login-box .ctn-div .inline-link p {display:inline-block; margin-bottom:0px;}
.login-box .ctn-div a.enrol { box-shadow:0px 0px 10px rgba(0,0,0,0.5); line-height:24px; padding-left: 35px;margin-top:10px;background:#015c88 linear-gradient(to bottom, #00b4ff, #015c88) repeat scroll 0 0; font-size:16px; border-color:#015c88; border-radius:20px; min-width:115px;}
.login-box h4 { font-size:20px; display:inline-block; min-width:260px; margin:0px;}
.login-box .line { margin:20px 0px 20px; border-bottom:1px solid rgba(0, 0, 0, 0.3); }
.login-box a.btn { min-width: 120px; border-radius:15px;}
.login-box .link-sec .login {min-width:220px; display:inline-block;}
.login-box .link-sec .or {font-weight:500;}
.login-box .link-sec .enrol { background:#1b5f9c; border-color:#89abcb; box-shadow:none; }
.login-box .link-sec .enrol:hover, .login-box .ctn-div .inline-link a:hover  {background: #0371a7 linear-gradient(to bottom, #00b4ff, #0371a7) repeat scroll 0 0; border-color:#0371a7;}

.login-content { color:#fff; position:relative;}
.login-content h2 { text-transform:uppercase; font-weight:normal; font-size:26px; line-height:30px; margin:0px 0px 10px; }
.login-content .feature-box-content { margin-bottom:30px;}
.login-content .feature-box-content li { font-size:17px; line-height:22px; padding-top:5px; padding-bottom:5px;}
.login-content .feature-box-content li i { border-color:rgba(255,255,255,0.5) !important; color:#fff !important; top:6px; border-radius:4px;}
.login-content .logo { margin:10px 0px 20px; display:inline-block;}
.login-content .foot-copy { color:#9bcde0;}

.login-container { position:relative;}
.login-ltbox { position:absolute; left:0px; width:33%; padding:30px 50px; background:url("../images/login-bg.png") no-repeat 0 bottom;}
.login-ltbox:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(#008eff, #003787);
    opacity: 0.8;
}
.login-rtbox { margin-left:33%; height:100vh; padding:20px;}

.download-apps { margin-bottom:40px;}
.download-apps h3 { font-size:20px; color:#55fff7; margin-bottom:15px; }
.download-apps a { display:inline-block; margin-right:10px; text-align:center; text-decoration:none;}
.download-apps a img { width:60px; transition: transform .2s; /* Animation */}
.download-apps a:hover img { transform: scale(1.4);}
.download-apps a span { display:block; color:#fff; font-size:12px;}

.consent-box label {
    font-weight: normal;
}
.consent-box a {
    color: #fff;
    text-decoration: underline;
}
.banner-img {
    height:370px;
}
.banner-img img {
    height: 100%;
    width: 100%;
}
.banner-img a:focus, .banner-img a { outline:none !important;}
.login-box .box-title span {
    font-weight: 600;
}
.login-box .box-title a {
    font-size: 12px;
    padding-left: 5px;
}
.login-box .btn-proceed {
    border: medium none;
    font-size: 16px;
    height: 39px;
    width: 158px;
}
.captcha-box {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    margin-right: 5px;
    padding: 0 10px 0 5px;
}
.captcha-box .form-control {
    border: 1px solid #c4c4c4;
    width: 158px;
}
.captcha-inlinebox {
    border-radius: 0;
    margin: 0;
    padding: 0;
}
.captcha-inlinebox img#captchaimg {
    height: 30px;
    vertical-align: top;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}
.captcha-inlinebox .form-control {
    display: inline-block;
    width: 160px;
}
.price-box {
    font-size: 16px;
    margin-left: 110px;
}
.price-box .price span {
    font-size: 26px;
    font-weight: 400;
    line-height: 26px;
}
.price-box .price sup {
    top: -10px;
}
.grecaptcha-badge { 
    visibility: hidden;
}

.start-section {
    background:#dddddd linear-gradient(to bottom, #ffffff, #eeeeee) repeat scroll 0 0;
    padding: 5px 0 10px;
    overflow:hidden;
}
.start-section .section-title {
    font-size: 15px;
    margin-top: 10px;
}
.digital-india {
    padding-left: 20px;
}
.start-section .download-link {
    margin-top: 0;
}
.start-section .download-link .div-or {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    font-size: 18px;
    font-weight: 400;
    margin: 15px 5px 0;
    padding: 7px 10px;
    vertical-align: top;
}
.start-section .download-link .btn-upload {
    background: #015cb7 none repeat scroll 0 0;
    border: medium none;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin: 10px;
    vertical-align: top;
}
.start-section .download-link .btn-upload small {
    display: block;
    font-size: 9px;
    font-weight: normal;
}
.no-bg {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.start-section .download-link a {
    background: rgba(0, 0, 0, 0) url("images/download-link.png") no-repeat scroll 0 0;
    color: #333;
    display: inline-block;
    font-size: 13px;
    padding-top: 42px;
    text-align: center;
    width: 62px;
}
.start-section .download-link a:hover {
    text-decoration: none;
}
.start-section .download-link a.link1 {
    background-position: 0 0;
}
.start-section .download-link a.link2 {
    background-position: -65px 0;
}
.start-section .download-link a.link3 {
    background-position: -135px 0;
}
.start-section .download-link a.link4 {
    background-position: -215px 0;
}
.start-section .download-link a.link1:hover {
    background-position: 0 -60px;
}
.start-section .download-link a.link2:hover {
    background-position: -65px -60px;
}
.start-section .download-link a.link3:hover {
    background-position: -135px -60px;
}
.start-section .download-link a.link4:hover {
    background-position: -215px -60px;
}
.emsigner-box {
    margin: 0px;
    padding-top: 15px;
    position: relative;
}
.emsigner-box img {
    margin-top: 5px;
}

.client-section {
    padding: 20px 0 40px;
}
.client-list ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.client-list ul li {
    float: left;
    height: 108px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 184px;
}
.about-section {
    background: #fff;
    padding: 30px 0 40px;
}
.about-section a.btn {
    margin: 5px 0;
    box-shadow:none;
    border-radius:20px;
    padding:5px 20px;
}
.buy-section .section-title {
    padding-bottom: 5px;
}
.subscription-box {
    padding-bottom: 45px;
    padding-top: 15px;
}
.subscription-box .form-control {
    border: medium none;
    color: #000;
    font-size: 16px;
    font-weight: normal;
    height: 39px;
    margin-right: 5px;
    padding: 6px 10px;
    width: 170px;
}
.subscription-box .captcha-box {
    padding: 1px 10px 1px 5px;
}
.subscription-box .captcha-box .form-control {
    border: 1px solid #c4c4c4;
    height: 32px;
    width: 100px;
}
.subscription-box .btn-check {
    border: medium none;
    font-size: 16px;
    height: 39px;
}
.small-text {
    color: #666;
    font-size: 12px;
    padding: 3px 0;
}
.buy-section .col-divider {
    border-left: 1px solid #3c80c4;
}
.buy-section {
    padding:15px 20px 35px !important;
    background:linear-gradient(to right,#487cc8, #003787);
    color:#fff;
    margin: 0px;
}
.buy-section .btn-buy, .buy-section .btn-buy:hover {
    font-size: 16px;
    margin-top:32px;
    background: #00b4ff;
    color: #fff;
    border-color: #00b4ff;
}
.buy-section .buy-dsc h2 { margin-bottom:0px; color: #fff;}

.inner-banner {
    background:linear-gradient(to right,#003787 15%, #487cc8, #003787);
    min-height: 75px;
    color: #fff;
}
.inner-banner h3 {
    color: #fff;
    font-size: 20px;
    margin: 15px 0 10px;
    text-align: center;
}
.inner-banner.sizer {
    min-height: 70px;
}
.checkstatus-banner .nav-title {
    color: #fff;
    font-size: 18px;
    padding: 10px 0 0px;
    font-weight: bold;
}
.checkstatus-banner { padding-bottom:40px;}
.checkstatus-banner p {
    font-size: 13px;
}



.banner-content p { color:#fff; font-size:16px; margin:15px 30px 50px;;  }

.form-box {
    background: #f9f9f9 none repeat scroll 0 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    margin: -25px 20px 0;
    overflow: inherit;
    padding:30px;
    border-radius:0px;
}
.contact-content h2 { font-size: 22px; line-height: 32px; }
.contact-box {
    margin:0 0 30px;
    overflow: inherit;
}
.form-group label { font-weight: normal;}
.feature-list { padding:30px;}
.feature-list h3 { margin:0 0 10px; line-height:32px; font-size:26px !important; font-weight:normal; }
.feature-list .divider { padding:1px 0 0; display:block; clear:both; overflow:hidden; border-bottom:1px solid #f1f1f1; margin:30px 0 30px; box-shadow:0px 3px 5px rgba(0,0,0,0.05)}

.row-list { margin-bottom:20px;}
.row-list .insideheadingtext { font-size:16px; margin-bottom:10px; display:block;}
.row-list .insidesubheadingtext ul {list-style:outside; margin:10px 50px 20px; }

.green-arrow {list-style: none; margin:0px; padding:0px; }
.green-arrow li { padding-left:15px; padding-bottom:5px; color:#333;}

.usecase-section { background: #fdfdfd; padding:30px 0px; text-align:center;}
.usecase-section .panel-box { padding:0px; border: 1px solid #e2e2e2; margin:20px 0px 10px; border-radius:0px; text-align:left;}
.usecase-section .panel-box.mHlg { min-height:450px;}
.usecase-section .panel-box.mHmd { min-height:350px;}
.usecase-section .box-head { color:#005fab; font-weight:bold; text-transform:uppercase; font-size:18px; background:#f1f1f1; padding:25px 25px 10px; margin:0px; border-bottom: 1px solid #e2e2e2;}
.usecase-section .box-item { padding:15px 25px; min-height:auto;}
.usecase-section .box-item h4 { font-size:15px; font-weight:bold;}
.usecase-section .box-item ul { list-style:none; padding:0px; margin:0px; text-align:left; width:100%;}
.usecase-section .box-item ul li { position:relative; vertical-align:top; line-height:20px; font-size:15px; list-style:none; padding:5px 0px; margin:0; padding-left:27px;}
.usecase-section .box-item ul li i { font-size:11px; color:#4caf50;position:absolute;left:0;top:5px; border: 1px solid #4caf50;padding:4px;border-radius:50%;}
.usecase-section .box-item ul li b{font-weight:600;}

.gmap { border: 1px solid #e2e2e2; margin-top: 20px;}
.contact-form {margin: 0 0 20px;padding: 20px;}
.contact-form .textbox {border: 1px solid #e2e2e2;color: #000;margin: 8px 0 0;padding: 4px 8px;width: 100%;}
.contact-form textarea {color: #000;height:90px;width: 100% !important; resize:none;}
.contact-form .textbox:focus, .contact-form textarea:focus {border-color: #0374ac;box-shadow: none !important;outline: medium none !important;}
.contact-form input[type="submit"] {margin-top: 10px;}
.contact-form label.error, label.error {color: red;font-style: italic;}
.contact-form div.error {display: none;}
.contact-form input.checkbox {border: medium none;}
.contact-form input:focus {border: 1px dotted black;}
.contact-form input.error {border: 1px dotted red;}
.contact-form label.error {margin: 0;}
.img-bordered { border:1px solid #e2e2e2;}

.feature-section { padding:30px 0 60px;border-top:1px solid #f1f1f1; }
.feature-section .short-feature { padding:7px 0px; min-height:100px;}
.feature-section .short-feature h3 { font-size:20px; color:#0060ac; margin-bottom:5px; line-height:28px; }
.feature-section .short-feature p { text-align:left; margin:0px;}

.intro-section { background:#f9f9f9; padding:40px 0px;
                 -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
                 -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
                 box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}
.main-point {clear: both; }
.main-point p {margin-bottom: 0; line-height:20px;}
.main-point i { box-shadow:3px 3px 3px rgba(0,0,0,0.02); background:#f7f7f7; border:1px solid #f1f1f1; width: 80px; height: 80px; border-radius:100%; color: #0f62ae; line-height:78px; text-align: center; font-size: 42px; display: inline-block; margin-right: 30px; float: left; margin-right: 20px; margin-bottom:50px;}
.main-point h4 { margin-bottom:5px; font-size: 20px; color:#000; font-weight:normal; }
.main-point-last {border: none; margin-bottom: 0;}

.mandatory {color: #ff0000;font-size: 13px;}
.form-control {height: 30px;padding: 5px 7px;}
.form-control:focus{ box-shadow:none;}
select.form-control {padding: 3px 4px;}
.form-group {margin-bottom: 10px;}
.form-box {min-height: 450px;}
.form-box h4 {font-weight: 400;padding-bottom: 10px;}
.form-box h4.no-mb {padding-bottom: 10px;}
.form-box p {text-align: justify;}
.eS-subscriber .eS-text-black {color: #333;font-weight: bold;}
.form-table .form-group {margin-bottom: 5px;}
.right-box {background: #f5f5f5 none repeat scroll 0 0;border-radius: 6px;min-height: 350px;padding: 10px 30px 30px;}
.right-box .advanceoption {padding-bottom: 5px;}
.gstn-box {padding-top: 10px;}
.about-bg {background: rgba(0, 0, 0, 0) url("images/aboutus-img.jpg") no-repeat scroll 0 0 / cover ;height: 400px;margin-top: 40px;}
.consent-div {float: right;margin-top: -25px;}
.consent-div label {display: inline-block;font-weight: normal;margin-right: 10px;}
.consent-div .select-lang {display: inline-block;height: 30px !important;padding: 0 5px;width: auto;}
.content-section h3 {font-size: 20px;}
.content-section h4 {font-size: 16px;}
.content-section .form-box .fail-box {color: #ff0000;margin-top: 100px;}
.content-section .form-box .error-box {color: #ff0000;margin-left: 535px;}
.upload-sign-section .form-box {padding: 0;}
.upload-sign-section .pdfview-section {background: #555 none repeat scroll 0 0;min-height: 500px;padding: 0;}
.upload-sign-section .pdfview-section .page-view #imgdiv {margin: 0 auto;}
.upload-sign-section .pdfview-section .pdf-actions {background: #ccc none repeat scroll 0 0;padding: 7px 15px;}
.upload-sign-section .pdfview-section .file-name {padding: 5px 0 0;}
.upload-sign-section .paging-action .form-control {border: medium none;display: inline-block;height: 30px;vertical-align: middle;width: 60px;}
.upload-sign-section .paging-action .btn {margin: 0 5px;vertical-align: middle;}
.upload-sign-section .right-secton {padding: 0;}
.upload-sign-section .right-secton .right-box {border-radius: 0 6px 6px 0;min-height: 629px;overflow: auto;padding: 30px;}
.upload-sign-section .number {margin: 0;padding: 0;}
.upload-sign-section .otp-group .form-control {display: inline-block;width: 68%;}
.upload-sign-section .otp-group .btn {padding: 6px;vertical-align: top;width: 30%;}
.upload-sign-section .right-secton .action-button .btn {font-size: 16px;margin-right: 10px;padding: 7px 25px;}
.text-success {color: #5cb85c;}
.success-action .btn {font-size: 18px;margin: 15px 5px;padding: 10px 25px;}
.btn-upload-group .btn-primary {width: 160px;}
.btn-upload-group .btn-default {width: 120px;}
.emsigner-details {padding:10px 0px;min-height:75px;}
.emsigner-details h4 { font-size:18px; line-height:25px; margin:5px 0px; padding:0px;}
.current-plan {padding:20px;background:#f5f5f5;border: 1px solid #e2e2e2;border-radius: 4px;}
.otp-inline .btn {vertical-align: bottom;  border-color:#e2e2e2; margin-left: 4px; }
.alert-msg .alert {padding: 10px;}
.alert-msg p {text-align: center; font-size: 18px;}
.alert-msg h4 {font-size:16px;}
.alert-msg .fa {font-size: 24px; padding-right: 7px;}

.get-otp .btn {margin-bottom: 3px;}
.get-otp .btn-white {background: #fff;border: 1px solid #ced4da;color:#0d94ff;}
.get-otp .btn-primary { border-color:#ccc; color:#0587ef;}
.get-otp .btn-primary.disabled:hover, .get-otp .btn-primary[disabled]:hover,  .get-otp .btn-primary.disabled:focus,
.get-otp .btn-primary[disabled]:focus, .get-otp .btn-primary.disabled.focus, .get-otp .btn-primary[disabled].focus, 
fieldset[disabled] .btn-primary.focus {
    background: #e0e0e0 linear-gradient(to bottom, #ececec, #dcdcdc) repeat scroll 0 0;
    border-color: #d6d6d6;
}
.forgot-pin { padding:30px 50px; margin-bottom:20px;}
.forgot-pin h1 {font-size: 20px; margin-top: 0px;}
.forgot-pin .login label {padding-right: 10px;}

.logo-right {padding-left: 130px;}
.table-grid {border-collapse:collapse; font-size:13px; margin-bottom:0px; background:#fff;}
.table-grid-bordered {margin-bottom: 20px;}
.manage-grid { border: 1px solid #e2e2e2 !important; margin-bottom: 20px;}

.title-container h2 { font-size:36px; }
.title-container h3 { color:#fff;}

/* New  css */
.title-container .subheading { font-size:18px;}
.features-section { padding:50px;border-bottom:1px solid #eee;}
.features-section .features-row { padding:0 5px;background: #fff;}
.feature-box {transition: all .2s ease-in-out; padding:40px;background: #fff;min-height:372px; border:1px solid #f1f1f1;}
.feature-box.active { z-index:1;background:#dddddd linear-gradient(to bottom, #ffffff, #eeeeee) repeat scroll 0 0;transform:scale(1.05);box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.1);}
.features-section .col-lg-4:last-child .feature-box{ border-right:0;}
.feature-box .title-container { margin-bottom:20px;}
.feature-box .title-container img { display:inline-block;vertical-align:middle; width:48px;}
.feature-box .title-container h3 { font-size:24px;margin:0px;color: #4377c4; font-weight:bold;}
.feature-box .title { display:inline-block;vertical-align:middle;margin-left:10px;}
.feature-box .title label{ margin:0px;font-size: 14px;color: #9a9a9a;line-height:22px;}
.feature-box ul { padding:0; min-height: 260px;}
.feature-box ul li { line-height:24px;list-style-type:none;margin-bottom:10px;font-size:15px;padding-left:35px; color:#333;position:relative;}
.feature-box ul li .sub-dropdown { margin-top:5px;}
.feature-box ul li i { color:#4caf50;position:absolute;left:0;top:3px; border: 1px solid #4caf50;padding:5px;border-radius:50%;}
.feature-box .btn-buy, .feature-box .btn-more { box-shadow:none; display:inline-block;margin:0 5px; min-width: 100px; margin-top:15px;}
.feature-box .btn-more { background:transparent;color:#007fb8; border-color:#ddd;}
.btn-contact { background:transparent;color:#007fb8; border-color:#007fb8; min-width:130px;}
.feature-box:hover { border-color:#ddd; box-shadow:0 0 10px rgba(0,0,0,0.2); z-index:12;transform:scale(1.1);}

.pricing-section { background:url("images/pricing-banner.jpg") no-repeat fixed 0 0; background-size:cover; padding:60px 0px; position:relative;}
.pricing-section .pricing-text { position:relative;z-index:1;}
.pricing-section:before { background:#dddddd linear-gradient(to bottom, #333333, #000000) repeat scroll 0 0; opacity:0.6; height:100%; width:100%; content:''; display:block; position:absolute; left:0px; top:0px;}
.pricing-section .title-container h2, .pricing-section .title-container p { color:#fff;}
.pricing-section .title-container { margin-bottom:40px;}
.pricing-section .feature-box { border:none; border-radius:5px; padding:30px 20px;background:rgba(255,255,255,0.9);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height: 162px;}
.pricing-section .feature-box:hover { background:#fff;}
.pricing-section .col-lg-4:last-child .feature-box{ border-right:0;}

.pricing-section .price { font-size:70px; color: #00b4ff; font-weight:normal; margin-bottom:20px;font-family: cursive;}
.pricing-section .price small { font-weight:normal; font-size:20px; margin-right:5px;}
.pricing-section .feature-box p { font-size:16px; }
.pricing-section h5 { font-size:18px;margin-top: 15px;}
.pricing-section ul li { border-bottom:1px solid #e6e6e6;padding-bottom:5px;}
.pricing-section .price-limit b{ font-size:20px; margin:5px 0px; display:block; line-height:30px; font-weight:500; }

.darkblue-section { background:linear-gradient(to right,#487cc8, #003787); border:none; padding:30px 15px;}
.darkblue-section h2 { color:#fff; margin:0px; padding:0px;}
.darkblue-section .btn-click { font-size:16px; margin:0px 20px; border-color:#00b4ff;}

.download-section { padding:0px; text-align:center;}
.download-section h3 { color:#33e8ff; font-size:24px; margin:60px 0px 10px; }
.download-section .download-apps { padding:15px 0 0;}
.download-section .download-apps a { margin:15px; display:inline-block;}
.download-section .download-apps a img { width:80px;}
.download-section .download-apps a span { font-size:15px;}

.benefits-section { padding-top:50px;padding-bottom:50px; }
.benefits-section .feature-box { box-shadow:none;min-height:auto;background: transparent;}
.benefits-section .tab-content { padding:20px 0px;}
.benefits-section .tab-content ul { list-style-type:none; padding:0px; margin:0px; width:100%;}
.benefits-section .tab-content ul li { padding:0px 20px; font-size:18px;color: #333;text-align:center;margin-bottom:30px;position:relative;}
.benefits-section .tab-content ul li img { display:block;margin:auto;margin-bottom:0px; width:80px;}
.benefits-section .benefits-subtitle { font-size:22px;}
.benefits-section label { font-weight:400;font-size:20px;color:#000;display:block;margin:5px 0;}
.benefits-section .tab-content p { font-size:15px; text-align: center;}


.bg-grey { background: #eee;}
.img-strip { padding:10px 0;text-align:center;}
.img-strip img { margin: 0 1%;}

.esign-banner { background:url("images/why-esign-bg.jpg") no-repeat fixed 0 0;}
.features-banner { background:url("images/features-bg.jpg") no-repeat fixed 0 0;}
.banner-section.individual-bg { background:url("images/individual-bg.jpg") no-repeat fixed 0 0;}
.banner-section.organization-bg { background:url("images/organization-bg.jpg") no-repeat fixed 0 0;}
.banner-section.application-bg { background:url("images/applications-bg.jpg") no-repeat fixed 0 0;}
.banner-section.contactus-bg { background:url("images/contactus-bg.jpg") no-repeat fixed 0 0; min-height: 230px;;}
.banner-section.usecase-bg { background:url("images/usecases-bg.jpg") no-repeat fixed 0 0;}
.btn.btn-login, .btn.btn-login:hover, .btn.btn-login:active, .btn.btn-login:focus {
    background:#fff; border-color: #000; color: #000; box-shadow:none; margin-left:15px; display:inline-block;
}

.home-section { min-height:250px;padding:40px 0 0;}
.home-section .banner-text .banner-title{ color:#fff;font-size:36px;}
.home-section .banner-text p { color:#fff;font-size: 16px;}
.home-section .banner-text h4 { margin:15px 0;font-size:22px;}
.home-section .btn { min-width:160px;}

.content-section { padding:40px 20px;}
.content-section .title-container { margin-bottom:20px;}
.content-section .form-group { margin-bottom:30px;}
.content-section .title-container h2{ font-size:32px;}
.content-section ul { padding-bottom:15px;}
.content-section ul li,.content-section p { font-size:15px;}
.content-section h3 { font-size:24px;color:#4377c4; font-weight: normal}
.content-section h3 span { color: #666; display:block; font-size:18px; margin-bottom:5px;}

.feature-box-content { margin:0px; padding: 0px;}
.feature-box-content li { position: relative; list-style: none; padding:0px 0px 10px; padding-left:30px; text-align:left;}
.feature-box-content li i { color:#4caf50;position:absolute;left:0;top:3px; font-size:12px; border: 1px solid #4caf50;padding:4px;border-radius:50%;}

.box-list-item { font-size:18px;background: #f9f9f9;border:1px solid #f9f9f9; padding:20px 50px 30px; margin-bottom:20px; display:block; }
.box-list-item:hover { border:1px solid #f1f1f1; box-shadow:0px 0px 8px rgba(0,0,0,0.15);}
.box-list-item h4 {font-size:22px; margin-bottom:20px; }
.box-list-item ul { margin:0px !important; padding:0px !important;}
.box-list-item ul li { font-size:16px; position: relative; list-style: none; padding:3px 0px; padding-left:30px;}
.box-list-item ul li i { color:#4caf50;position:absolute;left:0;top:3px; font-size:14px; border: 1px solid #4caf50;padding:3px;border-radius:50%;}

.specification-section { padding-top:40px;padding-bottom:60px; }
.specification-section .title-container { padding-bottom:30px;}
.specification-section li { font-size:16px; padding:10px 0px; padding-left: 30px;}
.specification-section li i { top:12px;}

.plan-box {background: #f9f9f9;border:1px solid #f9f9f9; padding:20px 50px 30px; border-radius:0px; }
.plan-box h2 { margin:0 0 20px; padding:0px; font-size:22px; color:#000; font-weight:500; line-height:30px;}

.file-control { padding:3px;}

.accordion-panel { border:none;}
.accordion-panel .panel { margin:10px 0px; border:none; border-radius:0px; }
.accordion-panel .panel .panel-heading { margin-bottom:-2px; padding:0px; border:1px solid #f1f1f1; background:#fff; position:relative; border-radius:0px !important; }
.accordion-panel .panel .panel-heading h2 { text-transform:uppercase; margin:0px; font-weight:600; color:#777; display:block; padding:15px 15px 15px 45px; font-size:15px; border-bottom:1px solid #f1f1f1; border-left:none; }
.accordion-panel .panel .panel-body { background:#fdfdfd; border:1px solid #f1f1f1; padding:20px 45px; margin-bottom:0px; }
.accordion-panel .panel .panel-heading h2 span.step { background:#f1f1f1; padding:3px 8px; line-height:18px; border-radius:3px; color:#000; font-weight:normal; font-size:14px; position:absolute; left:10px; top:12px;display: inline-block; }
.accordion-panel .panel .panel-heading h2.panel-active { background:#02a6ea linear-gradient(to bottom, #00b4ff, #02a6ea) repeat scroll 0 0; color:#fff; text-decoration: none; margin:-1px;}
.accordion-panel .panel .panel-heading h2.panel-active span.step {content: "\2212"; background:#fff; color:#114897; font-weight:normal;}
.accordion-panel .panel .panel-heading h2 .link-content { font-size:13px; max-width:550px; color:#333; text-transform:none; font-weight:normal;margin-top:7px; }
.accordion-panel .panel .panel-heading h2 .link-content span { margin-right:5px;word-wrap: break-word;}
.accordion-panel .panel .panel-heading h2 .btn-edit { color:#4377c4; position:absolute; right:30px; top:15px; padding:7px 10px; background:#fff; box-shadow:none; font-size:14px;}

.link-content{white-space: normal;display: block;width: 100%;margin-top: 24px;height: auto;}

.accordion-panel .panel:first-child .panel-heading a { border-radius:0px !important;}
.accordion-panel .panel .panel-body .form-group { margin-bottom:7px;}
.create-org .form-box { padding:0px; box-shadow:none; margin:0 0 30px; background:none;}
.create-org .date-control {display: block;}
.create-org .date-control .form-control { background:url(images/calendar.gif) no-repeat 96% 7px;}

.enrol-step { background:#f9f9f9; border:1px solid #f1f1f1; padding:10px 20px 20px; margin:10px 0px 0px;}
.enrol-step h3 { margin:0px; margin:-11px -21px 20px; padding:14px 20px; font-size:16px; font-weight:normal; background:#dddddd linear-gradient(to bottom, #eeeeee, #dddddd) repeat scroll 0 0;;}
.enrol-step ul li { font-size:13px;}

.me-3 { margin-right:20px;}
.pr0 { padding-right:0px;}
.pl0 { padding-left:0px;}
.create-org header.header {position: relative; height:auto;}
.create-org .create-section {background: #f5f5f5;margin: -25px 0px 25px;padding:1px;border-radius:0px;}
.create-org a:hover, .create-org a:focus{text-decoration: none;}
.create-org .btn.next {padding:7px 15px; min-width:100px; text-transform:uppercase;}
.create-org .btn.btn-proceed {padding:10px 15px; min-width:100px; text-transform:uppercase; margin-right:20px;}
.create-org .btn.btn-default {padding:10px 15px; min-width:100px; text-transform:uppercase;}
.create-org .user-info {position: relative;}
.create-org .input-file { margin-top:3px;}
.create-org .input-file .file-input, .create-org .input-file .browse .btn { height:45px !important;}

.mandatory {color: #ff0000; font-size: 13px;}
.cert-info .table {    border: 1px solid #e2e2e2;}
.create-org .checkbox {margin: 0px;}
.select-inline {position: relative; margin-right: 37px;}
.select-inline .btn {border-radius: 4px; position: absolute;font-size: 13px;vertical-align: baseline;padding: 4px 9px; top: 0px;    left: 102%; border: 1px solid #ddd;}
.em-tooltip { cursor:pointer; width: 18px;height: 18px;display: inline-block;line-height: 14px;background:#eeeeee;color: #000 !important;border: 1px solid #e9e9e9;font-weight: bold;font-family: Arial, Times, serif;padding: 2px 5px;border-radius: 100%;font-size: 11px;}
.ui-tooltip.ui-widget.ui-widget-content {
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1) !important;
}


.verify-section .form-group { margin-bottom:5px; }
.verify-section .card { background:#fff; padding:0px 30px; margin-bottom:0px;}
.verify-section .card h1 { font-size:20px; color:#2c61af; margin:0 0 10px;}
.verify-section .card .form-control-static { padding:0px; min-height: auto; font-weight: bold;}
.verify-section .success-box { margin-bottom:20px; padding-top:80px; min-height:400px;}
.verify-section .success-box h3 { font-size:20px; margin-bottom:0px; padding:30px 50px;}
.verify-section .img-block img { width:100px;}

.btn-otp { border-radius:4px; padding:4px 10px; min-width:105px;}
.otp-input { width:100px !important;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background:#eee;}

.eSctr-box { position:relative; margin:0px 0px 10px; display:block;}
.eSctr-box .form-control, .eSctr-box .select-control { border-radius:4px; font-size:15px;padding:20px 10px 5px; padding-right:30px;display:block;height:46px; border:1px solid #ddd;width:100%;}
.eSctr-box .form-control:focus, .eSctr-box .select-control:focus {border:1px solid #66afe9;}
.eSctr-box select.form-control {padding:15px 5px 0px; line-height:24px;}
.eSctr-box select option:empty { display: none;}
.eSctr-box .fl-label { z-index: 9;  font-size:13px; font-weight:normal;position:absolute;pointer-events:none;left:10px;top:4px;transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
.eSctr-mobile .fl-label { left:90px; top:12px !important; }
.eSctr-box .form-control:placeholder-shown:not(:focus) + .fl-label { top:15px; color:#333; font-size:15px;}
.eSctr-box .form-control:focus + .fl-label, .eSctr-box .form-control:not(:placeholder-shown) + .fl-label { top:4px;font-size:13px;color:#5264AE; }
.eSctr-box .select-control:focus + .fl-label , .eSctr-box .select-control:not([value=""]):valid + .fl-label {top:4px;font-size:13px;color:#5264AE; }
.eSctr-mobile .form-control:focus + .fl-label, .eSctr-mobile .form-control:not(:placeholder-shown) + .fl-label { left:10px; top:-8px !important; background:#fff; padding-right:5px;}
.eSctr-mobile .form-control { padding:15px 10px;}
.eSctr-box .select-control::-ms-expand { display: none; }
.eSctr-box .select-control{-webkit-appearance: none; appearance: none; padding-left:10px; padding-right: 5px;}

.eSctr-select select.form-control {padding:15px 6px 0px; line-height:24px;}
.eSctr-select .form-control:not(:placeholder-shown) + .fl-label { color:#333; font-size:15px; top:15px; }
.eSctr-select .fl-label.fl-active { top:4px !important;font-size:13px !important;color:#5264AE !important; }
.eSctr-select:after { content:"\25BC"; position: absolute;right: 8px;top: 17px;font-size: 12px;color: #333;}

.eSctr-box .em-tooltip {position: absolute;right:5px;top:5px;}
.eSctr-textarea textarea { overflow:hidden; min-height:125px;}
.eSctr-box .eSctr-right {  text-align:right;}
.eSctr-addon .input-group-addon { display:inline-block; position:absolute; right:1px; top:1px; cursor:pointer; background:transparent; border:none !important; border-radius:0px !important; padding:15px 10px; width:40px; height:44px;}
.eSctr-checked .form-control:placeholder-shown:not(:focus) + .fl-label {top:4px; font-size: 13px;opacity: 1;color:#0549a6;}
.eSctr-captcha .captcha-blk { display:inline-block; position:absolute; right:10px; top:1px; cursor:pointer; border:none !important;  padding:2px; height:43px;}
.eSctr-captcha .captcha-blk .cpointer { margin:10px 5px !important;}

.eSctr-box .iti{display:block;}

.label-active .fl-label {top:4px !important;font-size:13px !important;color:#5264AE !important; }
.doc-label{display: block;height: 24px;}
.lbl-note { background:#f2dede; color:#ff0000 !important; border:1px solid #ebccd1; font-weight:bold; font-family:Arial, Times, serif; padding:1px 4px; margin-left:5px; border-radius:100%; font-size:11px;}
.lbl-note:hover, .lbl-note:focus, .lbl-note:active { text-decoration:none; color:#ff0000;}


.get-otp .btn { padding: 10px 10px; height:46px; width:100%; background:#f9f9f9; box-shadow:none;}
.btn-login { width:100%; text-transform:uppercase; padding:7px 0px;}

.img-box {width: 110px;border: 1px solid #ccc;background: #ccc;}
.verify-section .details-block { padding:0px; }
.verify-section .org-details { margin:20px 0px;}
.verify-section .form-details-block { padding:5px 35px 35px; border:1px solid #f1f1f1; background: #f9f9f9; margin:5px 0px 30px;}
.verify-section .form-details-block h2 { margin-bottom:10px; font-size:18px; color:#2c61af;}

.iagree label, .iagree input { display:inline;}
.iagree { font-size:13px; padding:5px 0px 15px;}

.enrol-checkbox { list-style:none; padding:0px; margin:20px 0 0; display:block;}
.enrol-checkbox label { font-size:15px;}
.enrol-checkbox label.head { margin-right:28px;}

.enrolluser { padding:15px 0px;}
.enrolluser h2 b { font-size:18px;}
.enrolluser h5 { margin-bottom:0px;}

.subscribe-section { border-bottom:1px solid #f1f1f1; padding-bottom:20px;margin-top:0px;}
.subscribe-step { background:#fdfdfd;}
.subscribe-step ul { margin:17px 10px;}
.subscribe-step li { font-size:16px !important; padding-bottom:10px;}
.subscribe-step h3 { padding:17px 20px; margin:-10px -20px 25px; background:#cccccc linear-gradient(to bottom, #f9f9f9, #f1f1f1) repeat scroll 0 0;}

.subscribe-benefits { margin:40px 30px;}
.subscribe-benefits img { display:block;margin:auto;margin-bottom:0px; width:50px;}
.subscribe-benefits label { font-size:16px;color:#000;display:block;margin:0; text-align:center;}

.panel.subscribe-panel { margin:10px 0px; border:none; border-radius:0px; }
.panel.subscribe-panel:hover { box-shadow:0px 0px 20px rgba(0,0,0,0.2);}
.panel.subscribe-panel .panel-heading { margin-bottom:-2px; padding:0px; border:1px solid #f1f1f1; background:#fff; position:relative; border-radius:0px !important; }
.panel.subscribe-panel .panel-heading h2 { margin:0px; color:#777; display:block; padding:17px 20px; font-size:18px; border-left:none;background:#02a6ea linear-gradient(to bottom, #00b4ff, #02a6ea) repeat scroll 0 0; color:#fff; text-decoration: none; margin:-1px;}
.panel.subscribe-panel .panel-body { background:#fdfdfd; border:1px solid #02a6ea; padding:25px 20px 18px; margin-bottom:0px;  font-size:16px;}
.panel.subscribe-panel .panel-body label { color:#666;}
.panel.subscribe-panel .panel-body h4 { margin:2px 0px; font-size:20px;}
.panel.subscribe-panel .price { margin:0px; }
.panel.subscribe-panel .price span { font-size:32px; color: #000; font-weight:normal; margin:0px;}
.panel.subscribe-panel .price small { font-weight:normal; font-size:16px; color:#000; }
.panel.subscribe-panel .price strike { font-size:18px; color:#ff0000; }
.panel.subscribe-panel .button { margin:20px 0px 0px;} 
.panel.subscribe-panel .button .btn { min-width:160px;}

.subscription-list .plan-list { margin-bottom:10px;}
.subscription-list .plan-list .plan-name { min-height:0px;}
.subscription-list .plan-list .plan-price strike { color:#ff0000; font-weight:normal; }
.subscription-list .plan-list .plan-price em { color:#000; font-weight:normal; font-size:14px; }

.esign-using { text-align:center; margin:10px 0px;}
.esign-using h4 { font-weight:normal; margin:15px 0px 5px; font-size:16px;}
.esign-using .icon-list ul{ list-style:none; margin:0px; padding:0px;}
.esign-using .icon-list ul li { display:inline-block; text-align:center; padding:7px 5px; }
.esign-using .icon-list ul li img { width:27px;}

.subscribe-success .subscribe-step { margin-bottom:20px;}
.subscribe-success .subscribe-step h4 { margin:0 0 10px; color:#4277c3; font-size:16px;}
.subscribe-success .subscribe-step p { font-size:15px; margin-bottom:5px; text-align:left !important;}
.subscribe-success .subscribe-step p span { font-weight:bold;}

.button-action { margin-bottom:30px; text-align:center;}
.button-action a.btn { padding:10px 20px; margin:5px 10px;}


/*msg box*/
div.msgBox { padding:0px;position: fixed;z-index: 1050;width: 430px;color: #00335e;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
-moz-box-shadow: 0px 0px 11px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 0px 11px rgba(0,0,0,0.3);box-shadow: 0px 0px 11px rgba(0,0,0,0.3);
z-index: 10000;}
div.msgBoxBackGround { top:0;left:0;position:fixed;padding:0;margin:0;width:100%;height:100%;background-color:#000000;opacity:0.5 !important; z-index:1060;}
div.msgBoxContainer { }
div.msgBoxTitle { padding:0;font-variant:small-caps;font-size:16pt;font-weight:lighter;color:#00335e;width:100%;border-bottom : 1px solid #002c5f;}
div.msgBoxImage { margin:0px; width:auto; vertical-align: top; position:absolute; left:20px; top:20px;}
div.msgBoxImage .fa { font-size: 30px;}
div.msgBoxContent { font-size:11pt;margin:0px;display:block; color: #000; padding:25px; padding-left:55px;background:#fff;}
div.msgBoxContent p { padding:0;margin:0;display: table;height: 100%;width: 100%; text-align:left !important;}
div.msgBoxContent span { display: table-cell;vertical-align: middle;font-size: 15px;}

/* Content class for IE7*/
div.msgBoxButtons { display:block;width:100%;text-align:right; background:#f1f1f1; border-top:1px solid #ddd; padding:10px 20px; border-radius:0 0 4px 4px;}
div.msgBoxButtons input[type='button']{    }
div.msgBoxInputs { margin:0 auto;padding-top:2px;padding-bottom:2px;margin-top:5px;width:195px;}
div.msgInput input[type='text'],div.msgInput input[type='password']{  padding:4px;border:1px solid #DFDFDF;color:#2f2f2f;width:180px;}
div.msgInput text{color:#2f2f2f;font-size:10pt;}
.msgBox { top : 20% !important;}
.asp-alert {border-radius:0; border:none; padding:30px 50px; margin-bottom:0px;}
.asp-alert ul { margin:0px; padding:0px 20px;}
.msgBox .msgBoxButtons .msgButton.btn-default{    background: #fff; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); color: #000;  border-color: #b7b7b7 !important;}
.radio-btn label{padding-right:30px; font-weight: bold;}
.form-templates { padding:20px 0px;}
.form-templates h3 { margin-bottom: 30px;}
.form-templates a { border:1px solid #ececec; color:#333; background:#fdfdfd; padding:12px 25px; margin-right:10px;}
.form-templates a:hover { background:#ffffff; color:#0078d7; border-color:#0078d7; text-decoration:none;}
.form-templates a i { margin-left:10px;}

.title-subheading { font-size: 22px !important;color: #274ba6;line-height: 28px;margin-bottom:20px;}
.contact-form { background:#4377c4; padding:1px 30px 30px; border-radius:3px; box-shadow:1px 1px 2px rgba(0,0,0,0.15);position:relative;z-index:2;}
.contact-form h2 { color: #fff; font-size: 30px; font-weight: normal; margin:30px 0px 20px; }
.contact-form .form-label { font-weight:300; margin-bottom: 0px;font-size:18px !important;color:#fff }
.contact-form .privacy-txt{ color:#fff; padding-bottom: 20px; display: block; }
.contact-form .privacy-txt a { color:#00fff3;;font-weight:600;text-decoration:underline; }
.contact-form .form-group { margin-bottom:10px;}
.contact-icons { margin:30px 0px; display: block;}
.contact-icons h3 { font-size: 20px;color: #4377c4; font-weight: normal;}
.contact-icons h3 i { width:36px; text-align: center; background: #4377c4;color: #fff; font-size: 18px;padding:5px 9px; border-radius:20px;margin-right:5px;}

.address-box { display: flex; align-items: center;margin-bottom:15px;}
.address-box img {  width: 120px; height: auto;margin-right:15px;}
.link-box {  width: 120px;overflow:hidden;position: fixed;transition:all .3s; box-shadow: 0 5px 4px 0 rgba(0,0,0,.26); left: 0; padding:7px 10px; border-radius: 0px 10px 10px 0;  bottom: 25px;background: #5097ff;}
.link-box span { margin-left:10px;font-size: 15px;}
.link-box:hover { width:110px;}
.link-box a { white-space:nowrap;color: #fff; font-size: 20px;text-decoration:none;}
.box-list-item.download-brochure .btn {margin-top: 15px; margin-left: 28px;}

.esign-brochure-section {    margin-top:50px; background: linear-gradient(to right,#487cc8, #003787);margin-top:50px;}
.esign-brochure-section .box-list-item { box-shadow:none;background: transparent; border: 0; color: #fff;padding: 35px 0;margin-bottom: 0;}
.esign-brochure-section .box-list-item h4 { font-size: 30px;margin-top:0;}
.esign-brochure-section .box-list-item ul li  i { color: #fff; border-color: #fff;}
.alert-wrapper {text-align: center;}
.upgrade-box {background: #ffffe4; border: 1px dashed #bb3440; padding:8px 15px 10px; border-radius:6px; display:block; margin:0;}
.upgrade-box h3 {margin-bottom:0px; margin-top: 7px; display: inline-block; font-size: 14px; color: #715930;}
.upgrade-box .enroll {display: inline-block;padding-left: 10px;}
.upgrade-box .enroll .btn {padding: 3px 18px;}
.upgrade-box .fa { color: #bb3440; font-size: 20px; padding-right: 10px;}
.success-section .payment-summary {margin-top:0px;}

.voucher .row{display: flex;justify-content: space-around;align-items: center;  }
.voucher{width: 510px;margin: 0 auto;}
.eSctr-box select { padding-right:30px !important; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.enrolChk { margin:0px 15px 7px;}
.voucher-check-div{font-weight: 600;margin-left: 43px;margin-top: 0px;}
.voucher-div {margin:20px 0 10px; }

/* PlanSubscription css */
.page-title {margin: 0px; position: relative; padding:5px 0px;}
.page-title h2 {margin:10px 0px; font-size:16px; font-weight:600;}

.billing-info-form { margin-bottom:20px;}
.billing-info-form .form-group { margin-bottom:10px;}
.billing-info-form .form-label { padding-top:5px;white-space: nowrap;}
.billing-info-form .form-control { border: 1px solid #888;border-radius: 0;}
.billing-info-form .radio-control { margin-left:10px;}
.billing-info-form .radio-control input { margin-left:3px;margin-top:0;}

.payment-summary {  border: 1px solid #ccc; border-radius:4px; background: #fff !important; padding:15px; margin:10px 0 0; z-index:999; font-size:14px;}
.payment-summary .title { background:#0549a6; color:#fff;border-radius:4px 4px 0 0; margin:-16px -16px 20px; padding:10px 15px;}
.payment-summary table td { padding:4px 0px;}
.payment-summary label { font-weight:normal;}
.payment-summary .divider { height: 1px;margin: 10px 0;overflow: hidden;background-color: #e2e2e2;}
.payment-summary .form-group { margin-bottom:5px;}
.payment-summary input[type='checkbox'] { margin:0px;}
.payment-summary .base-amount { margin-left:5px; font-weight:normal; color:#f75b16; font-size:14px; text-decoration:line-through;}
.payment-summary .couponCde input {display:inline-block;}
.payment-summary .couponCde .btn {vertical-align: bottom; padding: 4px 20px;}
.payment-summary  .certificatecost{ font-size: 15px; font-weight: bold;}
.payment-summary  .totalcost { border-top:1px solid #e2e2e2; padding-top:10px; margin-top:10px;	}
.payment-summary .tokencost{ font-size: 13px;}
.payment-summary .taxes-text{padding-left:18px;font-size:13px;color:#f75b16;}

.plans-box{ margin:20px 0px 10px; position:relative; transition: all .2s ease-in-out;padding:25px;background: #fff;min-height:210px;border: 1px solid #ddd;text-align:center;}
.plans-box.active {z-index: 13;background: #dddddd linear-gradient(to bottom, #ffffff, #eeeeee) repeat scroll 0 0;transform: scale(1.05);border:1px solid #0060ac;}
.plans-box:hover {border-color: #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.1);transform: scale(1.02);border:1px solid #01b2fb;}
.plans-box.active:hover { transform: scale(1.1);}
.plans-box .title h3{ font-size:18px;margin: 0px;font-weight: bold; text-align:center;}
.plans-box .title { margin-bottom:5px;}
.plans-box ul { margin:0px; padding:0px; list-style:none;}
.plans-box li { list-style:none; position: relative; padding:4px 0px; padding-left:25px; text-align: left;}
.plans-box li i {padding: 3px;font-size: 12px;border: 1px solid #dcdcdc;border-radius: 100%;position: absolute;left: 0px;}
.plans-box p {line-height: 24px;list-style-type: none;margin:0px;padding: 0px;color: #333;position: relative;}

.plans-box .btn-buy { padding:5px 20px; box-shadow: none;display: inline-block;margin: 0 5px;min-width: 100px;margin-top:5px;margin-bottom:15px;}
.plans-box .price { font-size:15px;margin-right: 4px;text-align: center; }
.plans-box .price-value { font-size:20px; margin-right: 4px;font-weight: bold;}
.plans-box .price-value span { font-weight: normal; margin-right: 5px;}
.plans-box s { color: #ff0000;}
.plans-box .standard{position: absolute;font-size:12px;font-weight: 500;line-height: 15px;border: 1px solid #f9813f;border-radius: 12px;background-color: #f9813f;display: inline-block;padding: 3px 10px;top:-10px;color: #fff;right:30px;}

/* PlanSubscription css */

.planpayment-box { margin:0px; text-align:center; min-height:200px; }
.planpayment-box h4 { margin:20px 0px 10px; font-size:16px; font-weight:bold; padding:0px;}
.planpayment-box .table { background: #fff; width:65%; margin: 0px auto 20px; text-align: left;}
.planpayment-box .table td { vertical-align:top; border-color:#e2e2e2;}
.planpayment-box .table tr:first-child td { background:#f1f1f1;}
.planpayment-box .text-success { color:#05be05;}
.planpayment-box .btn-download { text-decoration:none; font-size:13px;}

.user-data { border: 1px solid #e2e2e2; background: #fff; margin: 0px 0px;}
.table-data {margin: 0px;padding: 0px; border: 1px solid #e2e2e2; background: #fff;}
.table-data td, .table-data th {border-color: #f1f1f1 !important;padding: 6px 10px !important;vertical-align: middle !important;}

.table-record { border:1px solid #e2e2e2; background:#fff;}
.table-record td, .table-record th { padding:10px !important; vertical-align: middle !important; }
.table-record td ul { margin:0px; padding:0px; list-style: none !important;}
.table-record td .btn { padding: 5px 15px; font-size:13px !important; }

.table-checkstatus {margin: 0px;padding: 0px; border:1px solid #e2e2e2; background:#fff;}
.table-checkstatus td, .table-checkstatus th {border-color: #f1f1f1 !important;padding: 6px 10px !important;vertical-align: middle !important;}
.table-checkstatus td ul {margin: 0px;padding: 0px;list-style: none !important;}
.table-checkstatus td .btn {padding: 5px 15px;font-size: 13px !important; margin-left: 10px; width: 170px !important;}
.table-checkstatus td .label {border-radius: 20px;width: 90px;line-height: 16px;font-size: 12px;font-weight: normal;display: inline-block;}
.table-checkstatus .discrepant-text {background: #fff;padding: 5px 10px;margin-left: 10px;vertical-align: middle;border: 1px solid #eee;border-radius: 4px;}
.table-checkstatus .discrepant-text a {text-decoration: none;}

@keyframes spinner-border {
    to { transform: rotate(360deg); }
}
.spinner-overlay{color:#00b8ff;}
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em;
}
.spinner-border {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}
.videoModal { top:15%;}
.videoModal button:focus { outline:none;}
.videoModal .modal-body { background:#1b89e1; position: relative; border-radius:0px; padding:3px; height: 70vh;}
.videoModal .modal-content { padding:0;overflow:unset; border-radius:0px;}
.videoModal .close {position: absolute; font-size:18px; font-weight:normal; top: -15px;padding:6px 13px 10px;background: #1b89e1;right: -10px;color: #fff;opacity:1;border-radius: 50%;}
.videoModal iframe {width: 100%;height: 100%; background:#fff;}

.banner-section .video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 48%;
    display: block;
    box-sizing: content-box;
    width: 2rem;
    height: 2.75rem;
    padding: 1.125rem 1.25rem 1.125rem 1.75rem;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.banner-section .video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    display: block;
    width: 4.75rem;
    height: 4.75rem;
    border-radius: 50%;
    background: #ff5722;
    animation: pulse-border 1500ms ease-out infinite;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.banner-section .video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 50%;
    background: #ff5722;
    transition: all 200ms;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.banner-section .video-play-button span {
    position: relative;
    display: block;
    z-index: 3;
    top: 0.375rem;
    left: 0.25rem;
    width: 0;
    height: 0;
    border-left: 1.625rem solid #fff;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}


/* forgot username */
#usernameDetails .form-group{height: 400px;overflow-y: scroll;overflow: auto;}
#usernameDetails th{background-color: #eee;border-bottom-width: inherit !important;}
#fetchUserDetailsDiv .table-striped > tbody > tr:nth-of-type(even) {background-color: #fff !important;}
#usernameDetails .table-bordered > thead > tr > th, #usernameDetails .table-bordered > tbody > tr > th, #usernameDetails .table-bordered > tfoot > tr > th, #usernameDetails .table-bordered > thead > tr > td, #usernameDetails .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
padding-right: 15px;padding-left: 15px;}
/* forgot username */

/* user- section */
.user-section{border: 1px solid #ddd;background-color: #fff;}
.user-content{padding: 12px 20px 0px 20px;border: 1px solid #ddd;margin-top: 0px;background-color: #fff;}
.user-content p{padding: 4px 4px;}
#userStatus tbody tr:nth-last-child(2){border: 1px solid #e2e2e2;}
.user-section p{margin-bottom: 0px;}
#userStatus thead th{background-color: #f3f3f3;}
.user-data th:first-child, .user-data td:first-child{padding-left: 20px !important;}
.form-box-info h4{padding-bottom: 0px;background: #02a6ea linear-gradient(to bottom, #00b4ff, #02a6ea) repeat scroll 0 0;color: #fff;text-decoration: none;margin: 0px;padding: 10px;font-size:16px;}
.form-box-info{margin-bottom:30px;padding: 24px;}
/* user- section */

/* selectSubscriptionPlan */
.enrol-step-section .subscribe-step h3{margin:0px;padding: 12px 12px;font-size: 16px;background: #e8f5e8 !important;}
.enrol-step-section .enrol-step{padding: 0px 0px 0px;margin: 0px 5px 20px;}
.enrol-step-section .subscribe-step li{font-size: 13px !important;float: left;margin-right: 4%;}
.enrol-step-section .subscribe-step ul {margin: 20px;overflow: auto;}
.enrol-step-section .feature-box-content li i{top: 2px;}

/* Create Account */
.btn-cancel { margin:20px 0px 0px; display:block; text-align: center;} 
.otp-control { position: relative;}
.otp-control .get-otp { position: absolute; right:10px; top:5px;  }
.otp-control .get-otp .btn { padding:5px 10px; height:36px; border-radius: 4px; }

.account-creation {background:linear-gradient(to right,#003787 15%, #487cc8, #003787);}
.account-creation h3 {color: #fff;font-size: 20px;margin: 15px 0 10px;text-align: center;}
.account-creation .signup-section {background:#fff;border-radius: 4px;padding:0px;margin-top: 100px;margin-bottom:100px;position: relative;    }
.subscribe-banner { min-height: 150px; padding:30px 0px;}
.subscribe-banner h2 { margin:0 0 5px; font-size: 26px; color: #fff;}
.subscribe-banner p { margin:0 0 5px; color: #fff;}

.enrolment-banner { min-height: 150px; padding:30px 0px;}
.enrolment-banner h2 { margin:0 0 5px; font-size: 26px; color: #fff;}
.enrolment-banner p { margin:0 0 5px; color: #fff;}
.aadhaar-banner { min-height: 120px;}

.aadhaar-panel { padding:15px;}
.aadhaar-panel .panel-body { background: #fdfdfd; padding:30px; border:1px solid #f1f1f1; border-radius: 6px;margin-top: 20px;}
.aadhaar-panel .head { font-size:20px; margin:15px 0px 3px; padding:0px;}

.subscribe-section, .enrolment-section {background:#fff;border-radius: 4px;padding:10px 50px 40px;min-height: 500px;margin-top:-35px;margin-bottom:40px;position: relative;border:1px solid #f1f1f1;}
.esign-landing { margin-top:0px !important;}
.subscribe-section ul { margin:0px; padding:0px;}
.subscribe-section .subscriber-step { margin-top:30px; padding:40px; background: #f5f5f5; }
.subscribe-section .subscriber-step h3 { margin:0 0 20px; }
.subscribe-section .subscriber-step ul li { font-size:16px;}
.subscribe-section .subscriber-step .feature-box-content li i { top:8px;}

.enrolment-section { padding:0px 20px;}
.enrolment-section .btn-skip {padding:15px 0px 0px; }
.enrolment-section .btn-skip h4 { font-weight:bold; font-size:16px; margin:0px; padding:0px;}

.leftContent{min-height:460px;background-color: #fff;border-radius: 4px;padding:25px;margin:-30px 0px -30px 0px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07);}
.leftContent .heading { position:relative; padding-left:50px;}
.leftContent .heading img{ position:absolute; left:0px; width:40px;}
.leftContent .heading h4 { margin:0px; padding: 0px; font-weight: bold;}
.leftContent .heading h5 { margin-bottom:20px; margin-top: 4px;}
.leftContent h2 { margin:0px 0px 10px; padding: 0px; font-size:22px; }
.leftContent .btn-action .btn {padding:8px 15px; text-transform: uppercase;}
.leftContent .btn-action .fullwidth { width:100%; }
.leftContent .recaptcha-text { font-size:11px; margin:15px 0px 25px;}
.leftContent .alert { padding:10px 15px; margin:0px 0px 10px;}
.leftContent .eSctr-box .form-control { padding-right:10px !important;}

.verifyOtp button{width:326px !important;}

.mainContent { padding: 30px 20px 30px 0px;}
.mainContent .join-people h3 { color: #000; margin: 10px 50px 30px; line-height:26px; font-size:18px;}
.mainContent .join-people ul { list-style-type:none; padding:0px; margin:0px; width:100%;}
.mainContent .join-people ul li { vertical-align:top; display:inline-block; text-align:center; width:49%; padding:0px 15px; min-height: 100px; font-size:12px;color: #333; margin-bottom:15px;position:relative;}
.mainContent .join-people ul li img { display:block;margin:auto;margin-bottom:0px; width:48px;}

.createAccountAuthenticate button{width:326.25px !important;}

/* Create Account */

/* CreateNewAccount */
.modal-login { width:450px; }
.modal-login .modal-body { padding:30px;}
.modal-login .modal-body h4 { font-size:20px; font-weight:bold; margin:0px; padding:0px;}
.modal-login .modal-body h5 { margin:5px 0px 15px;}
.modal-login .modal-body .recaptcha-text { font-size: 12px;margin: 10px 0px 15px;}
.modal-login .modal-body .btn-action .btn { text-transform:uppercase; padding:10px;}
.modal-login .modal-body .btn-action .fullwidth { width: 100%;}

.account-creation .footer { position:relative; padding:25px; font-size:13px; color:#fff;}
.account-creation .footer a { color:#fff; text-decoration:underline;}

.headerMain { padding: 16px 0px;}
.headerMain .contact { text-align:right;}
.headerMain .contact h3{ font-size: 16px;display:inline-block;}
.headerMain .contact h3.number { font-size:15px; margin-right:20px;}

.rightContent { background-color: #fff;border-radius: 4px;padding:25px 25px 10px;margin:30px 30px 30px 0px;box-shadow: rgb(0 0 0 / 7%) 0px 2px 4px;}
.rightContent h4 { margin: 0px;padding: 0px;font-weight: bold;}
.rightContent h5 { margin-bottom: 20px; margin-top:5px;}
.rightContent .account-box { margin:0px;padding: 0px;}
.alternate { display: flex;justify-content: center;align-items: center;}
.alternate span { font-size: 20px;}

.accountList h4 { margin:10px 0px 20px; font-size:22px; font-weight:normal;}
.accountList p{ margin-bottom:10px; position:relative; padding-left:25px; font-size:15px; text-align:left;}
.accountList p i { color: #4caf50;border: 1px solid #4caf50; font-size: 10px;padding:3px;border-radius: 50%;margin:2px 0px; position:absolute; left:0px;}
.accountList { background:#f9f9f9; padding:40px 15px; text-align:center; border-top:1px solid #f1f1f1; margin-top:40px;}
.documentList {position:relative; padding:30px; box-shadow:2px 2px 8px rgba(0,0,0,0.15); margin:0px; border-radius:0px; background:#02a6ea linear-gradient(to bottom, #00b4ff, #02a6ea) repeat scroll 0 0; }
.documentList .share-icon { width:80px; position:absolute; right:0px; }
.documentList .share-icon img { width:100%; }
.documentList h3 {text-align:center; color:#fff; line-height:26px; font-size:19px; margin:3px 0px; padding:0px;}
.documentList h4 {text-align:center; color:#fff; line-height:22px; font-size:16px;}
.documentList a { color:#fff; text-decoration:underline;}
.shared-access { padding:15px 15px 0px; text-align:center;}
.shared-access h2 { text-align:center; font-size:18px; margin-bottom: 26px;}
.shared-access .lnk-box { vertical-align:middle; font-size:18px; position:relative; text-align:left; box-shadow:2px 2px 3px rgba(0,0,0,0.05); padding:20px; padding-left:80px; border:1px solid #f1f1f1; border-radius:6px; background:#fff; margin:5px 15px; display:inline-block;}
.shared-access .lnk-box:hover, .shared-access .lnk-box:focus { text-decoration:none; border-color:#ddd; box-shadow:2px 2px 3px rgba(0,0,0,0.1);}
.shared-access .lnk-box span { font-size:14px; display:block;}
.shared-access .lnk-box img { width:55px; position:absolute; left:15px; top:15px;}
.ordivider { background:#f1f1f1; padding:7px; border-radius:100%; display:inline-block; vertical-align:middle;}
.shareduser-section .signup-section { margin-top:0px; margin-bottom:0px; overflow:hidden; border-radius:6px;}

/* createNewUserAccount */
.eSctr-dropdown select{  appearance: auto !important;}
.userOtp a{ font-size: 13px; text-decoration: underline;}

/* Check Status */
.enrol-status { padding:5px 25px 25px; background:#fff; border-radius:4px; position:relative; margin:-25px 0px 25px !important;}
.enrol-status h3 { font-size:20px; margin-top:0px;margin-bottom: 12px;}
.enrol-status h5 { color: #f37025; font-size:16px; font-weight:bold; padding:10px 0px 0px;}
.enrol-status .overall-status{font-weight: bold;position: absolute;right: 25px;top: -10px;padding: 8px 12px 5px;color: #fff;background: #f0ad4e;border-radius: 0 0 6px 6px;}
.enrol-status .overall-status:before {content: '';position: absolute;display: block;border: 5px solid #c1820b;border-top-color: transparent;border-left-color: transparent;left: -10px;top: 0px;}
.enrol-status .overall-status.pending { background: #f0ad4e; }
.enrol-status .overall-status.pending:before { border: 5px solid #c1820b;border-top-color: transparent;border-left-color: transparent; }
.enrol-status .overall-status.completed { background: #5cb85c; }
.enrol-status .overall-status.completed:before { border: 5px solid #209420;border-top-color: transparent;border-left-color: transparent; }
.enrol-status .overall-status.rejected { background: #d9534f; }
.enrol-status .overall-status.rejected:before { border: 5px solid #ab2723;border-top-color: transparent;border-left-color: transparent; }


/*  CreateNewUser */ 
.userAddInfo .panel-title > a:before {font-family: FontAwesome;content:"\f068";padding-right: 5px;}
.userAddInfo .panel-title > a.collapsed:before {content:"\f067";}
.userAddInfo .panel-title > a:hover, 
.userAddInfo .panel-title > a:active, 
.userAddInfo .panel-title > a:focus  {text-decoration:none;}
.userAddInfo .panel-default > .panel-heading{padding:12px 0px;background-color: #fff;color: #0078d7;}
.userAddInfo .panel-title{font-weight: normal;}
.userAddInfo .panel-group .panel{border:none;box-shadow: none;}
.userAddInfo .panel-body{border-top: none !important;padding: 6px 0px 0px 0px;} 
.userGroup{margin-top:0px;margin-bottom:10px;}
.userGroup label{margin-bottom:5px;}
.userAddInfo .panel-group {margin-bottom: 10px;}
.input-group-btn { font-size:inherit;}
.dateofbirth { text-align: left;}
.dateofbirth .form-label { font-size:13px; color:#555;text-align: left; margin-bottom:5px;}
.dateofbirth .eSctr-box { display: inline-block; }
.dateofbirth .eSctr-box .form-control { padding-right:15px; }
.dateofbirth .eSctr-date { width:22%;}
.dateofbirth .eSctr-month { width:43%; margin:0px 3.66%;}
.dateofbirth .eSctr-year { width:25%;}
.dateofbirth .eSctr-box select option:empty { display: none;}
/*  CreateNewUser */

/* Login */
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear{display: none;}
.multiaccountlist h5 {font-size:16px; line-height:22px; margin:0 0 15px;}
.multiaccountlist table th { padding:10px 5px !important;}
.multiaccountlist table td { vertical-align:middle !important;}
.multiaccountlist table td .btn { padding:5px 15px !important;}
.userAuthenticate{position: relative;}
.userAuthenticate i{position: absolute;top: -9px;left: 0px;color: #fff;font-size: 24px;width: 50px;height: 41px;border-radius: 4px 0px 0px 4px;display: flex;justify-content: center;align-items: center;}
.loginWithMobile h4{margin-top:0px;}
.loginWithMobile .alert-success{padding:7px 10px;font-size: 14px;}
.optionLogin h2 {width: 100%;text-align: center;border-bottom: 1px solid #dddddd;line-height: 0.1em; margin-bottom:20px; } 
.optionLogin h2 span { background: #fff; padding:0 10px;  font-size: 14px; }
.loginPinSection p { margin-bottom:7px;}
.loginPinSection p a { font-size: 13px; }

.otpControlBox .eSctr-box  {  display: table;}
.otpControlBox .get-otp .btn { padding: 10px 20px; font-size: 14px; }

 /* Login */

/* CreateNewOrg */
.org-creation .org-heading { position: relative; padding-left:60px;}
.org-creation .org-heading img { position: absolute; width: 46px; left: 0px; }
.org-creation .org-heading h2{font-size: 24px;color: #fff;margin-top: 50px;margin-bottom: 0px;}
.org-creation .org-heading h5 { margin-top:5px; font-size:14px;}
.account-creation .signup-section-org {background: #fff;border-radius: 6px;padding: 0px;margin-top: 20px;margin-bottom:90px;position: relative;overflow: hidden;}
.leftContent-org { min-height: 320px;background-color: #fff;border-radius: 4px;padding:20px; margin: 0;}
.leftContent-org h4 {margin: 0px;padding: 0px;font-weight: bold;font-size: 20px;}
.leftContent-org h5 {margin-bottom: 20px;margin-top: 4px; min-height:30px;}
.orgRightSection{box-shadow: none !important;}
.footerOrg{display: flex;align-items: center;justify-content: space-between;padding:5px 20px;border-top: 1px solid #e9ecef;background-color: #f9f9f9;}
.footerOrg .recaptcha-text {font-size: 11px;margin: 15px 0px 25px;}
.account-creation > h5{color: #fff;}
.orgCenter{border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
/* CreateNewOrg */


/* shareSignatureDocument */
.btnSignature input{float: left;}
.shareSignatureAccount .account-form{margin: auto;}
.shareSignatureAccount .recaptcha-text {font-size: 11px;margin: 15px 0px 25px;}
.shareSignatureAccount .panel-title {text-align: left;font-size: 16px !important;font-weight: normal !important;}
.shareSignatureAccount .userAddInfo .panel-group .panel{background: none;}
.shareSignatureAccount .userAddInfo .panel-default > .panel-heading{background:none;}
.verifyMobile{font-size: 14px;margin-bottom: 0px;}
.shareSignatureAccount .col-md-3 {padding: 0px;margin-left: 0px;margin-bottom: 11px;width: 20%;}
.chooseAccounteModal{padding: 10px 20px !important;}
.chooseAccounteModal h1{font-size: 24px;margin-bottom: 20px;}
.account-sign h1 {font-size: 26px;padding: 0px;margin: 0 0 10px;text-align: left;}
.account-sign h3 {font-size: 16px;padding: 0px;color: #777;margin: 0 0 25px;text-align: left;}
.btnSignature .btn-primary {padding: 10px;}
.userSignDoc .panel-default > .panel-heading { background:transparent; padding:10px 0px; color: #0078d7;text-align: left !important;}
.userSignDoc .panel-body{background-color: #f9f9f9 !important;}
.recaptcha-signture{font-size: 11px;margin: 15px 0px 25px;}
.multiaccountlist tr td:last-child{ text-align: center;}
.multiaccountlist table {  max-height: 500px !important; overflow-y: auto !important; }
/* shareSignatureDocument */


.dropzone-wrapper { border-radius:4px; border: 1px dashed #bebebe;color: #000;position: relative;height: 46px; margin-bottom:3px;background:#f9f9f9;}
.preview-zone { background:#fff; position: absolute; top:0px; left:0px; width:100%; height:44px;}
.preview-zone .preview-body { padding:11px; line-height:22px; white-space: nowrap; overflow: hidden; padding-right: 50px; text-overflow: ellipsis; }
.preview-zone .preview-body .icon i { color:#0078d7; font-size: 30px;margin-right: 5px;vertical-align: top;margin-top:-4px;}
.preview-zone .remove-preview { border-radius: 100%;border: 1px solid #d1d1d1;padding: 5px 9px;position: absolute; height:30px; right: 10px;top: 6px;background: #fff;}
.dropzone-desc {margin: 0;font-size: 14px;position:absolute;top:0px;left:0px;width:100%;color:#000;padding:11px;  cursor:pointer;}
.dropzone-desc .icon { color:#707070;}
.dropzone-desc .icon span {position: absolute;left: 16px;top: 8px;font-size: 24px;}
.dropzone-desc .icon i { font-size: 30px;margin-right: 5px;vertical-align: top;margin-top:-4px;}
.dropzone,
.dropzone:focus {position: absolute;outline: none !important;width: 100%;height: 46px;cursor: pointer;opacity: 0;}
.dropzone-wrapper:hover,
.dropzone-wrapper.dragover { background: #fff; box-shadow:0px 0px 7px rgba(0,0,0,0.15);}

.unsubscribe-box { padding:30px 40px; margin:-20px 0px 30px; text-align: center }
.unsubscribe-box h4 { line-height:28px;}
.unsubscribe-box .email { font-size:15px;}
.unsubscribe-box .buttons .btn-default { margin-right:15px; padding:7px 20px;}

.verifyBtm{clear: both;margin-bottom: 0px;}
.float-end{float:right;}

.btn-process .btn{background:none !important; color:#0075ff;border-radius: 0px 4px 4px 0px !important;border-left: none !important;box-shadow: none !important;}
.btn-process .btn-default:hover{background-color: #f9f9f9 !important;border-color: #ddd !important;}

#emailOTPBtnSpan button, #mobileOTPBtnSpan button{width:120px !important;}
.kycAadhaarOtp button{width:124px !important;}

.mobVerifyOtp button{height:32px;}
.emailBtnProcess button{height: 30px;}

.d-block{display:block;}

.enrolment-section .tooltip.top{position: absolute !important;z-index: 10 !important;top: -5px !important;left: 101% !important;width:100%;}
.enrolment-section .tooltip-inner{background-color:#eee;color: #000;border: 1px solid #ddd;opacity:1;max-width: 100%;}
.enrolment-section .tooltip.in{opacity: 1 !important;}
.dateofbirth .tooltip.top{left:40% !important;}
.aadhaarXML .tooltip.top{left:60% !important;}
.genderTooltip .tooltip.top{left:32% !important;}
.addressTooltip .tooltip.top{width: 60%;}
.panTooltip .tooltip.top{left:62% !important;}
.addressOutsideIndia .tooltip.top {
    position: absolute !important;
    z-index: 10 !important;
    top: 52% !important;
    left: 50% !important;
    width: 40%;
}
.nonIndian .tooltip.top {
    position: absolute !important;
    z-index: 10 !important;
    top: 52% !important;
    left: 80% !important;
    width: 40%;
}
.addressCategory{display: flex;}
.addressInfoTooltip .tooltip.top{
    position: absolute !important;
    z-index: 10 !important;
    top: -5px !important;
    left: 101% !important;
    width: 48%;
}

.textareaInfo textarea{
    background: none;
    color: #000;
    font-weight: 400;
    font-size: 13px !important;
    padding: 25px 10px 10px 10px !important;
    display: block !important;
    width: 100% !important;
    border-radius: 4px !important;
    border: 1px solid #d0d0d0 !important;
    padding-top: 30px !important;
}
.ms-0{margin-left: 0px !important;}
.mt-0{margin-top: 0px !important;}
.fs-12{font-size: 12px;}
.mb-03{margin-bottom: 3px !important;}
.mb-0{margin-bottom: 0px !important;}

.es-captcha{line-height: 35px;font-size: 18px;white-space: nowrap;}
.input-captcha{
    width: 45% !important;
    height: 40px !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    margin-right: 10px !important;
    padding: 0px 10px !important;
    font-size: 18px !important;
    text-transform: uppercase;
}


/* Media resposive */
@media (max-width: 1024px) {
    .login-box .input-number {width: 200px;}
    .price-box {margin-left: 30px;}
    .captcha-box .form-control {width: 120px;}
    .subscription-box .btn-check {margin-top: 10px;}
    .emsigner-box { padding-top: 15px;}
    .emsigner-box img {margin-top: 20px;}.emsigner-box::before {border-left: 40px solid transparent;left: -45px;top: 0;    }
}
@media (max-width: 425px) {
    .login-box .link-sec .or {padding:10px;}
    .login-box .ctn-div {margin-left:0px; padding-left:0px;}
    .login-box .link-sec .login {min-width:0; width:39%;}
    .login-box .ctn-div a.enrol {right:0px;}
}
@media (max-width: 991px) {
    .feature-box ul,.feature-box { min-height:auto;}
    .banner{display: none;}
    .banner-section .video-play-button{left:43%;}
}
@media (min-width: 768px) and (max-width:991px){
    .banner-img {height: 100px;}
    .banner-img .watch{position: absolute;left: 52%;top: 41%;color: #fff;}
    .videoModal .close{top: -10px;}
    .login-rtbox{margin-left: 0%;padding: 0px;}
    .login-container {padding: 0px;}
    .account-section {padding: 0px 20px;margin-top: 48px;}
    .login-page .header {box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);background: #fff;overflow: auto;}
    .login-page .header .navbar-header {padding: 0px 20px;}
    .account-box {width: 75%;margin: auto;}
}
@media (min-width: 992px){
    .watch{display: none; }
}
@media (min-width:1200px){
    .enrol-step-section .subscribe-step li:last-child{ margin-left: 16px; }
}

@media(max-width:768px){
    .header { padding:0px;}
    .header .navbar-header {margin:5px 0;}
    .header .navbar-toggle {margin:10px 0 0;padding: 0 10px;font-size: 20px;}
    .header .logo { display:inline-block;}
    .header .logo-head {display: inline-block;margin: 7px 0 0 10px;padding-left: 10px;padding-right:0px;width: 120px;line-height:18px;font-size:15px;}
    .header .logo-head1 {margin: 7px 0 0 10px;}
    .account-box { padding:40px 20px; margin-top:0px;}
    .banner-section {background-size: cover;padding-bottom: 20px;}
    .login-section .banner-title {font-size: 24px; margin-bottom:0px;}
    .login-section .legal { margin-top:10px;}
    .login-box {padding: 20px;margin-right:0px;}
    .login-box .btn { width:30% !important;}
    .captcha-box .form-control {width: 110px !important;}
    .login-box .box-title {font-size: 14px;}
    .login-box .form-group {margin-bottom: 10px;}
    .login-box .form-control, .login-box .btn {font-size: 15px;width: 100%;}
    .login-box .captcha-box .form-control {display: inline-block;margin-top: 4px;width: 120px;}
    .dropdown-menu-right {left: auto !important;right: 0 !important;}
    .price-box {padding: 0;}
    .login-section h3 {font-size: 18px;}
     p {text-align: justify;}
    .inner-banner h3 {font-size: 18px;line-height: 26px;}
    .form-box {margin: -30px 0px 0;padding:20px 15px !important;}
    .create-org .form-box { padding:10px 0px !important;}
    .create-org .completeKYC{padding: 0px 15px !important}
    .initiate-section .form-box {margin: -20px 0px 0;padding:35px !important;}
    .section-title h3 {font-size: 20px;}
    .client-section, .start-section, .login-section h3, .login-section .banner-title, .about-section {text-align: center;}
    .about-section {padding: 20px 15px;}
    .start-section {background: #e6e4e4 none repeat scroll 0 0;padding-bottom: 20px;}
    .client-list ul li {height: auto;width: 48%;}
    .client-list li img {width: 100%;}
    .captcha-inlinebox .form-control {width: 140px;}
    .button-action{text-align: left;}
    .formOTP .form-control, .formOTP .btn{margin-top: 0px !important;}
    .btn-upload-group .btn-primary, .btn-upload-group .btn-default {width: auto;}
    .buy-section .form-control, .buy-section .btn {font-size: 15px;width: 100%;}
    .buy-section .section-title h2 {font-size: 24px;}
    .subscription-box {padding-bottom: 10px;}
    .subscription-box .captcha-box {margin-right: 0;text-align: left;}
    .subscription-box .captcha-box .form-control {display: inline-block;margin-top: 4px;width: 120px;}
    .buy-section .col-divider {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #3c80c4 -moz-use-text-color -moz-use-text-color;border-image: none;border-style: solid none none;border-width: 1px medium medium;}
    .buy-section .buy-dsc {padding: 0 0 20px;margin-top:0px;text-align:center;margin:0px;}
    .buy-section .buy-dsc .text-end { text-align:center;}
    .buy-section .buy-dsc .btn {margin-top:0px;}
    .footer-section, .social-link {text-align: center;}
    .right-box {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;margin-top: 20px;padding: 0;}
    .login-box .box-title .dropdown .dropdown-menu {width: 252px;}
    .content-section .form-box .error-box {margin-left: 120px;}
    .consent-div {float: none;margin-top: 10px;}
    .price-box {margin-left: 0;}
    .captcha-box .form-control {width: 140px;}
    .upload-sign-section .right-secton .action-button .btn {padding: 7px 15px;}
    .emsigner-box {border-top: 1px solid #ccc;margin: 5px 15px 0;padding-top:10px;}
    .emsigner-box p {text-align: center !important;}
    .emsigner-box a {display: inline-block;margin: 0 auto;}
    .emsigner-box a img {margin-top: 0;}
    .start-section {padding-bottom: 10px;}
    .emsigner-box::before {display: none;}.btn-align {margin-left: 75px !important;}    
    .subscription-plan .plan-list { width:100%; margin-right: 0px; margin-bottom:10px;}
    .forgot-pin { padding:30px;}
    .forgot-pin h1 { margin:0px;}
    .newuser-section { padding:20px;}
    .subscription-plan li { width:100%; padding:0px;}
    .subscription-plan .plan-list .plan-name { min-height:auto;}
    .subscription-plan li.minPlans .plan-list { height:auto;}
    .login-box h4 {display:block;}
    .banner-content p { margin:0px 0px 50px;}
    .feature-list { padding:15px; }
    .feature-list h3 { font-size:22px !important; line-height:28px;}
    .usecase-box { padding:0px;}
    .usecase-box h2 { font-size:22px !important; line-height:28px;}
    .usecase-box .bubble { min-height:100px; padding:15px;}
    .address-box {flex-direction: column;margin-bottom:20px; }
    .subscribe-success h2 { font-size:24px;} 
    .modal-xlg { width:100%;}
    
    .asp-alert { padding:20px;}
    .form-templates a { display:block; margin-bottom:10px; position:relative;}
    .form-templates a i { position:absolute; right:20px; top:15px;}
    .title-container h2 { font-size:30px;}
    .content-section .title-container h2 { font-size:30px}
    .login-page .header { box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.12); background:#fff;}
    .login-page .header .navbar-header { padding:0px 20px;}
    .header .navbar-collapse {margin-bottom:0px; position: absolute; top: 60px;width: 100%;background: #fff;border-top: 1px solid #f1f1f1;z-index: 99;box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.10);}
    .header .navbar-collapse nav { padding:0px; text-align: center;}
    .header .navbar-right { margin:10px 0px 20px;}
    .header nav ul li a { padding:10px 20px; margin:10px 0px; display:block;}
    .btn.btn-login, .btn.btn-login:hover, .btn.btn-login:active, .btn.btn-login:focus { width:auto; margin:0px 20px 10px; display:block;}
    .login-section { margin-top: 35px;text-align: center;}
    .login-box { padding:5px 20px 20px;}
    .login-box h2 { margin: 0 0 10px;}
    .login-section .ctn-div { position:relative;left:auto;}
    .login-box .ctn-div a.enrol {  width:70% !important;padding:7px 0;text-align:center;margin-bottom: 10px;}

    .emsigner-box { border:0;}
    .img-strip img { width:30%;height:auto;}
    .features-section,.feature-box { padding:20px;}
    .feature-box { min-height:auto;margin-bottom:10px;}
    .feature-box ul { min-height:auto;}
    .feature-box.active {  transform: scale(1);box-shadow:none;background:#fff;}
    .feature-box ul li { margin-bottom:0;}
    .pricing-section { padding:30px 0;}
    .pricing-section .price { font-size:40px;}
    .pricing-section .feature-box { min-height:auto;padding:20px;}
    .pricing-section .price { margin:0 0 5px;}
    .pricing-section .price-limit b { margin:0;}
    .benefits-section {  padding-top: 20px;  padding-bottom: 20px;}
    .benefits-section .tab-content ul { width:100%; margin:0; padding:0px;}
    .benefits-section .tab-content ul li img { width:60px;}
    .benefits-section .tab-content ul li {  font-size: 15px;min-height:126px; margin-bottom:20px;}
    .buy-section .section-title h2 { font-size:22px;}
    .buy-section .buy-dsc { padding-bottom:0;}
    .buy-section .form-control, .buy-section .btn { width:50%;}
    .home-section .banner-text .banner-title { margin-top:0}
    .home-section { padding: 25px 0;}
    .content-section { padding:20px;}
    .features-list-section.benefits-section .tab-content ul li { min-height:170px;}
    .specification-section { padding-top:0px;}
    .specification-section .title-container { padding-bottom:15px;}
    .box-list-item ,.plan-box{ padding:20px;}
    .plan-box img { width:100%;}
    .accordion-panel .panel .panel-body { padding:15px;}
    .forgot-pin { margin-top:-20px;}
    .accordion-panel .panel .panel-heading h2 .link-content {  max-width: 80%; }
    .accordion-panel .panel .panel-heading h2 .btn-edit {right: 10px;top: 15px;padding: 5px 10px;background: #fff;box-shadow: none;font-size: 12px;min-width: auto;    }
    .login-container { padding:0px;}
    .login-rtbox {margin-left:0px; padding:0px;}
    .account-section { padding:0px;}
    .darkblue-section h2 { font-size:22px; line-height:26px;}
    .usecase-section .panel-box { margin:0 0 15px;}
    .usecase-section .panel-box.mHlg, .usecase-section .panel-box.mHmd { min-height:auto;}
    .contact-box { padding:20px 30px; margin:0px -15px;}
    .contact-box h3 { margin:5px 0 15px;}
    .contact-box img { width:100%;}
    .enrol-checkbox .head { display:block;}
    .panel.subscribe-panel label { margin:0px;}
    .panel.subscribe-panel .button .btn  { width:70%;}
    .esign-using { margin:30px 0px;}
    .esign-using .icon-list ul { margin:10px 0px;}
    .esign-using .icon-list ul li { width:20%; padding:10px 0px;}
    .esign-using .icon-list ul li img { width:35px;}
    .esign-using .icon-list ul li p { text-align:center; margin:0px;}
    .subscribe-benefits label { margin-bottom:20px;}
    .panel.subscribe-panel .panel-body, .panel.subscribe-panel .panel-heading h2 { text-align:center;}
    .wizardpills-steps { margin:20px 30px;}
    .step-wizard li div { left:30%;}
    .step-wizard li:first-child div {left:-10px;}
    .step-wizard li:last-child div {right:-10px;}
    .step-wizard li:last-child span {right: -38%;}
    .step-wizard li:first-child span { left: -45%;}
    
    #fetchUserDetailsDiv .cancleBtn .form-group{margin-bottom: 20px;}
    .banner-img {height: 60px;}
    .banner-img .watch{position: absolute;left: 52%;top: 35%;color:#fff;}
    .videoModal .close{top: -10px;}
    .videoModal .modal-body{padding: 3px;}
    
    .account-creation .signup-section .mainContent { border-radius:4px; margin-top:20px; background:#fff; padding:20px; text-align:center;} 
    .account-creation .signup-section { background:none; margin:30px -10px;}
    .mainContent .join-people ul li { vertical-align:top; padding:0px 10px;}
    .leftContent{ margin: 30px 0px 0px 0px !important; min-height:0px;}
    .account-creation h3, .subscribe-section .subscriber-step h3 {font-size: 18px;line-height: 26px;}
    .subscribe-section, .enrolment-section { margin-top:-20px; padding:0px; box-shadow:0px; border:none;}
    .esign-landing { margin-top:0px !important;}
    .subscribe-section .subscriber-step { padding:25px;} 

    .headerMain .contact h3 { margin:0px !important; padding:0px; text-align:right; font-size:13px;}
    .share-icon { display:none;}
    .shareduser-section .signup-section { background:#fff; margin:0px;}
    .accountList { padding:20px 30px;}
    .documentList { padding:20px;}
    .documentList h3, .shared-access h2 { font-size:16px; line-height:20px;}
    .shared-access .lnk-box { font-size:14px;}
    .shared-access .lnk-box span { font-size:12px;}
    .modal-login { width:auto;}	
    .account-creation .footer { padding:20px 10px; }
    .account-creation .footer-logo { display:none;}

    .enrol-status {margin-top: -15px; padding:15px; padding-top:15px; }
    .enrol-status .overall-status { font-size:13px;}
    .enrol-status h3 { font-size:16px;}

    .table-data td, .table-data th {display: inline-block; }
    .table-data tr td:nth-child(2n+1) { width:36%;}
    .table-data tr td:nth-child(2n) { width:64%;}

    .table-checkstatus td, .table-checkstatus th {display: block; width:100%;}
    .table-checkstatus tr td:first-child, .table-checkstatus tr th {display: none;}
    .table-checkstatus tr td:last-child {border: none;padding-top: 0px !important;}
    .table-checkstatus .discrepant-text {display: block;margin: 5px 0px;}

    .checkstatus-banner .nav-title.pull-right { float:left !important; }
    .multiaccountlist table td{display: block;text-align: left;border-bottom: none !important;border-top: none !important;padding-left: 12px !important;padding-bottom: 0px !important;}
    .multiaccountlist table tr{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    .multiaccountlist table td:first-child{ display: none;}
    .multiaccountlist table td:last-child{padding-bottom: 20px !important;}
    .multiaccountlist table th{display: none;}
    .multiaccountlist table{ border:none !important;display: table;}
    .account-section{margin-top: 24px; }
    
    .org-creation .org-heading { margin:25px 0px 0px;}
    .org-creation .org-heading h2 { margin:0px; font-size:20px;}
    .leftContent-org h4 { font-size:16px;}
    .leftContent-org h5 { min-height:0px; margin-bottom:10px;}
    .leftContent-org { min-height:210px; padding-bottom:0px;}
    .footerOrg { display: block; padding:0 20px 30px;}
    .account-creation .signup-section-org { margin-bottom: 30px;}
    
    .enrol-checkbox,
    .enrolment-section .btn-skip { padding:0px 20px;}

    .dateofbirth .eSctr-month{ margin: 0px 3.6%; width: 42%;}
    .msgBox {width: 90% !important;left: 5% !important;}
    .enrol-checkbox label {margin-top: 6px;margin-bottom: 6px;}
    .p-section{display: table;}
    
    .unsubscribe-box { padding:25px; margin:-20px 0px 30px; text-align:center; }
    .unsubscribe-box h4 { line-height:28px;}
    .unsubscribe-box .buttons .btn { margin:0px 0px 15px; min-width:200px; padding:7px 15px;}
    
    .aadhaar-panel .panel-body{padding:15px;}
    .aadhaar-panel{padding:0px;}
    .heading .form-group{display:flex;}
    .consent-text{margin-top: 20px;}
    .create-org .btn.btn-default{margin-bottom: 10px;}
    .enrol-status .text-wrap{white-space: pre-wrap;width:auto;word-break: break-all;}
}

.unsupported-Browser {
background: #f9f9f9;
border: 1px solid #f1f1f1;
padding: 25px;
font-size: 14px;
width: 80%;
margin: 0 auto;
margin-top: 50px;
margin-bottom: 200px;
}


.mobileOtp {
    border-right: none;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.inputGroup {
    padding-right: 26px;border-left: none;
}

.mobileOtp:focus{border:1px solid #ccc !important;border-right:none !important;}
.aadhaarXML-Otp button{width: 107.73px !important;height: 46px !important;}