/*Import Global Compulsory CSS Files*/
/*@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=cyrillic,latin');*/

body{
    color: #333333;
    font-size: 15px;
    line-height:24px;
    background:#fff;
    font-family:"Open Sans", Arial, sans-serif;
}
body.ctl-theme {background:#282828;}
body.gray-bg {background:#e7e7e7;}
a,
a:focus,
a:hover,
a:active,
input,
input:active,
button,
button:hover {
    outline: 0 !important;
    text-decoration:none;
}
a, a:hover {
    color: #c00d0d;
    text-decoration: none;
} 
a:hover {
    text-decoration: underline;
} 
.pr-0 {
    padding-right:0px;
}
.mb-0 { margin-bottom:0px !important;}
.mr {
    margin-right:10px !important;
}
.mt {
    margin-top:15px !important;
}
.mb {
    margin-bottom:15px !important;
}
.form-group {
    margin-bottom:10px;
} 
.alert {
    padding:15px;
    margin-bottom:10px;
    border-radius:10px;
}
.bold-font, .bold { font-weight:bold !important;}

.tooltip-wrapper-15 { white-space: normal; }

.btn {
    padding:8px 20px;
    border-radius:20px !important;
}
.btn.btn-primary {
    border-radius:20px !important;
    padding:8px 20px;
    font-weight:bold;
    background:#c00d0d;
    color: #fff;
    border:1px solid #c00d0d !important;
    box-shadow:none;
} 
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:active:hover,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover,
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    border-color: #de0505 !important;
    background: #de0505 !important;
}

.form-control { border-radius:8px; height:40px;}
.form-control:focus, .form-control:active { border-color: #aaa; box-shadow:2px 2px 3px rgb(155 159 163 / 60%);}

.container-fluid { padding-right: 5%; padding-left: 5%;}

/*Boxed Layout
------------------------------------*/ 
.header { 
    width:100%;
    position:fixed;
    background:#282828; 
    top:0px;
    z-index:1;
}
.header-sticky .header { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); z-index: 2 !important; border-radius:0 0 30px 30px;}
.header .logo {
    margin:10px 0px;
    display:inline-block;
}
.header .logo .subhead {
    color:#000;
    font-size:16px;
    padding:8px 15px;
    border-left: 1px solid #ccc;
    vertical-align:top;
    margin:20px 10px 10px;
    display:inline-block;
}
.header .navbar-collapse {
    float:right;
    padding:0px;
}
.header .navbar-nav > li { padding:0px 10px;}
.header .navbar-nav > li > a {
    padding:7px 9px;
    color:#ddd;
    font-size:15px;
    font-weight:bold; 
} 
.header .navbar-nav > li > a:hover, .header .navbar-nav > li > a:focus, .header .navbar-nav > li > a:active {
    color:#fff;
    background:none;
}
.main_menu ul{
    margin:25px 0px;
}
.purchase-content { background: #fff; margin:150px 0px 50px; border-radius:20px; padding:0px !important; min-height:360px; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1); }
.accordion-panel { border-right:1px solid #ccc; margin-right:-30px;}

.dropdown-menu { padding:10px 0px; border-radius:10px;}
.dropdown-menu>li>a {
    padding: 5px 20px;
}

.raAdmin_head{
    font-size: 22px; 
    padding:12px 0px;
    text-align:center;
    background: none!important;
}
.fixed-header { 
    position:static; 
    box-shadow: none; 
    top:0px; 
    background: transparent;
    z-index:2;
}
/*.fixed-header.sticky { z-index:0 !important; }*/
.fixed-header .logo {
    margin:10px 5px 0px;
}
.fixed-header .logo img {
    height: 55px;
}
.fixed-header .logo .subhead {
    color:#fff;
    padding:5px 15px;
}

.page-sidebar { 
    width: 300px; 
    position:fixed;
    left: 0px;
    top:0px; 
} 
.page-sidebar .logo { margin:10px 20px 30px;}
.page-sidebar .sidebar {
    background:transparent;
    border:none;
    margin:0px; 
    height:calc(100vh - 137px) !important;
    overflow: auto !important;
    padding:0px;
}
.page-sidebar .btn-uploadsign { margin:10px 40px 0px 20px; padding:10px; border-color: #c00d0d !important; color: #fff; display: block; background:#c00d0d; }
.page-sidebar .btn-uploadsign:active:hover { background:#000; color: #fff; }

.sidebar-nav .menu-title {
    padding: 12px 20px !important;
    letter-spacing: .08em;
    pointer-events: none;
    cursor: default;
    font-size: 10px;
    text-transform: uppercase; 
    font-weight: 600;
    opacity: .6;
    color: #fff;
}

.sidebar ul {
    margin: 0;
    padding: 0;
    max-width:280px;
}

.sidebar ul ul {
    margin:10px 0px;
}


.sidebar li {
    list-style: none;
    color: #424242;
    position: relative;
    padding:0;
    box-sizing: border-box;
}

.sidebar li a {
    text-decoration: none;
    color: #fff;
    padding:7px 20px;
    display: block;
    padding-left:25px;
    border-radius:0 30px 30px 0;
}

.sidebar li a.nav-link {
    text-decoration: none;
    color: #fff;
    padding:12px 15px;
    border-radius:0 30px 30px 0;
    display: flex; justify-content: flex-start; align-items: center;
}
.sidebar li a.nav-link i.fa { width:20px; text-align: center; }
.sidebar li a.disabled {
    pointer-events: none;
    content: 'Please follow the steps';
}
.sidebar li a .tt {
    display: none;
}
.sidebar li a.disabled .tt {
    content: "";
    left: 0;
    top: 0;
    height: 40px;
    position: absolute;
    z-index: 99;
    content: attr(title);
    width: 100%;
    display: block;
}
.sidebar li .nav-link.active {
    background: #c00d0d;
    color: #fff;
}
.sidebar li .panel-collapse li.active a {
    font-weight: bold;
}

.sidebar li .num {
    border-radius: 50%;
    background: #0060c0;
    height: 32px;
    width: 32px;
    color: #fff;
    font: normal 20px/32px 'robotobold';
    text-align: center;
    display: inline-block;
    margin-left: 15px;
    margin-right: 14px;
}

.sidebar li .fa-exclamation-triangle {
    color: #e18a00;
    font-size: 20px;
    position: absolute;
    right: 18px;
    top: 15px;
}

.sidebar li .fa-check-circle {
    color: #007914;
    font-size: 20px;
    position: absolute;
    right: 18px;
    top: 15px;
}
.sidebar li.nav-item a[aria-expanded=true] { background: rgba(255,255,255,0.05);}
.sidebar li.nav-item a[aria-expanded=true].active { background: #c00d0d;}
.sidebar li.nav-item a[aria-expanded=false]:after, .sidebar li.nav-item a[aria-expanded=true]:after
{
    font-family: 'FontAwesome';
    position:absolute;
    right:20px;
    color: #fff;
    margin-right: 5px;
    font-size: 20px;
    content: "\f104";
    transform: rotate(-90deg);
}
.sidebar li.nav-item a:hover { background: rgba(255,255,255,0.05);}
.sidebar li.nav-item a:hover[aria-expanded=false]:after, .sidebar li.nav-item a:hover[aria-expanded=true]:after
{
    color: #fff;
}

.sidebar li.nav-item #accordion21 a:hover[aria-expanded=false]:after {
    color: #fff
}

.sidebar li.nav-item a[aria-expanded=true]:after { 
    transform: rotate(90deg);
    color: #ffffff;
}
.sidebar li.nav-item a.active:after {
    color: #fff !important;
} 
.sidebar .panel-collapse ul li a { padding-left:45px}
.sidebar .panel-collapse ul li a:before {
    content: "\279F";
    position: absolute;
    left: 20px;
    top: 6px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.sidebar li span { display: flex; justify-content: start; align-items: center; margin-right:5px;}
.sidebar li span svg { opacity:0.8;}
.sidebar li a.nav-link.active span svg { opacity:1;}
.sidebar li .icon1 svg { stroke:#ffffff;}
.sidebar li a.nav-link.active .icon1 svg { stroke:#ffffff;}
.sidebar li .icon2 svg path { fill:#ffffff; }
.sidebar li a.nav-link.active .icon2 svg path { fill:#ffffff;}
.sidebar li .icon2 svg rect { stroke:#ffffff;}
.sidebar li a.nav-link.active .icon2 svg rect { stroke:#ffffff;}
.sidebar li .icon2 svg .stroke { stroke:#ffffff;}
.sidebar li a.nav-link.active .icon2 svg .stroke { stroke:#ffffff;}

.sidebar li .icon3 svg { fill:#ffffff;}
.sidebar li a.nav-link.active .icon3 svg { fill:#ffffff;}
.sidebar li .icon4 svg path { fill:#ffffff;}
.sidebar li a.nav-link.active .icon4 svg path { fill:#ffffff;}
.sidebar li .icon5 svg path { fill:#ffffff;}
.sidebar li a.nav-link.active .icon5 svg path { fill:#ffffff;}
.sidebar li .icon6 svg { fill:#ffffff;}
.sidebar li a.nav-link.active .icon6 svg { fill:#ffffff;}
.sidebar li .icon7 svg { Fill:#ffffff;}
.sidebar li a.nav-link.active .icon7 svg { Fill:#ffffff;}
.sidebar li .icon8 svg { fill:#ffffff;}
.sidebar li a.nav-link.active .icon8 svg { fill:#ffffff;}
.sidebar li .icon9 svg { fill:#ffffff;}
.sidebar li a.nav-link.active .icon9 svg { fill:#ffffff;} 
.sidebar li .icon10 svg { fill:#ffffff;}
.sidebar li a.nav-link.active .icon10 svg { fill:#ffffff;} 


.header-top-right {
    text-align: right;
    margin:0px 20px;
}
.header-top-right .profile-nav {
    color:#fff;
    list-style:none;
    margin:15px 0px;
    padding:0px;
    display: flex;
    align-items: center;
    justify-content: end;
    gap:10px;
}
.header-top-right .profile-nav h5 { margin:0px;}
.header-top-right .lang_txt {
    display: flex;
    border-radius: 30px;
    margin: 0px;
    text-align: center;
    box-shadow: none;
    color: #c00d0d !important;
    border: 1px solid #ddd !important;
    padding: 1px;
}
.header-top-right .language-select { 
    color: #fff !important;
    box-shadow: none;
    border: none;
    background-color: #54a255;
}
.header-top-right .language-select.active {
    background: #c00d0d !important;
    color: #fff !important;
    /*    border: #fff !important;
        border-radius: 5px 0px 0px 5px;*/
}
.header-top-right .language-select.inactive {
    cursor: pointer;
}
li.ph_name h5 {
    margin-top: 0px;
}
.header-top-right .profile-nav li {
    line-height:16px;
    vertical-align:top;
    list-style:none;
    display:inline-block;
    margin:0px;
    padding:0px;
}
.header-top-right .profile-nav li h4 {
    margin:0px;
    padding:0px;
}
.header-top-right .profile-nav li .dropdown-toggle {
    color: #000;
    background:#fff;
    border-radius:100%;
    display:inline-block;
    margin:0px;
    padding:10px 12px;
}
.header-top-right .profile-nav .dropdown-menu li {
    padding:0px;
    display:block;
}
.header-top-right .profile-nav .dropdown-menu li a {
    padding:7px 20px;
    display:block;
    color:#000;
}
.header-top-right .profile-nav .dropdown-menu li.user_name {
    color: #000;
    padding:10px 20px;
}
.header-top-right .profile-nav .dropdown-menu li.user_name h5 {
    margin:0px;
    text-transform:capitalize;
}
.logo img {
    height: 60px;
}
.header-container .langDropdown {
    margin-top: 10px;
}
.header_language {
    background: transparent!important;
    border:1px solid #ccc!important;
    color: #fff!important;
    appearance: none;
    padding: 7px 22px!important;
    height: 36px!important;
    border-radius: 5px;
}
.header_language option {
    margin: 40px;
    border-radius: 5px;
    background:#fff;
    color: #61b14f !important;
    text-shadow: 0 1px 0 rgb(117 195 77);
}
.header-container {
    box-shadow: 0 0 2px rgb(0 0 0 / 20%);
    padding: 7px 0px;
    position: relative; 
}
.header-container .lang_txt {
    border-radius: 30px;
    padding: 1px;
    margin: 0px;
    box-shadow: none;
    color: #c00d0d !important;
    float: right;
    border: 1px solid #ddd;
    text-align: center;
}
.header-container .language-select { 
    font-size: 15px;
    padding: 7px; 
    color: #c00d0d;
    border: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.header-container .language-select.active {
    background: transparent;
    color: #c00d0d;
    border: 1px solid #ddd;
    border-radius:5px 0px 0px 5px;
}
.header-container .language-select.inactive {
    cursor: pointer;
}
.logo-subhead {
    color: #fff;
    font-size: 18px;
    padding: 5px 15px;
    border-left: 1px solid #ccc;
    vertical-align: middle;
    margin: 0px 10px;
    display: inline-block;
}
.lang-dropdown {
    margin-top:-5px !important;
    margin-right:35px !important;
}
.lang-dropdown select {
    margin: 8px 10px 0px;
    height: auto !important;
    background: transparent;
    color: #fff;
    padding: 6px;
    border: 1px solid rgba(255,255,255,0.1);
}
.lang-dropdown select:focus, .lang-dropdown select:active {
    box-shadow: none;
    border: 1px solid rgba(255,255,255,0.1);
}
.lang-dropdown select option {
    color: #000;
}

.language {
    display:inline-block;
}
.language select {
    border-radius:0px;
    padding: 2px 5px !important;
    height: auto !important;
    font-size: 13px;
    border: none;
    box-shadow: none;
}

.header .navbar-nav > li > a.mainmenu_lng{
    border-radius: 5px;
    max-width: 250px;
    padding: 1rem;
    position: relative;
    padding:0px
}
.header .navbar-nav > li > a.mainmenu_lng select{
    border-radius:5px;
    border:1px solid #3f8f60;
    padding:0px 10px;
    margin:0px;
    text-align: center;
    color:#c00d0d;
}
.header .navbar-nav > li > a.mainmenu_lng select option {
    color:#000;
    text-align:left;
}
.header .navbar-nav > li > a.mainmenu_lng select:focus, .header .navbar-nav > li > a.mainmenu_lng select:active {
    box-shadow: none;
}
.header .navbar-nav > li > a.btn.btn-login{
    background: #c00d0d;
    color: #fff;
    border:1px solid #c00d0d;
    padding: 7px 20px; 
    border-radius: 30px;
}
.header .lang_txt {
    display: flex;
    border-radius: 5px;
    margin: 0px;
    text-align: center;
    box-shadow: none;
    color: #c00d0d;
    border: 1px solid #3f8f60;
}
.header .language-select {   
    color: #c00d0d;
    border: none;
}
.header .language-select.active {
    background: transparent;
    color: #c00d0d;
    /*    border: 1px solid #ddd;
        border-radius:5px 0px 0px 5px;*/
}
.header .language-select.inactive {
    cursor: pointer;
    border: none;
}

.language-toggle {
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 1px;
    text-align: center;
    display: flex;
    background: #fff;
}
.language-toggle .language-select {
    text-decoration: none;
    color: #000000 !important ;
    padding: 5px 10px;
    background-color: transparent;
    font-size: 13px;
    text-align: center;
    border-radius: 30px !important;
    border: none !important;
    height:auto;
    line-height:22px;
}
.language-toggle .language-select.active {
    background: #000 !important;
    color: #fff !important;
}
.language-toggle input[type=button]{
    box-shadow: none !important
}

.content-page {
    min-height: 448px;
}
.pagetop-action {
    margin-top:10px;
}
.pagetop-action .btn-export {
    padding:3px 10px;
}
.pagetop-action .btn-export:hover {
    background:#68a143;
    border-color:#68a143;
    color:#fff;
}
.form_head{
    display: inline-block;
}

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

.page-title { min-height:70px; display: flex; align-items:center;}
.page-title h2 { 
    margin:0px;
    font-size: 20px;
    position:relative;
}
.page-title small {
    display:block;
    font-size:17px;
    padding:0px;
    text-align:center;
    color: #888;
    margin-top: 10px;
}

.plan-grid { 
    color: #474747;
    margin: 20px 0px 20px;
    padding:20px 0px 40px;
    border:1px solid #ccc;
    min-height: 390px;
    background: #fff;
    -webkit-transition: -webkit-transform 100ms ease;
    transition: -webkit-transform 400ms ease;
    transition: transform 400ms ease;
    transition: transform 400ms ease, -webkit-transform 400ms ease;
    position: relative;
    border-radius: 20px; 
} 
.plan-grid h3{
    text-align:center;
    font-size:22px;
    font-weight:bold;
    margin-bottom:20px; 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding:0px 30px;
    word-break: break-word;
    min-height: 45px;
}
.plan-grid .price {
    text-align:center;
    font-size: 25px;
    color: #000;
    font-weight:500;
}
.plan-grid .price small {
    font-size:14px;
    color:#667085;
}
.plan-grid ul {
    list-style:none;
    margin-bottom:20px;
}
.plan-grid ul li{
    padding:2px 0px;
    padding-left:20px;
}
.plan-grid ul li:before{
    content:'';
    position: absolute;
    left:30px;
    width:20px;
    height:20px;
    background: url("../images/list-check.svg") no-repeat 0 0; background-size:cover;
}
.plan-grid .subscribe-btn {
    text-align:center;
} 
.plan-grid .enquire-plan {
    text-align:center;
    font-size:16px;
    padding:5px 15px 15px;
}
.plan-grid .btn {
    padding:7px 20px;
}
.plan-grid .ribbon{
    width:188px;
    height:188px;
    position:absolute;
    top:-8px;
    right:-8px;
    overflow:hidden;
    color:#fff;
    font-size:14px;
}
.plan-grid .ribbon:before, .plan-grid .ribbon:after{
    content:"";
    position:absolute;
}
.plan-grid .ribbon:before{
    width: 14px;
    height:8px;
    right:100px;
    background:#275413;
    border-radius:8px 8px 0 0;
}
.plan-grid .ribbon:after{
    width:8px;
    height: 11px;
    right:0;
    top: 102px;
    background:#275413;
    border-radius:0 8px 8px 0;
}
.plan-grid .ribbon span {
    width:200px;
    height: 25px;
    line-height: 23px;
    position:absolute;
    top:30px;
    right:-50px;
    z-index:2;
    overflow:hidden;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    background: linear-gradient(#7597d0 0%, #243551 100%);
    background:linear-gradient(#5fce2b 0%, #3f8222 100%);
    text-align:center;
} 

.bg-gray {
    background:#f9f9f9;
    padding:15px;
    border: 1px solid #ddd;
    margin-right:-15px;
} 
.planContent { border-top:1px solid #ddd; text-align: center; margin-top:30px; padding-top:30px;}

/*select.form-control{height:30px; padding:3px;}*/
.hg-value {
    font-weight:500;
}
.orderSummary .hg-value {
    position: relative;
}
.orderSummary-container{
    height: 82vh;
}
.OrderSummary-btndefault{
    border-radius: 30px !important
}
.mandatory {
    color:#ff0000;
}

.summary .panel-default {
    margin:0px;
    background: transparent;
    border-radius:0px;
    border:none;
    box-shadow:none;
}
.summary .panel-heading { 
    font-size:18px;
    font-weight:bold;
    padding:30px 30px 0px;
    background: none; 
    border:none;
}
.summary .panel-body {
    padding:20px 30px;
}
.summary h3.title {
    margin:0px 0px 10px;
    font-size:18px; 
    color: #000;
    line-height: normal;
    word-break: break-all;
}
.summary h4 {
    font-size:20px;
    margin:0px; 
}
.summary h5 {
    font-size:15px;
    margin:0px;
}
.summary hr {
    margin-top:10px;
    margin-bottom:10px;
    border-top:1px solid #ddd;
}
.summary .summary-total {
    padding:0px 0px 10px;
}
.summary .summary-total .panel-body {
    padding:20px;
}
.summary .summary-total .sub-total {
    padding-top:10px;
    margin-top:10px;
    border-top:1px dashed #ddd;
}

.summary .form-group{
    margin-bottom:5px;
}
.summary-total .form-group span{
    color: #c00d0d;
}
.summary .total-price {
    padding-left:40px;
}
.summary .ctype {
    margin-right:10px;
    color:#999;
}
.summary .orderSummary .ctype {
    margin-right:0px;
    color:#999;
    position: absolute;
    left:80px;
}
.summary .more-help {
    text-align:center;
    padding:30px 0px 15px;
    font-size:16px;
    border-top:1px dashed #ddd;
}

.summary .more-help a:hover, .summary .more-help a:focus{ text-decoration:underline;}

.payment-success  {
    text-align:center;
}
.payment-success  .success-box {
    margin-bottom:15px;
    padding:30px 0px 30px;
}
.payment-success  .success-box p {
    font-size: 20px;
    margin-bottom: 15px;
}
.payment-success  .success-box h1 {
    margin-bottom:20px;
    color:#5ba737;
}
.payment-success  .success-box h1 img {
    margin-top:-3px;
    margin-right:10px;
}
.payment-success .table {
    border:1px solid #f1f1f1;
    text-align:left;
    font-size:16px;
}
.payment-success .table strong {
    font-weight:500;
}
.payment-success .table>tbody>tr>td {
    padding: 10px 7px;
}

.contact-info {
    position:relative;
    text-align:right;
    margin-top:5px;
    font-size:13px;
}
.contact-info span {
    padding-left:10px;
}
.contact-info span i {
    color: #ccc;
}
.contact-info a {
    color: #555;
    font-size:13px;
}

.pre-login .ext-kyc, .pre-login .new-user {
    padding:20px;
    border:1px solid #d6d3d3;
    background:#f9f9f9;
    margin-bottom:30px;
    min-height:142px;
    background: #ddede0;
    border-radius:2px;
    position:relative;
}
.pre-login h3 {
    font-size:20px;
    margin-top:0px;
}
.pre-login p {
    font-size:15px;
}
.pre-login a {
    font-weight:500;
    position: absolute;
    left: 36%;
    bottom: 20px;
}

.footer.footer-main { background:#000; padding:50px 0px 30px; margin-top:30px;}
.header-sticky .footer.footer-main { border-radius:30px 30px 0 0;}

.footer h3 {
    font-size:16px;
    font-weight:normal;
    color:rgba(255,255,255,0.95);
    margin: 0px 0px 10px 0px;
}
.footer h3.abt_emda{
    margin:0px 0px 10px 0px;
}
.footer .about-pt {
    color:rgba(255,255,255,0.8);
    font-size:14px;
    line-height:25px;
    padding-right:30px;
    margin-bottom: 20px;
}
.footer li{
    color:#fff;
    font-size:14px;
    padding:3px 0px;
    line-height: 27px;
}
.footer li i {
    padding-right: 10px;
    color:#fff;
    background: #257689;
    padding: 3px 0px;
    width: 32px;
    height:32px;
    line-height: 26px;
    font-size: 15px;
    text-align: center;
    border-radius:100%;
}
.footer li a {
    color:#fff;
}
.footer li a:hover, .footer li a:focus { text-decoration: underline;}

.mobileapp a {
    display:inline-block; 
    padding:0px 15px;;
    border:1px solid #333;
    border-radius:10px;
    text-align:center;
    margin-bottom:10px;
    overflow:hidden;
} 
.mobileapp a:hover { border-color:rgba(255,255,255,0.5);}

.footer-bottom {
    margin-top:15px;
    padding-top:15px;
    border-top:1px solid rgba(255,255,255,0.2);
}
.copyright {
    font-size:13px;
    padding:20px 30px;
    margin:0px;
}
.copyright .copy-info {
    margin:4px 0px;
    line-height: normal;
}
.copyright .powered-by img {
    height:26px;
}
.copyright .powered-by span {
    vertical-align:middle;
    display:inline-block;
    padding-right:5px;
}
.copyright .powered-by {
    text-align: right; 
}
.footer-main .copyright{ color: #fff; padding:0px; border-top:1px solid rgba(255,255,255,0.2); margin-top:20px; padding-top:20px;}

ul.socialmedia {
    padding:0;
    margin:0px 0px 20px;
}
ul.socialmedia li {
    display: inline-block;
    padding: 0px 3px;
}
ul.socialmedia li a { display:flex; align-items: center; justify-content: center; border-radius:100%;}
ul.socialmedia li a:hover { background: rgba(255,255,255,0.2); }

.main-footer {
    background: #000000;
    padding: 10px 15px;
    margin: 0px -15px;
}

/* banner section */ 

.banner-section {
    min-height:250px;
    margin-top:50px; 
    padding:80px 30px; 
    position: relative;
    border-radius:0 0 30px 30px;
}
.banner-section:before {
    content:'';
    width:100%;
    height:100%;
    position: absolute;
    left:0px;
    top:0px;
    background: #000000;
    opacity: 0.7; 
    border-radius:0 0 30px 30px;
}
.banner-section.home-banner { 
    background-size: cover !important;
    min-height:450px;
    display:flex;
    justify-content:center;
    align-items:center;
} 
.home-banner .banner-content{
    padding:0px 50px;
}
.home-banner .banner-content h2 {
    font-size:42px;
    line-height:55px; 
    color:#fff;
}
.home-banner .banner-content h2 b {
    font-weight: bolder;
    color:#c00d0d;
} 
.home-banner .banner-content p {
    font-size: 16px;
    line-height:26px;
    color: #fff;
    margin-bottom:20px;
    text-align:right;
}
.home-banner .row { display: flex; align-items: center;}
.banner-section .banner-text { position: relative; z-index:1;}
.banner-section .banner-text .banner-title{
    color:#fff;
    font-size:32px;
}
.banner-section .banner-text p {
    color:#fff;
    font-size:16px;
    line-height:26px;
    margin-bottom:15px;
}
.banner-section .banner-text h4 {
    margin:15px 0;
    font-size:22px;
}
.banner-section .btn {
    min-width:180px;
    text-transform:uppercase;
    padding:10px 20px;
}

.title-container {
    margin:20px 0px;
}
.title-container h2{
    font-size:32px;
    margin:0 0 10px;
    font-weight:bold;
}

.content-section {
    padding:30px 0px;
    height: 100%
}
.content-section .form-group {
    margin-bottom:30px;
}
.content-section ul {
    padding-bottom:15px;
}
.content-section ul li,.content-section p {
    font-size:15px;
}
.content-section h3 {
    font-size:24px;
    color:#333;
    font-weight: normal
}
.content-section h3 b {
    color:#c00d0d;
}
.content-section h3 span {
    color: #666;
    display:block;
    font-size:18px;
    margin-bottom:5px;
}

.coming-soon-btn{
    /*width: 150px;*/
    cursor: pointer;
}

.feature-box-content {
    margin:0px;
    padding: 0px;
}
.feature-box-content li {
    position: relative;
    list-style: none;
    /*padding:3px 0px;*/
    padding-left:25px;
    text-align:left;
}
.feature-box-content li img {
    position:absolute;
    left:0;
    /*top:3px;*/
    /*padding-right:3px;*/
    height: 20px;
}

.box-list-item {
    font-size:18px;
    background: #f9f9f9;
    border-radius:30px;
    padding:30px;
    margin-bottom:20px;
    display:block;
    border:1px solid #eee;
} 
.box-list-item:last-child { margin-bottom:0px;}
.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:25px;
}
.box-list-item ul li img {
    position:absolute;
    left:0;
    /*top:3px;*/
    /*padding:3px;*/
    height: 20px;
}

.pricing-section {
    padding:60px 0px;
    position:relative;
    border-radius:30px;
}
.pricing-section .pricing-text {
    position:relative;
    z-index:1;
}
.pricing-section:before {
    border-radius:30px;
    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;
}


.buy-section .col-divider {
    border-left: 1px solid #3c80c4;
}
.buy-section {
    border-top:1px solid #eee;
    padding:30px !important;
    background-color:#f1f1f1;
    color:#000;
    margin: 0px;
    border-radius:30px;
}
.buy-section .btn-buy, .buy-section .btn-buy:hover {
    padding:10px 20px;
    font-size: 16px;
    margin-top:32px;
    background: #2f945a;
    color: #fff;
    border-color: #2f945a;
    font-weight: bold;
}
.buy-section .buy-dsc h2 {
    margin-bottom:0px;
    color: #000;
}

.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;
}
/*********** Login Css ***************/ 
.flex-center { display: flex; align-items:center;}

.login-bg {
    height: 100vh;
    background: linear-gradient(95deg, rgba(0,0,0,1) 50%, rgba(192,13,13,1) 50.1%, rgba(192,13,13,1) 51.5%, rgba(255,255,255,1) 51.6%);
}

.login-page .copyright {
    text-align:center;
    font-size:14px;
    color:#666;
    padding:10px 0px;
}
.login-page .account-box{
    padding:20px 50px;
    box-shadow:0px 0px 15px rgba(0,0,0,0.3);
    border-radius:6px;
}
.login-page .account-box .form-group{
    margin-bottom:15px;
}
.login-page .account-box .form-control {
    height:33px;
}


/*********** Login Css ***************/
.left-content, .login_form_inner, .login_copyright{ margin:20px 15%;}
.banner-txt {
    padding: 0px;
    min-height:calc(100vh - 105px);
    display: flex; 
    flex-direction: column;
    justify-content: center;
}
.banner-txt h3 {
    font-size: 36px;
    font-weight:bold;
    line-height: 42px; 
    margin:0px;
    color: #ffffff; 
}
.banner-txt h4 { 
    line-height:26px;
    font-size: 17px;
    font-weight: normal;
    color: #ffffff; 
}
.loginSection{
    margin:30px 6%;
    min-height: calc(100vh - 230px);
    display: flex;
    justify-content:center;
    align-items:center;
    flex-direction: column;
}

.login_form .ctlinput-box {
    margin-bottom: 15px;
}
.login_form .new-user {
    margin:20px 0px;
    text-align: center;
}
.loginNow { width:100%; padding:0;}
.loginNow h2 {
    font-weight: 700;
    font-size: 26px;
    margin:20px 0px;
    text-align: center;
    color: #000000;
} 
.loginNow h4 { 
    font-weight:normal;
    font-size:15px;
    line-height:22px;
    margin:10px 0px 30px;
    text-align: center;
    color: #000000;
}  

.logindiv-content { padding: 0px 14%;}
.login_radio_btn{
    margin: 20px 0px;
}
.login_password a{
    color:#fff;
    margin: 0px 5px;
    font-size: 14px;
}
.login_password {
    margin:0px 0px 10px;
}
.login_form .socialmedia a img {
    height:24px;
    opacity: 0.8;
}
.login_form .socialmedia a:hover { background:#f1f1f1;}
.login_form .socialmedia a:hover img {
    opacity:1;
}
.login_form .contact {
    color:rgba(255,255,255,0.5);
    font-size:13px;
    text-align: center;
    padding: 8px 0px;
    margin: 0px;
}
.login_form .contact .support a {
    margin:0px 5px;
}
.login_form .lang_txt {
    display: flex;
    border-radius: 5px;
    margin: 0px;
    text-align: center;
    box-shadow: none;
    color: #c00d0d;
    border: 1px solid #3f8f60;
}
/*.login_form .language-select {
    height: 34px;
    font-size: 15px;
    padding: 7px;
    width: 70px;
    color: #fff;
    border: none;
    background-color: #0a5b7c;
}*/
.login_form .language-toggle.active {
    background: #fff;
    color: #08597c;
    border: 1px solid #fff;
    border-radius: 5px 0px 0px 5px;
}
.login_form .language-toggle.inactive {
    cursor: pointer;
}
.login_form .language-toggle input[type=button] {
    box-shadow: none !important;
    border:none;
}
.login_form .btn-login {
    font-size:16px;
    width: 100%;
    background:#c00d0d;
    border: none !important;
    padding:8px 15px;
    color: #fff
}
.login_form .btn-login.focus, .login_form .btn-login:focus, .login_form .btn-login:hover {
    background:#c00d0d;
    border:none !important;
    color:#fff;
}
.login_form ul.socialmedia {
    padding:0;
    margin: 5px 0px;
}
.login_form .support a {
    color:#000;
}
.login_form .footer .copyright { padding: 20px 50px;}
.powered-by img {
    height: 25px;
}
.powered_by {
    text-align: right;
}
.powered_by img {
    height:26px;
    /*    filter: grayscale(100%);*/
}

.login_copyright {
    padding: 10px 0px;
    font-size:13px;
}
.login_copyright .powered_by img{
    height:20px;
}
.login_copyright .container {
    width:85%;
}
.login-language-select {
    background: none;
    color: #fff;
    border: 1px solid #fff;
    padding:7px 10px;
    height: 36px;
    border-radius: 5px;
}
.login-language-select:focus, .login-language-select:active {
    box-shadow:none;
    border: 1px solid #fff;
}
select.form-control.login-language-select option {
    margin: 40px;
    border-radius: 5px;
    background:#fff;
    color: #000;
    text-shadow: 0 1px 0 rgb(117 195 77);
}


.login-section .form-login {
    background:#f7f7f7;
    position:relative;
    z-index:12;
    border:1px solid #eee;
    border-radius:6px;
    color:#3c3c3c;
    color:#000;
    padding:30px;
}
.login-section .form-login .form-head {
    margin:0 0 15px;
    font-size:21px;
    font-weight: 600;
    text-align: center;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.login-section .form-login .form-head small {
    font-size:14px;
    color:#666;
    line-height:16px;
    display:block;
    margin:5px 0px;
}
.login-section .form-login .btn-primary {
    padding: 9px 20px;
    margin-bottom:20px;
    font-weight: bold;
    text-transform:uppercase;
}
.login-section .form-login .s_txt {
    text-align: center;
    margin-top:20px;
}
.login-section .banner-txt {
    position:relative;
    margin:0px !important;
    padding:0px !important;
}
.login-section .banner-txt h4, .login-bg .banner-txt h1 {
    margin:20px 0px;
    line-height:normal;
    font-weight:normal;
}
.login-section .banner-txt h4 {
    font-size:20px;
    line-height:32px;
}


.dateFilter h5 {
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0px;
}
.dateFilter .dateSec {
    display: flex;
}
.dateFilter .dateSec .monthCode {
    border: none;
    border-radius: 4px 0px 0px 4px;
    height: 40px;
}
.dateFilter .dateSec .yearCode {
    border: none;
    border-radius: 0px;
    height: 40px;
}
.dateFilter .dateSec .yearBtn {
    background-color: #fff;
    border: none;
    border-radius: 0px 4px 4px 0px!important;
}
.dateFilter .dateSec .input-group-addon {
    background-color: #fff;
    border: none;
    border-radius: 0px;
}
.dateFilter .dateSec .dropdown {
    border-radius: 0px;
}

.login_form_inner .otpSection{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.login_form_inner .btn-timer {
    position: relative;
    top: 0px;
}
.ctlinput-captcha .captcha-blk .captcha-image {
    height: 35px;
}
.dobControl {
    margin-bottom:15px;
}
.dobControl .form-label { 
    font-size:12px;
    line-height:12px;
}
.dobControl .dobBox {
    background: #fff;
    padding:0px; 
    margin-top:5px;
}
.secAuthrntication .dobControl .dobBox {
    background: #ffffff; 
    padding:3px 10px;
    border-radius:4px;
    margin-top:5px;
}
.secAuthrntication .dobControl .form-label {
    color: #000;
    font-size: 14px;
    line-height:12px;
}
.dobControl .radio-dob {
    color: #000;
    font-size:13px;
    margin-top:10px;
}
.dobControl .rdio label:before {
    border: 2px solid #c00d0d;
}
.dobControl .rdio-primary input[type=radio]:checked + label:before {
    border-color: #c00d0d;
}
.dobControl .rdio-primary input[type=radio]:checked + label::after {
    background-color: #c00d0d;
}
.accountAuthencation .dobControl .form-label {
    color: #000;
    font-size: 14px;
}
.accountAuthencation .dobControl .dobBox {
    background: #fff;
    border: 1px solid #ddd;
}
.txtSelControl {
    position:relative;
    width:43%;
    display:inline-block; 
    margin-left:15px;
}
.orgLogin .txtSelControl {
    width:40%;
}
.txtSelControl input {
    position:absolute;
    left:0px;
    top:0px;
    width:85%;
    z-index:12;
}
.txtSelControl .bs-caret { position: absolute; right:0px; z-index:13; top:15px;}
.txtSelControl select, .txtSelControl input, .txtSelControl select:focus, .txtSelControl input:focus{
    box-shadow:none;
}
.txtSelControl .bootstrap-select.form-control { height: auto;}

.dobControl .dobBox .textSection{
    display:flex;
}
.login_form_inner .txtSelControl .dropdown-toggle{
    border:none;
    background-color: #fff;
    padding:0px;
}
.login_form_inner .txtSelControl .btn-default.active.focus, .login_form_inner .txtSelControl .btn-default.active:focus, .btn-default.active:hover, .login_form_inner .txtSelControl .btn-default:active.focus, .login_form_inner .txtSelControl .btn-default:active:focus, .login_form_inner .txtSelControl .btn-default:active:hover {
    color: #333;
    background-color: #fff;
    border:none;
}
.login_form_inner .txtSelControl .bootstrap-select .dropdown-toggle:focus, .login_form_inner .txtSelControl .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333!important;
    outline: 0px auto -webkit-focus-ring-color!important;
    outline-offset: -2px;
    box-shadow: none;
}
.login_form_inner .txtSelControl .btn-default.active, .login_form_inner .txtSelControl .btn-default:active, .login_form_inner .txtSelControl .open>.dropdown-toggle .login_form_inner .txtSelControl.btn-default {
    color: #333;
    background-color: #fff;
    background-image: none;
    border-color: #adadad;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #fff;
    border-color: #8c8c8c;
}

.mobileOTP { display: flex;
             align-items: start;
             flex-direction: column;
             justify-content: start;
             gap: 10px;}
.mobileOTP > div:first-child { width:100%;}
.mobileOTP .form-control { min-width:210px;}
.mobileOTP .btnTimer, .mobileOTP .btn-timerset { position:relative; height:40px; width:auto; }
.mobileOTP .btnTimer span#time, .mobileOTP .btn-timerset span#time {
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 1);
    padding: 5px 0px;
    border-radius: 20px;
    right: 0px;
    border: 1px solid #ccc !important;
    width: 100%;
    height: 38px;
    line-height: 28px;
    text-align: center;
    bottom: 0px;
    margin: 0;
    border:none;
    font-weight: 500;
    font-size: 16px;
    min-width: 106px;
    color: #333;
}

.mobileOTP .verifyiedMark { position: absolute; right:25px; top:9px; color: #008000;}

.mobileOTP-inline { display: flex;
                    align-items: start; 
                    justify-content: space-between;
                    gap: 10px;}
.mobileOTP-inline > div:first-child { width:100%;}
.mobileOTP-inline .btnTimer { position:relative; height:40px; width:130px; }
.mobileOTP-inline .btnTimer .btn { padding:8px 10px !important; width:130px;}
.mobileOTP-inline .btnTimer span.timer {
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 1);
    padding: 5px 0px;
    border-radius: 20px;
    right: 0px;
    border: 1px solid #ccc !important;
    width: 100%;
    height: 38px;
    line-height: 28px;
    text-align: center;
    bottom: 0px;
    margin: 0;
    border:none;
    font-weight: 500;
    font-size: 16px;
    min-width: 106px;
    color: #333;
}


#otpbox {
    position: relative;
}
#otpbox .timer_txt {
    position: absolute;
    left: 0px;
    right: auto;
    width: 100%;
    height: 100%;
    top: 0px;
    line-height: 36px;
    border-radius: 4px;
}
.login_form .nafathApp {
    margin: 15px 0px;
}
.login_form .nafathApp h5 {
    text-align: center;
    margin-bottom: 20px;
}
.login_form .nafathApp .appImg {
    text-align: center;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px;
}
.login_form .nafathApp .appImg a { display:block; border-radius:6px; overflow:hidden;}
.login_form .nafathApp .appImg img {
    width: 110px; 
}
.login_form .nafathApp .appImg .appGallery img {
    width: 130px;
}
.login_form .loginNow .numBtn {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    padding: 6px 18px;
    border-radius: 8px;
    margin-top:10px;
}
.login_form .loginNow h5 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
}
.login_form .cancelBtn {
    color: #000;
    background-color: #c2c3c5;
    padding: 3px 16px;
    border-radius: 8px;
}
.iconImg img {
    margin: 0px 10px;
}
.nicForm{
    padding: 25px 5%;
}
/*********** Login Css End ***************/
/*********** Submit Organization Details Css Start ***************/

.orgDetails .nafathApp {
    margin: 60px 0px;
}
.orgDetails p {
    font-size: 12px;
    /*    margin-top: 17px;*/
}
.orgDetails .nafathApp h5 {
    text-align: center;
    margin-bottom: 20px;
}
.lorgDetails .nafathApp .appImg {
    text-align: center;
}
.orgDetails .nafathApp .appImg img {
    width: 110px;
    margin: 0px 5px;
}

.orgForm .numBtn {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    padding: 8px 20px;
    background-color: #fff;
    border-radius: 8px;
    /* margin-top: 10px; */
    margin: 20px 0px;
    border: 2px solid #5faf4f;
    ;
}
.orgForm h5 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
}
.orgForm .cancelBtn {
    color: #000;
    background-color: #c2c3c5;
    padding: 3px 16px;
    border-radius: 8px;
}
.submitOrgDetails .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}


.downloadTxt {
    display: flex;
    border-radius: 4px;
    justify-content: center;
    margin: 15px 0px;
}
.downloadTxt i {
    font-size: 16px;
    margin: 5px 0px;
}
.downloadTxt span {
    font-size: 15px;
    margin-top: 0px;
}
.canBtn {
    padding: 8px 12px;
    min-width: 140px;
    color: #07587d;
    font-size: 15px;
    margin-bottom: 20px;
}
/*********** Submit Organization Details End ***************/


.error {
    padding:4px 10px;
    border:1px solid #eee;
    border-left-width:5px;
    border-radius: 3px;
    margin:10px auto;
    font-size:14px;
}
.danger {
    border-left-color: #d9534f;
    background-color: rgba(217, 83, 79, 0.1);
}
.success {
    border-left-color: #2b542c;
    background-color: rgba(43, 84, 44, 0.1);
}
.input-inline {
    position:relative;
    padding-right:140px;
}
.input-inline .btn {
    position:absolute;
    top:0px;
    right:0px;
    padding: 4px 8px;
    font-size:14px;
    height:40px;
    min-width:130px;
}
.forgot-pwd .input-inline.input-small {
    padding-right:82px !important;
}
.btn-inline .btn {
    width:49.3%;
}

.fc-form .loginNow h2, .forgotUserSection .loginNow h2 {
    margin:30px 0px;
}

/* Dashboard */ 
.contact-info .dropdown {
    font-size: 18px;
    padding-left: 2px;
    text-align: left;
    display:inline;
}
.contact-info .dropdown p{
    color:#fff;
    padding: 5px 10px;
    border-radius: 50%;
    margin-bottom:0px;
    background-color: #2c5e6a;
    display:inline-block;
}
.contact-info b {
    font-weight: 600;
    color: #000;
}
.contact-info .dropdown p i {
    color:#fff;
}
.contact-info .navbar-toggle {
    border-color: #0060c0;
    margin-right: 0px;
}
.contact-info .dropdown .dropdown-menu{
    left:auto;
    right:0px;
    top:120%;
    min-width:200px;
    vertical-align:middle;
}
.contact-info .dropdown .dropdown-menu>li>a {
    padding:5px 20px;
}
.contact-info .dropdown .dropdown-menu>li>a:hover {
    background:transparent;
    font-weight:500;
}
.dropdown-menu .wl-text{
    padding:3px 20px;
}
.dropdown-menu .wl-text h4{
    margin:0px;
    font-size: 14px;
    display:inline-block;
    color: #243551;
    text-transform: uppercase;
}

.documentStatusSVG {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.documentStatusSVG svg {
    display: flex;
    vertical-align: bottom;
    width: 80px;
    height: 80px;
}

.documentStatusSVG circle {
    stroke: rgba(0, 0, 0, 0.1);
    stroke-width: 8px;
    stroke-dasharray: 0;
    fill: none;
}

.documentStatusSVG .meter {
    stroke-width: 8px;
    fill: none;
    transition: stroke-dashoffset 1s cubic-bezier(0.43, 0.41, 0.22, 0.91);
    transform-origin: center center;
    transform: rotate(-90deg) scaleX(-1);
}

.documentStatusSVG text {
    fill: #ffbc00;
    font-weight: bold;
}

.pending-others .documentStatusSVG .meter {
    stroke: #ff7800;
}

.expiresoon .documentStatusSVG .meter {
    stroke: #0250ce;
}

.completed .documentStatusSVG .meter {
    stroke: #00a925;
}

.declined .documentStatusSVG .meter {
    stroke: #ff0000;
}

.pending-others .documentStatusSVG text {
    fill: #ff7800;
}

.expiresoon .documentStatusSVG text {
    fill: #0250ce;
}

.completed .documentStatusSVG text {
    fill: #00a925;
}

.declined .documentStatusSVG text {
    fill: #ff0000;
}

.allRequest .documentStatusSVG text {
    fill: #000000;
}

.document-status {
    margin: 0px;
    position: relative;
    z-index: 1;
}

.document-status h4 {
    margin: 0px;
}

.document-status h6 {
    margin: 5px 0px 0px;
    font-size:15px;
}

.document-status a {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 15px;
    transition: 1s;
    display: block;
    border-radius: 6px;
    color: #000;
    text-decoration:none;
}
.organization-status {
    background: #fff;
    border: 1px solid #ddd;
    padding: 13px 15px;
    transition: 1s;
    display: block;
    border-radius: 6px;
    color: #000;
    text-decoration:none;
}
.organization-status .item .text { min-width:150px; display: inline-block;}
.organization-status .item .count { font-weight: bold; margin-left:10px;}

.document-status .pending h4 {
    color: #ffbc00;
}

.document-status .completed h4 {
    color: #00a925;
}

.document-status .declined h4 {
    color: #ff0000;
}

.document-status .expiresoon h4 {
    color: #0250ce;
}

.document-status .pending.active {
    border-bottom: 5px solid #ffbc00;
}

.document-status .pending-others.active {
    border-bottom: 5px solid #ff7800;
}

.document-status .completed.active {
    border-bottom: 5px solid #00a925;
}

.document-status .declined.active {
    border-bottom: 5px solid #ff0000;
}

.document-status .expiresoon.active {
    border-bottom: 5px solid #0250ce;
}

.document-status .allRequest.active {
    border-bottom: 5px solid #000000;
}

.document-status .pending h4 {
    color: #ffbc00;
}

.document-status .completed h4 {
    color: #00a925;
}

.document-status .declined h4 {
    color: #ff0000;
}

.document-status .expiresoon h4 {
    color: #0250ce;
}

.document-status .pending.active {
    border-bottom: 5px solid #ffbc00;
} 
.document-status .completed.active {
    border-bottom: 5px solid #00a925;
}

.document-status .declined.active {
    border-bottom: 5px solid #ff0000;
}

.document-status .expiresoon.active {
    border-bottom: 5px solid #0250ce;
}

.document-status .allRequest.active {
    border-bottom: 5px solid #000000;
}

.ctltable-card { margin:0px;}
.ctltable-grid { border:none;}
.ctltable-grid thead tr { border-radius:10px 10px 0px 0px; }
.ctltable-grid thead th { padding:10px !important; border-top:1px solid #f1f1f1 !important; border-bottom:1px solid #f1f1f1 !important; vertical-align: middle !important;}
.ctltable-grid tr td { border:none !important;  border-bottom:1px solid #f1f1f1 !important; vertical-align: middle !important;  padding:7px 10px !important;}
.ctltable-grid thead th:first-child {  padding-left:30px !important; } 
.ctltable-grid thead th:last-child {  padding-right:30px !important; }
.ctltable-grid tr td:first-child { padding-left:30px !important; }
.ctltable-grid tr td:last-child { padding-right:30px !important; }
.ctltable-grid .table-actions .btn { padding:5px 15px !important; border-radius:20px !important; font-weight:normal;}
.ctltable-grid tr td .label, .ctltable-grid tr td .label-status {  border-radius:10px; font-weight:normal; min-width:50px; text-align: center; display:inline-block; padding:5px 10px; line-height:1; font-size:75%; white-space:nowrap; vertical-align:baseline; color:#fff;}
.dashboard-chart { padding:0px 20px; margin:0px -20px 0px;}


.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-info {
    position:absolute;
    left:0px;
}
.user-dtl {
    position:relative;
}
.user-dtl .user-name {
    font-weight:500;
    font-size: 16px;
    text-transform: uppercase;
}
.user-dtl-r {
    position:relative;
    padding-right:0px;
    padding-bottom:10px;
}
.user-dtl-r a {
    position:absolute;
    right:0px;
    top:20px;
    font-size:14px;
}
.user-info .profile-icon {
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.last-login {
    font-size: 15px;
    color: #124e69;
    font-weight: normal;
    background-color: #ebf6fb;
    margin:0px;
    padding: 10px 20px;
}
.last-login b {
    font-weight:500;
    font-size: 18px;
}
.last-login span b {
    font-weight:500;
    font-size: 15px;
}

.order-details .quick-task h2 {
    font-size: 18px;
    background:transparent;
    color:#fff;
    margin-bottom:5px;
    background: #6f6f6e;
}
.order-details {
    padding:0px 0px 20px;
    margin:0px;
}
.order-details h2.head {
    font-size: 18px;
    margin:0px -16px 0px -15px;
    margin-bottom: 15px;
    padding:10px 15px;
    background:#6f6f6e;
    color: #fff;
}
.order-details .form-label {
    margin:0px;
    padding:0px 3px;
    font-size:14px;
    line-height:16px;
    color:#666;
}
.order-details .form-value {
    line-height:22px;
    padding:0px 3px;
    margin-bottom:10px;
    font-size:16px;
}
.order-details .form-value .label {
    display:inline-block;
    margin:5px 0 0;
}

.quick-task .panel-title {
    font-weight:normal;
    margin-bottom:0;
}
.quick-task .panel-heading a{
    padding: 10px 15px;
    display:block;
}
.quick-task .panel-group .panel .panel-heading{
    background:#fff;
    padding:0;
}
.quick-task .panel-title .fa-angle-right {
    display:none;
}
.quick-task .panel-title a, .quick-task .panel-title a:hover, .quick-task .panel-title a:focus {
    text-decoration:none
}
.quick-task .panel-title .collapsed .fa-angle-down {
    display:none;
}
.quick-task .panel-title .collapsed .fa-angle-right {
    display:inline-block;
}
.quick-task .panel-body {
    font-size:14px;
    line-height:20px;
}

.table.org-tbl {
    margin:0px !important;
}
.notify {
    color:#d63d3a;
}
.notify p{
    margin-bottom:10px;
}
.notify-head {
    color:#ff5c00;
    margin-bottom:0px;
}
.notify .fa{
    font-size:24px;
    padding-right:5px;
}
.table {
    border:1px solid #ddd;
    background:#fff;
    white-space: nowrap;
}
.mb-1 {
    margin-bottom:10px;
}
.mb-15 {
    margin-bottom:15px;
}
.chart-wrap {
    min-height:230px;
}
.org-tbl.table>tbody>tr>td {
    padding:4px 7px;
}
.btn-add {
    padding:5px 15px 4px;
    height: 34px;
}

.manage-tbl .lbl-name {
    color:#c4beb6;
}
.table>tbody>tr>td {
    font-size:14px;
    vertical-align:middle;
}
.manage-tbl .txn-dtl {
    color:#6b6a6a;
}
.manage-tbl .txn-name {
    font-weight:500;
    text-transform:uppercase;
}
.manage-tbl .txn-date, .sign-dtl .app-date {
    color: #90908f;
    font-size:13px;
}
/*.manage-tbl .btn, .sign-dtl .btn {
    padding: 2px 8px;
    font-size:13px;
    border-radius:3px;
}
.manage-tbl .txn-action {
    text-align:right;
    margin-right:0px;
}*/
.manage-tbl .txn-action span.label {
    display:inline-block;
    margin-bottom:7px;
}

.sign-dtl .app-id {
    text-transform:capitalize;
}
.sign-dtl .txn-dtl, .sign-dtl .cer-dtl {
    font-weight:500;
}
.sign-dtl .txn-action {
    text-align:right;
    margin-right:10px;
}
.sign-dtl .txn-action span.label {
    display:inline-block;
    margin-right:5px;
}
/*.sign-dtl .txn-action button { min-width:100px;}*/

.panel {
    border-radius:0px;
}
.panel-heading {
    padding:8px 15px;
    font-weight:bold;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background:#f9f9f9;
}
.txn-wrap {
    background:#fff;
    padding:20px;
    box-shadow: 0 1px 3px rgba(33,33,33,.2);
    -webkit-box-shadow: 0 1px 3px rgba(33,33,33,.2);
    -moz-box-shadow: 0 1px 3px rgba(33,33,33,.2);
    -o-box-shadow: 0 1px 3px rgba(33,33,33,.2);
    -ms-box-shadow: 0 1px 3px rgba(33,33,33,.2);
    position:relative;
    border:1px solid #cecdcd;
}
.txn-wrap h4 {
    margin-top:0px;
}
.txn-wrap .table {
    margin-bottom:0px;
}

/* buy certificate */
.buycert-section { 
    padding:50px 15%;
    padding-top:120px !important;
}
.buy-cert {
    border-radius:20px;
    margin:20px 0px;
    overflow:hidden;
    background:#fff;
    padding:0px; 
    box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1);
}
.buy-cert .form-cert {
    padding:30px 30px 10px;
}
.buy-cert h3.head {
    margin:0 0 20px;
    padding:0px;
    font-size:20px;
}
.radio-inline {
    -moz-user-select: none;
    cursor: pointer;
    margin-bottom:0px;
    padding-left:26px;
    position: relative;
    line-height:23px;
}
.radio-inline input {
    cursor: pointer;
    opacity: 0;
    position: absolute;
}
.checkmark {
    height:22px;
    left:0px;
    position: absolute;
    top: 0;
    width:22px;
    border-radius:100%;
    border:1px solid #ccc;
}
.radio-inline:hover input ~ .checkmark {
    border: 1px solid #c00d0d;
}
.radio-inline input:checked ~ .checkmark {
    background:#c00c0d;
    /*border: 1px solid #c00d0d;*/
}
.checkmark::after {
    content: "";
    display: none;
    position: absolute;
}
.radio-inline input:checked ~ .checkmark::after {
    display: block;
}
.radio-inline .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 2px 2px 0;
    height: 11px;
    left: 8px;
    top: 3px;
    transform: rotate(45deg);
    width: 5px;
}
.radio-inline.rdo-disabled {
    color:#999;
}
.radio-inline.rdo-disabled:hover input ~ .checkmark {
    border:1px solid #ccc;
}
.buy-cert .form-group, .price-div .form-group {
    margin-bottom:10px;
}

.buy-digicert {
    border-radius:0px;
    border:1px solid #eee;
    box-shadow:0 1px 1px rgba(0,0,0,.05);
}
.buy-digicert .form-buycert {
    padding:20px;
}
.form-buycert.buy_txt {
    padding: 20px 20px 0px 15px;
}
.buy-digicert .price-section {
    background:#f9f9f9;
    padding:10px 20px;
    border-top:1px solid #eee;
}

.price-div {
    color:#000;
    padding:20px 30px 40px;
    background:#f7f7f7;
}
.price-div h2, .price-div h3 {
    margin:0px;
    font-size:18px;
}
.price-div .cer-price {
    text-align:right;
    font-size:24px;
}
/*.price-div .btn {
    width:120px;
    margin-top:10px;
}*/
.price-div .tax-extra {
    display:block;
    padding:10px 0px;
    color: #777;
}
.digital-section {
    text-align:justify;
    margin:0px;
}
.digital-section h3 {
    font-size:30px;
}
.digital-section h4 {
    color:#075d7e ;
    margin:20px 0px 5px;
    padding:0px;
}

h3.page-head {
    font-size:20px;
    margin-top:0px;
    margin-bottom:15px;
}
.btnaction-right {
    text-align:right;
    margin-top:-5px;
}

.darkblue-section {
    background:linear-gradient(to right,#487cc8, #60b04f);
    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;
}

.form-container {
    background:#f9f9f9;
    padding:30px;
    border:1px solid #f1f1f1;
    margin-bottom:10px;
    border-radius:20px;
}

.bill-dtl h2 {
    font-size:16px;
    margin:0 0 10px;
}
.bill-dtl .summary .panel-default {
    margin:0px;
}
.bill-dtl .summary .panel-heading {
    text-transform:capitalize;
    font-size:16px;
    background-color:#000000;
    padding:12px 15px !important;
    color: #fff;
    border-radius:20px 20px 0 0;
    text-align:center;
}
.bill-dtl .summary .panel-body { background:#f1f1f1; border-radius:0 0 20px 20px;}

.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:0;
    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;
}


/* my profile */
.profile-wrapper { 
    padding:0px;
    color:#000;
    font-size:14px;
}
.profile-box { background: #f1f1f1; border-radius:20px; border:1px solid #eee; padding:20px; margin-bottom:20px;}
.profile-dtl {
    position:relative;
}
.profile-dtl .head {
    margin-top:1px;
}
.profile-dtl .profile-icon {
    width:100px;
    height:56px;
    position:absolute;
    top:0px;
    left:0px;
}
.profile-dtl .profile-icon img {
    border-radius:1px;
    background:#fff;
}
.profile-dtl .profile-hg {
    font-weight:500;
    margin-bottom:10px;
}
.profile-wrapper .org-head {
    text-transform:uppercase;
    margin:0 0 5px;
    font-size:15px;
}
.profile-wrapper .pl-head {
    color:#777;
    margin-bottom: -5px;
}
.profile-wrapper .pl-ctn {
    font-size:14px;
    font-weight:500;
    word-break: break-all;
}
.profile-wrapper .pl-username {
    text-transform:uppercase;
}
.profile-wrapper .form-group {
    margin-bottom:7px;
}
.profile-wrapper hr {
    margin-top:10px;
    margin-bottom:10px;
}
.action-div .panel {
    border:none;
}
.action-div .panel-default>.panel-heading {
    color: #fff;
    background:linear-gradient(to right, #c00d0d, #c00d0d);
    padding: 7px 15px;
}
.action-div .panel-body {
    padding:0px;
    font-size:14px;
    border:1px solid #eee;
    border-top:none;
}
.action-div li {
    list-style-type:none;
}
.action-div li i {
    color: #c00d0d;
    font-size: 16px;
    font-weight: 600;
    width:12px;
}
.action-div li div {
    padding:5px 10px;
    background:#fdfdfd;
    border-bottom:1px solid #f7f7f7;
}

.doc-list .panel {
    margin-top:10px;
    margin-bottom:0px;
}
.doc-list .panel-heading {
    padding: 8px 15px;
}
.doc-list .panel-body {
    min-height:250px;
}
.doc-list h3.page-head {
    margin:0px;
    display:inline-block;
    font-size: 18px;
}
.doc-list .pager{
    text-align:left;
    margin:0px;
    display:inline-block;
    margin-left:20px;
}
.doc-list .pager a {
    border-radius:3px;
}
.doc-list .pager a.active {
    background:#00b4ff;
    border:1px solid #00b4ff;
    color:#fff;
}
.doc-list .pager li>a, .doc-list .pager li>span {
    padding:0px 15px;
    font-size:13px;
}

.update-dtl .btn-action .btn {
    min-width:90px;
    margin-right:10px;
}
.btn-action, .button-action {
    margin-top:15px;
}
.input-inline.input-btn-lg {
    padding-right:111px;
}

.tooltip-inner {
    max-width: 350px; 
    width:max-content;
}
.tooltip-status {
    position:relative;
    width:100%;
    z-index:999;
    border-radius:3px;
    background:#fff;
    padding:10px 15px;
    border: 1px solid #bbb;
    margin-top:0px;
}
.tooltip-status ul {
    margin:0px;
    padding:0px;
    list-style:none;
}
.tooltip-status ul li {
    margin:0;
    padding: 0px;
    font-size: 13px;
    vertical-align: top;
    padding-left: 22px;
    position: relative;
}
.tooltip-status ul li i,.tooltip-status ul li img {
    font-size:18px;
    color:#ccc;
    position: absolute;
    left: 0px;
    top: 2px;
}
.tooltip-status ul li i.fa-check-circle-o {
    color: #c00d0d;
}

.validation-error, .validation-error:focus {
    border-color:#db1802 !important;
}
.text-error {
    color: #db1802;
    font-size:12px;
}
.otp-left{
    padding-left: 0px;
}
.changepwd {
    position:relative;
}
.changepwd .eye_icon{
    position: absolute;
    right: 25px;
    top: 10px;
    cursor: pointer;
}
.i_red{
    color:red;
}
.i_green{
    color:green;
}
.p_txt{
    list-style-type: none;
    margin-top: 10px;
    padding: 0px;
}
.captcha-box {
    background:#fff;
    border:1px solid #e2e2e2;
    border-radius:3px;
    padding:0px 3px;
}
.captcha-box .form-control {
    width:115px !important;
    display:inline-block;
    margin: 5px 0px;
}
.captcha-box .renderimage {
    display:inline-block;
    padding:0px 10px;
}

/* Digital Certificate Details */
.digital-cert .tab-content {
    padding:10px 0px 0px;
    position:relative;
}
.digital-cert .tab-action .btn {
    position:absolute;
    top:-55px;
    right:0px;
}
.digital-cert .tab-action .btn.btn-plan{
    position:absolute;
    top:15px;
    right:100px;
    padding:3px 12px;
} 
.digital-cert .table {
    margin-bottom:0px;
}
.digital-cert .table .no-record {
    color:#a94442;
    text-align:center;
}


.modal-content {
    overflow:hidden;
}
.modal-header {
    background:#f5f5f5;
}
.modal.cancel-acc p {
    margin-bottom:20px;
}
.modal.cancel-acc .btn {
    min-width:90px;
}

/* Pdf Viewer */
.upload-sign-section {
    border:1px solid #f1f1f1;
    min-height:70vh;
}
.agreement-note {
    background:#f9f9f9;
    border:1px solid #f1f1f1;
    padding:40px;
    min-height:70vh;
}

.pdf-actions {
    background:#f1f1f1;
    padding:7px 15px;
    border-bottom:1px solid #ddd;
}
.pdf-actions .btn {
    padding:3px 10px;
    font-weight:normal;
}
.pdf-actions .buttons {
    text-align:right;
}

/* alert message */
div.msgBox{
    top:30% !important;
    padding:0px;
    position: fixed;
    z-index: 1092;
    background: #fff;
    width: 430px;
    min-height:126px;
    color: #00335e;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0px 0px 11px #000000;
    -webkit-box-shadow: 0px 0px 11px #000000;
    box-shadow: 0px 0px 11px #000000;
}
div.msgBoxBackGround {
    top:0;
    left:0;
    position:absolute;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    background-color:#000000;
    opacity:0.5;
    z-index:1060;
}
div.msgBoxContainer {
    text-align: center;
}
div.msgBoxTitle {
    padding:5px 0 5px 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;
}
div.msgBoxContent span {
    display: table-cell;
    vertical-align: middle;
    color:#000;
    text-align:left;
    font-size: 15px;
}

/* Content class for IE7*/
div.msgBoxContentIEOld{
    font-size:11pt;
    margin:0 3px 6px 3px;
    display:inline-block;
    float:left;
    height:90px;
    width:319px;
    position: relative;
}
div.msgBoxContentIEOld p{
    padding:0;
    margin:0;
    position: absolute;
    top: 50%;
}
div.msgBoxContent p {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}
div.msgBoxContentIEOld span {
    position: relative;
    top: -50%;
}

/* 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.msgBoxButtons input[type='button']:focus,div.msgBoxButtons input[type='button']:active
{
    outline:none;
    padding:6px 25px;
}
/*div.msgBoxButtons input[type='button']:hover{background-color:#c00d0d;color:White;}*/
div.msgBoxButtons .btn.btn-primary:hover{
    background-color:#c00d0d;
    color:White;
}
/*div.msgBoxButtons input[type='button']:active{background-color:#AAAAAA;color:White;}*/
div.msgBoxButtons .btn.btn-primary:active{
    background-color:#c00d0d;
    color:White;
}
div.msgBoxButtons input[type='button']::-moz-focus-inner /*remove firefox inner outline*/
{
    outline: none;
    border: none;
}
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;
}

.asp-alert {
    border-radius:0;
    border:none;
    padding:30px 50px;
    margin-bottom:0px;
}
.asp-alert ul {
    margin:0px;
    padding:0px 20px;
}


.search-section {
    margin-top:5px;
    position: relative; 
    margin-bottom:15px; 
}
label.label { border-radius:10px;}
.filter-box label {
    font-weight:normal;
    font-size:14px;
    margin-right:5px;
}
.filter-box .label-active, .filter-box .label-active:hover {
    background-color:#c00d0d;
}
.filter-box .label-default {
    background:#999;
}

.filter-box .moreDropdown {
    display:inline-block;
    margin-right:5px;
    vertical-align: middle;
}
.filter-box .moreDropdown a.more-link {
    line-height:17px;
    display:block;
    padding:0px 8px;
    border-radius:.25em;
    font-size:75%;
    color:#333;
    font-weight:bold;
    background:#fff;
    border:1px solid #ccc;
}
.filter-box .moreDropdown a.more-link:before {
    display:none;
}
.filter-box .dropdown-menu {
    min-width:200px;
}
.filter-box .dropdown-menu li {
    margin-bottom:5px;
}
.filter-box .dropdown-menu li a {
    color:#444;
    font-size:11px;
    text-align:left;
    padding:1px 8px;
    font-weight:bold;
    display:block;
    color:#fff;
}

.search-box {
    position:relative;
    display:inline-block;
    vertical-align:middle;
}
.search-box label {
    font-weight:normal;
    vertical-align:middle;
    font-size:14px;
    margin-right:5px;
    margin-left:20px;
    margin-bottom:0px;
}
.search-box .btn-search {
    position:absolute;
    right:0px;
    top:0px;
    color:#666;
    padding:5px 15px;
    height:36px;
    display: flex;
    align-items:center;
    background:transparent;
    border:none;
    box-shadow:none;
}
.search-box .btn-search i {
    line-height:20px;
    vertical-align:top;
}
.search-box .btn-search:hover {
    color:#000;
}
.search-box .form-control {
    margin-bottom: 0px;
    vertical-align:middle;
    width:200px;
    padding:8px 15px;
    border-radius:20px;
    height:36px;
    display:inline;
    padding-right:30px; 
} 

.search-overlay {
    position:fixed;
    display:none;
    top:0px;
    width:100%;
    z-index:99;
    height:100%;
    background:transparent;
}

.search-general { display: flex; justify-content: end; align-items: center;}
.dropdown-menu.filter-box { border-radius:10px; padding: 10px;}
.filter-box >li { padding:2px 0px;}
.filter-box >li>a.label { font-size:13px; color: #fff;  border-radius:20px;} 

.advancesearch {
    display:inline-block;
}
.btn-advSearch { 
    margin-left:10px; 
    border:1px solid #989494;
}
.advancesearch-box {
    display:block;
    font-size: 15px;
    width:360px;
    z-index:999;
    border:1px solid #ccc;
    background:#fff;
    position:absolute;
    top:45px;
    right:0;
    border-radius:10px;
    box-shadow:2px 2px 15px rgba(0,0,0,0.2);
}
.moresearch-box {
    display:block;
    width:28%;
    z-index:999;
    border:1px solid #ccc;
    border-bottom:2px solid #bbb;
    background:#fff;
    position:absolute;
    top:35px;
    left:47%;
    border-radius:4px;
    box-shadow:-2px 2px 5px rgba(0,0,0,0.2);
}
.moresearch-box.dashboard-filter-box {
    width:30%;
    left:60%;
}
.moresearch-box ul {
    padding:10px 5px 0px;
}
.moresearch-box ul li a {
    display:block;
    margin-bottom:5px;
}
.moresearch-box ul li a::last-child{
    margin-bottom:0px;
} 

.advancesearch-form {
    padding:20px;
    text-align:left;
    color: #333;
}
.advancesearch-form h3 {
    color: #333;
    margin:0 0 15px;
    padding:0px;
    font-size:18px;
}

.advancesearch-form .form-label {
    padding-top:5px;
}
.advancesearch-form .form-group {
    margin-bottom:15px;
}
.advancesearch-form .checkbox-inline {
    padding:0px;
}
.advancesearch-form label {
    font-weight:normal;
}
.advancesearch-form .checkbox-inline label {
    margin-right:20px;
}
.advancesearch-form .form-inline label { 
    display:inline-block;
}
.advancesearch-form .date-control {
    display:inline-block;
    margin-right:15px;
}
.advancesearch-form .date-control .form-control {width:120px;}
.advancesearch-form .date-control:last-child { 
    margin-right:0px;
}
.advancesearch-form .date-control img {
    top:7px;
}
.advancesearch-form .select-box select {
    margin-right: 15px;
    width:182px;
    padding:6px;
}

.advancesearch-form .button-action {
    padding-top:10px;
}
.advancesearch-form .button-action .btn {
    padding:6px 20px;
    margin-right:10px;
}
.advancesearch-form .btn-close {
    position:absolute;
    right:15px;
    padding:10px;
    top:5px;
    z-index:999;
    cursor:pointer;
}
.date-control {
    position:relative;
}
.date-control img {
    position:absolute;
    right:10px;
    top:10px;
    cursor: pointer;
}

.purchase-section {
    margin-bottom:30px;
}
.purchase-section .purchase-box {
    padding:20px 30px 30px;
    background: #f9f9f9;
    border:1px solid #e2e2e2;
    min-height: 420px;
}
.purchase-section .purchase-box .btn-continue {
    font-size:15px;
    text-transform:uppercase;
    padding:7px 20px;
    font-weight:bold;
}
.purchase-section .product-display .form-group{
    margin-bottom:5px;
}
.purchase-section #selectedproduct td div {
    color:#45b153;
    font-weight:bold;
}
.purchase-section .validityname.form-control{
    padding:5px;
    height:30px;
    width:50px;
}
.purchase-section .table-manage td .btn {
    padding:5px 17px;
}
.purchase-section #productDisplayList{
    border:0;
    margin-bottom:0px;
}
.purchase-section #productDisplayList thead tr{
    background: #eaeaea;
}
.purchase-section #productDisplayList thead tr th{
    vertical-align:middle;
}
.purchase-section #productDisplayList tbody tr{
    background: #fff;
}
.purchase-section #productDisplayList tbody tr:hover{
    background: #f1f1f1;
}
.purchase-section .quantity{
    width:50px;
    height:30px;
}
.purchase-section .pl-20{
    padding-left:20px;
}
.purchase-section .bold-font{
    font-weight:600;
    color:#333;
}
.purchase-section .btn.remove{
    background: none;
    box-shadow: none;
    border:0;
    color:#101010;
    padding: 3px 0px 3px 10px;
    font-size: 14px;
}
.purchase-section .btn.remove:hover,.purchase-section .btn.remove:active,.purchase-section .btn.remove:focus{
    color:#204d74;
    background:none;
    text-decoration:underline;
}
.purchase-section .purchase-box h2 {
    margin: 0 0 20px;
    padding: 0px;
    font-size: 22px;
}
.purchase-section .purchase-box label {
    font-weight: normal;
}

.accordion-panel .panel {
    margin:0px;
    border:none;
    border-radius:0px;
    box-shadow:none;
}

.accordion-panel .panel-default{
    border:none !important;
    background: transparent;
}
.accordion-panel .panel .panel-heading {
    margin-bottom:-2px;
    padding:0px; 
    position:relative;
    background: transparent;
    border-radius:0px !important;
}
.accordion-panel .panel .panel-heading h2 { 
    margin:0px;
    font-weight:600; 
    display:block;
    padding:15px 30px;
    font-size:15px; 
    border-left:none;
    background: transparent;
}
.accordion-panel .panel .panel-body {
    background:transparent; 
    padding:30px;
    margin-bottom:0px;
}
.accordion-panel .panel .panel-heading h2 span.step {
    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 {
    color:#000;
    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;
}
.accordion-panel .panel .panel-heading h2 .btn-edit {
    color:#4377c4;
    position:absolute;
    right:20px;
    top:15px;
    padding:7px 10px;
    background:#fff;
    box-shadow:none;
    font-size:14px;
}

.accordion-panel .panel .panel-body .form-group {
    margin-bottom:7px;
} 

.accordion-panel .panel .btn.btn-default{ 
    background: transparent;
    color: #000;
    border-radius: 30px;
}
.accordion-panel .panel .paylater-btn{
    border-color: #ddd !important;
}
.accordion-panel .panel .pay_btn_group{
    display: flex;
    flex: 1;
    justify-content: end;
    gap:10px
} 
.accordion-panel .panel .panel-body .btn-next {
    padding:5px 12px;
    min-width:100px;
}

.setup-panel {
    border-top:1px solid #f1f1f1;
}
.setup-panel .panel {
    margin:0;
    border-radius:0px;
    border:none;
}
.setup-panel .panel .panel-heading {
    padding:0px;
    border:none;
    background:#fff;
    position:relative;
}
.setup-panel .panel .panel-heading a {
    color:#333;
    display:block;
    padding:8px 40px 8px 40px;
    font-size:16px;
    border-bottom:1px solid #e2e2e2;
    border-left:none;
}
.setup-panel .panel .panel-heading a [aria-expanded="true"] {
    background-color: #eee;
    color:#000;
}
.setup-panel .panel .panel-heading a:focus, .setup-panel .panel .panel-heading a {
    text-decoration:none;
}
.setup-panel .panel .panel-body {
    padding:15px 25px 0px;
    border-bottom:1px solid #e2e2e2;
}
.setup-panel .panel .panel-heading a:after {
    background:#f1f1f1;
    border-radius:3px;
    padding:4px 8px;
    line-height:22px;
    color:#333;
    content: "\002b";
    font-size:14px;
    position:absolute;
    left:3px;
    top:4px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
}
.setup-panel .panel .panel-heading a[aria-expanded="true"]:after {
    content: "\2212";
    background:#c00d0d;
    color:#fff;
}
.setup-panel .panel .panel-heading span {
    position:absolute;
    right:25px;
    top:10px;
    line-height:14px;
}
.setup-panel .panel .panel-heading .btn-refresh {
    position:absolute;
    right:100px;
    top:10px;
    border-radius: 4px;
    margin-left: 8px;
    padding:2px 10px;
    margin-right:10px;
    font-size:10px;
}
.panel-disabled {
    color: #e3e3e3 !important;
}
a.panel-disabled:hover {
    cursor:default;
}
a.panel-disabled:after {
    color:#e3e3e3 !important;
}

.setup-section {
    border-top:none;
}
.setup-section .setup-box {
    padding:0px;
}
.setup-box ul.nav-tabs {
    min-height:50px;
    background:#fff;
}
.setup-box ul.nav-tabs li a {
    margin:0px;
    padding:14px 25px;
    border:none;
    background:#fff;
    border-right:1px solid #e2e2e2;
    border-top:1px solid #e2e2e2;
    border-radius:0px;
    position:relative;
}
.setup-box ul.nav-tabs li a:hover {
    color:#000;
    background:#f9f9f9;
}
.setup-box ul.nav-tabs > li.active > a, .setup-box ul.nav-tabs > li.active > a:hover {
    border:none;
    font-weight:bold;
    color:#f26f27;
    background-color: #f9f9f9;
    border-bottom:1px solid #f9f9f9;
    border-right:1px solid #e2e2e2;
    border-top:1px solid #f26f27;
}
.setup-box ul.nav-tabs > li.active a:after {
    content:'';
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
    border-top:2px solid #f26f27;
}

.setup-section .setup-box .setup-content {
    padding:0px;
}
.setup-section .form-group {
    padding:0px;
    margin-bottom:10px;
}
.setup-section .form-label {
    margin:0px;
    font-size:14px;
}
.setup-section  .l2-label {
    line-height:18px;
    margin-top:-3px;
}
.setup-section .form-control {
    height:30px;
    padding:3px 7px;
}
.setup-section .label-vertical {
    line-height:30px;
}
.setup-section .label-vertical .form-label {
    margin-right:20px;
}
.setup-section .setup-box .setup-content .btn {
    padding-left:20px;
    padding-right:20px;
}

.setup-section h4 {
    border:none;
    padding:0px;
    color:#000;
    font-size:16px;
    margin:0px;
    font-weight:bold;
}
.setup-section .divider {
    margin:20px -25px 30px;
    height:1px;
    background:#e2e2e2;
    display:block;
    box-shadow:1px 1px 6px rgba(0,0,0,0.2);
}
.setup-section .setup-box .agreement-box {
    margin:10px 0px;
}
.setup-section .setup-box .csr-text {
    min-height:120px;
    resize:none;
    margin-top:20px;
}
.setup-section .alert-text {
    color:#ff0500;
    border:1px solid #f5d7d7;
    padding:7px 15px;
    margin:15px 0px 20px;
    background:#fff;
}
.setup-section .alert-text div {
    line-height:20px;
}
.setup-section .alert-text a {
    color:#619018;
}
.setup-section .alert-text a:hover {
    font-weight:bold;
}
.setup-section .alert-text .action-link {
    margin:5px 0px;
    padding:0px;
}
.setup-section .alert-text .action-link li {
    padding:2px 0px;
}
.setup-section .request-text {
    color:#666;
    border:1px solid #f5d7d7;
    padding:7px 15px;
    margin:15px 0px 20px;
    background:#fff;
}
.setup-section .request-text div {
    line-height:20px;
}
.setup-section .request-text a {
    color:#619018;
}
.setup-section .request-text a:hover {
    font-weight:bold;
}
.setup-section .request-text .action-link {
    margin:5px 0px;
    padding:0px;
}
.setup-section .request-text .action-link li {
    padding:2px 0px;
}
.setup-section .setup-box .btn-continue {
    font-size:14px;
    padding:7px 20px;
    font-weight:normal;
    text-transform: none;
}
.setup-section .setup-box  .video-section .form-label {
    display:inline;
    margin-right:20px;
}
.setup-section .setup-box  .video-section .form-label input {
    display:inline;
}
.setup-section .rdo-list label {
    margin-right:15px;
}
.setup-section .verify-box {
    padding:10px 15px;
    margin:0 0 10px;
    border:1px solid #e2e2e2;
    border-left:3px solid #5e95ce;
    background:#fff;
}
.setup-section .verify-box pre {
    border:none;
    padding:0px;
    background:transparent;
    font-size:14px;
    margin:0px;
}
.setup-section .verify-textarea {
    padding:0px;
}
.setup-section .verify-textarea .form-control{
    resize:none;
    min-height:300px;
    border:none;
    padding:15px;
}

.setup-section h5 {
    margin:10px 0px;
    font-weight:normal;
    color:#333;
    line-height:18px
}
.setup-section h5 span {
    font-size:14px;
    font-weight:bold;
}
.setup-section h5 small {
    font-size:13px;
}
.setup-section .btn-refresh {
    border-radius: 4px;
    margin-left: 8px;
    padding:2px 10px;
    margin-right:10px;
    font-size:10px;
}
.setup-section .form-buttons {
    margin:10px -25px 0px;
    padding:10px 15px;
    background:#f1f1f1;
    text-align:right;
    border-top:1px solid #e2e2e2;
}
.setup-section .form-buttons .btn {
    padding:6px 15px;
    margin:0px 5px;
    min-width:100px;
}
.setup-section .form-buttons .btn-primary {
    min-width:130px;
}
.setup-section .form-line {
    border-bottom:1px dashed #ccc;
    margin:10px 0px 15px;
    height:1px;
}

.formtable-content {
    background:#fff;
    padding:20px;
    font-size:14px;
}
.formtable-content h4 {
    margin:0 0 10px;
}
.formtable-content .form-group {
    margin-bottom:3px;
}

.modal-full {
    width:1200px;
}
.modal-xl {
    width:1000px;
} 
.service-option {
    padding:10px 10px 20px;
}
.service-option .bs-option p {
    margin-top:10px;
}

.manage-cert {
    padding-top:0px;
}
.manage-cert .page-head {
    padding-top:0px;
}
.manage-cert .page-heading .btn {
    margin-top:0px;
    padding:5px 10px;
}

.applicant-details .form-group {
    margin-bottom:7px;
    color:#000;
}
.applicant-details .form-group .form-label {
    color:#999;
    margin:0px;
}
.applicant-details .user-photo {
    margin-bottom:15px;
}
.applicant-details .user-photo img {
    width:100%;
}
.email_txt{
    overflow: hidden;
    text-overflow: ellipsis;
}

.inline {
    display: inline-block;
}
.verification-box {
    border:1px solid #e2e2e2;
    padding:0px 10px 15px;
    margin:0px -10px 15px;
    clear: both;
}
.verification-box .box-head {
    background:#f1f1f1;
    margin:0px -10px 15px;
    padding:5px 10px;
}
.verification-box .box-head h4 {
    font-size:15px;
    padding:5px 0px;
}
.verification-box .or-div {
    margin: 7px 0px 18px;
    padding: 0px;
    height: 1px;
    background: #e2e2e2;
    position: relative;
}
.verification-box .or-div span {
    background: #f1f1f1;
    border-radius: 100%;
    position: absolute;
    left:24%;
    padding: 3px 7px;
    top: -15px;
    font-size: 11px;
    font-weight: bold;
    color: #000;
}

.page-action {
    margin:10px 0px;
    text-align: right;
}
.plan-tbl.table>tbody>tr>td {
    font-size:15px;
}

.banner {
    position: relative;
}
.banner::after {
    position: absolute;
    background: #000;
    content:'';
}
.banner .banner-wrap {
    display: table;
    height: 400px;
    overflow: hidden;
    margin-top:30px;
}
.banner .banner-text {
    display:table-cell;
    vertical-align:middle;
}
.banner .banner-text h1{
    color:#fff;
    font-weight:100;
    font-size:36px;
}
.banner .banner-text h1 span {
    font-weight:bold;
    font-size:40px;
}
.banner .banner-text .btn {
    margin-top:30px;
    padding:10px 20px;
}

.banner-img {
    position: relative;
    height:450px;
    overflow:hidden;
}
.banner-img img {
    position:absolute;
    top:0px;
    right:0px;
    width:100%;
}

.page-strip {
    background:#f9f9f9;
    padding:10px 0px;
    text-align:center;
    box-shadow:0px 5px 10px rgba(0,0,0,0.08);
}
.page-strip b {
    font-weight: 500;
}
.page-strip h3{
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    margin: 5px 0px;
}

section.section {
    margin: 20px 0px;
}

/*.sing-features-main{padding:50px 0px;}*/
.section-enrolment {
    background: transparent;
    min-height: 480px;
    position:relative;
}
.section-enrolment h2{text-align: center;font-weight: bold; margin-bottom: 30px}
.section-enrolment h2 span{color:#c00d0d}
/*.section-enrolment:after {
    content:'';
    position:absolute;
    bottom:-60px;
    height:100px;
    width:100%;
    background-image: url(../images/gray-wave.png);
    background-size: cover;
    background-position: bottom;
}*/
.enrol-grid {
    transition: all .2s ease-in-out;
    min-height:340px;
    background: #fff;
    border-radius: 30px; 
    padding:0px;
    margin:0px 0px 50px;
    border: 1px solid #eee;
    z-index: 5; 
    overflow: hidden;
} 
.enrol-grid .row { display: flex; align-items: center;}
.enrol-grid.gray-box {
    background: #f9f9f9;
    margin: 20px 0px;
    padding:40px;
    display: flex;
    flex-direction: column;
    min-height:580px;
    align-items: center;
}
.enrol-grid img.banner { height:375px; max-width:100%; border-radius:30px; box-shadow:0px 0px 20px rgba(0,0,0,0.3);}
.enrol-grid .box-content { padding:40px;}
.enrol-grid.gray-box h3 {
    margin:0px;
} 
.enrol-grid.org-first {
    margin-right:30px;
    min-height: 1170px;
    align-items:start;
}
.enrol-grid.org-process { 
    min-height:unset; 
}

.enrol-grid .heading {
    font-size:26px;
    font-weight:bold;
    margin:0px 0px 20px; 
}
.enrol-grid .heading span{
    font-weight:900;
}

.enrol-grid li {
    margin-bottom: 10px;
    position: relative;
}
.enrol-grid .grid-action {
    margin:0;
}
.enrol-grid .grid-action .lnk-more {
    font-size:16px;
    margin:0px 5px;
    color:#c00d0d;
    font-weight:bold;
    border: 1px solid #c00d0d;
    border-radius: 30px;
    text-align: center;
    padding:8px 15px;
}
.enrol-grid .grid-action .lnk-more img {
    height:10px;
    padding-left: 5px;
}
.enrol-grid .list-unstyled {
    position: relative; 
    margin:30px 0px;
}
.enrol-grid ul.list-unstyled li img {
    position: absolute;
    left: 0px;
    width:20px;
    height: 20px;
}
.enrol-grid ul.list-unstyled li p {
    padding-left: 30px;
    color: #555;
}

.section-features {
    background:#fff;
    padding:0px;
}
.section-features .page-title {
    padding: 30px 0px;
}
.section-features .features-box {
    text-align: center;
    padding:20px;
}


.section-features .img-wrap {
    min-height:100px !important;
    padding:15px;
    border: 1px solid #ddd;
    border-radius: 30px;
    z-index: 1;
    box-shadow: 0 0 10px rgba(0,0,0,0.2)
}
.section-features .img-wrap img {
    height: 56px;
}

.section-features h3 {
    margin-top:15px;
    color: #3a3a3a;
    font-size:16px;
    line-height: normal;
}

.buy-sec {
    background: #257689;
    color:#fff;
    padding:40px 0px;
    text-align: center;
}
.buy-sec h3 {
    margin: 0px;
    font-weight: 100;
    display:inline-block;
    padding-right:20px;
}
.buy-sec h3 span{
    margin: 0px;
    font-weight: 400;
}
.buy-sec .btn {
    color:#378211;
    text-transform: uppercase;
    font-weight:bold;
    box-shadow: -1px 2px 8px #18384b;
    transition: all .3s;
}
.buy-sec .btn:hover {
    background:#378211;
    color:#fff;
}
.buy-sec .btn i {
    padding-left:5px;
}
@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }

}
.g_txt {
    overflow: hidden;
    text-overflow: ellipsis;
}

.switch {
    position: relative;
    display: block;
    vertical-align: top;
    width: 100px;
    height: 30px;
    padding: 3px;
    margin: 0 10px 10px 0;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    box-sizing:content-box;
}
.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing:content-box;
}
.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing:content-box;
}
.switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    box-sizing:content-box;
}
.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaaaaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}
.switch-input:checked ~ .switch-label {
    background: #E1B42B;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
    opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
    opacity: 1;
}
.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
    left: 74px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.download-certificates .login-panel {
    font-size: 15px;
    min-height: 400px;
    display: block;
    overflow: auto;
    margin: 10px 30px 30px;
}
.download-certificates .login-panel .login-content .login-image {
    padding:30px;
    border: 1px solid #f1f1f1;
    background: #fdfdfd;
}
.download-certificates .login-panel .heading {
    padding: 0px;
    font-size: 18px;
    font-weight: 600;
    margin: 0px 0 15px;
}
.download-certificates .login-panel .login-content p {
    margin: 0px;
    font-weight: 600;
    color:#243551;
}
.download-certificates .login-panel .login-content ul {
    margin:10px 0px;
    padding:0px;
}
.download-certificates .login-panel .login-content ul li {
    padding: 3px 0 3px 20px;
    position: relative;
    font-size: 14px;
    text-align: justify;
    list-style: none;
}
.download-certificates .login-panel .login-content ul li i {
    position: absolute;
    left: 0px;
    top: 7px;
}
.download-certificates .alert-download {
    margin-top: 10px;
    font-size: 14px;
    padding: 10px 15px;
    color: #333;
}
.download-certificates .alert-download ol {
    padding: 5px 20px 0;
}
.download-certificates .alert-download ol li {
    padding: 1px 0px;
    font-size:14px;
}
.download-certificates .login-panel {
    margin:10px 0px 30px;
}
.download-certificates .login-panel .login-content .login-form {
    margin: 0px 20px;
    background: -moz-linear-gradient(top, #eeeeee 0%, #d9d9d9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #d9d9d9));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #d9d9d9 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #d9d9d9 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #d9d9d9 100%);
    background: linear-gradient(top, #eeeeee 0%, #d9d9d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d9d9d9', GradientType=0);
    position: relative;
}
.download-certificates .login-panel .login-content .login-form .form-group .btn{
    width:100%;
}
.download-certificates .login-panel .login-content .login-form .inner-wrapper{
    padding:15px 25px;
}
.download-certificates .login-panel .login-content .login-form .title {
    padding: 10px 25px;
    font-size: 16px;
    color: #fff;
    background:linear-gradient(to right, #c00d0d, #c00d0d);
    position:relative;
    font-weight: 500;
}
.download-certificates .login-panel .login-content .login-form .title img{
    position: absolute;
    right:30px;
    top:7px;
}
.download-certificates .login-panel .form-group {
    margin-bottom: 15px;
}
.download-certificates .login-panel .form-group.label-inline .form-label{
    display:inline-block;
}
.download-certificates .login-panel .form-group.label-inline .resend-bin{
    float:right;
    font-size:14px;
}
.download-certificates .login-panel .form-label {
    padding-bottom: 5px;
    display: block;
}
.download-certificates .login-panel .login-content .form-control {
    font-size: 15px;
    padding: 0px 10px;
    border-color: #c4c4c4;
    color: black;
    height:35px;
}
.download-certificates .login-panel .controls {
    position:relative;
}
.download-certificates .login-panel .controls i{
    position:absolute;
    top:9px;
    right:7px;
}

.org-dtl .panel {
    border-radius:0px;
}
.org-dtl .panel-body {
    padding:0px;
    background:#2d5f6b;
}
.org-dtl .org-fld {
    padding:40px 0px 15px 35px;
    background:#fff;
}
.note-info h4 {
    margin:0px;
    text-transform:uppercase;
    padding: 12px 15px;
    color:#fff;
}

.note-info ul{
    padding:0px 15px 15px 0px;
}
.note-info ul > li {
    padding:3px 0px 8px;
}
.note-info ul > li > i{
    font-size: 12px;
    color:#e2e2e2;
    background: #0c404c;
    padding: 4px;
    border-radius: 50%;
    border:1px solid #fff;
}

.header-redirect.header {
    box-shadow:none;
}
.header-redirect.header .menu-container.banner-heading{
    padding: 7px 0px;
}
.header-redirect.header .logo {
    margin:0px;
}
.header-redirect.header .logo img {
    height:60px;
}
.header-redirect.header .page-head {
    font-size: 18px;
    color: #fff;
    margin: 5px 5px 5px 10px;
    padding: 5px 10px;
    border-left: 1px solid #ccc;
}
.notetxt {
    color:#d63d3a;
}
.form-container.certDtl h5 {
    word-break:break-all;
    margin-top:0px;
}
.form-container.certDtl .text-muted {
    min-height:28px;
    line-height:20px;
}
.form-container.certDtl .lblbr {
    margin-bottom:10px;
}
.form-container.certDtl .lblbr .text-muted{
    line-height:15px;
}
.alert-agree {
    margin-top:20px;
    margin-bottom:20px;
}
.alert-agree li{
    position:relative;
    padding-left:25px;
}
.alert-agree li i{
    position:absolute;
    left:0px;
    top:5px;
    font-size:13px;
}

/*.certform {background: -moz-linear-gradient(top, #eeeeee 0%, #d9d9d9 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #d9d9d9));background: -webkit-linear-gradient(top, #eeeeee 0%, #d9d9d9 100%);background: -o-linear-gradient(top, #eeeeee 0%, #d9d9d9 100%);background: -ms-linear-gradient(top, #eeeeee 0%, #d9d9d9 100%);background: linear-gradient(top, #eeeeee 0%, #d9d9d9 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d9d9d9', GradientType=0);  margin:0px 20px;}*/
.certform .title {
    border-radius:4px;
    padding: 10px 25px;
    font-size: 16px;
    color: #fff;
    background:linear-gradient(to right, #c00d0d, #c00d0d);
    position:relative;
    font-weight: 500;
}
.certform .title img {
    position: absolute;
    right:30px;
    top:7px;
}
.certform .inner-wrapper {
    padding:20px 25px 10px;
}
.certform .form-label {
    padding-bottom:5px;
}
.certform .form-group {
    margin-bottom:15px;
}
.certform .form-control {
    height:35px;
}
.certform .form-group.viewdetails {
    margin-bottom:7px;
}
.certform .agree-txt {
    line-height:normal;
}
.certform .input-ctrl {
    position:relative;
}
.certform .input-ctrl.refresh-ctrl{
    padding-right:40px;
}
.certform .input-ctrl.refresh-ctrl .btn{
    position:absolute;
    right:0px;
    top:0px;
}
.certform .refresh {
    padding: 7px 15px;
    border-radius:4px;
    height:35px;
}
.certform .input-ctrl .form-control{
    font-size: 15px;
    padding: 0px 10px;
    border-color: #c4c4c4;
    color: black;
}
.certform .input-ctrl i{
    position:absolute;
    right:9px;
    top:9px;
}

.captcha-box.captcha-div .form-control {
    width:235px !important;
}
.resend-challengecode {
    min-height:473px;
}
.md-auto {
    margin:auto;
    float:none;
}
.contact-info.submitorg {
    margin-top: 26px;
}

.org-dtl h3.heading {
    padding: 0px;
    font-size: 18px;
    font-weight: 600;
    margin: 0px 0 15px;
}
.org-dtl .login-image {
    padding: 20px;
    border: 1px solid #f1f1f1;
    background: #fdfdfd;
}

.redirecthome {
    position: relative;
}
.redirecthome i {
    position: absolute;
    top:20px;
    right: 0px;
    padding: 9px;
    color: #fff;
    background: linear-gradient(45deg, #326bbd, #60b04f);
    border-radius: 50%;
    font-size: 22px;
}

.sharelink-box .or-div {
    margin: 22px 0px 18px;
    padding: 0px;
    height: 1px;
    background: #e2e2e2;
    position: relative;
}
.sharelink-box .or-div span {
    background: #f1f1f1;
    border-radius: 100%;
    position: absolute;
    left:24%;
    padding: 3px 7px;
    top: -15px;
    font-size: 11px;
    font-weight: bold;
    color: #000;
}
.sharelink-box .form-control {
    height: 35px;
}

.intl-tel-input .selected-flag .iti-flag {
    top: 20px !important;
}
.intl-tel-input .selected-flag .iti-arrow {
    top: 26px !important;
    margin-top: 0px !important;
}
.mb-block .intl-tel-input {
    display: block !important;
}

.mb-block {
    position: relative;
}
.login_form_inner .mb-block .form-control{
    padding-left: 50px !important;
}
.mb-block .form-control{
    padding-left: 50px;
}

.mb-block.em-block .form-control{
    padding-left: 6px;
}
.mb-block .mbCode {
    position: absolute;
    bottom: 8px;
    left: 10px;
}
.mb-block span .fa{
    position: absolute;
    right: -28px;
    top: 3px;
    color: #008000;
}

.mb-block-inline .profile-content {
    padding-left: 40px;
}
.mb-block-inline .mbCode {
    left: 0px;
}

.viewDoc-mdl .pdf-actions {
    padding: 15px 10px 0px 15px;
}
.viewDoc-mdl .pdf-actions button.close {
    margin-left: 20px;
}
.viewDoc-mdl .page-view {
    height: 80vh;
    overflow-x: auto;
}

.prsimgaln img {
    position: absolute;
    right: 50px;
    top: 6px;
}


/*span.user_name {
    color: #08a0e0;
}*/

.complete_txt {
    color: #fff!important;
    margin: 3px 0px;
}
.s_txt {
    text-align: center;
    margin-top: 6px;
}

.log-dtl .bg-div .exclamation_txt {
    position: absolute;
    right:10px;
    top: 27px;
    height: 42px;
    padding-top: 10px;
    width: 42px;
    font-size: 25px;
    background-color: #fff;
    color: #f0ad4e;
    display: flex;
    border-radius: 100px;
    justify-content: center;
}
.log-dtl .bg-div .check_txt {
    position: absolute;
    right: 10px;
    top: 27px;
    height: 42px;
    padding-top: 10px;
    width: 42px;
    font-size: 22px;
    background-color: #fff;
    color: #53c05a;
    display: flex;
    border-radius: 100px;
    justify-content: center;
}
.log-dtl .bg-div .ban_txt {
    position: absolute;
    right: 7px;
    top: 27px;
    height: 42px;
    padding-top: 10px;
    width: 42px;
    font-size: 25px;
    background-color: #fff;
    color: #fa5959;
    display: flex;
    border-radius: 100px;
    justify-content: center;
}

.log-dtl .bg-div .clock_txt {
    position: absolute;
    right:10px;
    top: 27px;
    height: 42px;
    padding-top: 9px;
    width: 42px;
    font-size: 25px;
    background-color: #fff;
    color: #777;
    display: flex;
    border-radius: 100px;
    justify-content: center;
}


.view_btn {
    font-size: 12px;
    height: 28px;
    margin-top: -9px;
} 
.signed_btn {
    margin-right: 10px;
}

td.display_txt {
    text-align: right;
}
.profile-icon img {
    border: 1px solid #60b04f;
    border-radius: 100px;
}
/*.user_name:hover {
    font-weight: bold;
    color:#fff;
}*/
.doc_img {
    margin-top: 75px;
    height: 250px;
}

.eSctr-box .em-tooltip {
    position: absolute;
    right: 5px;
    top: 10px;
}

.em-tooltip {
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: inline-block;
    line-height: 14px;
    background: #ddd;
    color: #000 !important;
    font-weight: bold;
    font-family: Arial, Times, serif;
    padding: 2px 4px;
    border-radius: 100%;
    font-size: 11px;
    text-align:center;
}
/*.em-tooltip + .tooltip > .tooltip-inner {
    background-color: #fff;
    color:#000;
    border: 1px solid #c00d0d !important;
    width: 400px!important;
    max-width: 400px!important;
    padding: 3px 8px;
    color: #000!important;
    text-align: left;
    font-size: 14px;
    background-color: #fff!important;
    border-radius: 4px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    border:1px solid#0b4393;
}*/
.globe {
    color: #ccc;
    margin-right: -12px;
}

.headerwtmenu {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    padding:7px 0px;
    position:relative;
    background:linear-gradient(to right, #c00d0d, #c00d0d);
    line-height: 20px;
}
.headerwtmenu .org-name {
    text-align:right;
}
.headerwtmenu .org-name h2 {
    margin:0px;
    font-size:22px;
    color:#fff;
}
.headerwtmenu .org-name h2 small {
    color:#fff;
}
.headerwtmenu .username {
    padding:5px 15px 10px;
    margin-bottom:5px;
    color:#91a525;
    background:#f1f1f1;
    border-radius:4px;
}
.headerwtmenu .username span {
    font-weight: bold;
    display:block;
    margin:0px !important;
    padding:0px !important;
    display:block;
}
.headerwtmenu .username small {
    display:block;
    font-weight:normal;
    line-height:12px;
}
.headerwtmenu .logo {
    margin: 0px;
}
.headerwtmenu .logo img {
    height: 57px;
}
.headerwtmenu .logo-head {
    color:#fff;
    font-size:18px;
    padding:10px 15px;
    border-left: 1px solid #ccc;
    vertical-align:middle;
    margin:0px 10px;
    display:inline-block;
}
.headerwtmenu .contact-info {
    font-size: 16px;
    margin: 17px 0px;
}
.headerwtmenu .contact-info, .headerwtmenu .contact-info a {
    color: #fff;
}
.headerwtmenu .contact-info a {
    font-size: 16px;
}
.headerwtmenu .contact-info span {
    margin-left: 15px;
    padding-left: 0px;
}

.login-pg {
    position: relative;
    color: #fff;
    line-height: 20px
}
.login-pg::after {
    content:'';
    position:absolute;
    background:rgba(0, 0, 0, 0.3);
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
}
.login-pg .banner-txt {
    position:relative;
    z-index:999;
    padding-top:50px;
}
.login-pg .banner-txt h1 {
    line-height: 1.1;
    font-weight: normal;
}
.login-pg .banner-txt h4 {
    line-height: normal;
    font-weight: normal;
}
.page-content.login-pg {
    font-size: 15px;
    padding: 0px;
}
.login-pg .form-login .form-head {
    margin: 10px 0 20px;
}
.page-content.login-bg {
    font-size: 15px;
}
.headerWht {
    background: #fff;
}
.headerWht.headerwtmenu .contact-info, .headerWht.headerwtmenu .contact-info a {
    color: #000;
}
.headerWht.headerwtmenu .logo-head {
    color: #000;
}

.info-msg {
    background: rgba(0 ,0, 0,0.34);
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    position: absolute;
}

.page-content {
    padding-top:120px;
    padding-bottom:30px;
} 

#main-content {
    margin-left:300px;
    margin-right:10px;
    display: block;
    padding:0px;
    /*    margin-top:73px; */
    /*    z-index:1;*/
    position: relative;
}
#main-content .page-content {
    padding:20px;
    background: #fff; border-radius:20px 20px 0 0; border-left:5px solid #c00d0d; box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.1);
}
#main-content .page-content .setmain-content { min-height:calc(100vh - 246px); }
#main-content .page-content .copyright {
    border-top:1px solid #e1e1e1; 
    background: #f9f9f9;
    font-size: 13px; 
    padding: 20px;
    margin: 30px -20px -20px;
}
.success-box {
    padding:20px;
    background: #f9f9f9; display: flex; align-items:center; justify-content:center; flex-direction:column; border-radius:20px; min-height:calc(100vh - 260px); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}
#main-content .buy-cert {
    margin: 0px;
}
.page-content .content-header { padding:10px 20px; margin:-20px -20px 15px; border-bottom:1px solid #eee;}
.page-content .content-header h3 { margin:15px 0px; font-size:18px;}
.page-content .content-body { padding:15px 20px;}
.page-content .content-footer { padding:15px 20px; border-top:1px solid #eee;}
.page-content .content-action .btn { padding:6px 20px !important; margin-left:10px;  }
.content-title-section { padding:10px 20px 0px; position:relative; }
.content-title-section h3 { font-size:18px;}
.titleAction { margin-top:3px; display: flex; align-items: center; justify-content: end; gap:10px; min-height:45px;}

/**********Start Upload DOCUMENT  CSS **************/
.upload-docments {
    clear: both;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.upload-docments li {
    padding:0px;
    border-radius:4px;
    overflow: hidden;
    position: relative;
    width:24%;
    height:85px; 
    border:1px solid #e5e5e5;
    vertical-align:top;
    margin:0px;
    display: inline-block;
}
.upload-docments li:first-child {
    margin-left:0px;
}
.upload-docments li.upload-box {
    margin:0px;
    margin-right:6px;
    text-align:left;
    padding:0px;
    margin-bottom:5px;
    background:#fff;
}
.upload-docments li.upload-box:last-child {
    margin-right:0px;
}
.upload-docments li .btn {
    padding:5px 25px;
}
.upload-docments li a {
    text-decoration:none !important;
}
.upload-docments li .btn-view {
    position: absolute;
    bottom:48%;
    left:33%;
    display:none;
    z-index: 99;
}
.upload-docments li .btn-view:hover {
    background-color:#fff
}
.upload-docments li .btn-remove {
    display:none;
    z-index: 99;
    background: #f9f9f9;
    border: 1px solid #ccc;
    color: #000;
    padding: 0px 6px 2px;
    border-radius: 0 6px 0 9px;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    position: absolute;
    top: -1px;
    right: -1px;
}
.upload-docments li .btn-remove:hover {
    text-decoration: none;
    background:#ff6000;
    border:1px solid #ff6000;
    color: #fff;
}
.upload-docments li.upload-box h4 {
    font-size:14px;
    font-weight:bold;
    margin:5px 0px;
}
.upload-docments li.upload-box .uploadImg {
    margin-top:5px;
    padding-left:50px;
}
.upload-docments li.upload-box .uploadImg img{
    height:35px;
}
.upload-docments li.upload-box .uploadBefore {
}
.upload-docments li .icon {
    margin:5px;
    position: absolute;
    left: 4px;
    bottom: 10px;
}
.upload-docments .documentScroll{
    margin-bottom: 0px;
    direction:ltr !important;
}
.upload-docments li:hover .btn-view, .upload-docments li:hover .btn-remove {
    display:inline-block;
}
.upload-docments li:hover .pdf-image:after {
    content:'';
    background:rgba(0,0,0,0.1);
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
}
.upload-docments li .pdf-image {
    height:100%;
    width:100%;
    text-align: center;
    overflow: hidden;
}
.upload-docments li.upload-box .form-label {
    margin:10px 10px 0px;
    text-align: left;
    font-weight:bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.upload-docments li .pdf-image img.loader {
    height:30%;
    margin-top:60px;
}
.upload-docments .doc-name, .upload-docments .loading {
    width:100%;
    position: absolute;
    background:rgba(255,255,255,0.9);
    border-top:1px solid #eee;
    padding:5px 10px;
    white-space: nowrap;
    bottom:0px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.upload-docments .doc-name .page-number {
    font-weight: normal;
}
.upload-docments .loading {
    padding-top:15px !important;
    text-align: center;
} 
.viewPDFDoc {
    padding:0px 50px;
    height:calc(100vh - 66px);
    overflow:auto;
    background:#f1f1f1;
}
.preview-thumbnail {
    margin: 5px 0px;
    border: 1px solid #ddd;
}
.preview-thumbnail img {
    width:100%;
    height: 100%
}
.slick-prev:before,
.slick-next:before {
    color: black;
}
.slick-slide {
    margin: 0px 5px;
}
.slick-prev:before,
.slick-next:before {
    color: black;
}
.slick-slide {
    margin: 0px 4px 0px 5px;
}

/**********END UPLOAD DOCUMENT CSS **************/
.editBtn{
    width: auto;
    padding: 5px;
    font-size: 17px;
}
@media (max-width:480px){
    .orgDetails .nafathApp .appImg img {
        width: auto;
        margin: 5px 0px;
    }

    .loginNow p {
        line-height: 16px;
        font-size: 12px;
    }
    .loginNow h4 {
        font-size: 14px;
    }
    .loginNow h2 {
        font-size: 24px;
        margin: 25px 0px 16px;
    }
    .doc_img {
        margin-top: 0px;
        display: block !important;
    }
    .buy-section .btn-buy, .buy-section .btn-buy:hover{
        width:100%;
    }
    .login_form .nafathApp .appImg img {
        width: auto;
        margin-bottom: 10px;
    }
    .login_form .nafathApp .appImg {
        display: block;
        text-align: center;
    }
}

@media (max-width:767px){
    .orgDetails .enrolmentContent {
        margin: 0px;
    }
    .enrolmentContent .uploadBtn {
        text-align: center;
    }
    .powered_by{
        text-align: left;
    }
    .login_form, .banner-txt {
        padding:0px;
    }
    .login_form {
        margin:0px;
    }
    .login_form_inner {
        width: 100%
    }
    .loginNow h2 {
        margin-top:30px;
    }
    .login_copyright {
        padding:15px 0px;
    }
    .login_copyright, .login_copyright .powered_by {
        text-align: center;
    }
    .login_copyright .copy-info {
        margin-bottom:5px;
    }
    .login_copyright .container {
        width:100%;
    }
    .rdio {
        margin-left: 0px !important;
    }
    .rdio label {
        margin-right:15px;
        vertical-align: top;
    }
    #main-content {
        margin-left: 0px;
        padding-top:100px;
    }
    .register-page .btn {
        padding: 5px 9px;
        margin-right: 9px;
        margin-top: -10px;
    }
    .doc_img {
        height: auto;
    }
    .plan-grid{
        width: 100%!important;
    }
    .globe {
        margin-right: 0px;
    }
    /*    .page-content {
            padding-top:100px;
        }*/
    .digital-cert .nav-tabs {
        margin-bottom: 40px;
    }
    .ph_name{
        box-sizing: border-box;
        white-space: nowrap;
        width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .digital_txt {
        width: 100%!important;
        margin-left: 0px;
    }
    .fixed-header .logo {
        margin:10px 0px;
    }
    .fixed-header .logo .subhead {
        padding: 5px 10px;
        margin: 20px 0px 10px 5px
    }

    .navbar-toggle {
        border: 1px solid #d0d0d0;
    }
    .navbar-toggle .icon-bar {
        background: #595959;
        width: 15px;
    }
    .menu-container .navbar-toggle {
        display: inline-block;
        padding: 1px 6px;
        margin-right: 0px;
        margin-top: 23px;
        border:1px solid #eaeaea;
        color: #fff;
    }
    .page-sidebar {
        width: 100%;
        height: inherit;
        position: relative;
        background: transparent;
        padding: 0px;
        margin-bottom: 0px;
        z-index: 9;
        top:79px;
    }
    .menu-container {
        background:linear-gradient(to right, #c00d0d, #c00d0d);
        padding: 0px 0px 15px;
        position: absolute;
        width:100%;
        z-index: 9;
    }
    .navbar-section .navbar-nav > li a {
        padding: 9px 30px;
        color: #fff !important;
    }
    .menu-container .navbar-nav {
        margin:15px 0px;
    }
    .header .logo .subhead {
        margin: 10px 0px 10px 4px;
        padding: 5px;
        font-size: 14px;
        width: 235px;
        line-height: 17px;
    }
    .header .navbar-collapse {
        float: none;
        padding: 0;
        border-radius: 0 0 30px 30px;
        background: #000;
        position: fixed;
        width: 100%;
        left: 0px;
    }
    .header .navbar-toggle {
        margin-bottom: 0px;
        padding: 10px;
        margin-top:15px;
    }

    .header-top-right .profile-nav {
        float: right;
        margin: 18px 0px;
    }
    .header-top-right .profile-nav .ph_name {
        display: none;
    }
    .header-top-right .lang-dropdown {
        margin-right:5px !important;
    }
    .copyright .copy-info {
        margin: 4px 0px 10px;
    }
    ul.socialmedia {
        margin:20px 0px;
    }

    .banner-section {
        padding:100px 0 0px;
    }

    .banner-section.home-banner {
        min-height:420px;
        padding:50px 0px;
        background-position: 40% 0;
    }
    .home-banner .banner-content {
        padding:0px 10px;
    }
    .home-banner .banner-content h2 {
        font-size:28px;
        line-height:50px;
        font-weight:bold;
    }
    .home-banner .banner-content h2 b {
        font-weight: 900;
    }
    .home-banner .banner-content h2 .green-line:after {
        content:'';
        bottom:-12px;
        position: absolute;
        left:0px;
        width:100%;
        height: 12px;
        background:url("../images/green-line.png") no-repeat 0 0;
        background-size:cover;
    }
    .home-banner .banner-content p {
        color: #222;
        font-size: 15px;
        line-height:26px;
    }
    .banner-section .banner-text p {
        font-size: 17px;
        line-height:26px;
    }

    .banner-section .banner-text .banner-title {
        font-size:28px;
    }
    .title-container h2, .digital-section h3 {
        font-size:22px;
    }
    .title-container .subheading {
        font-size:16px;
    }

    .price-div {
        padding:20px;
    }

    div.msgBox {
        background:#fff !important;
        width:94% !important;
        left:3% !important;
    }
    div.msgBoxButtons input[type='button'], div.msgBoxButtons input[type='button']:focus, div.msgBoxButtons input[type='button']:active {
        width:auto;
    }

    /* .header .logo img {height: auto;}*/
    .header .navbar-header {
        position: absolute;
        top: -70px;
        right: 0px;
    }
    .header.fixed-header .navbar-toggle {
        z-index:999;
        position: absolute;
        padding: 5px 10px;
        top: 3px;
        margin-left: 10px;
        color: #fff;
        font-size: 17px;
        border-color: rgba(255,255,255,0.2);
    }
    .header .navbar-right {
        margin:30px;
        padding:0px;
    }
    .header .navbar-nav > li {
        padding:0px;
        text-align: center;
    }
    .header .navbar-nav > li > a {
        color:#fff;
        margin: 0px;
        padding:15px 10px;
    }
    .header .navbar-nav > li > a.btn.btn-login{
        width:150px; margin:15px auto; display: inline-block;
    }
    .header .navbar-nav > li > a.btn {
        border: 1px solid #e0e0e0;
    }
    .header .navbar-nav > li > a.mainmenu_lng {
        max-width:100%;
        padding:10px;
    }
    .header .navbar-nav > li > a.mainmenu_lng select {
        width: 100%
    } 
    .header .navbar-nav > li .language-toggle { width:150px; margin:15px auto; }
    .contact-info {
        text-align: left;
        margin-bottom: 10px;
    }
    .contact-info span {
        padding-left: 0px;
    }
    .bg-wrapper {
        padding: 0px 0px 20px;
    }
    .page-title {
        padding-top: 0px;
    }
    .buy-cert .form-cert {
        padding: 20px 20px 10px;
    }
    .accordion-panel .panel .panel-body {
        padding: 20px;
    }
    .login-bg {
        padding: 20px 0px;
    }
    .login-bg .banner-txt {
        padding-top: 0px;
    }
    .banner .banner-text {
        display: block;
    }
    .banner .banner-wrap {
        height: auto;
    }
    .banner-img {
        height: 300px;
    }

    .sign-features {
        padding: 30px;
    }
    .feature-grid.mid {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .content-section {
        padding:15px 0px;
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 2px;
    }
    .pr-0 {
        padding-right: 15px;
    }
    #eSignTx {
        word-break: break-all;
    }
    #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {
        width:auto !important;
    }
    #toast-container > div {
        padding: 8px !important;
    }
    .digital-cert .tab-action .btn {
        top: -30px;
        left: -5px;
    }
    .advancesearch-form .common-control {
        width: 100%;
    }
    .advancesearch-form .form-inline label {
        width: 75px;
        margin-bottom: 10px;
    }
    .search-general {
        text-align: left !important;
        margin-top:10px;
    }
    .search-box .form-control {
        width: 157px;
    }
    .advancesearch-box {
        top: 138px;
    }
    .advancesearch-box .text-right .btn{
        float: left;
    }
    .page-title-section .btnaction-right {
        text-align: left;
        margin-bottom: 10px;
    }
    .header-top-right .profile-info {
        display: inline-block;
    }
    .user-actions a {
        display: block;
        color: #73f1f7;
    }

    section.section {
        padding:30px 0px;
    }
    .enrol-grid {
        padding:30px;
    }
    .enrol-grid.first {
        margin:0 0 20px;
    }
    .enrol-grid.last {
        margin:0px;
    }
    .enrol-grid .title-container {
        margin:0px 0px 20px;
    }
    .content-section h3 {
        font-size:20px;
    }
    .section-features .img-wrap {
        border-bottom:1px solid #eee;
        border-right:none;
        min-height: 0;
    }
    .section-features .img-wrap:last-child {
        border-bottom:none;
    }
    .section-features .line .img-wrap:last-child {
        border-bottom:1px solid #eee;
    }
    /*    .section-enrolment:after {
            bottom: -35px;
            height: 50px;
        }*/

    .box-list-item {
        padding:20px;
    }
}

.btn-timer {
    position:relative;
    /*    top: 9px;*/
}

.btn-timer span#time {
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255,255,255,0.85);
    padding:12px 4px;
    right: 0px;
    border: 0px;
    text-align: center;
    bottom: 0px;
    border: 1px solid #e4e4e4;
    font-weight: 500;
    font-size: 20px;
    color: #333;
    border-radius: 5px;
}
.btn-timer span#time1 {
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255,255,255,0.85);
    padding:12px 4px;
    right: 0px;
    border: 0px;
    text-align: center;
    bottom: 0px;
    border: 1px solid #e4e4e4;
    font-weight: 500;
    font-size: 20px;
    color: #333;
    border-radius: 5px;
}
.resendTmer .btn-timer {
    position: relative;
}
.resendTmer .btn-timer span#time{
    padding: 2px 4px;
}
.resendTmer .btn-timer span#time1{
    padding: 2px 4px;
}
.resendTmer .btn-timer .btn, .resendTmer .btn {
    padding: 3px 8px;
}
.btn-timer .btn-default {
    height: 46px;
    font-size: 15px;
    border: 1px solid #ddd;
}
.login_form .btn-timer .btn-default {
    height: 48px;
} 

.otp-inline .resendBtn .btn{
    width: 110px;
    margin-top: -15px;
}
.otp-inline .resendBtn .m_timer {
    position: absolute;
    top: -16px!important;
}
.emCtrmb-checked {
    position: relative;
}
.emCtrmb-checked .form-control{
    padding-left: 50px;
}
.emCtrmb-checked .mbCode{
    position: absolute;
    bottom: 5px;
    left: 10px;
}
@media(min-width:320px){
    .borders_align li:nth-child(1) {
        border-right:0px solid #ccc;
        border-bottom:1px solid #ccc;
        padding-top:20px;
    }
    .borders_align li:nth-child(2) {
        border-right:0px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding-top:20px;
    }
    .borders_align li:nth-child(3) {
        border-right:0px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding-top:20px;
    }
    .borders_align li:nth-child(4) {
        border-bottom: 1px solid #ccc;
        padding-top:20px;
    }
    .borders_align li:nth-child(5) {
        border-left: 0px solid #ccc;
        border-right: 0px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding-top:20px;
    }
    .borders_align li:nth-child(6) {
        border-bottom: 0px solid #ccc;
        padding-top:20px;
    }
}

@media(min-width:768px){
    .borders_align li:nth-child(1) {
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
    }
    .borders_align li:nth-child(2) {
        border-right:0px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    .borders_align li:nth-child(3) {
        border-right:1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding-top:20px;
    }
    .borders_align li:nth-child(4) {
        border-bottom: 1px solid #ccc;
        padding-top:20px;
    }
    .borders_align li:nth-child(5) {
        border-left: 0px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 0px solid #ccc;
        padding-top:20px;
    }
    .borders_align li:nth-child(6) {
        border-bottom: 0px solid #ccc;
        padding-top:20px;
    }
}
@media(min-width:992px){
    .borders_align li:nth-child(1) {
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
    }
    .borders_align li:nth-child(2) {
        border-right:1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    .borders_align li:nth-child(3) {
        border-bottom: 1px solid #ccc;
        border-right:0px solid #ccc;
    }
    .borders_align li:nth-child(4) {
        border-bottom: 0px solid #ccc;
        padding-top:20px;
    }
    .borders_align li:nth-child(5) {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 0px solid #ccc;
        padding-top:20px;
    }
    .borders_align li:nth-child(6) {
        border-bottom: 0px solid #ccc;
        padding-top:20px;
    }
    .footer li {
        line-height: 27px;
    }
}
@media (min-width: 768px) and (max-width: 828px) {
    .log-dtl {
        margin-top: 60px;
    }
    .b_txt{
        text-align: right;
    }
    .powered-by {
        text-align: right;
    }
}
@media (min-width: 768px) and (max-width: 1098px) {
    .benefits ul li .img-wrap{
        padding: 0px;
        margin-top:15px;
    }
    .fixed-header .logo .subhead {
        padding: 0px 4px;
    }
    .header .logo .subhead {
        font-size: 12px;
        padding: 5px 3px;
        margin: 11px 3px 4px;

    }
}
@media (max-width:998px){
    .digital_txt {
        width: 100%!important;
        margin-left: 0px;
    }
    .copyright .powered-by   {
        text-align: left;
    }

}

@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: middle;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}
.main-container {
    min-height: 300px;
    padding: 10px 0px;
    margin: 0px;
}
.register-page {
    min-height: 320px;
    padding: 0px 0px 50px;
    display: flex;
    flex-flow: column;
}
.create-acc .panel-group {
    margin-bottom: 5px;
}
.register-page .create-acc .panel {
    border-radius: 0px;
    border: none;
}
.register-page .create-acc .panel .head {
    padding: 0px;
    margin: 0px;
}

.register-page .head {
    font-size: 18px;
    margin: 0px;
    position: relative;
    cursor: pointer;
    padding: 13px 20px;
    background: linear-gradient(to bottom, #00b4ff, #02a6ea);
    color: #fff;
}
.register-page .create-acc .panel .head a {
    border: none;
    background:#c00d0d;
    color: #fff;
}

.register-page .create-acc .panel .head a {
    padding: 12px 15px 13px;
    display: block;
}
.register-page .create-acc .step {
    padding: 0px 5px;
    display: inline-block;
    background: #ffffff;
    color: #4b7317 !important;
    margin-right: 5px;
    border-radius: 2px;
    background: #f5f5f5;
    vertical-align: bottom;
    height: 20px;
    font-size: 14px;
    padding-top: 2px;
}
.register-page .create-acc .panel .head a .link-content {
    display: none;
}

.register-page .create-acc .panel h4 .link-content {
    font-size: 13px;
    max-width: 550px;
    color: #333;
    text-transform: none;
    font-weight: normal;
    margin-top: 7px;
}
.register-page .btn {
    /*padding: 5px 20px;*/
    margin-right: 15px;
    color:#fff;
}

.btn.btn-primary {
    font-weight:bold;
    background-color: #c00c0d;
    border-radius: 30px;
    border: none;
}
.change_btn {
    /* width: 100px; */
    position: absolute;
    right: 0px;
    top: 5px;
    color:#fff !important;
}
.register-page .create-acc .panel .head a.collapsed {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
}
.register-page .create-acc .form-panelbox {
    min-height: 0;
}
.form-panelbox {
    margin: 0px;
    background: #f9f9f9;
    padding: 20px 15px;
    border: 1px solid #f1f1f1;
    border-radius: 0px;
    min-height: 280px;
}
.register-page .create-acc .panel .head a.collapsed .step {
    background: #fff;
}
.user-section {
    min-height: 360px;
    padding: 0px 0px;
}
.user-section h3 {
    font-size: 28px;
}
.user-section ul {
    margin: 20px 0px 0px;
    padding: 0px;
    list-style: none;
    position: relative;
}
.user-section ul li {
    position: relative;
    padding: 5px 10px;
    padding-left: 35px;
}
.user-section ul li.active i {
    background: #60b04f;
    color: #fff;
}
.user-section ul li i {
    position: absolute;
    font-size: 12px;
    left: 0px;
    background: #eee;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    padding: 7px 5px;
    text-align: center;
}

.user-section h4 {
    margin: 0px;
    font-size: 18px;
    font-weight: normal;
}
.user-section ul:before {
    content: '';
    width: 2px;
    background: #eee;
    height: 100%;
    position: absolute;
    left: 13px;
    display: block;
}
.user-section.enrolPro h3 {
    font-size: 20px;
    margin-top: 0px;
}
.register-page {
    min-height: 320px;
    padding: 30px 0px 50px;
    display: flex;
    flex-flow: column;
}
.accsuccess {
    background: #fdfdfd;
    padding: 30px;
    border: 1px solid #eee;
    margin-top: 50px;
    min-height: 0;
}
.accsuccess h3 {
    margin: 0px;
    color: green;
    text-align: center;
}
.accsuccess p {
    font-size: 15px;
    text-align: center;
}
.accsuccess h3 img {
    height: 35px;
    margin-right: 5px;
}
i.arrow_icon {
    font-size: 22px;
    margin-right: 5px;
    vertical-align: top;
}
.process_btn {
    margin: 10px 0px;
    border-radius: 20px;
    padding: 6px 15px;
    background: linear-gradient(to bottom, #336cbe, #60b04f);
}
.process_btn:hover, .process_btn:focus {
    margin: 10px 0px;
    border-radius: 20px;
    padding: 6px 15px;
    background: linear-gradient(to bottom, #336cbe, #60b04f);
}
.s_txt {
    margin-bottom: 0px!important;
    padding-bottom: 0px!important;
}

.t_text {
    text-align:left!important;
    margin-top: 20px;
    padding: 0px 15px;
    color: #555;
    font-size:14px!important;
}
.default-logo {
    height: 65px;
}
button.btn.btn-primary.alert_btn{
    float: right;
    font-size: 12px;
    padding: 3px 8px;
}

.support_txt {
    color: red;
    font-size: 11px;
    line-height: 15px;
    display:block;
    margin:10px 0px;
}

.leftPanel {
    padding-right:0px;
}
.leftPanel .panel .panel-heading {
    padding:5px 15px;
    text-transform:uppercase;
    font-weight:bold;
}

.view-pdf {
    margin-bottom: 10px;
}
.view-pdf.pdf-top-aln {
    margin-top: -38px;
}

.viewer-footer {
    padding:7px 15px;
    background:#f9f9f9;
    border-radius:0px;
    border:1px solid #eee;
}
.viewer-footer .pager {
    margin:0px 20px;
    text-align: left;
    display:inline-block;
}
.viewer-footer .pager li {
    display: inline;
    margin-right:5px;
}
.viewer-footer .pager a {
    padding:3px 20px;
    background:#fff;
    font-size:13px;
}
.viewer-footer .pager a.label-lg {
    min-width: 425px;
}
.viewer-footer .pager a.active {
    background: #4c982b;
    border-color: #3f8718;
    color: #fff;
    font-weight: bold;
}
.pdf-block {
    margin:0px;
}
.pdf-block h2 {
    font-size: 22px;
    text-transform: uppercase;
    margin-top: 10px;
}
.pdf-block .pdf-div {
    box-shadow:0 1px 1px rgba(0, 0, 0, .05);
    background-color:#f1f1f1;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    height:350px;
    width: 100%;
    position: relative;
}
.pdf-block .pdf-div img {
    margin: auto;
    width: 70%;
    padding: 10px;
}
.pdf-block .viewerControlBlock {
    position: absolute;
    right: 25px;
    top: 50px;
    width: 30px;
}
.pdf-block .viewerControlBlock button {
    border:none;
    background: transparent;
}
.pdf-div embed {
    width:100%;
    height:350px;
}
.note-info { /* background: #c00d0d; color:#e2e2e2; border:1px solid #c00d0d; */
}
.note-info h4 {
    margin:0px;
    text-transform:uppercase;
    padding: 12px 15px;
    color:#fff;
}
.note-info ul{
    padding:0px 15px 15px;
}
.note-info ul > li {
    padding:3px 32px 8px;
    position: relative;
}
.note-info ul > li > i{
    font-size: 12px;
    color:#fff;
    background: #c00d0d;
    padding: 4px;
    border-radius: 50%;
    position: absolute;
    left: 0px;
}
span.text-muted.mbCode {
    color:#000;
    position: absolute; 
    left: 10px;
}
.ctlinput-box .mbCode { top:11px;}
tele_txt{
    left:18px!important;
}
.telephone_txt {
    margin-left: 12px;
}
.select_txt {
    padding: 3px 5px 0px!important;  /* margin-right: -18px; */
}
.btnOtp {
    position: absolute;
    top: 0px;
    right: 0px;
}
.send_txt {
    padding: 9px 12px;
    border: 1px solid #ddd;
    min-width: 80px;
    margin-right: 0px!important;
    height: 50px;
    border-radius: 0px 4px 4px 0px;
    color: #0f0c0c!important;
}
h3.im_txt {
    text-align: left;
}
.img_view {
    border: 1px solid #000;
    padding: 15px;
    margin: 0px 0px 32px 0px;
    border-radius: 5px;
}
.s_view{
    border: 1px solid #000;
    padding: 15px;
    margin: 20px;
    border-radius: 10px;
}
.pro_btn {
    margin: 10px;
    text-align: right;
}

.btn-timerset {
    position: relative;
    right: 0px;
    top: 0px;
    width: 106px;
    height: 30px;
    background: rgba(255, 255, 255,0.85);
}

.btn-timerset span#time {
    position: absolute;
    top: 2px;
    left: 10px;
    background: rgba(255, 255, 255,0.85);
    padding: 5px 4px;
    right: 0px;
    border: 0px;
    height: 33px;
    text-align: center;
    bottom: 0px;
    margin:-1px;
    border: 1px solid #e4e4e4;
    font-weight: 500;
    font-size: 16px;
    min-width: 106px;
    color: #333;
}
.enrolModal .btn-timerset span#time {
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255,0.85);
    padding: 12px 4px;
    right: 0px;
    border: 0px;
    height: 46px;
    text-align: center;
    bottom: 0px;
    margin:-1px;
    border: 1px solid #e4e4e4;
    font-weight: 500;
    font-size: 16px;
    min-width: 140px;
    color: #333;
}
.btn-timerset span#time1 {
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255,0.85);
    padding: 4px 4px;
    right: 0px;
    border: 0px;
    text-align: center;
    bottom: 0px;
    margin:-1px;
    border: 1px solid #e4e4e4;
    font-weight: 500;
    font-size: 16px;
    color: #333;
}
.pay_btn, .pay_btn:hover{
    text-transform: uppercase;
}
.estate-verify-control{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.setup-panel .panel .panel-heading a[aria-expanded="true"] {
    background-color: #eee;
    color: #c00d0d;
    font-weight: bold;
}
.date_txt {
    color: #000;
}
p.request_txt {
    color: #999;
    margin-bottom: 0px;
}
.info_txt.panel-heading {
    color: #c00d0d;
    background-color: #eeeeee;
}

.class_txt {
    font-size: 18px;
    font-weight: 600;
}
.timer_txt {
    position: absolute;
    top: 6px;
    background: rgba(255, 255, 255,0.85);
    padding: 6px 24px;
    right: 50px;
    height: 32px;
    border: 0px;
    text-align: center;
    bottom: 0px;
    border: 1px solid #e4e4e4;
    font-weight: 500;
    font-size: 15px;
    color: #333;
}
.nav_txt.nav-tabs{
    margin-bottom:15px;
}
.nav_txt >li.active {
    font-weight: bold;
    border-radius: 0px;
}
.nav_txt>li>a:focus, .nav_txt>li>a:hover {
    text-decoration: none;
    background-color:transparent !important;
}
.nav_txt>li>a {
    border:none;
    margin: 0px;
    border-radius: 0px;
    background: transparent;
    padding: 7px 10px !important;
    border-bottom: 2px solid #77a2a6;
}
.nav_txt>li.active>a, .nav_txt>li.active>a:focus, .nav_txt >li.active>a:hover {
    border:none;
    border-bottom: 2px solid #fff;
    background: transparent;
    border-radius: 0px;
    color: #fff !important;
}

.sub_txt {
    padding: 0px 5px 0px !important;

    color: #666;
}
lable.u_txt {
    color: #666;
    margin-right: 10px;
}
.nav-tabs { margin:0px; border-bottom: 1px solid #eee;}
.nav>li>a { padding: 20px 15px 15px; border-radius:10px 10px 0 0;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #c00d0d !important;
    cursor: default;
    background-color: #eee;
    border:none;
    border-bottom: 5px solid #c00d0d !important; 
}

ul.nav_txt.nav.nav-tabs li a {
    color: #fff;
    cursor: pointer;
    background: #fff;
} 

.rdio {
    position: relative;
}
.rdio input[type=radio] {
    opacity: 0;
}
.rdio label {
    padding-left: 2px;
    cursor: pointer;
    margin-bottom:0px !important;
}
.rdio label:before {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 2px;
    left: 0;
    content: "";
    display: inline-block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid #fff;
    background:none;
}
.rdio input[type=radio] {
    margin: 0px;
}
.rdio input[type=radio]:disabled + label {
    color: #999;
}
/*.rdio input[type=radio]:disabled + label:before {
  background-color: #fbc52d;
}*/
.rdio input[type=radio]:checked + label::after {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    display: inline-block;
    font-size: 11px;
    width: 8px;
    height: 8px;
    background-color: #fbc52d;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.rdio-default input[type=radio]:checked + label:before {
    border-color: #fff;
}

.rdio-primary input[type=radio]:checked + label:before {
    border-color: #fff;
}
.rdio-primary input[type=radio]:checked + label::after {
    background-color: #fff;
}
label.u_txt {
    font-weight: 300;
}
.instruction_txt{
    margin:0px 0px 20px!important;
}
.confirm-text>label a {
    color: #c00d0d;
}
.mobile_txt {
    bottom: 0px!important;
}
.mobile_content {
    margin-left: 10px;
}
.m_tabs {
    border-bottom: 1px solid #f7f7f7!important;
}
.text-muted {
    color: #6e6e6e; 
}
.OrderSummary .text-muted {
    color: #6e6e6e;
    font-size: 13px;
}
.OrderSummary .ctype {
    position: absolute;
    left:65px;
}
.signature_ig {
    height: 150px;
    width: 100%;
}
.send_OTPemail{
    color: #0f0c0c!important;
}
.time_texter{
    position: absolute;
    top: 0px;
    left: 0px;
    height:40px;
    line-height:32px;
    background: rgba(255, 255, 255, 1);
    padding: 4px 4px;
    right: 0px;
    bottom: 0px;
    border: 1px solid #e4e4e4;
    font-weight: 500;
    font-size: 16px;
    color: #000;
    border-radius: 20px; 
}
.ra_timer{
    position: absolute;
    top: 0px;
    height: 23px;
    width: 70px;
    left: 21px;
    background: rgba(255, 255, 255,0.85);
    padding: 1px 4px;
    right: 0px;
    border: 0px;
    text-align: center;
    bottom: 0px;
    border: 1px solid #e4e4e4;
    font-weight: 500;
    font-size: 24px;
    color: #333;
}
.m_timer{
    position: absolute;
    top: -7px!important;
    left: 0px!important;
    background: rgba(255, 255, 255,0.85);
    padding: 4px 4px!important;
    height: 34px!important;
    width: 110px!important;
    /* right: 20px; */
    border: 0px;
    text-align: center;
    bottom: 0px;
    border: 1px solid #e4e4e4;
    font-weight: 500;
    font-size: 18px;
    color: #333;
}
.vl {
    border-left: 2px solid #ddd;
    height: 100px;
}

.dppPanel {
    background: #fff;
    padding: 20px 20px 38px 20px;
    border: 1px solid #e2e2e2;
    margin-bottom: 20px;
    border-radius:4px;
}
.view_txt {
    word-break: break-all;
}
.loginlink{
    padding: 5px;
}
.esigntransaction{
    color: green;
} 
input[type=checkbox], input[type=radio] {
    cursor: pointer;
    accent-color:#c00d0d;
}
input[type="file"]::-webkit-file-upload-button{
    cursor: pointer;
}
.language_pointer{
    cursor: pointer;
}
.btnbackground{
    background-color:#ccc!important;
}

.mobilePlus{
    margin-right: 0px!important;
}
.nameDisplay{
    word-break: break-all;
}

li.type_txt {
    width: 100%;
    text-align: center;
}
span.nidText {
    color: red;
    font-size: 11px;
    position: absolute;
    bottom: -20px;
}

.otpSection .password_Box{
    margin: 0px 1px;
}
.otpSection .password_Box .form-control{
    height:48px !important;
    text-align: center;
    width: 48px;
    font-weight: 600;
    font-size:20px !important;
}

.loginLoder{
    height: 48px !important;
}

.A4box {
    min-height: 1000px;
    overflow: hidden;
}
.A4box h4 {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}
.A4box p {
    margin: 20px 0px 40px 0px;
    word-spacing: 4px;
}
.A4box h5 {
    font-size: 18px;
    font-weight: 600;
}
.A4box .box{
    height:65px;
    width:140px;
    border:1px solid #ddd;
    background-color: #fff;
    position: relative;
    padding:5px;
}
.innerBox {
    padding:5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: ltr;

}
.box .imgBox{
    height: 30px;
} 

.box .ticImg img{
    width: 22px;
    margin: 5px 0px 0px 0px;
}
.box h5 {
    font-size: 8px;
    margin: 0px;
}
.innerBox  img{
    max-width: 100%;
    max-height: 35px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.background{
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    display: grid;
    left: 0;
}

.content{
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 15px;
    padding: 30px 100px;
    background-color: #eee;
}

.bg-text
{
    color: #fff;
    font-size: 53px;
    transform: rotate(-45deg);
    word-spacing: 1em;
    filter: drop-shadow(0em 10em #fff) drop-shadow(10em 0em #fff) drop-shadow(-3em 5em #fff) drop-shadow(0em 0em #fff );

}
.content p{
    overflow-wrap: break-word;
}
.secAuthrnticate .otpSection .password_Box .form-control {
    height: 36px !important;
    text-align: center;
    width: 36px;
    font-weight: 600;
    font-size: 18px !important;
}
.secAuthrnticate .prsimgaln .btn-default{
    height:36px;
}
.secAuthrnticate {
    width:400px;
}
.secAuthrnticate .btn-timer span#time1 {
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255,255,255,0.85);
    padding: 7px 4px;
    right: 0px;
    border: 0px;
    text-align: center;
    bottom: 0px;
    border: 1px solid #e4e4e4;
    font-weight: 500;
    font-size: 18px;
    color: #333;
    border-radius: 5px;
}
/**********Start USER ENROLMENT CSS **************/
.dashboard_body .enrolmentContent{
    margin:0px 30px 50px;
}
.enrolmentContent{
    margin:0px 45px 50px;
}
.enrolmentContent h4 {
    font-size: 18px;
    margin:15px 0px;
}
.enrolmentContent .main-container {
    padding: 0px;
    margin-bottom: 25px;
}
.idProof{
    background: #f9f9f9;
    min-height: 100px;
    border-radius:10px; 
    border: 1px solid #ddd;
    padding: 20px;
    margin: 0 20px 20px;
}
.enrolmentContent .credentioalSection h5 {
    margin:15px 0px;
}
.enrolmentContent .credentioalSection h5 b { 
    font-size: 16px;
}
.enrolmentSteps{
    background-color: #f9f9f9;
    min-height: 100px;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0px 2px 5px rgba(0, 0, 0,0.15);
    padding: 20px;
    margin: 0px;
}
.enrolmentContent .verifiedField .btn-default {
    color: #07587d;
    background-color: #ddd;
    font-weight: 600;
    border-color: #ddd;
    padding: 4px 15px;
    height: 40px;
    width: 110px;
}
.enrolmentContent .verifiedField {
    position: absolute;
    right: 3px;
    top: 3px;
}
.enrolmentContent .note {
    margin-top:5px;
    font-size:12px;
}
.enrolmentContent .lnk-cancel {
    margin-right:30px;
    text-decoration:none;
}
.enrolmentContent .gender-checkbox {
    padding-top:10px;
}
.enrolmentContent .gender-checkbox .form-label {
    margin-right:20px;
}
.enrolmentContent .credential-box {
    margin:20px;
}

.enrolmentContent .ctlinput-box .Txt {
    position: absolute;
    color:#f2a449;
    right: 15px;
    font-size: 11px;
    top: 8px;
}
.enrolmentContent .impText {
    color: #f2a449;
    font-size: 11px;
}
.enrolmentContent .radio-inline {
    -moz-user-select: none;
    cursor: pointer;
    margin-bottom: 0px;
    padding-left: 26px;
    position: relative;
    line-height: 22px;
}
.enrolmentContent .radio-inline input {
    cursor: pointer;
    opacity: 0;
    position: absolute;
}
.enrolmentContent .radio-inline input:checked ~ .checkmark {
    background-color: #07587d;
    border: 1px solid #c00d0d;
}
.enrolmentContent .radio-inline input:checked ~ .checkmark::after {
    display: block;
}

.enrolmentContent .radio-inline .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 2px 2px 0;
    height: 11px;
    left: 8px;
    top: 3px;
    transform: rotate(45deg);
    width: 5px;
}
.enrolmentContent .checkmark::after {
    content: "";
    display: none;
    position: absolute;
}
.enrolmentContent .checkmark {
    height: 22px;
    left: 0px;
    position: absolute;
    top: 0;
    width: 22px;
    border-radius: 100%;
    border: 1px solid #ccc;
}
.enrolmentContent input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #62ac3d;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #1a483f;
}
.enrolmentContent .agreeTxt {
    font-size: 13px;
    position:relative;
    line-height: 16px;
    padding-left:20px;
}
/*.enrolmentContent .agreeTxt input { position: absolute; left:0px;}*/
.agree-info{
    display:flex;
    align-items: flex-start;
}
.enrolmentContent input[type=checkbox], input[type=radio] {
    margin: 2px 5px 0px 0px;
}
.enrolmentContent .dragDropInfo img{
    font-size: 12px;
}
.enrolmentContent .user-section h5{
    font-size: 16px;
    font-weight: 600;
}
.enrolmentContent .user-section h4{
    font-size: 15px;
    font-weight: 600;
    margin: 0px 0px 5px 0px;
}
.enrolmentContent .user-section ul:before {
    display:none
}
.enrolmentContent .user-section ul {
    margin: 5px 0px 0px;
}
.enrolmentContent .dragDropInfo p {
    color: #c3c3c3;
    font-size: 12px;
}
.enrolmentContent .dragDropInfo h3 {
    margin:0px;
    font-weight:bold;
    font-size: 16px;
}
.enrolmentContent .uploadBtn p {
    margin: 0px 20px;
    color: #c3c3c3;
    font-size: 12px;
}
.enrolmentContent .btn-next {
    padding: 8px 12px;
    min-width: 140px;
}
.enrolmentContent .btn-cancle {
    padding: 8px 12px;
    min-width: 140px;
    color:#07587d;
    font-weight:600;
}
.enrolmentContent .uploadBtn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.enrolmentContent .uploadID{
    background-color: #fff;
    border: 1px solid #c00d0d;
    border-radius: 4px;
    padding: 7px 12px;
    color: #c00d0d;
    font-weight: bold;
    font-size: 13px;
}
.enrolmentContent .Or {
    background-color: #dddddd;
    background: linear-gradient(to top, #cccccc, #dddddd);
    padding: 7px 9px;
    border-radius: 100%;
    display: inline-block;
    margin: 0px;
    width:34px;
    height:34px;
    font-size:12px;
    font-weight:bold;
}
.enrolmentContent .idProofDesc p{
    padding:0px;
    margin:0px;
}
.enrolmentContent .idProofDesc p.red{
    color:red;
    font-size: 12px;
}
.enrolmentContent .idProofDesc p.yellow{
    color:#f2a449;
    font-size: 12px;
}
.enrolmentContent a{
    text-decoration: underline;
}
.enrolmentContent .otpSection{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.enrolmentContent .btn.active.focus, .enrolmentContent .btn.active:focus, .enrolmentContent .btn.focus, .enrolmentContent .btn:active.focus, .enrolmentContent .btn:active:focus, .enrolmentContent .btn:focus {
    outline: none;
    outline-offset: 0px;
}
.enrolmentContent .ctlinput-box {
    margin-bottom:15px;
}
.enrolmentContent .form-control {
    font-size: 14px;
    height:46px;
    border:1px solid #e5e5e5;
    box-shadow:0px 3px 5px rgba(0,0,0,0.15);
}
.enrolmentContent .form-control[disabled] {
    background: #f9f9f9;
}
.renewalDob .txtSelControl .form-control {
    box-shadow: none;
    border: none;
} 

.ctlinput-box {
    position:relative;
    margin:0px 0px 20px;
    display:block;
}
.ctlinput-box .form-control, .ctlinput-box .select-control {
    font-weight:500;
    font-size:15px;
    padding:10px 12px;
    padding-right:30px;
    display:block;
    height:46px; 
    width:100%; 
} 
.ctlinput-box select.form-control {
    padding: 15px 7px 5px;
    line-height: 26px;
}
.ctlinput-box .fl-label {
    color:#000;
    font-size:13px;
    font-weight:normal;
    position:absolute;
/*    pointer-events:none;*/
    left:10px;
    padding:0px 2px;
    margin-bottom:0px;
    border-radius:3px;
    top:0px;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
    display:flex; 
    align-items:center;
    gap:5px;
}
.ctlinput-box .form-control:placeholder-shown:not(:focus) + .fl-label {
    top:12px;
    color:#333; 
} 
.ctlinput-box .form-control:focus + .fl-label, .ctlinput-box .form-control:not(:placeholder-shown) + .fl-label {
    top:-12px;
    font-size:13px;  
    background:#fff;
}
.ctlinput-box .select-control:focus + .fl-label , .ctlinput-box .select-control:not([value=""]):valid + .fl-label {
    top:-10px;
    font-size:13px;
}
.ctlinput-active .fl-label { top:-12px !important; background:#fff;}
.ctlinput-active .purchaseMobile { padding-left: 50px; }

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

.ctlinput-addon .btn-otp {
    height:46px;
    width:100%;
}
.ctlinput-box .btn-refresh {
    height:46px;
    width: 46px;
    font-size: 17px;
    line-height: 33px;
}




.enrolmentContent .ctlinput-box .form-control:placeholder-shown:not(:focus) + .fl-label {
    top: 15px;
    color: #333;
    font-size: 14px;
}
.enrolmentContent .ctlinput-box .form-control[disabled] + .fl-label {
    color: #999 !important;
}
.enrolmentContent .ctlinput-box .form-control:focus + .fl-label, .enrolmentContent .ctlinput-box .form-control:not(:placeholder-shown) + .fl-label {
    top:4px;
}
.enrolmentContent .ctlinput-box .nationalDropdown:focus + .fl-label, .enrolmentContent .ctlinput-box .nationalDropdown:not(:placeholder-shown) + .fl-label, .enrolmentContent .ctlinput-box .fl-active {
    top: 0px !important;
    font-size: 12px !important;
    color: #939393 !important;
}
.enrolmentContent input[type=checkbox], input[type=radio] {
    margin: 2px 5px 0px 0px;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    margin-top: 5px;
}
.enrolmentContent .agreeTxt input {
    position: absolute;
    left: 0px;
}
.enrolmentContent .dragDropInfo {
    position: relative;
    padding-top:10px;
    padding-left: 50px;
    min-height:50px;
}
.enrolmentContent .ctlinput-box .nationalDropdown:focus + .fl-label, .enrolmentContent .ctlinput-box .nationalDropdown:not(:placeholder-shown) + .fl-label, .enrolmentContent .ctlinput-box .fl-active {
    top: 0px !important;
    font-size: 12px !important;
    color: #939393 !important;
}
.enrolmentContent .ctlinput-box .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    margin-top: 8px;
}
.creTxt .fl-label {
    font-weight: 600;
}
.enrolmentContent .nationalDropdown .btn {
    padding: 6px 9px;
}
.enrolmentContent .text-danger {
    color: red;
}
.enrolmentContent .dragDropInfo:before {
    position: absolute;
    top: 0px;
    left: 0;
    content: '';
    width: 50px;
    height: 50px;
    display: block;
    background-image: url(../images/upload.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
.enrolmentContent .uploadBtn .btn input {
    position: absolute;
    cursor: pointer;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    z-index: 100;
    opacity: 0;
}
.enrolmentContent .quick-setup {
    padding:10px 0px;
}
.enrolmentContent .quick-setup h4 {
    font-weight:bold;
}
.enrolmentContent .quick-setup ul.steps {
    list-style: none;
    padding:15px 0px;
    margin: 0px;
}
.enrolmentContent .quick-setup ul.steps li {
    list-style: none;
    display:inline-block;
}
.enrolmentContent .quick-setup ul.steps li.active {
    font-weight:bold;
    padding-right:30px;
}
.enrolmentContent .quick-setup ul.steps li .count {
    font-weight:bold;
    padding:5px 9px;
    border-radius:100%;
    margin-right:5px;
    color: #555;
    background-color: #dddddd;
    background: linear-gradient(to top, #cccccc, #dddddd);
}
.enrolmentContent .quick-setup ul.steps li.active .count {
    color: #fff;
    background-color: #07587d;
    background: linear-gradient(to top, #c00d0d, #c00d0d);
}

.single-upload .actions {
    padding:10px;
    position:relative;
}
.single-upload .btn-view {
    padding:7px;
    display:inline-block;
    text-decoration:none;
}
.single-upload .btn-cancel {
    position: absolute;
    right:10px;
    top:10px;
    border-radius: 100px;
    height: 32px;
    padding: 5px 9px;
    line-height: 20px;
    font-size: 16px;
} 

.enrolModal .otpSection .password_Box{
    margin: 0px 1px;
}
.enrolModal .otpSection .password_Box .form-control{ 
    height:45px !important;
    text-align: center;
    width: 45px;
    font-weight: 600;
    font-size:20px !important;
}
.enrolModal .otpSection .password_Box {
    margin: 0px 15px 0px 0px;
}
.enrolModal .reNewBody label {
    font-weight: 100;
    margin-bottom: 0px;
}
/*.enrolModal .btn-resend {
    padding: 12px 12px;
    min-width: 140px;
    color: #07587d;
    font-weight: 600;
}*/
.enrolModal .otpSection {
    display: flex;
    align-items: center;
    margin-top: 5px;
}
.btn-otp{
    position: absolute;
    right: -109px;
    top: -29px;
}
.esignUpload{
    margin:0px;
}
.esignUpload .uploadID{
    margin: 12px 0px;
    padding: 7px 28px;
    font-size: 14px;
}
.esignUpload .Or{
    margin:12px 0px;
    padding: 10px 12px;
    font-size: 14px;
    width:42px;
}
.esignUpload .dragDropInfo {
    padding-left: 70px;
}
.esignUpload .dragDropInfo p {
    color: #777;
    font-size: 12px;
}
.performeSign{
    background: #f9f9f9;
    padding:10px;
    margin-bottom: 15px;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
}
.performeSign p {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 0px;
}
.fontGroup{
    font-size: 14px;
}
.mt-1{
    margin-top: 10px;
}
.img-view{
    width:35%;
}
/**********END USER ENROLMENT CSS **************/

.agreementModal .preview-thumbnail{
    margin: 5px 0px;
    border: none;
}
.agreementModal .preview-thumbnail{
    margin: 5px 0px;
    border: none;
}

/**********Start Upload DOCUMENT  CSS for Upload and Esign**************/
.esignDiv .upload-docments {
    clear: both;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.esignDiv .upload-docments .documentScroll {
    margin-bottom: 0px;
    white-space: nowrap;
    min-width: 100%;
    width: 100%;
    overflow-x: auto;
}
.esignDiv .upload-docments li {
    margin-right: 10px;
    padding:0px;
    border-radius:4px;
    overflow: hidden;
    position: relative;
    width:245px;
    height:200px;
    border:1px solid #ccc;
    vertical-align:top;
    display: inline-block;
}
.esignDiv .upload-docments li:first-child {
    margin-left:0px;
}
.esignDiv .upload-docments li .icon {
    margin: 5px;
}
.esignDiv .upload-docments li:last-child {
    margin-right: 0px; 
}
.esignDiv .upload-docments li.upload-box {
    text-align: center;
    padding:0px;
    margin-bottom:5px;
    background:#fff;
}
.esignDiv .upload-docments li .btn {
    padding:5px 25px;
}
.esignDiv .upload-docments li a {
    text-decoration:none !important;
}
.esignDiv .upload-docments li .btn-view {
    position: absolute;
    bottom:50%;
    left:32%;
    display:none;
}
.esignDiv .upload-docments li .btn-view:hover {
    background-color:#fff
}
.esignDiv .upload-docments li .btn-remove {
    display:none;
    background:#f9f9f9;
    border:1px solid #ccc;
    color: #000;
    padding:2px 8px 4px;
    border-radius:100%;
    font-size:15px;
    line-height:20px;
    font-weight: bold;
    display:inline-block;
    position:absolute;
    top:5px;
    right:5px;
}
.esignDiv .upload-docments li .btn-remove:hover {
    text-decoration: none;
    background:#ff6000;
    border:1px solid #ff6000;
    color: #fff;
}
.esignDiv .upload-docments li.upload-box h4 {
    font-size:14px;
    font-weight:bold;
    margin:5px 0px 10px;
}
.esignDiv .upload-docments li.upload-box .uploadImg {
    margin-top:5px;
}
.esignDiv .upload-docments li.upload-box .uploadImg img{
    height:50px;
}

.esignDiv .upload-docments li:hover .btn-view, .upload-docments li:hover .btn-remove {
    display:inline-block;
}
.esignDiv .upload-docments li:hover .pdf-image:after {
    content:'';
    background:rgba(0,0,0,0.1);
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
}
.esignDiv .upload-docments li .pdf-image {
    height:100%;
    width:100%;
    text-align: center;
    overflow: hidden;
}
.esignDiv .upload-docments li .pdf-image .pdfImg {
    height: 100px;
    width: 70%;
}
.esignDiv .upload-docments li.upload-box .form-label {
    margin: 9px 0px 0px;
}
.esignDiv .upload-docments li .pdf-image img.loader {
    height:30%;
    margin-top:60px;
}
.esignDiv .upload-docments li .imgSize img.loader{
    margin-top:20px;
}
.esignDiv .upload-docments .doc-name, .upload-docments .loading {
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    position: absolute;
    background: rgba(255,255,255,0.9);
    border-top: 1px solid #eee;
    font-weight: bold;
    padding: 5px 15px;
    white-space: nowrap;
    bottom: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.esignDiv .upload-docments .doc-name .page-number {
    font-weight: normal;
    font-size: 12px;
    color: #999;
}
.esignDiv .upload-docments .doc-name p{
    margin-bottom: -5px;
}
.esignDiv .upload-docments .loading {
    padding-top:15px !important;
    text-align: center;
} 

/**********END UPLOAD DOCUMENT CSS **************/
.agreementModal .preview-thumbnail{
    margin: 5px 0px;
    border: none;
}

/**********Start Upload DOCUMENT  CSS for Upload and Esign**************/
.esignDiv .upload-docments {
    clear: both;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.esignDiv .upload-docments .documentScroll {
    margin-bottom: 0px;
    white-space: nowrap;
    min-width: 100%;
    width: 100%;
    overflow-x: auto;
}
.esignDiv .upload-docments li {
    margin-right: 10px;
    padding:0px;
    border-radius:10px;
    overflow: hidden;
    position: relative;
    width:245px;
    height:200px;
    border:1px solid #ccc;
    vertical-align:top;
    display: inline-block;
}
.esignDiv .upload-docments li:first-child {
    margin-left:0px;
}
.esignDiv .upload-docments li .icon {
    margin: 5px;
}
.esignDiv .upload-docments li:last-child {
    margin-right: 0px;
    margin-left: 5px;
}
.esignDiv .upload-docments li.upload-box {
    text-align: center;
    padding:0px;
    margin-bottom:5px;
    background:#fff;
}
.esignDiv .upload-docments li .btn {
    padding:5px 25px;
}
.esignDiv .upload-docments li a {
    text-decoration:none !important;
}
.esignDiv .upload-docments li .btn-view {
    position: absolute;
    bottom:50%;
    left:32%;
    display:none;
}
.esignDiv .upload-docments li .btn-view:hover {
    background-color:#fff
}
.esignDiv .upload-docments li .btn-remove {
    display:none;
    background:#f9f9f9;
    border:1px solid #ccc;
    color: #000;
    padding:2px 8px 4px;
    border-radius:100%;
    font-size:15px;
    line-height:20px;
    font-weight: bold;
    display:inline-block;
    position:absolute;
    top:5px;
    right:5px;
}
.esignDiv .upload-docments li .btn-remove:hover {
    text-decoration: none;
    background:#ff6000;
    border:1px solid #ff6000;
    color: #fff;
}
.esignDiv .upload-docments li.upload-box h4 {
    font-size:14px;
    font-weight:bold;
    margin:5px 0px 10px;
}
.esignDiv .upload-docments li.upload-box .uploadImg {
    margin-top:5px;
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 185px;
}
.esignDiv .upload-docments li.upload-box .uploadImg img{
    height:50px;
}

.esignDiv .upload-docments li:hover .btn-view, .upload-docments li:hover .btn-remove {
    display:inline-block;
}
.esignDiv .upload-docments li:hover .pdf-image:after {
    content:'';
    background:rgba(0,0,0,0.1);
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
}
.esignDiv .upload-docments li .pdf-image {
    height:100%;
    width:100%;
    text-align: center;
    overflow: hidden;
}
.esignDiv .upload-docments li .pdf-image .pdfImg {
    max-height: 100%;
    max-width: 100%;
    height:auto;
}
.esignDiv .upload-docments li.upload-box .form-label {
    margin: 9px 0px 0px;
}
.esignDiv .upload-docments li .pdf-image img.loader {
    height:30%;
    margin-top:60px;
}
.esignDiv .upload-docments li .imgSize img.loader{
    margin-top:20px;
}
.esignDiv .upload-docments .doc-name, .upload-docments .loading {
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    position: absolute;
    background: rgba(255,255,255,0.9);
    border-top: 1px solid #eee;
    font-weight: bold;
    padding: 5px 15px;
    white-space: nowrap;
    bottom: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.esignDiv .upload-docments .doc-name .page-number {
    font-weight: normal;
    font-size: 12px;
    color: #999;
}
.esignDiv .upload-docments .doc-name p{
    margin-bottom: -5px;
}
.esignDiv .upload-docments .loading {
    padding-top:15px !important;
    text-align: center;
}

/**********END UPLOAD DOCUMENT CSS **************/

.ctlinput-box .userNum {
    color: #000;
    position: absolute;
    bottom: 2px;
    left: 10px;
    font-weight: 600;
}
.ctlinput-box.usermbBlock .form-control {
    padding-left: 50px;
}


.enrolmentContent .docText {
    color: #c3c3c3;
    font-size: 12px;
}
.ctlinput-box .emailUserText{
    padding-right :122px;
}
.userOtpDiv {
    display: flex;
    align-items: baseline;
    direction: ltr !important;
}


.secAuthrntication .otpSection {
    display: flex;
    justify-content: space-around;
}
.secAuthrntication .prsimgaln .btn {
    height: 48px;
}
.secAuthrntication .form-control  {
    height: 48px;
}
/* slider */
.switch {
    position: relative;
    display: inline-block !important;
    width: 49px;
    height: 24px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
input:checked + .slider {
    background-color: #2d66b8;
}
.slider.round {
    border-radius: 34px;
}
.e_btn {
    padding: 2px 10px;
    margin: 5px 10px;
}
.re_txt {
    position: absolute;
    right: -1px;
    top: 0px;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.slider.round:before {
    border-radius: 50%;
}
.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 6px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.subContent{
    margin-top:10px;
}
.textSection .bootstrap-select .dropdown-toggle .filter-option-inner-inner
{
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    visibility: hidden;
}

.downloadPage{
    margin-top:10px;
}
.dscOrderHead h2.head{
    font-size: 18px;
    margin: 0px;
    padding: 10px 15px;
    color: #fff;
    background: linear-gradient(to right, #c00d0d, #c00d0d);
    border: 1px solid #c00d0d;
}
.dscOrderHead {
    padding: 0px 0px 20px;
    margin: 0px -15px 0px 0px;
}
.dscUserEmail .form-control{
    padding-right:103px;
}
.btnOtp .btn-timer {
    position:relative;
    top: 0px;
    height:49px;
}
.nafathenrolDiv{
    padding-right:103px;
}
.btn-timerNIC {
    position: relative;
    top: 0px;
}
.btn-timer span#otptime {
    width:100%;
    border-radius: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    background:#fff;
    height: 46px;
    padding: 12px 4px!important;
    right: 0px;
    border: 0px;
    text-align: center;
    bottom: 0px;
    border: 1px solid #e4e4e4;
    font-weight: 500;
    ont-size: 24px;
    color: #333;
}
.verifiedField {
    position: absolute; 
    right: 15px;
    top:4px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.modal-body.vefiryOTP { padding-top:30px !important;}
.vefiryOTP .btn-timer {
    position: relative;
    top: 0px;

}
.nafathLogimg{
    height: 35px;
    border-radius: 10px;
    margin-right: 10px;
}
.modal-otp .instructionText {
    margin-bottom: 0px;
    font-size: 12px;
}

.loader {
    background: rgba(255, 255, 255, 0.3);
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: fixed; 
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.loader div {
    font-size: 16px !important;
    background: rgb(255, 255, 255);
    padding: 0px;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}

.loader p {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    justify-content: center;
    color: #555;
    margin-top: 10px;
    background-color: #fff;
    padding: 10px;
}

.loader span {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-block;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.loader span:before,
.loader span:after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border-left: 4px solid #c00d0d;
    border-bottom: 4px solid transparent;
    animation: rotation 0.5s linear infinite reverse;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* notifivcation Bar Changes */

.notifications {
    position: fixed;
    top: 10px;
    z-index: 9999;
    background: #fff;
    padding: 15px 10px;
    border-radius: 6px;
    font-size: 14px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border:1px solid rgba(0, 0, 0, 0.5);
    display: none;
    animation: notifications 2s;
    max-width:450px;
    line-height:20px;
}

.notifications.open {
    display: block;
    right: 20px;
}

@keyframes notifications {
    from {
        right: -600px;
    }
    to {
        right: 20px;
    }
}

.notifications-content {
    padding-left: 30px;
    position: relative;
    padding-right: 30px;
}

.notifications-content p {
    margin: 0px;
    font-size: 13px;
}

.notifications-content i.fa-check-circle {
    font-size: 20px;
    position: absolute;
    left: 2px;
    top: 0px;
}

.notifications-content i.fa-times-circle {
    font-size: 20px;
    position: absolute;
    left: 2px;
    top: 0px;
}

.notifications-content h3 {
    font-size: 15px;
    margin: 0px;
}

.notifications-content .btnClose {
    position: absolute;
    right: 0px;
    top: -10px;
    font-size: 20px;
    color: #333;
}

.notifications.success {
    border: 1px solid #3bb273;
}

.notifications i.fa-check-circle,
.notifications.notificationSuccess h3 {
    color: #3bb273;
}

.notifications i.fa-times-circle,
.notifications.notificationError h3 {
    color: #ff6347;
}

/* notifivcation Bar Changes end*/

.progressBar {
    background-color: #38aa6e;
    margin: 0px;
    text-align: right;
    border-radius: 10px;
    height: 15px;
    font-size: 10px;
    padding: 0px 15px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: end;
}

.userProgressBar {
    background-color: #38aa6e;
    margin: 0px;
    text-align: right;
    border-radius: 10px;
    height: 15px;
    font-size: 10px;
    padding: 0px 15px;
    color: #fff;
}

.progressLine {
    margin: 20px 20px 0px;
}

.pageLoadingBar {
    background-color: #0a58ca;
    height: 2px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1010;
}



.uploadStatus {
    padding: 0px;
    position: relative;
}

.uploadStatus .header {
    display: flex;
    align-items: center;
    justify-content: start;
}

.uploadStatus .header i.fa-check-circle {
    margin-right: 10px
}

.uploadStatus ul {
    margin: 0px 0px 20px;
    padding: 0px;
}

.uploadStatus ul li {
    list-style: none;
    margin: 0px;
    padding: 15px 20px;
    padding-right: 100px;
    position: relative;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items:center;
}

.uploadStatus ul li:last-child {
    border-bottom: none;
}

.uploadStatus ul li span {
    position: absolute;
    right: 20px; 
}

.uploadStatus ul li span.file-size {
    right: 70px;
    font-size: 12px;
    color: #999; 
}

.uploadStatus ul li span.actions {
    right: 20px;
}

.uploadStatus ul li span.actions a {
    color: #666666;
    margin-left: 10px;
}

.uploadStatus .btn-footer {
    padding: 10px 20px 15px;
    border-top: 1px solid #ddd;
}

.uploadStatus .btn-footer .btn-primary {
    width: 100px;
}

.uploadStatus .docNameInput {
    padding: 10px 20px 0px;
}

.uploadStatus .docNameInput label {
    margin-bottom: 3px;
}

.modal-dialog {
    transform: none;
    right: 0px;
    position: fixed;
    top: 0px;
    margin: 0px;
    transition-delay:2s;
    transform: translate(0%, 0) !important;
}

.modal-content {
    border-radius: 0px !important;
    height: calc(100vh);
    overflow:auto;
    border:none;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-header .close {
    margin-top: -2px;
    font-size: 30px;
    font-weight: normal;
}
.customScrollBar::-webkit-scrollbar-track,body::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{    border-radius: 10px;    background-color: #282828;}
.customScrollBar::-webkit-scrollbar,body::-webkit-scrollbar,.modal-content::-webkit-scrollbar{    width: 8px;    background-color: #282828;}
.customScrollBar::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{    border-radius: 10px;    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);    background-color: #fff;}
.table-responsive::-webkit-scrollbar-track{    border-radius: 10px;    background-color: #282828;}
.table-responsive::-webkit-scrollbar{    width: 8px; height: 8px;    background-color: #282828;}
.table-responsive::-webkit-scrollbar-thumb{    border-radius: 10px;    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);    background-color: #fff;}

.bootstrap-select .inner::-webkit-scrollbar-track { border-radius: 10px;    background-color: #282828;}
.bootstrap-select .inner::-webkit-scrollbar {    width: 8px;    background-color: #282828;}
.bootstrap-select .inner::-webkit-scrollbar-thumb {    border-radius: 10px;    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);    background-color: #fff;}

.modal-body::-webkit-scrollbar-track{
    border-radius: 10px;
    background-color: #282828;
}
.modal-body::-webkit-scrollbar{
    width: 8px;
    background-color: #282828;
}
.modal-body::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #fff;
}
.controlLoader {
    font-size: 16px !important;
    background: rgb(255, 255, 255);
    padding: 0px;
    border-radius: 100%;
    height: 34px;
    width: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0px auto;
}
.controlLoader span {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-block;
    border-top: 3px solid #000000;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.controlLoader span:before,
.controlLoader span:after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border-left: 3px solid #c00d0d;
    border-bottom: 3px solid transparent;
    animation: rotation 0.5s linear infinite reverse;
}

.uavloginSection { padding-left:20px; padding-right:20px; align-items: normal;}
.login-tabs { margin-bottom:30px;}
.login-tabs > li { padding:0px; margin:0px; width: 50%;}
.login-tabs > li > a { margin:0px; font-size:16px; color: #000 !important; text-align: center;}
.login-tabs > li.active > a { font-weight:bold; }
.login-tabs > li > a, .login-tabs > li:hover > a, .login-tabs > li > a:hover { background: transparent !important; border:none; }

.uavloginSection .ctlinput-box { margin-bottom:20px; }
.uavloginSection .textSection { justify-content:end;}
.uavloginSection .dob-label { margin-bottom:5px;}
.uavloginSection .ctlinput-captcha { margin-top:20px;}
.uavloginSection .txtSelControl { margin-left:10px; width:80px; }
.uavloginSection .txtSelControl .bootstrap-select .dropdown-toggle { width:80px; height:38px; display: flex; align-items:center; }
.uavloginSection .txtSelControl .bootstrap-select .dropdown-toggle .filter-option-inner { height:38px; display: flex; align-items:center; }
.uavloginSection .txtSelControl .bootstrap-select .dropdown-toggle:focus { outline:unset !important;}
.uavloginSection .txtSelControl input { width:100%;}
.uavloginSection .txtSelControl .bs-caret { top: 0;height: 40px; width: 30px;}
.uavloginSection .btn-login { width: 100%;}
.uavloginSection .ctlinput-box.mb-block .form-control:placeholder-shown:not(:focus) + .fl-label  { left:10px; top: -12px; font-size: 13px; background: #fff; }

@media (max-width:767px){

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
    .home-banner .row { 
        display: block; 
        align-items: center;
    } 
    .home-banner .banner-content p {
        color:#fff;
        text-align: center;
        margin-bottom:10px;
    }
    .home-banner .banner-content .text-right {
        text-align: center;
    }
    .navbar-toggle .icon-bar {
        background: #fff;
    }
    .enrol-grid .row {
        display: block;
    }
    .enrol-grid img.banner {
        height: auto;
    }

    .copyright .copy-info {
        margin: 5px 0px 15px;
        text-align: center;
    }

    .copyright .powered-by, ul.socialmedia,  .footer .about-pt, .abt_emda,.download-mobapp,  .home-banner .banner-content   {
        text-align: center;
    }
    .footer-main .copyright {
        border-top: 1px solid #ddd;
    }

    .home-banner .banner-content { padding:30px;}
    .list-unstyled {
        margin-bottom: 30px;
    }

    .mobileappBox{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .buycert-section {
        padding: 0px;
    }

    .home-banner .banner-content h2 {
        font-size: 28px;
        line-height: 40px;
    }
    .home-banner .banner-content img { height:60px}

    .download-mobapp {
        margin-bottom: 20px !important;   
    }
    .login-bg {
        padding:0px;
        background:#fff;
    }
    .logindiv-content { padding:20px;}
    .left-content, .login_form_inner, .login_copyright {
        margin:0px;
    }
    .header { z-index:2;}
    .header .navbar-collapse {
        margin: 0px; 
    }
    .mobileHeader{
        background: #282828;
        padding: 20px;
    }
    .mobileHeader .row{
        display: flex;
        align-items: center;
    }
    .plan-grid ul {
        margin-right: 0px;
    }
    .buy-cert .form-cert {
        padding: 30px 30px 10px;
    }
    .banner-section .banner-text { margin-bottom:50px;}
    .page-content {
        padding-top: 100px;
    }
    .purchase-content { margin-top:110px;}
    .pricing-section { padding:30px 20px;}
    .pricing-section .title-container {
        margin-bottom:0px; 
    }
    .plan-grid {
        padding: 30px 0px;
    }

    .accordion-panel {
        margin-right: 0px; 
    }
    .mob-email-box{
        margin-top: 40px;
    }
    .accordion-panel .panel .panel-body, .summary .panel-body, .price-div {
        padding: 30px;
    }
    .flex-center{
        flex-direction: column;
    }
}