@font-face {
    font-family: SymbolicFont;
    src: url("webhostinghub-glyphs.eot") /* EOT file for IE */
}
@font-face {
    font-family: SymbolicFont;
    src: url("webhostinghub-glyphs.ttf") /* TTF file for CSS3 browsers */
}

body {
    background-color:#f9f9f9;
    color: #333333;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px;
    line-height: 1.42857;
}
#assignfos
{
    margin-left:10px;
}
#err_msg{text-align:center;color:#FF0000}
.text{
    font-size: 1.5em;
    font-weight: bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#getotphint{
    font-size: 11px;
    color:red;
}
.bold { font-weight:bold;}

.device-border { display:block; border:1px solid #e2e2e2 !important; height:145px; width: 135px;margin:0 auto;}
.textval{
    font-size: 1.5em;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.border-left
{
    border-left:1px solid #E7E7E7;
}
.border-top
{
    border-top:1px solid #E7E7E7;
}
.border-right
{
    border-right:1px solid #E7E7E7;
}
.border-bottom
{
    border-bottom:1px solid #E7E7E7;
}
.grecaptcha-badge { 
    visibility: hidden;
}
div[title] { cursor: default;}
.consent-text { position: relative;}
.select-lang { position: absolute; top:-33px; right:0px; width: auto !important; padding:5px !important; height:30px !important;}
.caret {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #000000;
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
    margin-left: 2px;
    margin-top: 8px;
    border-top-color: #1e376d;
}

.button-header
{
    background-clip: padding-box;
    border-radius: 0;
    font-weight: 400;
    line-height: 20px;
    background-color: #FFFFFF;
    color: #1e376d;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-image: none;
    border: 2px solid rgba(0, 0, 0, 0);
    border-color: #FFFFFF;
}

.button-header:hover
{
    background-color: #FFFFFF;
    border-color: #999999;
}

.mr-05{
    margin-right: 5px !important;
}

.button-normal
{
    background-clip: padding-box;
    border-radius: 0;
    font-weight: 400;
    line-height: 20px;
    background-color: #4f679b;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-color: #5870a3;
}

.button-normal:hover
{
    background-color: #5870a3;
    border-color: #4f679b;
    color: #FFFFFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px #4f679b;
}


.icon-dashboard:before {
    content: "";
    font-size: 14px;
    padding-right:5px;
    font-family: SymbolicFont;
}

.grecaptcha-badge { 
    visibility: hidden;
}

.fosbutton
{
    float: left;
    width: 135px;
}
.icon-activities:before {
    content: "";
    font-size: 14px;
    padding-right:5px;
    font-family: SymbolicFont;
}


.icon-calendar:before {
    content: "";
    font-size: 14px;
    padding-right:5px;
    font-family: SymbolicFont;
}

.icon-notification:before {
    content: "␇";
    font-size: 14px;
    padding-right:5px;
    font-family: SymbolicFont;
}
.icon-add:before {
    content: "";
    font-size: 15px;
    padding-right:5px;
    font-family: SymbolicFont;
}

.icon-messages-large:before {
    content: "";
    font-size: 20px;
    padding-right:5px;
    font-family: SymbolicFont;
}

.icon-manage:before {
    content: "";
    font-size: 14px;
    padding-right:5px;
    font-family: SymbolicFont;
}

.icon-manage-services:before {
    content: "";
    font-size: 12px;
    padding-right:5px;
    font-family: SymbolicFont;
}

.icon-manage-businesses:before {
    content: "";
    font-size: 12px;
    padding-right:5px;
    font-family: SymbolicFont;
}

.icon-manage-users:before {
    content: "";
    font-size: 12px;
    padding-right:5px;
    font-family: SymbolicFont;
}

.icon-manage-rejectedreport:before {
    content: "";
    font-size: 12px;
    padding-right:5px;
    font-family: SymbolicFont;
}
.icon-profile:before {
    content: "";
    font-size: 14px;
    padding-right:5px;
    font-family: SymbolicFont;
}

.icon-edit-profile:before {
    content: "";
    font-size: 14px;
    padding-right:5px;
    font-family: SymbolicFont;
}

.icon-change-password:before {
    content: "";
    font-size: 14px;
    padding-right:5px;
    font-family: SymbolicFont;
}

.icon-sign-out:before {
    content: "";
    font-size: 14px;
    padding-right:5px;
    font-family: SymbolicFont;
}

.menu-link {
    padding-right:8px;
    padding-left:8px;
    color:#FFFFFF;
    cursor:pointer;
    font-size:12px;
}
.address-field textarea.form-control {height:100px !important;}
.list-aln li, ol.list-lt li {padding: 4px 0px;}
ol.list-lt {padding-left:15px;}
textarea {resize: none;}


.menu-link:hover {
    background-color: #f4f4f4;
    color:#217bbf;
}
.footer-text {
    color:#999999;
    font-size:12px;
}

.notetext{
    color:#999999;
    font-size:11px;
}

.page-heading {
    font-size:24px;
    font-weight:normal;
    color:#1e376d;
    padding-left:40px;
    padding-top:5px;
    padding-bottom:3px;
}

.page-heading1 {
    font-size:15px;
    font-weight:normal;
    color:#1e376d;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:3px;
}

.manage-menu {
    position: relative;
    z-index:1;
}

.manage-menu-hoverClass {
    background-color: #f4f4f4;
    color:#217bbf;
}

.manage-menu-options {
    position:absolute;
    margin-left:-10px;
    margin-top:3px;

    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    padding-bottom:5px;
    padding-top:15px;
    display:none;
    background-color: #FFFFFF;
    color:#217bbf;
    width: 162px;
}

.manage-menu-options .option-heading {
    padding-left:15px;
    padding-bottom:0;
    color:#999999;
    font-size:12px;
}

.manage-menu-options .option-link {
    padding:5px 15px 5px 16px;
}

.manage-menu-options .option-link:hover {
    color:#FFFFFF;
    background-color:#217bbf;
}

.app-menu {
    position: relative;
    z-index:1;
}

.app-menu-hoverClass {
    background-color: #f4f4f4;
    color:#49919d;
}

.app-menu-options {
    position:absolute;
    margin-left:-10px;
    margin-top:3px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    padding-bottom:5px;
    padding-top:15px;
    display:none;
    background-color: #FFFFFF;
    color:#49919d;
    width:251px;
}

.app-menu-options .option-heading {
    padding-left:15px;
    padding-bottom:0;
    color:#999999;
    font-size:12px;
}

.app-menu-options .option-link {
    padding:5px 15px 5px 16px;
}

.app-menu-options .option-link:hover {
    color:#FFFFFF;
    background-color:#49919d;
}



.notification-menu {
    position: relative;
    z-index:1;
}

.notification-menu-hoverClass {
    background-color: #f4f4f4;
    color:#217bbf;
}

.notification-menu-options {
    white-space:normal;
    position:absolute;
    margin-left:-9px;
    margin-top:3px;
    width:227px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    padding-bottom:5px;
    padding-top:15px;
    display:none;
    background-color: #FFFFFF;
    color:#217bbf;
}

.notification-menu-options .option-heading {
    padding-left:15px;
    padding-bottom:0;
    color:#999999;
    font-size:12px;
}

.notification-menu-options .option-link {
    padding:5px 15px 5px 16px;
    cursor:pointer;
    font-size:12px;
    line-height: 16px;
}
.notification-menu-options .option-viewall-link {
    padding:5px 15px 5px 16px;
    cursor:pointer;
    font-size:12px;
    line-height: 16px;
}
.notification-menu-options .option-viewall-link a:hover {
    color:orange;
}

.notification-menu-options .option-link:hover {
    color:#FFFFFF;
    background-color:#217bbf;
}

.profile-menu {
    position: relative;
    border-radius: 0;
    font-weight: 400;
    line-height: 20px;
    background-color: #FFFFFF;
    color: #1e376d;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-image: none;
    border: 2px solid rgba(0, 0, 0, 0);
    border-color: #FFFFFF;
}

.profile-menu-hoverClass {
    background-color: #FFFFFF;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

.profile-menu-options {
    text-align: left;
    position:absolute;
    margin-left:14px;
    margin-top:1px;
    width:180px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    padding-bottom:5px;
    padding-top:15px;
    display:none;
    background-color: #FFFFFF;
    color:#217bbf;
    z-index:1000;
}

.profile-menu-options .option-link {
    padding:5px 15px 5px 16px;
    cursor:pointer;
}

.profile-menu-options .option-link:hover {
    color:#FFFFFF;
    background-color:#217bbf;
}

.left-link-header {
    background-color:#217bbf;
    color:#FFFFFF;
    padding:3px;
    padding-left:10px;
    font-weight:bold;
}

.left-link-item {
    padding:3px;
    padding-left:15px;
}

.left-link-item a {
    cursor:pointer;
    color:#217bbf;
}
.left-link-item a:hover {
    color:orange;
}

#contentarea {
    padding-left:10px;
    font-size: 12px;
}

.table-border
{
    border-bottom:#E7E7E7 1px solid;
    border-right:#E7E7E7 1px solid;
    border-top:#E7E7E7 1px solid;
    border-left:#E7E7E7 1px solid;

}

.tabheadsmallactive
{
    cursor:pointer;
    font-weight:bold ;
    color:#06F;
    font-size:12px;
    /*background-color:#EEEEEE;
    background:url(../images/tab-active-bg.gif) repeat-x;*/
    border-top: 1px solid  #217bbf;
    border-right: 1px solid #217bbf;
    border-left: 1px solid #217bbf;

}


a.activator
{
    width:153px;
    height:150px;
    position:absolute;
    top:0px;
    left:0px;
    background:#fff url(clickme.png) no-repeat top left;
    z-index:1;
    cursor:pointer;
}
/**** business_setup ***/
a.activatorservices,a.activatorbranch
{
    width:153px;
    height:150px;
    position:absolute;
    top:0px;
    left:0px;
    background:#fff url(clickme.png) no-repeat top left;
    z-index:1;
    cursor:pointer;
}

/****/
/* Style for overlay and box */
.overlay
{
    background:transparent url(../images/overlay.png) repeat top left;
    position:fixed;
    top:59px !important;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}
.box
{
    position:fixed;
    top:-450px;
    left:30%;
    right:30%;
    background-color:#fff;
    color:#7F7F7F;
    padding:10px;
    border:2px solid #ccc;
    width:502px;
    z-index:150;
}
.box h4
{
    border-bottom: 1px solid #eceef3;
    margin:-11px -10px 0px;
    padding:10px;
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}
a.boxclose
{
    float:right;
    width:26px;
    height:26px;
    margin-right:-15px;
    cursor:pointer;
    margin-top:-6px;
    font-weight:bold;
}

a.activator4
{
    width:153px;
    height:150px;
    position:absolute;
    top:0px;
    left:0px;
    background:#fff url(clickme.png) no-repeat top left;
    z-index:1;
    cursor:pointer;
}
/* Style for overlay and box */
.overlay4
{
    background:transparent url(../images/overlay.png) repeat top left;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}
.box4
{
    position:fixed;
    top:-450px;
    left:18%;
    right:30%;
    background-color:#fff;
    color:#7F7F7F;
    padding:10px;
    border:2px solid #ccc;
    z-index:150;
}
.box4 h4
{
    border-bottom: 1px solid #eceef3;
    margin:-11px -10px 0px;
    padding:10px;
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}
a.boxclose4
{
    float:right;
    width:26px;
    height:26px;
    margin-right:-15px;
    cursor:pointer;
    margin-top:-6px;
    font-weight:bold;
}

a.activator3
{
    width:153px;
    height:150px;
    position:absolute;
    top:0px;
    left:0px;
    background:#fff url(clickme.png) no-repeat top left;
    z-index:1;
    cursor:pointer;
}
/* Style for overlay and box */
.overlay3
{
    background:transparent url(../images/overlay.png) repeat top left;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}
.box3
{
    position:fixed;
    top:-450px;
    left:18%;
    right:30%;
    background-color:#fff;
    color:#7F7F7F;
    padding:10px;
    border:2px solid #ccc;
    z-index:150;
}
.box3 h4
{
    border-bottom: 1px solid #eceef3;
    margin:-11px -10px 0px;
    padding:10px;
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}
a.boxclose3
{
    float:right;
    width:26px;
    height:26px;
    margin-right:-5px;
    cursor:pointer;
    margin-top:-6px;
    font-weight:bold;
}

a.activator5
{
    width:153px;
    height:150px;
    position:absolute;
    top:0px;
    left:0px;
    background:#fff url(clickme.png) no-repeat top left;
    z-index:1;
    cursor:pointer;
}
/* Style for overlay and box */
.overlay5
{
    background:transparent url(../images/overlay.png) repeat top left;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}
.box5
{
    position:fixed;
    top:-450px;
    left:31%;
    right:30%;
    background-color:#fff;
    color:#7F7F7F;
    padding:10px;
    border:2px solid #ccc;
    z-index:150;
    width:502px;
}
.box5 h4
{
    border-bottom: 1px solid #eceef3;
    margin:-11px -10px 0px;
    padding:10px;
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}
a.boxclose5
{
    float:right;
    width:26px;
    height:26px;
    margin-right:-14px;
    cursor:pointer;
    font-weight:bold;
}

.fontsize
{
    font-size:12px;
}

.heading-align
{
    padding-bottom: 6px;
    padding-left: 3px;
    padding-top: 3px;
}

.totalcount
{
    width:42px;
    float:left;
    /*padding-right:3px;*/
    /*margin-bottom:20px;*/
}
.titlecount
{
    width:675px;
    float:left;
    padding-left:1px;
}
.categorytitlecount
{
    width:200px;
    float:left;
    padding-left:1px;
}
.treepadding
{
    padding-left:25px;
    margin:10px 0px 10px 0px;
}
.subtree
{
    padding-left:25px;
}

.message-error
{
    background:#e05353;
    color:#ffffff;
    padding:3px;
}

.informationBlock {
    border-radius: 4px;
    color: #3A3A3A;
    font-size: 12px;
}
.errormegbox {
    background: url("images/error.png") no-repeat scroll 5px 50% #FFEAEA;
    border: 1px solid #E82A2A;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 4px;
    padding-left: 25px;
    padding-top: 4px;
}

.successmegbox {
    background: url("images/no-error.png") no-repeat scroll 5px 50% #E9FAD0;
    border: 1px solid #AEE756;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 4px;
    padding-left: 25px;
    padding-top: 4px;
}

.popup-error-container {
    background-color: #F6CECE;
    background-image: url("images/error.png");
    background-position: 10px 7px;
    background-repeat: no-repeat;
    border: 1px solid #FF0000;
    color: #FF0000;
    font-size: 11px;
    font-weight: bold;
    left: 33.3%;
    position: fixed;
    top: 0;
    width: 33.3%;
    z-index: 1000;
    padding:6px 6px 6px 36px;
}

.success-container {
    background-color: #B6D2AA;
    background-image: url("images/no-error.png");
    background-position: 10px 9px;
    background-repeat: no-repeat;
    border: 1px solid #2D774A;
    color: #2D774A;
    font-size: 11px;
    font-weight: bold;
    left: 33.3%;
    position: fixed;
    top: 0;
    width: 33.3%;
    z-index: 1000;
    padding:6px;
}

.rowhover:hover
{
    cursor:pointer;
    background: #FFECEC;
}

.successmessagelist {
    background-color: #B6D2AA;
    background-image: url("images/no-error.png");
    background-position: 10px 6px;
    background-repeat: no-repeat;
    border: 1px solid #2D774A;
    color: #2D774A;
    font-size: 11px;
    font-weight: bold;
    padding:6px;
    padding-left:28px;
}

.hyperlinktext
{
    text-decoration:none;
    color:#666666;
}


a.categoryactivator
{
    width:153px;
    height:150px;
    position:absolute;
    top:0px;
    left:0px;
    background:#fff url(clickme.png) no-repeat top left;
    z-index:1;
    cursor:pointer;
}
/* Style for overlay and box */
.categoryoverlays
{
    background:transparent url(../images/overlay.png) repeat top left;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}
.categoryboxs
{
    position:fixed;
    top:-450px;
    left:18%;
    right:30%;
    background-color:#fff;
    color:#7F7F7F;
    padding:10px;
    border:2px solid #ccc;
    z-index:150;
}
.categoryboxs h4
{
    border-bottom: 1px solid #eceef3;
    margin:-11px -10px 0px;
    padding:10px;
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}
a.categoryboxcloses
{
    float:right;
    width:26px;
    height:26px;
    margin-right:-15px;
    cursor:pointer;
    margin-top:-6px;
    font-weight:bold;
}

.searchtextpadding
{
    padding-bottom: 4px;
    padding-left: 16px;
    padding-right: 4px;
    padding-top: 4px;
}

.tabheadsmallactive
{
    cursor:pointer;
    font-weight:bold ;
    color:#217bbf;
    font-size:12px;
    border-top: 1px solid  #217bbf;
    border-right: 1px solid #217bbf;
    border-left: 1px solid #217bbf;


}

.tabheadsmall
{
    cursor:pointer;
    font-weight: bold;
    color:#217bbf;
    font-size:12px;
    border-bottom: 1px solid #217bbf;
}

.tabheadsmall1
{
    font-weight: bold;
    color:#217bbf;
    font-size:12px;
    border-bottom: 1px solid #217bbf;
}

.searchdiv
{
    display:block;
    width:950px;
    padding-left:4px;
}

.searchdivtableborder
{
    border:1px solid #217bbf;
    border-top: none;
    border-right:none;
    border-left:none;
}


.tabcontentsmalltable
{
    border-right:1px solid #217bbf;
    border-left:1px solid #217bbf;
}

.tabgroupgridc1div
{
    overflow:auto;
    height:315px;
    width:972px;
    padding:4px;
}

.resultgriddiv
{
    overflow:auto;
    height:350px;
    width:972px;
    padding:2px;
    display:none;
}

.texthoverstyle
{
    color:#FF0000;
    font-size:12px;
    cursor:pointer;
    text-decoration:none;
}
.texthoverstyle:hover
{
    color:#9191FF;
    font-size:12px;
}

.texthoverstyle1
{
    color:#9191FF;
    font-size:12px;
    cursor:pointer;
    text-decoration:none;
    padding-left:13px;
    padding-top:8px;
}
.texthoverstyle1:hover
{
    color:#9191FF;
    font-size:12px;
}
.navlinks
{
    text-decoration:none;
    color:#fff;
}

.navlinks:hover
{
    color:#217bbf;
}

.navsublinks
{
    text-decoration:none;
    color:#217bbf;
}

.navsublinks:hover
{
    color:#fff;
}

.navsublinks1
{
    text-decoration:none;
    color:#217bbf;
}

.navsublinks1:hover
{
    color:#fff;
}
#tabgridcount
{
    color:#217bbf;
}

.textheading {
    font-size:18px;
    font-weight:normal;
    color:#000;
    padding-left:13px;
    padding-top:5px;
    padding-bottom:3px;
}

.dashboardlink
{
    text-decoration:none;
    color:#fff;
}
.dashboardlink:hover
{

    color:#217bbf;
}


.navsublinks1
{
    color:#fff;
    text-decoration:none;
}

.navsublinks1:hover
{
    color:#217bbf;
}


.report-menu {
    position: relative;
    z-index:1;
}

.report-menu-hoverClass {
    background-color: #f4f4f4;
    color:#217bbf;
}

.report-menu-options {
    position:absolute;
    margin-left:-10px;
    margin-top:3px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    padding-bottom:5px;
    padding-top:15px;
    display:none;
    background-color: #FFFFFF;
    color:#217bbf;
    width:264px;
}

.report-menu-options .option-heading {
    padding-left:15px;
    padding-bottom:0;
    color:#999999;
    font-size:12px;
}

.report-menu-options .option-link {
    padding:5px 15px 5px 16px;
}

.report-menu-options .option-link:hover {
    color:#FFFFFF;
    background-color:#217bbf;
}

.buttondisable
{
    background-color: #ccc;
    border-color: #ccc;
    color: #FFFFFF;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0 0 0 0;
}

.popup-error-container {
    background-color: #F6CECE;
    background-image: url("images/error.png");
    background-position: 10px 7px;
    background-repeat: no-repeat;
    border: 1px solid #FF0000;
    color: #FF0000;
    font-size: 11px;
    font-weight: bold;
    left: 33.3%;
    position: fixed;
    top: 0;
    width: 33.3%;
    z-index: 1000;
    padding:6px 6px 6px 36px;
}


/*label
{
    cursor:pointer;
}*/

.hovertext
{
    color:#36F;
    cursor:pointer;
}
.hovertext:hover
{
    color:#F00;
    cursor:pointer;
}

.successmegseachbox {
    background: url("images/no-error.png") no-repeat scroll 5px 50% #E9FAD0;
    border: 1px solid #AEE756;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 4px;
    padding-left: 25px;
    padding-top: 4px;
    /*background: url("images/pwdclose-button.png") no-repeat scroll 5px 50% #E9FAD0;*/
}

.border-right1
{
    border-right:1px solid #ccc;
}

.linkhover
{
    color:#217bbf;
}

.rejectdivclass
{
    cursor:pointer;
    color:#F00;
    font-weight:bold;
    text-decoration:underline;
}

.popup-success-container {
    background-color: #B6D2AA;
    background-image: url("images/no-error.png");
    background-position: 10px 9px;
    background-repeat: no-repeat;
    border: 1px solid #2D774A;
    color: #2D774A;
    font-size: 11px;
    font-weight: bold;
    left: 33.3%;
    position: fixed;
    top: 0;
    width: 33.3%;
    z-index: 1000;
    padding:6px 6px 6px 36px;
}
.infhelp{
    width:100%;
    float:left;
}

.aspbutton
{
    width:66px;
    float:left;
}

.view a{
    color: #217bbf;
}
.browsebutton{
    width:300px;
    float:left;
}
.readBytesButtons{
    width:250px;float:left;
    padding-top:5px;
}
.productchkbox{
    float: left;
    margin-top: 5px;
    width: 56px;

}

.paddingspace {
    padding: 6px;
}

.maincontentpadding
{
    padding-left:10px;
    padding-right:10px;
    padding-top: 10px;
}


.selectfield {
    border: 1px solid #cccccc;
    color: #555555;
    height: 25px;
    padding: 3px;
    width: 207px;
}

.headingtext
{
    color: #217bbf;
    font-weight: bold;
}

.tableinnercontent
{
    border: 1px solid #cccccc;
    padding-left: 10px;
    padding-right: 10px;
}

.tdborderbottom
{
    border-bottom: 1px solid #ccc;

}

.tableborder
{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.tdborderight
{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.tdborder
{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top:  1px solid #ccc;
    border-left: 1px solid #ccc;
    /*border-radius: 200px;*/
}

.anchorstyle
{
    color: #217bbf;
    cursor: pointer;
}

.anchorstyle:hover{

    text-decoration: underline;
}

.blueheadingtext
{
    color: #217bbf;
}

.headeranchor
{
    text-decoration: none;
    color: #1e376d;
}

label { font-weight:normal;}
.padd0{padding:0px}
.paddrgt5{padding-right:5px}
.page-subheading {color:#333;font-size:17px; padding:2px 10px; border-left: 1px solid #aaa; vertical-align:middle; margin:5px 10px; display:inline-block;}
.main-container { min-height:300px;  padding:0px; margin:0px;}
.title-heading { margin:0 0 15px; padding: 0px; font-size: 20px; }

.header-container .org-name { font-size: 16px; margin:10px 0px; text-align:right; color:#000;}
.header-container {box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); padding:7px 0px; position:relative; background:#fff;}
.header-container .logo img { height:45px;}
.languageDiv { margin-right:20px; margin-top:12px;}

.ekyc-box { background:#0060ac; color:#fff; padding: 10px 20px; clear: both; border-radius:4px;}
.otp-form { clear: both; overflow: auto;}
.otp-form .form-label { padding-top:5px;}
.form-group .form-text { font-weight:bold;}

.otp-form table { font-size:12px;}

/*.declaration-box { padding:10px 0px; }*/
.declaration-box h3 { font-size:16px; font-weight:bold;}
.declaration-box label { font-weight:normal;}

.button-group .btn { margin-right:10px;}
.form-control { padding:3px 7px; height:30px;}

.footer { margin:10px 0px; font-size:12px; padding:10px 0;}
.addresstext { word-break: break-all;}
.device-border { display:block; border:1px solid #e2e2e2 !important; height:145px; width: 135px;margin:0;}

.error-container { padding:70px 0px;}
.error-container h1 { color:#f33333; font-size:30px; margin:10px 0px;}

.info-box { border-radius:4px 4px 0px 0px; padding: 15px 20px;color: #fff;background:linear-gradient(to bottom, #0171c9 0%, #0060ac 100%); position: relative; }
.info-box h2 { font-size:16px; margin:0 0 3px; font-weight:600;}
.info-box h4 { font-size:12px; margin:0px; line-height:16px; }
.info-box a { color:#ffd400; text-decoration:underline;}
.info-box p { margin-bottom: 0px; }

.info-box h3 {color: #fff;font-size:18px;margin: 0px 0 0px;text-align: left;}

.doc-details { margin-left: -15px;}
.doc-details .org-name { background: #f1f1f1;padding: 15px 20px; font-size:14px;}
.doc-details .org-name h2 {font-size:16px; margin:5px 0 0; color:#333; font-weight:600;}

.aspdoc-details { position:relative; background: #f1f1f1; color: #000; padding:10px 20px; font-size:14px;  border-bottom:1px solid #ddd; }
.aspdoc-details .form-group { margin-bottom:3px; }
.aspdoc-details .form-label { margin:0;}
.aspdoc-details .form-value { margin:0; font-weight:600; word-break: break-all;}
.aspdoc-details label { margin:0px;}
.aspdoc-details .dropdown { position: absolute; right:17px; top:17px;}
.aspdoc-details .dropdown .dropdown-toggle { width:34px; text-align:center; color: #000; font-size:16px; padding:6px 10px 5px; display:inline-block;  background: #fff; border-radius:100%;}
.aspdoc-details .dropdown .dropdown-toggle:hover, .aspdoc-details .dropdown.open .dropdown-toggle { color:#fff; background: #2b7DE9;}
.aspdoc-details .dropdown .dropdown-toggle .count { position: absolute; right:-5px; top:-5px; background: #ff0000; font-size:11px; color:#fff; padding:0px 5px; border-radius: 100%;}
.aspdoc-details .dropdown .dropdown-menu { padding:20px; right:0px; left:auto; width:310px; }
.aspdoc-details .dropdown .dropdown-menu li { padding:5px 0px;}

.consent-box { border-radius:4px; background:#fdfdfd; color: #999; padding:10px 15px 15px; font-size:13px; border:1px solid #f1f1f1; margin:15px 0px;}
.consent-box .heading .form-group { margin-right:15px; min-width: 115px; }
.consent-box .heading .form-group .form-control { width:155px;}
.consent-box .heading .btn-voice { padding:3px 10px !important; font-size:12px; }
.consent-box select.form-control{margin-right:10px; padding:3px; height:26px !important; font-size:12px;}

.consent-content { color: #999; font-size:13px;}
.consent-content .controls { margin-left:20px;}
.consent-content .controls .btn { padding: 5px 10px !important; font-size: 13px; }

.asp-formSection { padding:15px 20px !important; border-radius:0 0 4px 4px;}
.asp-formSection .btn-default { border:1px solid #ccc;}
.asp-formSection .btn-primary.btn-otp { color:#fff !important;}

@keyframes spinner-border {
to { transform: rotate(360deg); }
}

.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;}
.spinner-overlay { left:0px; top:0px; z-index:999; position:fixed; height:100%; width:100%; background:rgba(0,0,0,0.3);}
.spinner-overlay .spinner-border { position:absolute; left:50%; top:45%; color:#fff; height:40px; width:40px;}

.doclists { padding:0px; list-style: none; margin: 0px; padding: 0px;}
.doclists li { position: relative; border-bottom: 1px solid #e2e2e2; padding:0px 0px 10px !important;padding-left:27px !important;}
.doclists li:last-child { border-bottom:none;  padding-bottom:0px !important;}
.doclists li input{ position: absolute;left:0px;}
.doclists li label{ font-size: 14px; padding-left:0px; position:static; font-weight:bold; margin-bottom: 0px;display: block;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;overflow: hidden;}
.doclists .list a { margin-right: 15px;}

.section-box .doclists { margin:15px 20px; font-size: 13px;}
.uncheck-note { padding: 10px 20px; font-size: 13px;}

.mt-md { margin-top:10px;}
.otpBio-form { padding:0px;  min-height: 400px; }
.otpBio-form td { padding:5px;}
.otpBio-form .chkgroup label { font-weight: normal; margin-right:15px;}
.otp-box .form-label { margin-left:10px; padding:0px; padding-right:5px;}

.bio-box h4 { margin-bottom:15px;}
.device-select .form-control { display:inline-block; width:280px !important; }
.device-select .btn { display:inline-block; width:100px; vertical-align:top; }

.driver-links { margin-top:5px; display:inline-block;}

.capture-block .capture-img { width:150px; display:inline-block; }
.capture-block .capture-action { width:100px; display:inline-block; vertical-align:top; padding-top:40px; }


.validation-error, .validation-error:focus { border-color:#db1802 !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #db1802 !important;}
.text-error { color: #db1802; font-size:12px; padding-left: 6em; position: absolute;}

.success{color: #5cb85c; font-size:12px;}


/* eSign User Authentication */
.box-container { box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius:4px; margin:0px;}
.authenticator-section .leftside-content { padding-right: 0px; width: 22%; }
.authenticator-section .rightside-content{ padding: 15px;min-height:450px; background: #fff; border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;width:78%;}
.authentic-pin{display: flex;justify-content: center;align-items: center;}
.authentic-pin span a{white-space: nowrap;margin-left: 10px; }
.authenticate-formSection { border: 1px solid #f1f1f1; background: #fff; padding: 20px 30px; min-height:300px;}
.nav-tabs.authenticate-steps { margin-bottom: 0px;}
.authenticate-steps li {font-weight: bold;font-size: 14px;margin-right: 30px;}
.authenticate-steps li label { margin-bottom:7px;}
.authenticate-steps li .count {color: #fff;font-size: 13px;background-color: #b1b0b0;padding:3px 8px;border-radius: 4px;margin-right: 7px;font-weight: normal;}
.authenticate-steps li.completed .count {background-color: #69a444;}
.authenticate-steps li.active .count {background-color: #02a6ea;}
.authenticate-steps li.active {border-bottom: 5px solid #02a6ea;}
.nav-tabs.authenticate-steps > li {margin-bottom: -3px;}
.authenticate-container .wrapper {background: #fff;color: #333;margin: 0px auto;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;user-select: none;}
.performeSign .btn{width: auto !important;}
.authentic-form .input-group-addon{padding: 5px 12px;}
.authUser{margin: 0px 0px 10px;font-size: 16px;font-weight: bold;}
.userAuthentic-form .form-box p{margin-top: 0px !important;}
/* eSign User Authentication */

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

/* File */

.file-input {height: 30px;}
.btn-choose { background-color: #eeeeee;}

.otp-form table {background:#fff;}
.btn { padding:7px 20px !important; }
.btn-primary {box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
                  background: #f75b16;
                  border: 1px solid #d85212;
                  background: linear-gradient(to bottom, #f77219 7%,#f75b16 100%);}

.lbl-note { background:#f2dede; color:#ff0000; 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;}


/* Hide default HTML checkbox */
.set-pin { padding:10px 0px;}
.set-pin label { font-size:14px; }
.switch input {opacity: 0;width: 0;height: 0;}
/* The slider */
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height:18px;width:18px;left:2px;bottom:2px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #5682F1;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}/* Rounded sliders */
.slider.round {border-radius: 40px;}
.slider.round:before {border-radius: 50%;}
.switch {position: relative;display: inline-block;width:48px;height: 22px;margin-right: 10px;vertical-align: top;}
.slider-checkbox {margin-left: 20px;}
.otherkyc-box { border-radius:0px 0px 4px 4px; position: relative;background: #f9f9f9;color: #000;padding:15px 20px;font-size: 13px;border-top: 1px solid #f1f1f1;}
.box-container .ttipContent { right:auto; left:-150px;}

.input-group-addon { background:none;}
.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;}


@media only screen and (max-width: 500px) {
    .col-xs-mgBt{ margin-bottom:10px;  }
    .otp-box .form-label { margin-left:0px;}
    .user-account .form-group {margin:0px 10px;}
    .otpBio-form {padding: 0px;}
    .signer-bg {overflow-y: scroll;}
}
@media (max-width: 768px) {
    .device-select .form-control, .device-select .btn { width:100% !important; display: block !important; margin:5px 0;}
    .org-name { text-align:left !important;}
    .select-lang{width: 100% !important;position: static !important;}
    .declaration-box {padding-left: 0%;}
}

.otp-form h4 {background-color: #fff; padding: 10px; margin: 0; border: 1px solid #e2e2e2; border-bottom: none; font-weight: 600; padding-left: 8px;}

/*
.authentic-form, .signer-bg { min-height:305px; background-color: #fff; border: 1px solid #e2e2e2; border-radius: 4px;}
*/
.authentic-form .form-box h3 { font-size:16px; margin:10px 0 0px; font-weight:600;}
.authentic-form .form-box p{margin-bottom: 20px; margin-top:5px;}
.authentic-form .form-box label {font-weight:600; margin:0px;}
.authentic-form .btn-otp { vertical-align: top; color: #333;background-color: #f9f9f9;border-color: #ccc;}
.authentic-form .form-box .form-group {margin-bottom:10px;}

.checklist input { margin:0px 3px 0px 0px !important; vertical-align:top;}
.checklist label { margin-right:10px !important; font-weight:normal !important; line-height:14px;}

.login-dtl {padding-top: 15px !important;}
.authentic-form .captcha{ margin-left: 10px;}
.authentic-form hr {padding-bottom: 9px; margin: 0px;  border-top: 1px dashed #eee ;}
.signer-bg .form-inline .form-group {padding-left:10px !important; margin-bottom: 10px;}
.signer-id .login-id {font-weight: 600 !important; margin-bottom:0px !important;}


.m-0 {margin: 0px !important;}
.create-link {margin:0px; background: #f1f1f1; padding: 0.7em 1em;}
.auth-type { margin-top:10px; margin-bottom:10px;}
.auth-type label {margin-right:10px;}
.auth-type label input{ margin-right:3px; vertical-align:top;}

.newuser-section { position:relative; min-height:340px;  padding:20px; background:#fff; width: 100%;}
.newuser-section h2{font-size:16px; margin: 0 0 5px; font-weight: 600;}
.newuser-section .step-two h2:last-of-type{margin: 30px 0 20px 0;}
.newuser-section .form-box { padding:5px 20px;}
.newuser-section .form-box .txt-btn-group{padding-right: 0px;}
.newuser-section .form-box .form-group {margin-bottom:10px !important;}
.newuser-section .form-box address{margin-bottom: 0;}
.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 .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%;}
.newuser-section .btn-primary { height:45px;}


.kycinfo-section { box-shadow:0px 0px 10px rgba(0,0,0,0.2); padding:30px 40px; position:relative; background:#fff; border: 1px solid #e2e2e2;border-radius:4px; width: 100%;}
.kycinfo-section h2{font-size:16px; margin: 0 0 10px; font-weight: 600;}
.kycinfo-section .step-two h2:last-of-type{margin: 30px 0 20px 0;}
.kycinfo-section .form-box .txt-btn-group{padding-right: 0px;}
.kycinfo-section .form-box .form-group {margin-bottom:10px;}
.kycinfo-section .form-box .form-label { color:#777;}
.kycinfo-section .form-box address{margin-bottom: 0;}
.kycinfo-section .form-box .fa-user{border:1px solid #bbb; padding: 10px 20px; color: #bfbfbf;}
.kycinfo-section .form-box .btn-action .btn { margin-right:10px; margin-top: 5px;}
.kycinfo-section .form-box .btn-action .btn-proceed { min-width:130px; }
.kycinfo-section .form-box .btn-action .btn-verify{ min-width:180px;}
.kycinfo-section .form-box .reset-btn .btn{border-radius: 5px; padding: 4px 10px;}
.kycinfo-section .form-box .terms-box { margin-bottom:20px;}
.kycinfo-section .form-box .terms-txt{height: 100px; overflow-y: scroll; border:1px solid #bbb; padding: 0.5em 1em;}

.kycinfo-section .form-box .kyc-form-datails .form-group {margin-bottom:5px;}
.kycinfo-section .form-box .divider{border:1px solid #f1f1f1; height: 452px; width: 1px; position: absolute; left: 50%;}
.kycinfo-section .quick-panel label { font-weight:bold;}

.success-box {padding:30px 40px; margin-top:10px; width: 100%;}
.success-box h1 { font-size:26px; line-height:32px;}
.success-box h4 { font-size:16px; line-height:24px; font-weight:normal;}

.initiate-section { box-shadow:0px 0px 10px rgba(0,0,0,0.2); padding:40px; position:relative; background:#fff;border: 1px solid #e2e2e2;border-radius:6px; width: 100%;}
.initiate-section h2{font-size:16px; margin: 0 0 15px; font-weight: 600;}
.initiate-section .form-box .txt-btn-group{padding-right: 0px;}
.initiate-section .form-box .form-group {margin-bottom:10px;}
.initiate-section .form-box .btn-action .btn { margin-right:10px; margin-top: 5px;}
.initiate-section .form-box .btn-action .btn-proceed { width:130px; }
.initiate-section .form-box .btn-action .btn-verify{ width:180px;}

.required-VR {padding:20px 50px 30px;}
.required-VR  h3 { font-size: 20px;line-height: 30px;margin: 0;padding: 0;}

/* Footer  */
#footer {background-color:#0F141A; background-color: #0C0C0C; padding-top:30px;}
#footer p { color: #aaa; font-size: 14px; line-height:20px;}
#footer h4 {font-size: 16px; color: #FFF;}
#footer a {color: #f5f5f5; font-size: 14px;}
#footer a:hover {color: #FFF;}
#footer hr {border-top:1px solid rgba(255,255,255,0.2); margin-top: 35px; margin-bottom: 35px;}

.quick-links {margin-left:20px;}
.quick-links li {list-style-type: square; margin:0px; line-height:24px;}
.copyright {float: right;}
.copyright i {color: #FF3D7F; margin:0 5px;}
.contact-info p { margin-bottom:10px;}
.contact-list li {font-size: 14px; color: #FFF; line-height:24px;}
.contact-list i { width:18px; margin-right:5px;}
.footer-bottom {margin-top:15px; padding-top:15px; border-top:1px solid rgba(255,255,255,0.2);}

.bulletlist { margin-left:30px;}
.bulletlist, .bulletlist li { list-style:square;}
.mandatory { color: #ff0000; margin-left: 2px;}
.grecaptcha-badge { visibility: hidden;}
.showpassword {width: 20px;float: right;cursor: pointer;}

.captcha-box .form-control { width:45%; display:inline-block;}
.captcha-box .renderimage { display:inline-block; padding:0px 10px;}

.wrapText { overflow:hidden; text-overflow:ellipsis; display:inline-block;}
.wT200 { width:500px;}
.wT20 { width:120px;}
.pin-tips { padding:5px 0 0; margin: 0px;line-height:15px; z-index: 9999; display: none;}

.kyc-option label {font-weight: bold;}
.btn-action span .btn-primary {margin-top: 0px;}
.btn-action a {vertical-align: middle; padding-top: 7px; display: inline-block;}

.input-group-btn .btn { padding:4px 12px !important;}

.rdo-checkbox { margin-bottom:10px;}
.rdo-checkbox label { margin-right:20px; margin-bottom:0px; vertical-align:top; cursor: pointer; }
.rdo-checkbox input { vertical-align:top; margin:3px 0px 0px;}
.PANField { margin:0px;}

.table { border: 1px solid #e2e2e2 !important; margin-bottom: 20px;}
.table > thead > tr > th {background-color: #efefef}

/* Customize the label (the container) */
.rdoboxlist { font-weight:normal !important; -moz-user-select: none;cursor: pointer;margin-bottom: 0px;padding-left: 22px;margin-right: 15px !important; position: relative;line-height:21px;}
.rdoboxlist input {cursor: pointer;opacity: 0;position: absolute;}
.rdoboxlist .checkmark {height: 18px;left: 0px;position: absolute;top: 1px;width: 18px;border-radius: 100%;border: 1px solid #ccc;}
.rdoboxlist:hover input ~ .checkmark {border: 1px solid #5682F1;}
.rdoboxlist input:checked ~ .checkmark {background: #2b7DE9;border: 1px solid #5682F1;}
.rdoboxlist .checkmark::after {content: "";display: none;position: absolute;}
.rdoboxlist input:checked ~ .checkmark::after {display: block;}
.rdoboxlist .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: 8px;left: 5px;top: 3px;transform: rotate(45deg);width: 6px;}
.rdoboxlist.rdodisabled {color: #999;}
.rdoboxlist.rdodisabled:hover input ~ .checkmark {border: 1px solid #ccc;}

.chkboxlist { font-weight:normal !important; -moz-user-select: none;cursor: pointer;margin-bottom: 0px;padding-left: 22px;margin-right: 15px !important; position: relative;line-height:21px;}
.chkboxlist input {cursor: pointer;opacity: 0;position: absolute;}
.chkboxlist .checkmark {height: 18px;left: 0px;position: absolute;top: 1px;width: 18px; border-radius:2px; border: 1px solid #ccc;}
.chkboxlist:hover input ~ .checkmark {border: 1px solid #5682F1;}
.chkboxlist input:checked ~ .checkmark {background: #2b7DE9;border: 1px solid #5682F1;}
.chkboxlist .checkmark::after {content: "";display: none;position: absolute;}
.chkboxlist input:checked ~ .checkmark::after {display: block;}
.chkboxlist .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: 8px;left: 5px;top: 3px;transform: rotate(45deg);width: 6px;}
.chkboxlist.rdodisabled {color: #999;}
.chkboxlist.rdodisabled:hover input ~ .checkmark {border: 1px solid #ccc;}

@media (min-width: 768px){
    .modal-overview .modal-dialog {
        min-width: 1000px !important;
        margin: 30px auto;
    }
}

.lang{
    margin-right: 4px;
}
.esign-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.divLanguage { vertical-align: text-bottom;  margin-right: 20px;}
.divLanguage, .divLanguagePop { padding-right:45px !important; padding-top:2px;  position:relative; font-size:14px; }
.divLanguage select, .divLanguagePop select { border:1px solid #ccc; padding:5px 3px; margin-left:5px;}
.divLanguage .btn, .divLanguagePop  .btn { box-shadow:none; border-radius:0px; padding: 4px 10px 3px !important;
                                           position: absolute;right: 0px;}

.detailedIntro .divhead { margin:0px; background:#fcf8e3; position:relative; color:#8a6d3b; border:1px solid #faebcc; font-size:16px; font-weight:bold; padding:15px; cursor:pointer;}
.detailedIntro .divhead i {position:absolute; right:20px; top:15px;}
.detailedIntro .divcontent {border:1px solid #faebcc; padding:10px 25px;}
.detailedIntro .divcontent ul { margin:0px; padding-left: 30px;}
#VideoContainer .btn-def { padding:6px 20px 7px !important;}
#VideoContainer .btn-def:hover { text-decoration: none !important;}
#VideoContainer .btn, #VideoContainer .btn-def, #VideoContainer .btn-prim { box-shadow:1px 1px 2px rgba(0,0,0,0.2) !important; }
#VideoContainer .btn-prim {
    background: #02a6ea linear-gradient(to bottom, #00b4ff, #02a6ea) repeat scroll 0 0 !important;
    border-color: #0587ef !important;
    margin-left:0px;
}
#VideoContainer .btn-prim:hover {
    background: #029dde linear-gradient(to bottom, #02a6ea, #029dde) repeat scroll 0 0 !important;
    border-color: #0587ef !important;
    text-decoration: none !important;
}
#divActionChangeLanguage, .divLanguagePop a { position: absolute; right: 0px;}
#VRM_divTitleMessage, .divTitleMessage, #VRM_questionsBox { font-size: 18px !important;}
.video_timer { margin-bottom:5px !important;}

.VRpopupConent { font-size:15px; padding:20px;}
.VRpopupConent h3 {font-size: 16px;margin: 10px 0 10px;font-weight: 600;}
.VRpopupConent .form-group {margin-bottom: 5px;}
.VRpopupConent ul { list-style:none; padding:0px;margin: 0px 0px 10px 0px;; text-align:left; width:100%;}
.VRpopupConent ul li { position:relative; vertical-align:top; line-height:20px; font-size:15px; list-style:none; padding:5px 0px; margin:0; padding-left:25px;}
.VRpopupConent ul li i { font-size:10px; color:#4caf50;position:absolute;left:0;top:5px; border: 1px solid #4caf50;padding:3px;border-radius:50%;}
.VRpopupConent ul li b{font-weight:600;}
.VRpopupConent ul ul { margin:0px 20px 0px; padding:0px;}
.VRpopupConent ul ul li{ list-style:disc; padding:0px;}

.vrform-box {
    background: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    margin: -25px 0px 30px;
    padding:20px;
    border-radius:0px;
    border-bottom: 1px solid #e2e2e2;
}

.inner-banner {
    background:linear-gradient(to right,#003787 15%, #487cc8, #003787);
    min-height: 75px;
    /* margin-top:65px; */
}
.inner-banner h3 {
    color: #fff;
    font-size: 20px;
    margin: 15px 0 10px;
    text-align: center;
}
.inner-banner .container { position: relative;}
.inner-banner .btn-backlink { border:1px solid #fff; padding:4px 8px; border-radius:100%; position: absolute; top:10px; left:30px; color: #fff;}
.inner-banner.sizer {
    min-height: 70px;
}

.dropzone-wrapper { border-radius:4px; border: 1px dashed #bebebe;color: #000;position: relative;height: 46px; margin-bottom:3px;background:#fff;}
.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: 13px;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);}

.newuser-section .rdo-checkbox{display:flex;}

.newuser-section .rdo-checkbox label{white-space: nowrap;}
.foreignSelectIsd{display: inline-block;padding: 0px 0px 0px 0px;width: auto;}
.terms{display: flex;justify-content: flex-start;}
.CategoryGroup .IdProof{margin-left: 0px;}
.mt-15{margin-top: 15px;}

.slide-content:before { display:none; content:''; position:absolute; right:37px; top:-15px; border:8px solid transparent; border-bottom-color:#f1f1f1;}
.slide-content  { background:#f9f9f9; position: relative; top: 0%;width: 100%; margin-top: 0px;}
.slidenav { background:linear-gradient(to bottom,#f77219 1%,#fec6a7 3%,#f77219 7%,#f75b16 100%); border-radius:4px; padding:5px 10px; color: #fff !important; opacity:1 !important; display:none; position: absolute; top:10px; right: 25px; text-decoration: none !important;}
.slidenav.openNav i, .slidenav.closeNav i{ font-size: 18px;}

.btn-main-action a { margin-right:50px;}
.desiredUser .userName .tooltip.top{top:-185px !important;left:-52px !important;}
.desiredUser .userName .tooltip-inner{max-width: 100%;}
.usernameNote .tooltip-inner { max-width:95%;}
.rdogender { margin-top:3px;}

.tooltip { opacity:1 !important;}
.tooltip-inner { padding:7px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); opacity:1; min-width:300px; max-width:100%; background:#f9f9f9; color: #333; border:1px solid #ddd;}
.tooltip.top .tooltip-arrow {border-top-color:#ccc;}

.em-tooltip {
    cursor: pointer;
    width: 18px;
    height: 18px;
    display: inline-block;
    line-height: 14px;
    background: #ddd;
    color: #333 !important;
    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;
}
.ttips {position: relative;display: inline-block;cursor: pointer;margin-left: 3px; margin-bottom:3px;}
.ttips .ttipContent {font-size: 13px;font-weight: normal;display: none;width: 300px;background-color: #ffffff;color: #333333;border: 1px solid #ccc;text-align: left;border-radius: 4px;padding: 10px;position: absolute;z-index: 999;bottom: 137%;right: -20px;transition: opacity 0.3s;line-height: 16px;box-shadow: 0px 0px 5px rgba(0,0,0,0.2); /*margin-left:140px;*/}
.ttips .ttipContent p {color: #000;font-size: 13px;line-height: 16px;}
.ttips-right .ttipContent { left:-20px; right: auto;}
.ttips:hover .ttipContent { display: block;}

.eSctr-line { position:relative; margin:0px 0px 10px; display:block;}
.eSctr-line .form-control, .eSctr-line .select-control { border-radius:0px; font-size:15px;padding:20px 0px 5px; padding-right:30px;display:block;height:44px !important; box-shadow:none; border:none; border-bottom:1px solid #bbb;width:100%; color: #494949;font-family: 'eSignFont-Bold', Arial;}
.eSctr-line .form-control:focus, .eSctr-line .select-control:focus { box-shadow:none; border:none; border-bottom:1px solid #66afe9;}
.eSctr-line select.form-control {padding:15px 0px 0px; line-height:24px; height: 44px;}
.eSctr-line .fl-label { color: #727682; z-index: 9;  font-size:12px; font-weight:normal;position:absolute;pointer-events:none;left:0px;top:0px;transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
.eSctr-line .form-control:placeholder-shown:not(:focus) + .fl-label { top:15px; color:#333; font-size:13px;}
.eSctr-line .form-control:focus + .fl-label, .eSctr-line .form-control:not(:placeholder-shown) + .fl-label { top:0px;font-size:12px; }
.eSctr-line .select-control:focus + .fl-label , .eSctr-line .select-control:not([value=""]):valid + .fl-label {top:0px;font-size:12px; }
.eSctr-line .select-control{-webkit-appearance: none; appearance: none; padding-left:10px; padding-right: 5px;}
.eSctr-line .em-tooltip {position: absolute;right:5px;top:10px;}
.eSctr-line .isd-control { background: transparent !important;}

.eSctr-select select.form-control { padding:20px 0px 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:12px !important; }
.eSctr-line select option { padding:5px;}
.eSctr-line select option:empty { display: none;}


.eSctr-box {position: relative;margin: 0px 0px 10px;display: block;}
.eSctr-box .form-control, .eSctr-box .select-control {font-size: 13px;padding: 15px 10px 5px;padding-right: 30px;display: block;height: 40px;border-radius: 4px;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 .fl-label {color: #333;font-size: 12px;font-weight: normal;position: absolute;pointer-events: none;left: 10px;top: 15px;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
.eSctr-box .form-control:focus ~ .fl-label, .eSctr-box .form-control:not(:placeholder-shown) ~ .fl-label {top: 2px;font-size: 12px;color: #5264AE;}
.eSctr-box .select-control:focus ~ .fl-label, .eSctr-box .select-control:not([value=""]):valid ~ .fl-label {top: 2px;font-size: 12px;color: #5264AE;}
.eSctr-box .select-control::-ms-expand {display: none;}
.eSctr-box .select-control {-webkit-appearance: none;appearance: none;}
.eSctr-box .fl-label {font-size: 13px;position: absolute;pointer-events: none;left: 10px;top: 15px;transition: 0.2s ease all;}
.eSctr-box .em-tooltip {position: absolute;right: 5px;top: 10px;}
.eSctr-box .file-input {font-size: 12px; padding:17px 10px 5px;}
.eSctr-textarea textarea {overflow: hidden;min-height: 125px;resize: none;}
.eSctr-box .eSctr-right {text-align: right;}
.eSctr-box select option:empty {display: none;}
.eSctr-addon .input-group-addon {display: inline-block;position: absolute;right: 1px;top: 1px;cursor: pointer;background: #f1f1f1;border: none !important;border-radius: 0px !important;padding: 15px 10px;width: 40px;height: 40px;}
.eSctr-checked .fl-label {top: 5px;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-select select.form-control {padding: 15px 6px 0px;line-height: 24px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size: .6em;background-position: calc(100% - 10px) center;background-repeat: no-repeat;}
.eSctr-select .form-control:not(:placeholder-shown) + .fl-label {color: #333;font-size: 13px;top: 15px;}
.eSctr-select .fl-label.fl-active {top: 2px !important;font-size: 12px !important;color: #5264AE !important;}

.eSctr-bline { position:relative; margin:0px 0px 10px; display:block;}
.eSctr-bline .form-control, .eSctr-bline .select-control { background: #f7f7f7; border-radius:6px; font-size:15px;padding:20px 20px 5px; padding-right:30px;display:block;height:50px !important; box-shadow:none; border:none; border-bottom:1px solid #bbb;width:100%; color: #000;font-family: 'eSignFont-Bold', Arial;}
.eSctr-bline .form-control:focus, .eSctr-bline .select-control:focus { box-shadow:none; border:none; border-bottom:1px solid #66afe9;}
.eSctr-bline select.form-control {padding:15px 0px 0px; line-height:24px; height:50px;}
.eSctr-bline .fl-label { color: #727682; z-index: 9;  font-size:12px; font-weight:normal;position:absolute;pointer-events:none;left:20px;top:5px;transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
.eSctr-bline .form-control:placeholder-shown:not(:focus) + .fl-label { top:17px; color:#333; font-size:15px;}
.eSctr-bline .form-control:focus + .fl-label, .eSctr-line .form-control:not(:placeholder-shown) + .fl-label { top:5px;font-size:12px; }
.eSctr-bline .select-control:focus + .fl-label , .eSctr-line .select-control:not([value=""]):valid + .fl-label {top:5px;font-size:12px; }
.eSctr-bline .select-control{-webkit-appearance: none; appearance: none; padding-left:10px; padding-right: 5px;}
.eSctr-bline .em-tooltip {position: absolute;right:5px;top:10px;}
.eSctr-bline .isd-control { background: transparent !important;}

.dateofbirth {text-align: left;}
.dateofbirth .form-label {font-size:13px;color:#555;text-align: left;margin-bottom:5px;}
.dateofbirth .eSctr-box {display: inline-block;vertical-align:top;}
.dateofbirth .eSctr-box .form-control {padding-right:15px;}
.dateofbirth .eSctr-date {width:22%;}
.dateofbirth .eSctr-month {width:43%;margin:0px 3.33%;}
.dateofbirth .eSctr-year {width:25%;}
.dateofbirth .eSctr-box select option:empty {display: none;}

.uploadfile-box { border:1px solid #f1f1f1; background: #f9f9f9; padding:10px 20px 10px; margin-bottom:5px; }
.uploadfile-box h3 { font-size:14px; margin:0px 0px 10px; font-weight:bold; }
.uploadfile-box .form-label { margin-bottom:3px;}

.showCode { position: absolute; top:9px; right:35px;}
.group-control .ctrR {padding-right:0px;}
.group-control .ctrR .form-control {border-radius:4px 0px 0px 4px;}
.group-control .ctrL {padding-left:0px;}
.group-control .ctrL .btn {border-radius: 0px 4px 4px 0px;width: 100% !important;}

.get-otp .btn { padding: 5px 10px !important;height: 40px;width: 100%;background: #f9f9f9;box-shadow: none; margin-bottom: 3px;line-height: 26px;color: #5682f1;}
.get-otp .btn-white { color:#337ab7; background: #fff;border: 1px solid #ced4da;color: #000; height: 40px !important;}
.get-otp .btn-white:hover {border-color: #adadad;}
.get-otp .btn-lg { line-height:40px; height:50px !important; font-size:14px; padding:5px 0px !important;}
.onlineAadhaar .get-otp .btn { height:50px !important;border: 1px solid #ced4da  !important;}

.sline-otp { display:block; margin-top:4px;}
.sline-otp .btn-white { border: 1px solid #aaa !important; }

.aadhaarTypeBox {position:relative;}
.aadhaarTypeBox .form-control {padding-right: 220px;}
.aadhaarTypeBox .aadhaarType {position: absolute;right:45px;top:10px;z-index:99;}
.iagreebox { margin:5px 0px 15px; color: #787878; font-size:12px;}
.iagreebox input { vertical-align:top; margin-top:3px;}

.iagreebox-small { font-size:12px;}
.iagreebox-small input { vertical-align:top; margin-top:3px;}


.esign-signzy .iagreebox { margin:5px auto 15px auto; color: #212B36; font-size:11px;width:62%;padding: 25px 15px;}
.esign-signzy .iagreebox input { vertical-align:top; margin-top:1px;}

.aadhaarASPForm .btn-primary { font-size:14px; height:40px;}
.stepsASP { padding:15px;}
.stepsASP .aadhaarNo { margin:0px; padding: 0px;}
.stepsASP .eSctr-line .form-control { font-size:16px; font-weight:bold;}

.isdcontrol select { width:25%; display:inline-block; margin-right:3%;}
.isdcontrol input { width:70%; display:inline-block;}

.reCAPTCHA { margin:10px 0px; font-size:11px; color: #999;}

.proceed-action { margin-top:30px; position: relative;}
.proceed-action .btn-proceed { padding:8px 20px !important;}
.goback { padding:5px 0px; margin-left:20px;}

.esign-asp .header-container { background:transparent; box-shadow:none; padding:10px 0px; }
.esign-asp .btn-proceed { width:100%; padding:10px 0px !important; }
.enrol-steps { clear:both; float:none; margin:0px 0px 15px;}
.enrol-steps ul { list-style:none; padding:0px; margin:0px;}
.enrol-steps ul li { list-style:none; padding:5px 0px; margin:0px; display:inline-block; padding-right: 30px;}
.enrol-steps ul li .icon { margin-right:3px; background:#999; box-shadow:1px 1px 3px rgba(0,0,0,0.2); color:#fff; padding:2px 7px; font-size:11px; border-radius:100%; display:inline-block; }
.enrol-steps ul li.active .icon { background:#f75b16;}
.enrol-steps ul li.completed .icon { background:#68a143;}
.enrol-steps ul li.active { font-weight:bold;}

.step-title { padding:0px 0px 10px;}
.step-title h1 { font-size:20px; margin:0px; padding:0px; font-weight:bold; }

.eSctr-icon .form-control { padding-left: 40px !important;}
.eSctr-icon i.fa { position:absolute; left:15px; top:20px; font-size:15px; color:#999;}
.eSctr-icon .fl-label { left:40px;}
.eSctr-icon i.fa-mobile { font-size:26px; top:14px;}
.eSctr-icon i.fa-lock { font-size:20px; top: 17px;}
.eSctr-icon i.fa-user { font-size:20px; top: 17px;}
.eSctr-icon i.fa-aadhaar { top:17px; left:9px;}
.eSctr-icon i.fa-aadhaar img { width: 26px; opacity: 0.6;}

.rstValue { font-weight:bold; font-size:15px; margin-bottom:10px;}
.rstValue a { margin-left:10px;}
.button-inline { padding:5px 0px 15px; text-align: right;}

.userInfo{padding: 7px 20px !important;}
.userInfo h3{font-size:16px !important;}
.userInfo p{font-size:12px !important;}
.customLogo{width: 165px;height: 45px;float: right;position: relative;}

.d-block{display:block;}
.messageBoxHeader {padding: 10px 10px;}
.mb-3{margin-bottom: 30px;}
.messageBox h5{line-height: 21px;}
.ml-1{margin-left: 10px;}
.captureBtn{display: flex;justify-content: right;align-items: center;width: 100%;}
.msgPad{padding: 5px 15px 15px 15px;}


.authenticate-verification{border: 1px solid #3997ed;background: #fff;padding: 15px 20px !important;border-radius: 5px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.doc-name{border:1px solid #ddd !important;}
.stepsAaadhaar .eSctr-line .form-control{border: 1px solid #cfcfcf;border-radius: 4px;padding-left: 15px;}
/*.eSctr-label .form-control:placeholder-shown:not(:focus) + .fl-label{margin-left: 85px;color: #a8a8a8;}
.eSctr-label .form-control:focus + .fl-label, .eSctr-line .form-control:not(:placeholder-shown) + .fl-label { top:-9px;font-size:12px;left: 15px;background: #fff;color: #f76618; }*/
.eSctr-number .form-control:placeholder-shown:not(:focus) + .fl-label{margin-left: 0px;color: #a8a8a8;left:170px;}
.eSctr-number .form-control:focus + .fl-label, .eSctr-line .form-control:not(:placeholder-shown) + .fl-label { top:-9px;font-size:12px;left: 15px;background: #F2F5FF;color: #5F84FC;z-index: 99;padding: 0px 3px;height: 14px;}
.eSctr-otp .form-control:placeholder-shown:not(:focus) + .fl-label{margin-left: 0px;color: #a8a8a8;left:230px;}
.eSctr-otp .form-control:focus + .fl-label, .eSctr-line .form-control:not(:placeholder-shown) + .fl-label { top:-9px;font-size:12px;left: 15px;background: #F2F5FF;color: #5F84FC;z-index: 99;padding: 0px 3px;height: 14px;}
.eSctr-labelBio .form-control:placeholder-shown:not(:focus) + .fl-label{margin-left: 30px;color: #a8a8a8;}
.eSctr-labelBio .form-control:focus + .fl-label, .eSctr-line .form-control:not(:placeholder-shown) + .fl-label { top:-9px;font-size:12px;left: 15px;background: #F2F5FF;color: #5F84FC !important;z-index: 99;padding: 0px 3px;height: 14px; }
.btn-outline-primary{background: #fff;border: 1px solid rgb(247, 102, 24);color: #f76618;height: 40px;}
.cancleBtn{margin-right: 35px;text-decoration: underline;font-size: 14px;}
.partitioned{  
  padding-left: 15px;
  letter-spacing: 45px;
  border: 0;
  background-image: linear-gradient(to left, #f76618 70%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 50px 1px;
  background-repeat: repeat-x;
  background-position-x: 35px;
  width: 295px;
  outline : none;
  margin-bottom: 20px;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline: inherit !important;}
.mt-15{margin-top: 15px;}
.mb-15{margin-bottom: 15px;}
.mt-30{margin-top: 30px;}
.text-underline{text-decoration: underline;}
.ft-11{font-size: 11px;}
.black{color:#000;}
.red{color:#de0404;}
.cLogo{width: 100px;margin-top: -12px;}
.eScrt-iris select.form-control{padding: 0px 15px 0px !important;font-size: 15px !important;} 
/*.userAuthentic-form .iagreebox{text-align: justify;}*/
.signzy-section{background:#F2F5FF !important;border: 1px solid #D2D4E9;border-bottom: none;border-radius: 12px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.eSctr-number{width: 62%;margin: 0 auto;}
.aadhaarSection .eSctr-number .form-control{border: 2px solid #5F84FC;color: #212B36;border-radius: 8px;padding-top: 10px;}
.aadhaarSection .eSctr-labelBio .form-control{border: 2px solid #5F84FC;color: #212B36;border-radius: 8px;padding-top: 10px;}
.eSctr-otp{width: 62%;margin: 0 auto;}
.aadhaarSection .eSctr-otp .form-control{border: 2px solid #BCBFDE;color: #212B36;border-radius: 8px;padding-top: 10px;}
.btn-outline-view{
    background: #fff;
    border: 1px solid #CB2448;
    color: #CB2448;
    height: 34px;
    font-weight: 600;
    border-radius: 8px;
}
.btn-view {    
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background: #CB2448 !important;
    border: 1px solid #CB2448;
    color: #fff !important;
    height: 34px;
    border-radius: 8px;
}
.mr-1{margin-right: 10px;}
.w-30{width:30%;}
.footer-section{
    background: #DFE9FE;
    padding: 20px 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.footer-box{display: flex;justify-content: space-between;}
.aadhaarSection p{color:#192174;font-weight: 600;padding-bottom: 10px;}
.logo-box{text-align: center;}
.logo-box p{margin-bottom: 5px;font-size: 9px;color: #2F48B5;}
.language-box p{margin-bottom: 5px;font-size: 9px;color: #2F48B5;}
.lang-en{    
    text-align: right;
    border: 1px solid #2F48B5;
    border-radius: 4px;
    padding: 5px;
    width: auto;
    float: right;
}
.lang-icon{
    color: #2F48B5;
    font-weight: 600;
    padding-right: 3px;
    padding-left: 2px;
}
.lang-en a{font-weight: 600;color: #2F48B5;}



/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
*******************************/
	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 320px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		left: -320px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.left.fade.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}

/* ----- MODAL STYLE ----- */
	.modal-content {
		border-radius: 0;
		border: none;
	}

	.modal-header {
		border-bottom-color: #EEEEEE;
		background-color: #FAFAFA;
	}



.demo {
	padding-top: 60px;
	padding-bottom: 110px;
}

.info-icon {
    margin: 15px;
    padding: 10px 15px;
    border-radius: 0;
    font-size: 20px;
    position: absolute;
    top: 58px;
    right: 0px;
    color: #637381;
}
.info-icon:hover{text-decoration: none;}
.info-icon:focus{outline:none;text-decoration: none;}

.btn-demo:focus {
	outline: 0;
}

.box-wrapper{position:relative;}
.pdf-modal .modal-body{background: #f2f5ff;word-break: break-all;padding-top: 0px !important;}
.pdf-modal .modal-content{background: #f2f5ff;border-top-left-radius: 12px;border-bottom-left-radius: 12px;}
.pdf-modal .modal-header {border-bottom: none;background-color: #f2f5ff;}
.pdf-modal ul{padding-left: 10px;}
.pdf-modal ul li{list-style: none;margin-bottom: 10px;}
.pdf-modal li .form-label{color:#192174;}
.pdf-modal li .form-value{color:#192174;font-weight: bold;}
.aadhaarOtpProcess button{background: #CB2448 !important;width:254.59px !important;height: 34px !important;border-radius: 8px !important;}
.resendOtpView{text-align: right;margin: 0 auto;width: 62%;}
.resendOtpViewNew{text-align: left;margin: 5px auto 0px auto;width: 62%;color:red;}
.w-46{width:46%;}
.resendOtpBtn{color: #5F84FC;font-weight: bold;font-size: 11px;}
.aadhaarSection .eSctr-select .fl-label.fl-active{top: -8px !important;}
.aadhaarSection .eSctr-select select.form-control{padding: 5px 10px 0px;}
.consent-section .modal-header{background-color:#DFE9FE;color: #2F48B5;border-bottom: 1px solid #b5c3ff;}
.consent-section .modal-body{background: #F2F5FF !important;}
.cancelSection .modal-header{background-color:#DFE9FE;color: #2F48B5;border-bottom: 1px solid #b5c3ff;}
.cancelSection .modal-body{background: #F2F5FF !important;}
.processBtn button{width:254.59px !important; height: 34px !important;background: #CB2448 !important;border: 1px solid #CB2448 !important;border-radius: 8px !important;}
.aadhaarSection .eSctr-select-bio select.form-control{border: 2px solid #5F84FC;border-radius: 8px;}
.aadhaarSection .eScrt-iris .form-control {border: 2px solid #5F84FC;border-radius: 8px;}
.aadhaar-fa-eye{position:relative;}
.eyeIcon {
    position: absolute;
    right: 0px;
    top: 11px;
}
.eyeIcon .input-fa-eye {
    vertical-align: sub;
}
/*.aadhaar-fa-eye .input-fa-eye{position: absolute; top: 13px; right: 15px;font-size: 18px;}*/
.stepsASP .eSctr-eye .form-control {font-size: 16px;font-weight: bold;}
.eSctr-eye .form-control{border-radius: 0px;font-size: 15px;padding: 20px 0px 5px;padding-right: 30px;display: block;height: 44px !important;box-shadow: none;border: none;border-bottom: 1px solid #bbb;width: 100%;color: #494949;font-family: 'eSignFont-Bold', Arial;}
.eSctr-eye .form-control:not(:placeholder-shown) + .fl-label {top: 0px;font-size: 12px;left: -3px;background: inherit;color: inherit !important;z-index: 99;padding: 0px 3px;height: 14px;}
.eSctr-eye .form-control:placeholder-shown:not(:focus) + .fl-label {top: 15px;color: #333;font-size: 13px;}
.eSctr-eye .fl-label {color: #727682;z-index: 9;font-size: 12px;font-weight: normal;position: absolute;pointer-events: none;left: 0px;top: 0px;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}




@media screen and (min-width: 769px){
    .d-sm-none{display: none !important;}
}
@media screen and (min-width: 1140px)
{
    .container { width:950px;}
    .wPr0 { padding-right:0px;}
    .wPl0 { padding-left:0px;}
}
@media (max-width: 425px) {
    .aadhaar-fa-eye .input-fa-eye {
    right: 0px;
    font-size: 20px;
    display: inline-block;
}
    .success-box{padding: 25px 0;}
    .form-box .form-box-ctr{padding: 25px;}
}
@media (max-width: 374px){    
    header .page-subheading { padding-left:5px; margin-left:5px; padding-right:0px; margin-right:0px;}
    .box-container { margin-left:-15px; margin-right:-15px;}
    .enrol-steps ul li { padding-right:10px !important;}
    .step-title h1 { font-size:18px;}
}
@media (max-width: 387px){
    .enrolBtn .btnCancel{ margin:15px 20px 0 !important;}
    #VideoContainer .btn-prim { margin-top: 15px;}
}

@media (max-width: 768px)
{
    .eyeIcon {
    width: 70px;
    position: absolute;
    right: 0px;
    top: 11px;
    text-align: center;
    height: 30px;
}
.eyeIcon .input-fa-eye {
    vertical-align: sub;
}
    .info-section { padding:10px 0px;}
    .form-box .kyc-details .form-label{font-weight: 600;}
    .doclists .docitem .list { word-break:break-all;}
    .section-box { min-height:0;}
    header .org-name { text-align:center !important; margin:10px -15px -7px; padding:5px; font-size:18px; background:#f1f1f1; border-top:1px solid #e2e2e2;}
   
    .newuser-section {padding:20px; margin-bottom:20px; min-height:0px;}
    .newuser-section .form-box { padding:0px;}
    .box-container { margin-bottom:10px;}
    .otherkyc-box .col-sm-6 { text-align:center;}
    .otherkyc-box .col-sm-6:first-child { padding-bottom:15px;}

    .form-box .form-box-ctr { padding:0px;}
    .kycinfo-section { padding:20px;}
    .footer { margin-top:0px;}
     body{background: #fff;}
    .slidenav.openNav, .slidenav.closeNav, .slide-content:before { display:block; }
    .authenticator-section .leftside-content{width: 100%;}
    .authenticator-section .rightside-content{width: 100%; border-bottom: none; padding:15px 0px;}
    .authentic-pin{display: block;}
    .authentic-pin span a{display: block; margin-left: 0px; margin-top: 5px;}
    .nav-tabs.authenticate-steps{ margin-bottom: 2px;padding: 8px 10px 0px;}
    .header-container .org-name {display: none;}
    .doc-details .org-name{padding: 15px 20px;}
    .doclists li{text-align: left; margin-left: 0px; padding-left: 40px;}
    .initiate-section { padding:30px;}
    .uncheck-note{text-align: left; margin-left: 0px;}
    .authentication-section .page-title {margin: 5px 25px;}
    .doc-section{display: none;}
    .authenticate-steps li{margin-right: 10px;font-size: 13px;}
    .authenticate-formSection{padding: 0px 25px;background: none; border: none; min-height:260px; }
    .authentic-form .form-box .form-group {margin-bottom: 15px;}
    .authentic-form .lbl-note{position: absolute;top: -2px;padding: 0px 4px;}
    .footer{background:none;}
    .authentic-form .form-box p{ margin-top: 10px;}
    .authentic-form .form-box h3{margin: 15px 0 10px;}
    .info-box{padding: 15px 15px;}
    .nav-tabs.authenticate-steps {margin-bottom: 2px;padding: 8px 10px 0px;}
    .authenticate-steps li.active {border-bottom: 3px solid #02a6ea;}  

    .slide-content { display:none;background: #f9f9f9;position: absolute;width: 100%;z-index: 999;left: 0;box-shadow: 0 5px 5px rgb(0 0 0 / 20%); padding-bottom:30px;}
    .slide-content .doc-details { margin:0px;}
    .slide-content .doclists li input { left: 20px;}

    .overlayDoc { background:rgba(0,0,0,0.05); position:fixed; left:0px; z-index:999; height:100%; width:100%; }

    .eSignPerform{text-align: center;}
    .divcontent table tr td:first-child{white-space: nowrap;}
    .CategoryGroup .IdProof {margin-left: 10px;}
    .upload{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;}
    
    .asp-formSection { padding:5px !important;}
    .aspdoc-details { padding:12px 20px; }
    .aspdoc-details .dropdown { right:15px;}
    .consent-box .heading .form-group { margin:0px;}
    .consent-box .heading .form-group.controls { margin:5px 0px 10px; display: block; }
    .consent-box .heading .form-group.controls .form-control { width:50%; display: inline-block; vertical-align: top;}
    
    .btn-main-action { text-align: center;}
    .btn-main-action .btn { margin:10px auto 0px; width:100% !important; display: block; }
    
    .aadhaarASP .page-subheading {display: none;}
    .aadhaarASP .org-name { display:block; background:transparent; padding: 12px 0px;margin: 0px;border: none;text-align: right !important; font-size:15px;}    
    
    .aadhaarASPForm .btn-primary { font-size:15px; height:40px;}
    .stepsASP { padding:15px 20px;}
    .stepsASP .aadhaarNo { margin:0px; padding: 0px;}
    .stepsASP .eSctr-line { margin-bottom:20px;}
    .stepsASP .eSctr-line .form-control { font-size:18px; font-weight:bold;}    
    .aadhaarASP .aadhaarASPForm .consent-box { margin:15px -20px -20px; border-radius:0;}
    
    .action-fixed {  width:100%;}
    /*.action-fixed { position: fixed; bottom: 0px; background: #fff; padding:10px; width:100%; left:0px; box-shadow:0px -5px 5px rgba(0,0,0,0.1);z-index:9;}*/
    .action-fixed #esigntd .btn {width: auto !important; display: inline-block;}
    .action-fixed .btn-main-action { text-align:right !important; padding:0px 15px;}
    .action-fixed .btn-main-action a{ float: left; margin-top:5px;}
    
    
    .esign-signzy .action-fixed {padding: 10px !important;position: inherit !important;box-shadow: inherit !important;}
    .esign-signzy .action-fixed #esigntd .btn {display: inline-block !important;padding: 0px 5px !important;}
    .esign-signzy .action-fixed .btn-main-action { text-align:right !important; padding:0px 15px !important;margin-top: 0px !important;}
    .esign-signzy .action-fixed .btn-main-action a{ float: left !important; margin-top:20px !important;}
    
    .aspdoc-details .form-value{width: 210px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .mob-btnaction { padding:10px 0px;}
    .mob-btnaction a { float:left; margin-right:0px !important; margin-top:7px; display: inline-block; }
    .mob-rdoboxlist .rdoboxlist { display:block !important; margin:5px 0px;}
    
    .aadhaarTypeBox .aadhaarType { position:relative; right:auto; top:auto;}
    .proceed-action .goback { margin-top:10px; display:inline-block;}
    
    .enrol-steps ul li { padding-right:20px;}
    .button-inline #esigntd a { vertical-align:top; margin-top:10px; display:inline-block; float:left; }
    .button-inline #esigntd .btn { width:60% !important;}   
    .uploadfile-box { margin:0px -20px 15px;}
    .box-container .ttipContent { left:auto; right:-20px;}
    .box-container .rdogender { margin-bottom:10px;}
    .consent-content .controls{display:flex;margin-left: 0px;}
    .consent-content .controls select{margin-right: 10px;}
    .vrform-box {margin: -25px -15px 30px; padding:5px; }
    .languageDiv { text-align:center !important; margin:0px;}
    .VRpopupConent { padding:5px;}
    .userInfo {padding: 15px 15px !important;}
    .eSctr-label .form-control:placeholder-shown:not(:focus) + .fl-label{margin-left: 15px;}
    .stepsAaadhaar{text-align: center;}
    .btn-xs-view{display:block;}
    .userAuthentic-form .form-box .form-group{margin-bottom: 0px !important;}
    .actionNew .btn-main-action a{margin-top:0px !important;}
    .modal-xs-btm{top: inherit !important;}
    .confirm-process{text-align: center !important;}
    .confirm-process .cancleBtn{margin-right: 0px !important;margin-bottom: 10px !important;display: block;}
    .confirm-process .btn.btn-primary{margin-top: 10px; width: 100%;}
    .eSctr-labelBio .form-control:placeholder-shown:not(:focus) + .fl-label {margin-left: 20px;color: #a8a8a8;}
    .authenticate-verification{padding: 0px 5px 15px 5px !important;}
    .userAuthentic-form .processBtn button{width: 150.29px !important;height: 34px !important;background: #1F2991 !important;border: 1px solid #1F2991 !important;}
    .consentLanguage{text-align: left !important;}
    .stepsAaadhaar .eSctr-line .otpFormBox{margin-left: 27% !important;padding-left: 48px !important;width: 45% !important;}
    .esign-signzy .stepsAaadhaar .iagreebox{text-align: left !important;}
    .stepsASP .eSctr-label{margin-bottom: 5px !important;}
    .userAuthentic-form .form-box p { margin-top: 10px !important;margin-bottom: 5px !important;}
    .esign-signzy .iagreebox a.ft-11{font-size: 13px !important;padding-left: 5px !important;}
    .aspdoc-details .dropdown .dropdown-menu{padding: 5px 20px !important;}
    .aadhaarSection > p{width: 80%;}
    .info-icon{top: 132px;}
    .modal.right.fade.in .modal-dialog {right: 0;width: 100%;bottom: 0px;height: 35%;}
    .pdf-modal .modal-content{border-top-right-radius: 12px;border-bottom-left-radius: 0px;}
    .aadhaarSection .eSctr-number {width: 100%;margin: 5px auto 0 auto;}
    .eSctr-number .form-control:placeholder-shown:not(:focus) + .fl-label{left: 50px;}
    .esign-signzy .aadhaarSection .iagreebox{width: 100% !important;padding: 15px 0px !important;}
    .w-30 {width: 45%;}
    .aadhaarOtpProcess button{background: #1F2991 !important;border: 1px solid #1F2991 !important;width:136.79px !important;height: 34px !important;border-radius: 8px !important;}
    .pdf-modal .modal-body{width: 85%;}
    .aadhaarSection .eSctr-otp {width: 100%;margin: 0 auto;}
    .aadhaarSection .eSctr-otp .otpFormBox {margin-left: 0% !important;padding-left: 15px !important;width: 100% !important;}
    .eSctr-otp .form-control:placeholder-shown:not(:focus) + .fl-label{left:100px !important;}
    .resendOtpView {text-align: right;margin: 0 auto;width: 100%;}
    .actionNew{background: none !important;padding: 0px !important;}
    .btn-view {background: #1F2991 !important;border: 1px solid #1F2991;}
    .btn-outline-view {border: 1px solid #1F2991;color: #1F2991;}
    .aadhaarSection .eSctr-number .form-control{border: 2px solid #1F2991;}
    .eSctr-number .form-control:focus + .fl-label, .eSctr-line .form-control:not(:placeholder-shown) + .fl-label { background: #F2F5FF;color: #1F2991;}
    .resendOtpViewNew{width: 100%;}
    .pl-xs-0{padding-left: 0px;}
    .pr-xs-0{padding-right:0px;}
    .captureView{padding-right: 0px !important;padding-left: 0px !important;}
    .upload-content p{min-height: 56px;}
    .aadhaarSection .eSctr-labelBio .form-control {border: 2px solid #1F2991;color: #212B36;}
    .aadhaarSection .eSctr-select-bio select.form-control {border: 2px solid #1F2991;color: #212B36;}
    .eSctr-labelBio .form-control:focus + .fl-label, .eSctr-line .form-control:not(:placeholder-shown) + .fl-label{color:#1F2991 !important;}
    .aadhaarSection .eScrt-iris .form-control {border: 2px solid #1F2991;color: #212B36;}
    .mb-xs-10{margin-bottom: 10px;}
    .mt-xs-20{margin-top: 20px;}
    .eSctr-labelBio .form-control:focus + .fl-label, .eSctr-line .form-control:not(:placeholder-shown) + .fl-label {left:0px;}
    .aadhaarASPForm #OTPspannew .btn-primary{margin-top: 20px !important;}
}