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

body{
    color: #231f20;
    font-size: 13px;
    line-height: 24px;
   	font-family: 'Open Sans Regular' !important;
}

/* .table tbody { font-size:14px; } */
.table tbody th { font-weight:bold;} 
@font-face {
  font-family: 'Open Sans thin';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/opensans-light.ttf')
}

@font-face {
  font-family: 'Open Sans Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/opensans-regular.ttf');
}

@font-face{
	font-family: 'Open Sans Medium';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/opensans-medium.ttf')
}

@font-face{
	font-family: 'Open Sans Semibold';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/opensans-semibold.ttf')
}

@font-face {
  font-family: 'Open Sans Bold';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/opensans-bold.ttf')
}

.font-thin {
	font-family: 'Open Sans thin' !important;
	font-weight: 300 !important;
}

.font-regular {
	font-family: 'Open Sans Regular' !important;
	font-weight: 400 !important;
}

.font-medium {
	font-family: 'Open Sans Medium';
	font-weight: 500 !important;
}

.font-semibold {
	font-family: 'Open Sans Semibold';
	font-weight: 600;
}

.font-bold {
	font-family: 'Open Sans Bold' !important;
	font-weight: 700 !important;
}


a,
a:focus,
a:hover,
a:active,
input,
input:active,
button,
button:hover {
    outline-color: transparent !important;
    text-decoration: none !important;
}
a:hover {
    color: #0060ac;
    text-decoration: none;
}
.pr-0 { padding-right:0px;}
.mr { margin-right:10px;}
.form-group { margin-bottom:10px;}
.loader div { background:rgba(0,0,0,0.2); position:fixed; height:100%; width: 100%; left:0px; top:0px; z-index:999;}
.loader div img { margin-top:20%; background:#fff; border:1px solid #ccc; padding:10px; border-radius:100%;}
.alert { padding:5px 10px; margin-bottom:10px;}
/*Boxed Layout
------------------------------------*/
.wrapper {background: #fff;}
.inner-banner { background:linear-gradient(to bottom, #336cbe, #003787); padding:0px;}
.bg-wrapper { padding:50px 0px; background:#f9f9f9;}
ol li{list-style: numeric;font-size:16px;}
.header { box-shadow:5px 5px 10px rgba(0,0,0,0.1); background:#fff; width:100%; position:relative; }
.header .logo { margin:2px 0px; display:inline-block; }
.subhead {color:#000;font-size:16px; padding:8px 15px; border-left: 1px solid #ccc; vertical-align:top; display:inline-block;}
.header .logo a, .header .logo span { vertical-align: middle !important; }
.header .navbar-right { margin:0px;}
.header .navbar-nav > li > a:hover { background:none;}

.menu-container.banner-heading {  margin: 0 0 15px;}
.menu-container.banner-heading h2 {color:#fff; font-size: 21px; margin-top: 10px; padding: 5px 0px;}

.fixed-header {/* background:linear-gradient(to bottom, #336cbe, #003787); */ position:fixed; z-index:99;}
.fixed-header .logo { margin:5px 0px; }
.fixed-header .logo img { width: 130px;}
.contactdetails .radio-inline {
  padding: 0px 10px 0px 5px;
}

#accountModal .modal-header {
	background-color: #007bff;
	color: white;
}
 
#accountModal .table>tbody>tr>td {
	vertical-align: middle;
}
 
#accountModal .table {
	color: black;
}
#accountModal .modal-body p {
    color: black;
}

@media (min-width: 1201px) and (max-width: 1499px) {
	.fixed-header .logo img { width: 100px; }
	.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-top-right .profile-nav { padding: 10px 0px !important; }
	#main-content { padding-top: 75px !important; }
	.page-sidebar { top: 75px !important; }
	.header-redirect.header .logo img {height:100px;}
	.header-redirect.header .page-head { font-size: 18px; }
}
.fixed-header .logo .subhead {color:#000; padding:5px 15px;}

.page-sidebar { position:fixed; left: 0px; top:145px; height: 100vh; width: 240px;
background:linear-gradient(#326bbd, #003787);
padding:15px 0px;
margin-bottom: 10px; top: 75px;}
.navbar-collapse { padding:0px;}
#main-content {margin-left: 240px; display: block; padding-top:75px; width: calc(100% - 243px); }
.navbar-section .navbar-nav,
.navbar-section .navbar-nav > li { float: none; margin-bottom:5px;}
.navbar-section .navbar { background: none; border: none; margin:0px; padding:0px;}
.navbar-section .navbar .menu-head { position: relative;  display:inline-block; margin:20px 0px 15px;}
.navbar-section .navbar .menu-head span { position:relative; z-index:99; font-weight:bold; padding:5px 15px; border-radius:20px; background:#e2e2e2; margin:0px; }
.navbar-section .navbar .menu-head:before { display:block; width:240px; content:''; height:1px; background:#e2e2e2; position: absolute; top:10px; left:-20px;}
.navbar-section .navbar-nav > li a { padding:8px 10px 8px 15px; color:#fff; }
.navbar-section .navbar-nav > li a i { width:20px; display:inline-block; opacity:0.6; }
.navbar-section .navbar-nav > li a:hover { color:#e5e5e5;}
.navbar-section .navbar-nav > li.active a, .navbar-section .navbar-nav > li.active a:hover { color:#fff; /* font-weight:bold; */ background:rgba(6,61,141,0.6); border-left:3px solid #00b4ff; }
.navbar-section .navbar-nav > li.active i { opacity:1;}

.header-top-right {text-align: right; margin:0px; }
.header-top-right .profile-nav { color:#000; list-style:none; /* margin:17px 0px; */ padding:10px 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 { background:#fff; border-radius:100%; display:inline-block; margin:3px 0px 3px 5px; padding:10px; border: 1px solid #337ab7;  }
.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;}

.lang-dropdown { margin-top:-5px !important; margin-right:15px !important;}
.lang-dropdown select { padding: 2px !important;margin-top: 3px;height: auto !important;font-size: 13px;}

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

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


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

.page-content { padding-top:15px; padding-bottom:15px;}
.page-title { padding-top:50px;}
.page-title h2 {font-weight:500;text-align:center; margin:0px;font-size: 35px; position:relative;}
.page-title small {display:block; font-size:17px; color:#888;  padding:0px; text-align:center;}

.plan-grid {box-shadow: 0 0 15px rgba(0,0,0,0.08);padding: 15px 15px 30px;color:#474747;margin:40px 0px 60px; min-height:341px; 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:3px;}
.plan-grid:hover {transform:scale(1.1); border: 1px solid #eee;border-top:3px solid #00b4ff;}
.plan-grid h3{text-align:center; font-size:20px; margin-bottom:10px; color: #00b4ff;}
.plan-grid .price {text-align:center;font-size: 25px;color: #000; font-weight:500;}
.plan-grid .price small {font-size:14px; }
.plan-grid ul { list-style:none; margin-bottom:20px;}
.plan-grid ul li{padding:2px 0px;}
.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;}
/* .form-control{height:30px; padding:4px 6px; border:1px solid #989494; } */
.btn.btn-primary { font-weight:bold; background: #02a6ea linear-gradient(to bottom, #00b4ff, #0393ce) repeat scroll 0 0;
    border:1px solid #0587ef !important; text-wrap: nowrap;}
.btn.btn-primary:hover { border-color: #0587ef; background: #029dde linear-gradient(to bottom, #00b4ff, #047bab) repeat scroll 0 0;}
.btn.btn-orange { background: #ff7600 linear-gradient(to bottom, #ffba00, #ff7600) repeat scroll 0 0;
    border:1px solid #ffa100 !important; text-transform:uppercase;}
.btn.btn-orange:hover { border:1px solid #ffac00 !important; background: #ff8f00 linear-gradient(to bottom, #ffc600, #ff8f00) repeat scroll 0 0;}

select.form-control{height:30px; padding:3px;}
.hg-value {font-weight:500;}
.mandatory {color:#ff0000;}

.summary .panel-default {margin-top:10px; background: #fdfdfd; border-radius:0px; border:1px solid #eee;}
.summary .panel-heading { color:#fff; text-transform:uppercase; margin:-1px -1px 0px; background:linear-gradient(to bottom, #336cbe, #003787);font-size: 15px;font-weight:500;padding:10px 20px;}
.summary .panel-body { padding:15px 20px;}
.summary h3.title { margin:0px 0px 10px; font-size:20px; color: #0060ac;}
.summary h4 {font-size:20px; margin:0px; text-transform:uppercase; }
.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-price {padding-left:40px;}
.summary .ctype { margin-right:10px; color:#999;}
.summary .more-help { text-align:center; padding:30px 15px 15px; font-size:16px; border-top:1px dashed #ddd;}

.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 #ddd; 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 { background:#f1f1f1; border-top:1px solid #ddd; color:#000; margin:0px; padding:10px 0 20px;}
.footer h3 {font-size:15px; font-weight:bold; color:#000;}
.footer .about-pt { color:#000; font-size:13px; line-height:normal; padding-right:30px;}
.footer li{ color:#000; font-size:14px; padding:3px 0px; line-height: normal;}
.footer li i { padding-right: 10px; color:#fff; background: #24211d;padding: 3px 0px;width: 28px;font-size: 12px; text-align: center;border-radius:3px;}
.footer li a {color:#000;}
.mobileapp a { margin:0px; display:inline-block; background:#000000; padding:3px 0px; border-radius:3px;}
.mobileapp img { height:36px;}
/* .copyright { background:#f1f1f1; border-top:1px solid #ddd; color:#000; padding:10px 0px; font-size:14px; float:none !important;} */
/* .copyright .copy-info { margin-top:10px; line-height: normal;} */
.copyright .powered-by img { height:40px;}
.copyright .powered-by span {vertical-align:middle; display:inline-block; padding-right:5px;}
.footer-bottom {margin-top:15px; padding-top:15px; border-top:1px solid rgba(255,255,255,0.2);}

.main-footer { margin:0px -15px; padding:15px; background:#f9f9f9; border-top:1px solid #eee;}
.main-footer .powered-by img { height:25px;}

.banner-section { min-height:320px;padding:50px 0 0;}
.banner-section .banner-text .banner-title{ color:#fff;font-size:42px;}
.banner-section .banner-text p { color:#fff;font-size: 20px; 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;}

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

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

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

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


.buy-section .col-divider {border-left: 1px solid #3c80c4;}
.buy-section {padding:15px 20px 35px !important;background:linear-gradient(to right,#487cc8, #003787);color:#fff;margin: 0px;}
.buy-section .btn-buy, .buy-section .btn-buy:hover { padding:10px 20px; font-size: 16px;margin-top:32px;background: #00b4ff;color: #fff;border-color: #00b4ff;}
.buy-section .buy-dsc h2 { margin-bottom:0px; color: #fff;}

.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-bg {position: relative; color: #fff; padding:20px 0px; }
.login-bg:before {content:''; position:absolute; /* background:rgba(0, 0, 0, 0.3); */ top:0px; left:0px; right:0px; bottom:0px;}
.login-bg .banner-txt {position:relative; padding-top:50px;}
.login-bg .banner-txt h4 { font-size:20px;}
.login-bg .banner-txt h4, .login-bg .banner-txt h1 { margin:20px 0px; color:#fff; line-height:normal;  font-weight:normal;}

.form-login {background:#fff; position:relative; z-index:12; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border-radius:24px; color:#3c3c3c; color:#000; padding:25px;}
.form-login .form-head { margin:0 0 15px; font-size:21px; font-weight: 500; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
.form-login .form-head small { font-size:14px; color:#666; line-height:16px; display:block; margin:5px 0px;}
.form-login .btn-primary { padding: 8px 20px; font-weight: bold; text-transform:uppercase;}

.form-body label {font-weight:normal; margin-bottom:0px;}
.form-body .btn {padding:8px 12px;}
.form-body a {color:#103e67;}
.form-body input[type=checkbox]{margin-top:6px;}

.emCtr-box { position:relative; margin:0px 0px 10px; display:block;}
.emCtr-box .form-control, .emCtr-box .select-control {font-size:15px;padding:20px 10px 5px; padding-right:30px;display:block;height:46px; border:1px solid #ddd;width:100%;}
.emCtr-box .form-control:focus, .emCtr-box .select-control:focus {border:1px solid #66afe9;}
.emCtr-box select.form-control {padding: 15px 9px 0px;line-height:24px;}
.emCtr-box .fl-label {color:#5264AE; font-size:13px; font-weight:normal;position:absolute;pointer-events:none;left:10px;top:4px;transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
/* .emCtr-box .form-control:placeholder-shown:not(:focus) + .fl-label { top:15px; color:#333; font-size:15px;} */
.emCtr-box .form-control:placeholder-shown:not(:focus)+.fl-label{ top:3px; color:#333; font-size:13px;}
.emCtr-box .form-control:focus + .fl-label, .emCtr-box .form-control:not(:placeholder-shown) + .fl-label { top:3px;font-size:13px;color:#5264AE; }
.emCtr-box .select-control:focus + .fl-label , .emCtr-box .select-control:not([value=""]):valid + .fl-label {top:3px;font-size:13px;color:#5264AE; }

.emCtr-box .select-control::-ms-expand { display: none; }
.emCtr-box .select-control{-webkit-appearance: none;appearance: none;}

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

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


.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:110px;}
.input-inline .btn {position:absolute; top:0px; right:0px; padding: 3px 12px; font-size:14px; box-shadow: -1px 2px #efefef; min-width:105px;}
.forgot-pwd .input-inline.input-small {padding-right:82px !important;}
.btn-inline .btn {width:49.3%;}

/* Dashboard */
.log-dtl {margin-bottom:15px;}
.log-dtl .bg-div {color:#fff; padding:0px; border-radius:10px; position:relative; display: flex;transition: 0.3s;background: #fff; border: 1px solid #ddd;overflow:hidden;}
.log-dtl .bg-div:hover {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.log-dtl .bg-div .bg-div-icon {
	padding: 20px;
	display: flex;
    align-items: center;
}
.log-dtl .bg-div.success .bg-div-icon {
	background: #50c878;
}
.log-dtl .bg-div.failed .bg-div-icon {
	background: #e93e50;
}
.log-dtl .bg-div.info .bg-div-icon {
	background: #498be7;
}
.log-dtl .bg-div .bg-div-icon i { font-size: 24px; }
.log-dtl .bg-div .bg-div-status {
	padding: 10px 15px;
	color:#000;
}
/* .log-dtl .success {background:#50c878; }
.log-dtl .failed {background:#ab3945; }
.log-dtl .info {background:#0047ab; } */
/* .log-dtl .bg-div i {position:absolute;right:20px;top: 14px;font-size: 23px;} */
.log-dtl .bg-div .count {font-size:35px;}
.log-dtl .bg-div .date {font-size: 18px;}
.log-dtl .bg-div .lbl-link { cursor:pointer;}


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


.panel {background-color:#fefefe; border:1px solid #e0e8f0; border-radius: 0.375rem; margin-bottom:15px; }
.dashboard h4 { margin:0 0 10px; font-size:16px; font-weight: 600;}
.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:130px; 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;}
.chart-wrap { min-height:280px;}
.org-tbl.table>tbody>tr>td {padding:4px 7px;}
.btn-add { padding:3px 15px 4px;}

.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:10px;} */
.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-heading { padding:7px 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 */

.buy-cert { border-radius:4px; overflow:hidden; background:#fff; padding:0px; border:1px solid #eee; box-shadow: 5px 5px 15px 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;}
.buy-cert .radio-inline {-moz-user-select: none;cursor: pointer;margin-bottom:0px;padding-left:26px; position: relative; line-height:22px;}
.buy-cert .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;}
.buy-cert .radio-inline:hover input ~ .checkmark {border: 1px solid #00b4ff;}
.buy-cert .radio-inline input:checked ~ .checkmark {background-color: #00b4ff; border: 1px solid #00b4ff;}
.checkmark::after {content: "";display: none;position: absolute;}
.buy-cert .radio-inline input:checked ~ .checkmark::after {display: block;}
.buy-cert .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;}
.buy-cert .radio-inline.rdo-disabled { color:#999;}
.buy-cert .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;}
.buy-digicert .price-section { background:#f9f9f9; padding:10px 20px; border-top:1px solid #eee;}

.price-div {color:#fff; padding:20px 30px; background:linear-gradient(to bottom, #336cbe, #003787); }
.price-div h2, .price-div h3 {color:#fff;  font-weight:400; margin:0px; font-size:18px; }
.price-div .cer-price {color:#fff; text-align:right; font-size:24px;}
.price-div .cer-price small {color:#fff; }
.price-div .btn { width:120px; margin-top:10px;}
.price-div .tax-extra { display:block; color:rgba(255,255,255,0.5); padding:10px 0px;}
.digital-section { text-align:justify;}
.digital-section h3 { font-size:30px;}
.digital-section h4 { color:#0060ac; 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, #003787); border:none; padding:30px 15px;}
.darkblue-section h2 { color:#fff; margin:0px; padding:0px;}
.darkblue-section .btn-click { font-size:16px; margin:0px 20px; border-color:#00b4ff;}

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

.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:#02a6ea linear-gradient(to bottom, #00b4ff, #0393ce);}

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

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


/* my profile */
.profile-wrapper {background:#fdfdfd; border:1px solid #f1f1f1; padding:20px; color:#000; font-size:14px;}
.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:0px; font-size:15px;}
.profile-wrapper .pl-head {color:#777;}
.profile-wrapper .pl-ctn {font-size:14px; font-weight:500; }
.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:#02a6ea linear-gradient(to bottom, #00b4ff, #0393ce); 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:#ccc;}
.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: 350px;}
.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: #0060ac;}

.validation-error, .validation-error:focus { border-color:#db1802;}
.text-error { color: #db1802; font-size:12px;}

.changepwd .col-md-5 { position:relative;}
.changepwd i.fa.fa-eye {float: right;margin-right: 10px;margin-top: -23px;cursor: pointer;}
.changepwd i.fa.fa-eye-slash {float: right;margin-right: 10px;margin-top: -23px;cursor: pointer;}

.captcha-box { background:#fff; border:1px solid #e2e2e2; border-radius:3px; padding:0px 0px;}
.captcha-box .form-control { width:130px !important; display:inline-block;}
.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:-45px; right:0px; }
.digital-cert .tab-action .btn.btn-plan{ position:absolute; top:15px; right:100px; padding:3px 12px; }
.digital-cert .nav-tabs {border-bottom:1px solid #f7f7f7;}
.digital-cert .nav-tabs>li {margin-right:15px;}
.digital-cert .nav-tabs>li>a { padding:0px 2px 10px; color:#0060ac; border:none;}
.digital-cert .nav-tabs>li>a:hover, .digital-cert .nav-tabs>li>a:focus {background:transparent; border:none; color:#00b4ff;}
.digital-cert .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border:none; border-bottom:3px solid #00b4ff; font-weight:bold;  border-radius:0px; color:#00b4ff;}
.digital-cert .table {margin-bottom:0px;}
.digital-cert .table .no-record {color:#a94442; text-align:center;}


.modal-content {overflow:hidden;}
.modal-header {padding:10px; background:#f5f5f5;border-radius: 6px 6px 0 0;}
.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{padding:0px;position: fixed;z-index: 1092;font-family:Verdana;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:fixed;padding:0;margin:0;width: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; background: #fff;}
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:#00549c;color:White;}
div.msgBoxButtons input[type='button']:active{background-color:#AAAAAA;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 { position: relative; background:#f9f9f9; padding:7px 10px; margin-bottom:15px; border:1px solid #f1f1f1; border-radius: 2px;}
.filter-box { padding: 5px 0 0; display: inline-block;}
.filter-box label { font-weight:normal; font-size:14px; margin-right:5px;}
.filter-box .label-active, .filter-box .label-active:hover { background:#fd7e38;}
.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 10px; 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 { vertical-align:middle; width:180px; padding:5px 10px; height:30px; display:inline; padding-right:30px; transition: width 0.7s; -webkit-transition: width 0.7s; /* Safari 3.1 to 6.0 */}
.search-box .form-control:focus { width:200px;}

.search-overlay { position:fixed; display:none; top:0px; width:100%; z-index:99; height:100%; background:transparent;}
.advancesearch { display:inline-block;}
.btn-advSearch { padding:4px 12px; margin-left:10px; border-radius:4px; border:1px solid #989494;}
.advancesearch-box { display:block;font-size: 15px; width:100%; z-index:999; border:1px solid #ccc; background:#fff; position:absolute; top:45px; left:0; border-radius:2px; 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-box:after {border:10px solid transparent; border-bottom:10px solid #fff; content:''; display:block; position:absolute; right:26%; top:-19px; }
.search-general .advancesearch-box:after ,.search-general .advancesearch-box:before{  right: 65px;}
.advancesearch-box:before {border:10px solid transparent; border-bottom:10px solid #ccc; content:''; display:block; position:absolute; right:26%; top:-20px; }
.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-control { height:30px; padding:5px;}
.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 { width:60px; display:inline-block;}
.advancesearch-form .date-control { display:inline-block; margin-right:15px;}
.advancesearch-form .date-control img { top:8px;}
.advancesearch-form .select-box select { margin-right: 15px; width:182px; padding:6px;}
.advancesearch-form .common-control { width:200px; display:inline-block;}
.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:3px; cursor: pointer;}

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

.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 15px 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:#00b4ff; 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-header .close { margin:0px; padding:5px 5px 0px;}

.manage-cert {padding-top:0px;}
.manage-cert .page-head {padding-top:15px;}
.manage-cert .page-heading .btn { margin-top:10px; 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%;}

.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-top:10px; text-align: center;}
.plan-tbl.table>tbody>tr>td {font-size:15px;}

.banner {background:url('../images/banner-img.jpg'); 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:26px; font-weight: normal;}

.sign-features {padding:100px 50px 50px;}
.sign-features .feature-grid { min-height:380px; background: #fff; display: block; border:1px solid #e2e8f0; padding:35px; -webkit-transition: 0.2s;
    transition: 0.2s; }
.sign-features .feature-grid:hover {box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2); -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        transform: scale(1.06); }
.sign-features .title-div { }
.sign-features .title-div .img-box {display: inline-block;  vertical-align:top; width:55px; }
.sign-features .title-div img {height: 55px;}
.sign-features .title-div .heading { display: inline-block; padding-left: 10px; color:#000;}
.sign-features .title-div label {font-weight: normal; color:#999; margin:0px;}
.sign-features .title-div .heading h4 {margin-top:0px; font-size:26px; font-weight: bold;}
.feature-grid li {margin-bottom: 10px; position: relative; padding-left:35px;}
.feature-grid li i{position: absolute; left: 7px; top:7px; font-size: 13px; color: #2a5b67;}
.feature-grid .grid-action {margin-top:10px;}
.feature-grid .grid-action .btn { margin:10px 5px; text-transform:uppercase; font-size:14px;}
.feature-grid.mid { transform: scale(1); margin-top:-40px; z-index:1;}

.benefits {background: #fbfbfb;border-top: 1px solid #f5f5f5; padding:10px 0px 60px;}
.benefits .page-title {padding-bottom:40px;}
.benefits ul { padding:0px 20px;}
.benefits ul li {text-align: center; padding:0px; margin:0px;}
.benefits ul li .img-wrap img {height:100px;}
.benefits ul li .img-wrap { padding:0px 30px 10px; min-height:180px; transition: all .5s;}
.benefits ul li h3 { margin:0px; font-weight: normal; color: #3a3a3a; font-size:20px; 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;}

.form-panelbox { margin:0px; background:#f9f9f9; padding:20px 30px; border:1px solid #f1f1f1; border-radius:0 0 0.375em 0.375rem; min-height:280px;}
.form-panelbox {min-height:auto;}

@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    80% {
        transform: translateX(-10px);
    }
    
    100% {
        opacity: 1;
        transform: translate(0);
    }

}


.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;
-webkit-transition: inherit;
-moz-transition: inherit;
-o-transition: inherit;
transition: inherit;
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: inherit; margin: 10px 30px 30px;}
.download-certificates .login-panel .login-content .login-image {padding: 20px;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 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:#02a6ea linear-gradient(to bottom, #00b4ff, #0393ce); 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;}
.download-certificates .login-panel .proceed-heading { padding: 0px;font-size: 18px;font-weight: 600; margin: 4px 0 4px;}
.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%;}

.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:130px;}
.header-redirect.header .page-head {font-size: 32px; 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:0px;}
.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;}
.certform .title {padding: 10px 25px;font-size: 16px;color: #fff;background:#02a6ea linear-gradient(to bottom, #00b4ff, #0393ce); 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, #003787); 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: 7px !important;}
.intl-tel-input .selected-flag .iti-arrow {top: 20px !important; margin-top: 0px !important;}
.mb-block .intl-tel-input {display: block !important;}

.mb-block {position: relative;}
.mb-block .form-control{ padding-left: 50px; }
.mb-block.em-block .form-control{ padding-left: 6px; }
.mb-block .mbCode {position: absolute; bottom: 3px; 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;}

/* .resend-info {position: relative;}
.resend-info small {position: absolute; bottom:-4px; font-size: 12px; left: 30%;} */


.headerwtmenu {box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); padding:7px 0px; position:relative; background:linear-gradient(to bottom, #336cbe, #003787); 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;}

@media (max-width:768px){
	#main-content {margin-left: 0px;}
	.fixed-header .logo .subhead {padding: 5px 10px; margin: 20px 0px 10px 5px}
	.fixed-header .logo img {height: 44px;}
	.navbar-toggle {border: 1px solid #d0d0d0;}
	.form-panelbox {padding: 15px;}
	.form-panelbox {margin-left: 0px;}
	.navbar-toggle .icon-bar {background: #2c58a8; 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%; position: fixed; background: transparent; padding: 0px; margin-bottom: 0px; height: 0px; z-index: 9; top: 68px;}
	.menu-container {background: #f1f1f1;  padding: 0px 0px 15px; margin-bottom: 10px; position: relative; z-index: 9; border-bottom: 1px solid #c5c5c5;}
	.menu-container .header-top-right {text-align: left; padding: 2px 15px 5px; background: #0060c0; color: #fff;}
	.navbar-section .navbar-nav > li a {padding: 9px 30px; color: #000 !important;}
	.menu-container .navbar-nav {margin: 0px -15px;}
	.header .logo .subhead {margin: 20px 0px 10px 4px; padding: 5px;}
	.header .navbar-collapse {margin: 0px -15px; float: unset; }
	.header .navbar-toggle {margin-bottom: 0px; padding: 10px 9px;}
	.header .navbar-right {margin: 10px 0px; background: linear-gradient(to bottom, #336cbe, #003787);}
	.header .logo {margin-bottom: 0px;}
	.header .logo img {height: 44px;}
	.header .navbar-header {position: absolute; top: -64px; right: -5px;}
	.header.fixed-header .navbar-toggle {position: absolute; right: 0px; padding: 3px 9px; top: 10px; color: #fff; font-size:18px;}
	.contact-info {text-align: left; margin-bottom: 10px;}
	.contact-info span {padding-left: 0px;}
	.header .navbar-nav > li > a.btn { border: 1px solid #e0e0e0;}
	.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;}
	.benefits ul li .img-wrap {padding: 0px 0px 10px;}
	.banner-section {padding: 20px 0 0px;}
	.content-section {padding: 15px 20px;}
	.navbar-toggle .icon-bar+.icon-bar {margin-top: 2px;}
	.log-dtl .bg-div {margin-bottom: 10px;}
	.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;}
	.navbar-section .navbar-nav > li.active a, .navbar-section .navbar-nav > li.active a:hover {background: rgba(183, 183, 183,0.75);}
	.digital-cert .tab-action .btn {top: -102px; right: -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-end .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;}
	.header-top-right .profile-nav {float: right; margin-top: 5px;}
	.header-top-right .lang-dropdown {margin-right: 0px;}
}

.btn-timer {position:relative;}
.btn-timer span {position: absolute; top: 0px; left: 0px; background: rgb(255 255 255 / 85%); padding: 9px 4px; right: 0px; border: 0px; text-align: center; bottom: 0px;  border: 1px solid #e4e4e4; font-weight: 500;  color: #333;}
.btnInline .btn-timer .btn {padding: 4px 12px; width: 120px;}
.btnInline .btn-timer span{padding: 4px 12px; width: 120px;}
.btnInline .sendBtn {width: 120px; padding: 4px 12px;}
.resendTmer .btn-timer {position: relative;}
.resendTmer .btn-timer span#time{padding: 2px 4px;}
.resendTmer .btn-timer .btn, .resendTmer .btn {padding: 3px 8px;}

.emCtrmb-checked {position: relative;}
.emCtrmb-checked .form-control{padding-left: 50px;}
.emCtrmb-checked .mbCode{position: absolute; bottom: 5px; left: 10px;}



.header-container {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  padding: 7px 0px;
  position: relative;
  /* background: linear-gradient(to bottom, #336cbe, #003787); */
}

.logo-subhead {
  color: #000;
  font-size: 16px;
  padding: 10px 15px;
  border-left: 1px solid #ccc;
  vertical-align: middle;
  margin: 0px 10px;
  display: inline-block;
}


/* New login page styles */

.digitaltxt {
  text-transform: uppercase;
  color: blue;
  font-size: 20px;
  font-weight: bolder;
}

.greentxt {
  text-transform: uppercase;
  color: green;
  font-size: 20px;
  font-weight: bolder;
}

.below-container {
	background: #caf8fb;
	width: 100% !important;
	padding: 0.25% 2%;
}

.top-container { width: 100% !important; background: #141f33; }

.marquee {
  font-size: 20px;
  direction: ltr;
  padding: 5px 0px;
}

.marquee p { margin: 0; color: #fff !important; }

.default-logo { width: 260px; }

.default-logo-right {
	width: 130px;
float: right;
padding-top: 10px;
}

/* #main-content::after {
  content: '';
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
 */
.login-box { z-index: 12; }

.account-box { padding: 15% 0; }

/* @media (max-width: 1300px) {
	body { width: 1300px; }
} */

@media (min-width: 1500px) and (max-width: 1800px) {
	.login-box {
		margin-left: 31.333%;
		width: 40%;
	}
}

@media (min-width: 1200px) and (max-width: 1499px) {
	.login-box {
		margin-left: 27.333%;
		width: 50%;
	}
}
.em-tooltip { cursor:pointer; width: 18px;height: 18px;display: inline-block;line-height: 14px;background:#eeeeee;color: #000 !important;border: 1px solid #e9e9e9;font-weight: bold;font-family: Arial, Times, serif;padding: 2px 5px;border-radius: 100%;font-size: 11px;}
.ui-tooltip.ui-widget.ui-widget-content {
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1) !important;
}

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

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

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

.eSctr-box .iti{display:block;}
.eSctr-box select { padding-right:30px !important; }
.leftContent .eSctr-box .form-control { padding-right:10px !important;}

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

.optionLogin h2 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #dddddd;
    line-height: 0.1em;
    margin-bottom: 20px;
}

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

.section-box {
        border: 1px solid #ccc; /* Border color */
        border-radius: 5px; /* Border radius for rounded corners */
        padding: 15px; /* Padding inside the box */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Box shadow for a subtle effect */
    }
    
.section-box:hover {
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); /* Increased box shadow on hover */
 }
 
/* New Styles */ 

.header .logo img { width: 260px; }
.d-flex { display: flex; }
.a-center { align-items: center; }
.j-center { justify-content: center; }
.j-s-between { justify-content: space-between; }
.g-5p { gap: 5px; }
.g-10p { gap: 10px; }
.g-15p { gap: 15px; }
.g-20p { gap: 20px; }
.g-30p { gap: 30px; }
.user-types label { font-weight: 400; margin: 0; }

.user-types input[type=radio] { margin: 0; }
.flex-column { flex-direction: column; }
.sign-option-header {
	display: flex;
    align-items: center;
    gap: 10px;
}
.sign-option-header img { width: 65px; }
.sign-option-header .user-header {
	margin: 0;
    font-size: 20px;
    font-weight: 600;
}
.sign-option-body {
	margin: 15px 0px;
	min-height: 96px;
}
.sign-option-body p { margin: 0; }
.sign-using-div {
	display: flex;
    align-items: center;
    gap: 10px;
}
.sign-using-option label { font-weight: 400; font-size: 13px; }
.sign-using-option {
	display: flex;
    gap: 5px;
    align-items: center;
}
.sign-option-footer {
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.sign-option-footer label, .sign-option-footer input[type=radio] { margin: 0; }
.page-title { font-size: 20px; margin: 0; padding: 0; }
.buy-dsc-esign {
	display: flex;
    gap: 10px;
}
.buy-dsc-esign button { font-size: 14px; }
.manage-plan-section {
    border: 1px solid #ddd;
    min-height: 295px;
    border-radius: 5px;
    overflow: hidden;
}
.manage-plan-section table { margin-bottom: 0px; }
.no-plan-selected {
	width: 100%;
    min-height: 295px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.table-buy .plan-lbl { width: 40%; }
.table-buy .plan-val { width: 60%; }
.createOrg-footer { margin: 0 15px; }
.enrolleKYC-txt {
	color: #fff;
	margin: 8px;
    text-align: center;
}
.enroll-user-box {
	width: 480px;
    margin: 0 auto;
}
.createAS-action {
	padding: 0 0 15px;
	text-align: center;
}
.eSctr-box .em-tooltip { display: none; }
.pan-fetching-loader {
	font-weight: 400;
	animation: animate 1.5s linear infinite; 
}
@keyframes animate { 
            0% { 
                opacity: 0; 
            } 
  
            50% { 
                opacity: 0.7; 
            } 
  
            100% { 
                opacity: 0; 
            } 
} 

/* input[type=file].completeEKYC-input {
  width: 100%;
  max-width: 100%;
  color: #444;
  padding: 0;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #555;
} */

input[type=file].completeEKYC-input::file-selector-button {
  margin-right: 20px;
  border: none;
  background: #029dde linear-gradient(to bottom, #00b4ff, #047bab) repeat scroll 0 0;
  /* padding: 2px 10px; */
  /* border-radius: 2px; */
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
 /*  height: 30px; */
}

input[type=file].completeEKYC-input::file-selector-button:hover {
  background: #029dde linear-gradient(to bottom, #00b4ff, #047bab) repeat scroll 0 0;
}

.fileformat-note {
	font-size: 10px;
    line-height: 16px;
    height: 30px;
    display: flex;
    align-items: center;
    padding: 0;
}

.gender-wrap {
	display: flex !important;
    padding: 10px;
    align-items: center;
    gap: 30px;
    padding: 10px !important;
}
.gender-wrap .gender-Lbl {
	font-weight: 400;
    font-size: 15px;
    color: #555;
    margin: 0;
}
.gender-wrap .rdobox-list {
	margin: 0;
    display: flex;
    gap: 5px;
}
.gender-wrap .rdobox-list input { margin: 0; }
.gender-wrap .gender-box {
	display: flex;
	gap: 20px;
}
.authSignatory-content { 
	padding: 24px;
	width: 800px;
    margin: 20px auto 40px;
    border: 1px solid #ddd;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; 
}
.signatory-creation-dob img {
	top: 16px !important;
}
.creationOfASUser .ui-datepicker { z-index: 10 !important; }
/* .ui-datepicker { z-index: 10 !important; } */
.authSignatory-content .eSctr-box .form-control:focus + .fl-label, .authSignatory-content .eSctr-box .form-control:not(:placeholder-shown) + .fl-label {
    top: 2px;
    font-size: 12px;
    color: #5264AE;
}
.authSignatory-footer { margin-top: 12px; }
.success-msg-wrapper p {
	text-align: center;
	font-size: 20px;
    color: green;
    padding: 50px 0;
}

.enrol-step-wrapper {
	position: absolute;
    right: 10px;
    width: 33%;
    top: 186px;
}

#footerDiv .copyright, .copyright.postLogin-copyright {
  background: #f1f1f1;
  color: #000;
  font-size: 14px;
  float: none !important;
  padding: 1.5rem 0;
}

.payment-footer{
	background: #f1f1f1;
  color: #000;
  font-size: 14px;
  float: none !important;
  padding: 1.5rem 0;
  position:absolute;
  width:100%;
  bottom:0;
}
.video-panel.panel {
  margin: 10px 0px;
  border: none;
  border-radius: 0px;
}

.video-panel.panel .panel-heading {
  margin-bottom: -2px;
  padding: 0px;
  border: 1px solid #f1f1f1;
  background: #fff;
  position: relative;
  border-radius: 0px !important;
}
.video-panel.panel .panel-heading h2 {
  text-transform: uppercase;
  margin: 0px;
  font-weight: 600;
  color: #777;
  display: block;
  padding: 15px 15px 15px 45px;
  font-size: 15px;
  border-bottom: 1px solid #f1f1f1;
  border-left: none;
}
.video-panel.panel .panel-heading h2 span.step {
  background: #f1f1f1;
  padding: 3px 8px;
  line-height: 18px;
  border-radius: 3px;
  color: #000;
  font-weight: normal;
  font-size: 14px;
  position: absolute;
  left: 10px;
  top: 12px;
  display: inline-block;
}
.video-panel.panel .panel-body {
  background: #fdfdfd;
  border: 1px solid #f1f1f1;
    border-top-color: rgb(241, 241, 241);
  padding: 20px 45px;
  margin-bottom: 0px;
}
.eSctr-box .fa-eye, .eSctr-box .fa-eye-slash {
  position: absolute;
  top: 15px;
  right: 10px;
  cursor: pointer;
}
.img-icon { width: 50px; }
.icon-status {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.icon-status i { font-size: 20px; margin-top: 2px; }
.icon-status .eKYC-staus-text { line-height: 22px; }
.icon-status .fa-exclamation-circle { color: orange; }
.icon-status .fa-check-circle { color: green; }
.icon-status .fa-times-circle { color: red; }
.dashboard-panels { margin: 24px 0 0; }
.eSctr-textarea textarea { resize:none; min-height: 85px; }
.address-proof-tooltip { position: relative; }
.loginpin-proof-tooltip  { position: relative; cursor: pointer;}
.confirm-loginpin-proof-tooltip { position: relative; cursor: pointer;}

.address-proof-tooltip i {color: #000; }
.loginpin-proof-tooltip i  {color: #000;}
.confirm-loginpin-proof-tooltip i {color: #000;}
.address-proof-tooltip-body {
	display: none;
	position: absolute;
  top: 0px;
  width: 500px;
  background: #d9d9d9;
  color: #000;
  padding: 16px;
  left: 20px;
  border-radius: 5px;
  z-index: 10;
}

.loginpin-proof-tooltip-body {
	display: none;
	position: absolute;
  top: 0px;
  width: 500px;
  background: #d9d9d9;
  color: #000;
  padding: 16px;
  left: 20px;
  border-radius: 5px;
  z-index: 1000;
}

.confirm-loginpin-proof-tooltip-body{
	display: none;
	position: absolute;
  top: 0px;
  width: 500px;
  background: #d9d9d9;
  color: #000;
  padding: 16px;
  left: 20px;
  border-radius: 5px;
  z-index: 1000;
}
.loginpin-proof-tooltip:hover + .loginpin-proof-tooltip-body,
.loginpin-proof-tooltip-body:hover {
    display: block;
}
.confirm-loginpin-proof-tooltip:hover + .confirm-loginpin-proof-tooltip-body,
.confirm-loginpin-proof-tooltip-body:hover {
    display: block;
}
.ptop30{
	padding-top: 30px !important;
}

.mtop24{
	margin-top: 24px !important;
}

.disabled {
  pointer-events: none;
  cursor: default;
}

.position-relative{
	position: relative !important;
}

.pleft24{
	padding-left: 24px !important;
}

.paymentPlan::after{
	background: #f1f1f1;
  border-radius: 3px;
  padding: 4px 8px;
  line-height: 22px;
  color: #333;
  content: "\002b";
  font-size: 14px;
  position: absolute;
  left: 3px;
  top: 10px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
}

.text-decoration-none{
	text-decoration: none !important;
}

.paymentPlan[aria-expanded="true"]::after {
  content: "\2212";
  background: #00b4ff;
  color: #fff;
}

.selectPayment{
	max-height:350px; 
	overflow-y: auto;
	overflow-x: hidden;
}

.popup-title{
	padding: 10px 0;
}

.toggleEyeIcon {
	position: absolute;
	right: 15px;
	top: 43px;
}
.p-relative { position: relative; }
.pan-info-success { color: green; }
.pan-info-error { color: red; }
.btn-resetPAN, .btn-verifyPAN {
  padding: 3px 12px;
  margin-left: 8px;
}
.plans-panel-heading {
  padding: 7px 15px !important;
  font-weight: bold;
}

.fs-12{
	font-size: 12px !important;
	line-height: 20px !important;
}
 
.subscriberAgreement-note{
	background-color: #f5f5f5;
  	padding: 10px;
  	border-radius: 0.25rem;
  	margin-bottom: 24px;
}
 
.py-2{
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}
 
.subscriberAgreement-modal{
	width: 100%; height: 500px; 
	overflow: scroll; 
	float: left;
}

.enrollmentType-header{
	background-color: #b6dcf2;
	padding: 10px;
	border-radius: 0.25rem;
	margin-bottom: 24px;
}

.subscriber-agreement-section {
	padding-top: 75px;
  	padding-left: 260px;
}
.pdf-section { padding-right: 15px; }
.pdf-section iframe {
  border-color: #dbdbdb;
  border-radius: 5px;
}
.subscriber-heading { margin: 12px 0; }
.consent-section { padding-right: 15px; }


/* New changes */

.selectPlan input[type=radio]{
    margin-right: 5px !important;
}

@media(min-width: 768px){
	.pl-md-0{
		padding-left:0px;
	}
}


/* New changes */

.position-fixed {
	position: fixed !important;
}
.link-content label{
	font-weight:normal;
}
.applicantDetails{
    padding: 15px 0px !important;
}

.bottom-0 {
	bottom: 0 !important;
}

.overflow-hidden {
	overflow: hidden !important;
}

.w-100 {
	width: 100% !important;
}
.appDetails input[type=radio]{
    margin-right: 5px;
    vertical-align: top;
    display:none;
}
.appDetails label{
	margin-right:30px;
}
.appDetails img {
    width: 87px;
    margin: 0px auto 0px auto;
    display: flex;
    border-radius: 4px;
}
.greenBg {
    border: 2px solid #4ad04A !important;
    color: #000;
}
.aadhaarPlatform {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 7px;
    background-color: #f9f9f9;
    min-height: 130px;
    width: 140px;
    cursor:pointer;
}
.appDetails{
	position:relative;
	display: flex;
    padding-bottom: 20px;
}
.appDetails .checkmark {
    display: none;
}
.selectPlan h4{
	font-size:16px;
	margin: 0;
}
.supportingfiles .input-group-addon {
  padding: 14px 9px; 
  width: 130px;
  height: 17px;
  background: #fff;
  border-radius: 2px;}

.timeline {
display: flex;
    /* justify-content: space-between; */
    /* align-items: center; */
    width: 100%;
    /* max-width: 1020px; */
    margin: 0px auto;
    padding: 4px;
}

.timeline div {
	text-align: center;
	position: relative;
	flex: 1;
}

.timeline div:not(:first-child):before {
	content: '';
	position: absolute;
	top: 12px;
	left: -50%;
	width: 100%;
	height: 2px;
	background-color: #ddd;
	z-index: 1;
}

.timeline div.completed:not(:first-child):before {
	background-color: #28a745; /* Green line for completed steps */
}
.timeline div.reject:not(:first-child)::before {
  background-color: red;
}


.status-circle {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #ddd;
	border: 2px solid #ddd;
	z-index: 2;
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 16px;
	font-weight: bold;
}
.status-circle.reject {
	background-color: red;
	border-color: red;
}

.status-circle.reject:after {
	content: 'X'; 
}

.status-circle.completed {
	background-color: #28a745;
	border-color: #28a745;
}

.status-circle.completed:after {
	content: '✓'; /* Add checkmark inside the green circle */
}

.status-circle.in-progress {
	background-color: white;
	border-color: #007bff;
}

.status-label {
	margin-top: 8px;
	font-size: 14px;
	color: #333;
}

.status-date {
	margin-top: 4px;
	font-size: 12px;
	color: #777;
	display: block;
	min-height: 10px;
}
/* .documentSec{
	width: 172px;
    border-radius: 2px 0px 0px 2px;
} */
/* .document .completeEKYC-input{
	border-radius: 0px 2px 2px 0px !important;
} */
.profile-icon img {
    height: 180px;
    width: 100%;
    object-fit: contain;
}
.m-0{
	margin:0px;
}
.mb-0{
	margin-bottom:0px;
}
.form-label{
	font-weight:600;
}

table {
    width: 100%;                     
    margin-top: 10px;                
}
 
th {
    font-weight: bold;               
    padding: 10px;                  
}
 
td {
    padding: 10px;                   
}

/*
New esign upload css change starts here  
*/

 body {
            font-family: 'Roboto', sans-serif; /* Use a modern font */
        }

        .custom-alert {
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s;
            padding: 20px;
            border-radius: 5px;
            background-color: #fff8c4; /* Light yellow background */
        }

        .custom-alert:hover {
            transform: scale(1.02); /* Slightly scale up on hover */
        }

        /* .btn {
            transition: background-color 0.3s, transform 0.2s;
        }  */

        /* .btn:hover {
            background-color: #0056b3; Darker blue for hover
            transform: translateY(-2px);
        } */

        .tooltip {
            position: relative;
            display: inline-block;
        }

        .tooltip .tooltiptext {
            visibility: hidden;
            width: 120px;
            background-color: black;
            color: #fff;
            text-align: center;
            border-radius: 5px;
            padding: 5px 0;
            position: absolute;
            z-index: 1;
            bottom: 125%; /* Position above the button */
            left: 50%;
            margin-left: -60px;
            opacity: 0;
            transition: opacity 0.3s;
        }

        .tooltip:hover .tooltiptext {
            visibility: visible;
            opacity: 1;
        }
        
        
        .custom-alert {
    background-color: #fff4d6; /* Soft yellow */
    padding: 20px; /* Reduce padding */
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    max-width: 80%; /* Box fitting text content */
    margin: 0 auto; /* Center the box */
    border-left: 5px solid #ffc107; /* Accent border for emphasis */
}

.custom-alert h4 {
    color: #856404; /* Soft text color to match alert tone */
}

.custom-alert .glyphicon {
    font-size: 28px; /* Slightly smaller icon */
    color: #856404; /* Match text color */
}

/* .btn-primary {
    background-color: #007bff;
    color: white;
    padding: 10px 20px; 
    border-radius: 5px;
    transition: background-color 0.3s;
} */

/* .btn-primary:hover {
    background-color: #0056b3; Darker blue on hover
    color: white;
} */

.alert-message {
    font-weight: bold;
    margin: 0; /* Eliminate unnecessary margin */
} 


.dragdrop-content {position:relative; padding-left:80px;}
.dragdrop-content:before { position:absolute; top:-20px; left:0; content:''; width:60px; height:72px; display:block; background-image:url("../images/esign-upload.png"); background-repeat:no-repeat; background-size:cover;}
.upload-box .upload-img { text-align:right; padding:0px;}
.upload-box .upload-img img { width:40%; display:inline-block; margin:0px auto;}
.upload-box .ordiv { background:#ddd; padding: 10px; border-radius:100%; display: inline-block; margin:0px;}
.upload-box h4 { margin:0px;}
.upload-box .btn { font-weight:bold !important; color:#0060ac; border-color:#0060ac; padding:7px 15px !important; font-size:14px;}
.upload-box .btn:hover { background:#fff;}

.file-upload-container { margin:0px 0px 10px;}
.file-upload-list { border: 1px solid #eee;margin-top: 10px;width: 100%;margin:0px;border-radius: 4px;padding:30px 15px;}
.file-upload-item { position:relative; width: 100%;height: auto;margin:0px;font-size:14px;padding-left:110px;}
.file-upload-item:before { position:absolute; top:0px; left:70px; content:''; width:30px; height:40px; display:block; background-image:url("../images/pdf-icon.png"); background-repeat:no-repeat; background-size:cover;}

.file-upload-item .filesize { width: 100px;height: auto;margin: 0 5px 5px 0px;display: inline-block;vertical-align:middle;}	
.file-upload-item .btn-upload { position: absolute;right: 20px;top: 5px;}
.file-upload-item .btn-upload .btn { width:110px !important;}
.file-upload-item .btn-cancel {position: absolute;left:15px;top:5px;border-radius: 100px;height: 32px;padding: 5px 8px;line-height: 20px;font-size: 16px;}

.file-upload:hover { background: #3396c9; -moz-box-shadow: 0 2px 0 0 #15719f; -webkit-box-shadow: 0 2px 0 0 #15719f; box-shadow: 0 2px 0 0 #15719f;}
.upload-dragdrop { background-color:#f9f9f9; cursor:move; padding:40px 20px; border:2px dashed #ccc; border-radius:4px;}
.upload-dragdrop:hover { border-color:#01aaf0;box-shadow:3px 3px 7px rgba(0,0,0,0.1);}
.upload-dragdrop .btn input { position: absolute;cursor: pointer;top: 0px;width: 100%;height: 100%;left: 0px;z-index: 100;opacity: 0;}

.custom-modal-width {
        max-width: 35%; 
    }
#remarks {
        height: 150px; /* Adjust height */
        width: 100%;   /* Adjust width as needed */
    }
    
.btn {
	padding: 6px 16px;
	font-size: 0.875rem;
}

.fs-7 {
	font-size: .875rem !important;
}

.fs-8 {
	font-size: 0.75rem !important;
}

.display-none {
	display: none;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.panel-body {
	padding: 1rem;
}

.btn-outline-secondary:hover {
	background-color: #f8f9fa !important;
	color: #6c757d !important;
}

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

.form-control, .form-select {
	font-size: 0.875rem !important;
}

.chart-height {
	min-height: 306px !important;
}

.py-10px {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/*********UI Editds**************/
.search-section.search-manage {
    display: inline-block;
    position: unset;
    background: transparent;
    border: none;
    margin-bottom: 0px;
    padding: 0px;
}
#btnCreateUser{
	height:35px;
}
.btn-default {
    box-shadow: -1px 2px #efefef;
    border: 1px solid #b7b7b7;
}
.search-manage .search-box {
    text-align: left;
    padding: 5px 10px;
    display: none;
    width: 79%;
    z-index: 12;
    border: 1px solid #ccc;
    border-bottom: 2px solid #bbb;
    background: #fff;
    position: absolute;
    top: 170px;
    left: 252px;
    border-radius: 4px;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
}
.search-manage .advancesearch-form {
    padding: 0px 20px;
}
.advancesearch-form .form-group {
    margin-bottom: 5px;
}
.advancesearch-form {
    text-align: left;
    color: #333;
}
.advancesearch-form .form-label.search-head {
    padding-top: 10px;
    padding-bottom: 10px;
}
.search-manage .search-head {
    margin-bottom: 0px !important;
    font-weight: 500;
}
.search-manage .search-box .date-section {
    display: inline-block;
}
.search-manage .search-box .date-section {
    display: inline-block;
}
.date-section {
    border: 1px solid #e2e2e2;
    padding: 20px 15px 15px;
    display: inline-block;
    position: relative;
    margin: -10px 10px 0px !important;
}
.search-manage .search-box .date-section .box-head {
    min-height: auto;
    border: none;
    position: absolute;
    top: -20px;
    display: block;
    left: 3%;
    background: #fff;
}
.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.search-manage .search-box .date-section .box-head label {
    padding-left: 0px;
}
.search-manage .search-box .date-section label {
    margin: 0px;
    vertical-align: middle;
}
.search-manage .search-box .date-section label input {
    margin-left: 3px;
}
.search-manage .advancesearch-form .btn-primary {
    margin-left: 8px;
}
.advancesearch-form .date-control {
    display: inline-block;
    margin-right: 15px;
}
.search-manage .search-box .date-section .date-control input {
    width: 120px;
}
.search-box input.form-control {
    padding: 5px 10px !important;
}
.advancesearch-form .date-control img {
    top: 7px;
}
.date-control img {
    position: absolute;
    right: 10px;
    top: 7px;
    cursor: pointer;
}
/* .search-manage.search-open .btnlink-search:before {
    border: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    content: '';
    display: block;
    position: absolute;
    top: 150px;
    margin-left: 25px;
    z-index: 999;
}

.search-manage.search-open .btnlink-search:after {
    border: 10px solid transparent;
    border-bottom: 10px solid #fff;
    content: '';
    display: block;
    position: absolute;
    top: 151px;
    margin-left: 25px;
    z-index: 999;
} */
.search-manage .advancesearch-form .btn-primary {
    margin-left: 8px;
    height:35px;
}
/* .postLogin-copyright{
	position: absolute;
    bottom: 0;
    width: 100%;
    width: calc(100% - 240px);
    left: 240px;
} */
.filter-box .label{
	color:#fff !important;
	border-radius:5px;
}
.filter-box .label-active {
    padding: 3px 7px;
}
.filter-box .label-active, .filter-box .label-active:hover {
    background: #34b643;
}
.filter-box .label-default {
    background: #999;
    padding: 3px 7px;
}
.filter-box .label-default:focus, .filter-box .label-default:hover{
	    background-color: #5e5e5e;
}

.idrbt-logo {
	min-width: 200px !important;
}

.id-bannerImage {
	max-height: 380px;
}

.info-text {
            background: #dbeafe;
            border-left: 4px solid #2563eb;
            padding: 12px 16px;
            margin-bottom: 25px;
            border-radius: 4px;
            font-size: 14px;
            color: #1e40af;
        }
        
.info-text1 {
            background: #dbeafe;
            border-left: 4px solid #2563eb;
            padding: 12px 16px;
            margin-bottom: 25px;
            border-radius: 4px;
            font-size: 14px;
            color: #1e40af;
             max-width: 762px;
    margin-left: 216px;
    margin-top: 33px;
    font-weight: bold;
        }        
         .captcha-container {
    width: 100%;
    max-width: 350px;
    margin: 15px 0;
}

.captcha-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f5f7fa;
    border: 1px solid #d1d9e6;
    border-radius: 8px;
    padding: 12px 15px;
    margin-bottom: 10px;
    gap: 12px;
}

.captcha-image {
    flex: 1;
    height: 42px;
    background: white;
    border-radius: 6px;
    padding: 5px 10px;
    object-fit: contain;
    letter-spacing: 3px;
    font-weight: 600;
    margin-top: -3px;
}

.refresh-btn {
    background: #6b9bd1;
    border: none;
    border-radius: 6px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.refresh-btn:hover {
    background: #5a8bc4;
    transform: rotate(180deg);
}

.refresh-btn img {
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1); /* Makes icon white */
}

.captcha-input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #d1d9e6;
    border-radius: 8px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s ease;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 500;
}

.captcha-input:focus {
    border-color: #6b9bd1;
    box-shadow: 0 0 0 3px rgba(107, 155, 209, 0.1);
}

.captcha-input::placeholder {
    letter-spacing: normal;
    font-weight: normal;
}

.captcha-error {
    color: #e74c3c;
    font-size: 12px;
    margin-top: 5px;
    min-height: 18px;
    display: none;
}

.captcha-error:not(:empty) {
    display: block;
}
        
.aadhaarPlatform.disabled {
    position: relative;
}

.aadhaarPlatform.disabled::after {
    content: 'Currently disabled. Please contact IDRBT Admin team';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    margin-bottom: 5px;
    z-index: 1000;
}

.aadhaarPlatform.disabled:hover::after {
    opacity: 1;
}

.rdobox-list.disabled-label {
    cursor: not-allowed;
}

#OrganizationAddress {
  text-transform: uppercase;
  text-align: left;  /* Aligns the text to the left */
  padding: 10px;  /* Adds padding inside the cell */
  word-wrap: break-word;  /* Ensures long words break correctly */
  max-width: 279px; /* Optional: Sets a maximum width */
  white-space: normal; /* Ensures the text wraps to the next line when needed */
}