.smart-card-div{
background-color: #fff;
padding: 5px 0px;
border-radius: 2px;
border: 0px solid #eee;
margin-top: 40px;
}
.form-max-div{
max-width:1000px;
}
.title-mn{
font-size: 18px;
font-weight: 700;
color: #000;
line-height: 28px;
border-bottom: 0px solid #eee;
padding-bottom: 6px;
font-family: 'Roboto', sans-serif;
margin-bottom:0px;
}
.form-sm-div{

}
.form-sm-div label {
display: inline-block;
margin-bottom: .5rem;
font-size: 15px;
color:#000000;
font-weight: 500;
font-family: 'Roboto', sans-serif;
}
.form-sm-div .form-control {
display: block;
width: 100%;
height: 37px;
padding: .375rem .75rem;
font-size:0.92rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #c6d1e1;
border-radius: 2px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
font-family: 'Roboto', sans-serif;
}
.form-sm-div .form-group {
margin-bottom: 1.5rem;
}
.btn-melum{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
border: 1px solid #ccc;
font-size: 12px;
font-weight: 700;
}
.btn-melum:hover, .btn-melum:focus{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
border: 1px solid #ccc;
}
.upload-photo-div{
  color: #000;
}
.upload-photo-div .avatar-upload {
position: relative;
max-width: 205px;
margin: 50px auto;
margin-top:0px;
margin-bottom:20px;
}
.upload-photo-div .avatar-upload .avatar-edit {
position: relative;
right: 0px;
z-index: 1;
top: 0px;
}
.upload-photo-div .avatar-upload .avatar-edit input {
display: none;
}

.upload-photo-div .avatar-upload .avatar-preview {
width: 145px;
height: 145px;
position: relative;
border-radius: 0px;
border: 1px solid #f9f9f9;
box-shadow: none;
margin:0 auto;
}
.upload-photo-div .avatar-upload .avatar-preview > div {
width: 100%;
height: 100%;
border-radius:0px;
background-size: cover;
background-repeat: no-repeat;
background-position: top;
}
.btn-avatar{
background-color: #fff;
color: #000;
font-size: 14px;
font-weight: 400;
text-align: center;
padding: 10px 18px;
margin-top: 15px;
border: 2px solid #d4d3d3;
box-shadow: 0px 0px 7px 0px #d1d1d1;
border-radius: 4px;
width: 145px;
}
.btn-avatar:hover, .btn-avatar:focus{
background-color: #fff;
color: #000;
border: 2px solid #d4d3d3;
box-shadow: 0px 0px 0px 0px #d1d1d1;
}
.upload-qr-div{
color: #000;
}
.upload-qr-div .avatar-upload {
position: relative;
max-width: 205px;
margin: 0px auto;
margin-top:0px;
}
.upload-qr-div .avatar-upload .avatar-edit {
position: relative;
right: 0px;
z-index: 1;
top: 0px;
}
.upload-qr-div .avatar-upload .avatar-edit input {
display: none;
}

.upload-qr-div .avatar-upload .avatar-preview {
width: 145px;
height: 145px;
position: relative;
border-radius: 0px;
border: 0px solid #fafafa;
box-shadow: none;
margin: 0 auto;
}
.upload-qr-div .avatar-upload .avatar-preview > div {
width: 100%;
height: 100%;
border-radius:0px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.ctc-sm-div{
margin-top: 20px;
border-top: 1px solid #eceaea;
padding-top: 25px;
}
.btn-submit{
background-color: #0026de;
color: #fff;
font-size: 15px;
font-weight: 400;
padding: 14px 35px;
border: 1px solid #0026de;
box-shadow: 0px 1px 4px 0px #a4a4a4;
margin-top: 0px;
margin-bottom: 10px;
border-radius: 2px;
width: 100%;
}
.btn-submit:hover, .btn-submit:focus{
border: 1px solid #0026de;
box-shadow: 0px 0px 6px 0px #a4a4a4;
background-color: #0026de;
color:#fff;
}
.max-form-btn{
max-width:480px;
}
.accpt-check{

}
.accpt-check input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}

.accpt-check label {
position: relative;
cursor: pointer;
font-size:13px;
font-weight:400;
text-indent: -26px;
margin-left: 26px;
color:#000;
}

.accpt-check label:before {
content:'';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid #0026de;
box-shadow:none;
padding: 10px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 5px;
}

.accpt-check input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 2px;
left: 9px;
width: 6px;
height: 14px;
border: solid #0026de;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
margin-left:-26px;
}
/**smart-card-popup**/
.smart-card-popup{

}
.smart-card-popup .modal-dialog{
max-width: 680px;
}
.smart-card-popup .modal-title {
margin-bottom: 0;
line-height: 1.5;
font-size: 18px;
}
.sm-popup-left{
text-align:center;
}
.sm-popup-left img{
width: 235px;
height: 145px;
object-fit: cover;
}
.sm-popup-div{
padding: 0px;
padding-top: 30px;
}
.bothside-div-sm{
margin-top: 30px;
background-color: #fffdda;
border: 1px solid #ddd98f;
border-radius: 4px;
padding: 10px 15px;
margin-bottom:20px;
}
.bothside-div-sm label{
margin-bottom: 0px;
color: #000;
padding-left: 2px;
}
.smartcard-preview-popup{

}
.smartcard-preview-popup .form-group {
margin-bottom: 5px;
}
.smartcard-preview-popup label{
font-size: 13px;
font-weight: 700;
margin-bottom: 5px;
}
.smartcard-preview-popup p{
font-size: 11px;
font-weight: 400;
margin-bottom: 5px;
}
ul.family-group-list{
padding:0px 0px 0px 15px;
}
ul.family-group-list li{
font-size: 11px;
font-weight: 400;
}
ul.family-photo-list{
padding:0px;
list-style:none;
}
ul.family-photo-list li{
display: inline-block;
padding: 5px 19px 5px 0px;
}
ul.family-photo-list li img{
max-width: 60px;
height: 60px;
object-fit: cover;
}
.smartcard-preview-popup .modal-footer{

}
.alert-warning-div label{
font-size: 14px;
margin-bottom: 0px;
text-align: center;
}
.rht-yes{
text-align:right;
}
.alert-warning-div{
color: #0f0f0f;
background-color: #fff3cd;
border-color: transparent;
padding: 2px 7px;
font-size: 14px;
border-radius: 0px;
}
.gender-list-fm{

}
.gender-list-fm ul{
padding:0px;
list-style:none;
}
.gender-list-fm ul li{
display:inline-block;
padding-right:5px;
}
.gender-list-fm [type="radio"]:checked,
.gender-list-fm [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.gender-list-fm [type="radio"]:checked + label,
.gender-list-fm [type="radio"]:not(:checked) + label
{
position: relative;
padding-left: 26px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #000000;
font-size:16px;
}
.gender-list-fm [type="radio"]:checked + label:before,
.gender-list-fm [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border: 1px solid #a1a1a1;
border-radius: 100%;
background: #fff;
}
.gender-list-fm [type="radio"]:checked + label:after,
.gender-list-fm [type="radio"]:not(:checked) + label:after {
content: '';
width: 10px;
height: 10px;
background:#536eff;
position: absolute;
top:5px;
left:5px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.gender-list-fm [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.gender-list-fm [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.form-max-voteid{
max-width:1200px;
}
.barcode-vote{
margin-top:30px;
}
.date-input-vote{
width:75% !important;
position:relative;
}
.vote-id-cltr{
position: absolute;
right: -10px;
top: 30px;
background-color: #f3f6f9;
padding: 12px 9px;
font-size: 13px;
color: #0026de;
}
/**smart-card-popup**/
/**menu-list-div**/
.menu-list-div{

}
.dashbaoard-menu{
margin:0px 10px;
}
.dashbaoard-menu a{
display: block;
color: #302f2f;
font-size: 15px;
font-weight: 400;
padding: 10px 10px;
border-radius:4px;
}
.dashbaoard-menu a:hover, .dashbaoard-menu a:focus{
background-color:#c3e7ff;
text-decoration:none;
}
.dashbaoard-menu a.active{
background-color:#c3e7ff;
color: #302f2f;
}
.menu-heading{
color: #8f8f8f;
font-size: 17px;
font-weight: 500;
margin: 0 15px;
padding: 0px 3px;
margin-top: 8px;
margin-bottom:8px;
border-bottom: 1px solid #d7dce3;
padding-bottom: 5px;
}
.account-menu{
margin: 0px 10px
}
.account-menu ul{

}
.account-menu ul li{

}
.account-menu ul li a{
display: block;
color: #302f2f;
font-size: 15px;
font-weight: 400;
padding: 10px 10px;
border-radius: 4px;
}
.account-menu ul li a:hover, .account-menu ul li a:focus{
background-color:#cce2f8;
text-decoration:none;
}
.account-menu ul li.active a{
background-color:#cce2f8;
color: #302f2f;
}
.card-menu{
margin: 0px 10px
}
.card-menu ul{

}
.card-menu ul li{

}
.card-menu ul li a{
display: block;
color: #302f2f;
font-size: 15px;
font-weight: 400;
padding: 10px 10px;
border-radius: 4px;
}
.card-menu ul li a:hover, .card-menu ul li a:focus{
background-color:#cce2f8;
text-decoration:none;
}
.card-menu ul li.active a{
background-color:#cce2f8;
color: #302f2f;
font-weight:500;
}
.bread-crub-div{
padding: 0px 0px;
border-bottom: 1px solid #eee;
margin-bottom: 15px;
}
.bread-crub-div .breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0px 0px;
margin-bottom: 1rem;
list-style: none;
background-color: transparent;
border-radius: .25rem;
margin-top: 15px;
}
/**menu-list-div-closed**/
/**account-verification-details**/
.account-verification-details{

}
.account-verification-details ul{
padding:0px;
list-style:none;
text-align: left;
margin-bottom: 0px;
margin-top: 7px;
}
.account-verification-details ul li{
color: #ffffff;
font-size: 14px;
font-weight: 400;
display: inline-block;
vertical-align: middle;
padding: 4px 20px;
box-shadow: 0px 0px 2px 0px #2f44ad;
background-color: #0026de;
margin-left: -4px;
border: 1px solid #4883bf;
}
.bts-icon{
background: url('../../images/border-tick-icon.png') no-repeat -2px -1px;
width: 25px;
height: 25px;
display:inline-block;
vertical-align:middle;
margin-left:3px;
margin-right: 0px;
background-size: 88%;
filter: brightness(0) invert(1);
}
/**account-verification-details-closed**/
/**card-dashboard-list**/
.card-dashboard-list{
padding: 0px;
padding-top: 30px;
border-bottom: 1px solid #e8ebf1;
}
.card-dashboard-list ul{
padding:0px;
list-style:none;
}
.card-dashboard-list ul li{
display:inline-block;
padding-right: 45px;
padding-bottom: 20px;
}
.card-dashboard-list ul li a{

}
.card-box-div{
background-color: #fff;
border: 2px solid #e0eada;
border-radius: 4px;
width: 225px;
height: 80px;
padding: 10px;
}
.left-crd-icon{
float: left;
padding-top: 8px;
}
.left-crd-icon img{

}
.right-crd-text{
padding-left: 55px;
padding-top: 11px;
}
.right-crd-text label{
color:#33392f;
font-size:20px;
font-weight:400;
cursor:pointer;
}
.plan-dashboard-detail{
padding:0px;
padding-top: 30px;
padding-bottom: 15px;
border-bottom: 1px solid #e8ebf1;
}
.plan-dashboard-detail ul{
padding:0px;
margin-top: 15px;
}
.plan-dashboard-detail ul li{
list-style:none;
display:inline-block;
padding-right: 45px;
padding-bottom: 20px;
vertical-align: middle;
}
.pdd-box{
background-color: #fff;
border: 2px solid #e0eada;
border-radius: 4px;
width: 255px;
height: 160px;
padding: 15px;
text-align:center;
}
.pdd-box p{
font-size: 21px;
font-weight: 300;
}
.pdd-box h3{
font-size: 45px;
font-weight: 400;
color: #33392f;
margin-bottom: 5px;
}
.pdd-box a{
color:#156cf8;
font-size:16px;
font-weight:300;
text-decoration:underline;
}
.pdd-box a:hover{
text-decoration:underline;
color:#51d8af;
}
.quicklink-dashboard{
padding:0px;
padding-top:30px;
padding-bottom:15px;
}
.quicklink-title{

}
.quicklink-title h3{
color:#7c7c7c;
font-size:26px;
font-weight:500;
text-align:center;
}
.quicklink-list-div{
background-color:#f2f7ff;
padding:25px 15px;
border:1px solid #bbc7db;
border-radius:2px;
}
.quicklink-list-div ul{
padding:0px;
list-style:none;
margin-bottom:0px;
}
.quicklink-list-div ul li{
display:block;
}
.quicklink-list-div ul li a{
border-bottom: 1px solid #dde5f1;
display: block;
padding-bottom: 12px;
padding-top: 12px;
}
.quicklink-list-div ul li a:hover{
background-color:#fafcff;
}
.ql-left{
float:left;
margin-right:5px;
}
.ql-right{
padding-left:35px;
}
.ql-right h3{
font-size:18px;
font-weight:400;
margin-bottom:0px;
color:#000000;
line-height: 30px;
}
.ql-right p{
color:#000000;
font-size:17px;
font-weight:300;
margin-bottom:0px;
}
.max-add-retailer{
max-width:860px;
margin:0 auto;
padding-top:50px;
}
.ar-heading{
padding:0px;
}
.ar-heading h2{
color:#2b2b2b;
font-size:22px;
font-weight:700;
text-transform:uppercase;
}
.addretailer-div{
background-color:#fff;
padding:35px 20px;
border:1px solid #e9edf2;
border-radius:4px;
}
.addretailer-div label{
font-size:18px;
font-weight:400;
color:#383838;
text-align: right;
display: block;
}
.addretailer-div .form-control{
display: block;
width: 100%;
height: 43px;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #e4eaf3;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.addretailer-div .form-group {
margin-bottom: 25px;
}

.retailer-upload{

}
.retailer-upload .upload-btn-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
width: 100%;
cursor: pointer;
}

.retailer-upload .btn {
border: 1px solid #e4eaf3;
color: #2b2b2b;
background-color: #edf4ff;
padding: 8px 20px;
border-radius: 4px;
font-size: 20px;
font-weight: 400;
width: 100%;
cursor: pointer;
}

.retailer-upload .upload-btn-wrapper input[type=file] {
font-size: 19px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
height: 47px;
cursor: pointer;
}
.css-arw{

}
.css-arw {
background-image: url(../../images/arw-fm.png);
background-repeat: no-repeat;
background-position: right 10px center;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.btn-create{
background-color: #fff;
color: #0026de;
font-size: 18px;
font-weight: 400;
padding: 15px 25px;
border: 1px solid #0026de;
box-shadow: none;
border-radius: 4px;
margin-bottom: 20px;
margin-top: 25px;
}
.btn-create:hover, .btn-create:focus{
background-color:#fff;
color:#0026de;
border:1px solid #0026de;
box-shadow:0px 0px 10px 0px #acb4ff;
border-radius:0px;
}
.btn-arw{
background: url('../../images/arw-blue.png') no-repeat -1px -1px;
width: 27px;
height: 23px;
display:inline-block;
vertical-align:middle;
margin-left:15px;
}
/**card-dashboard-list-closed**/
/**view-retailer**/
.overall-retailer-div{
padding:0px;
padding-top: 30px;
padding-bottom: 15px;
border-bottom: 1px solid #e8ebf1;
}
.overall-retailer-div ul{
padding:0px;
margin-top: 5px;
margin-bottom:0px;
}
.overall-retailer-div ul li{
list-style:none;
display:inline-block;
padding-right: 45px;
padding-bottom: 20px;
vertical-align: middle;
}
.retailer-detail-box{
background-color: #fff;
border: 2px solid #e0eada;
border-radius: 4px;
width: 200px;
height: 95px;
padding: 15px;
}
.retailer-detail-box p{
font-size: 14px;
font-weight: 300;
margin-bottom:6px;
}
.retailer-detail-box h3{
font-size: 24px;
font-weight: 400;
color: #33392f;
margin-bottom: 5px;
}
.retailer-detail-box a{
color:#156cf8;
font-size:16px;
font-weight:300;
text-decoration:underline;
}
.retailer-detail-box a:hover{
text-decoration:underline;
color:#51d8af;
}
.viewretailer-tabel{
margin-top:15px;
}
.viewretailer-tabel .table th{
vertical-align: bottom;
border-bottom: 1px solid #dee2e6;
border-top:0px;
font-size:14px;
font-weight:600;
text-transform: capitalize;
}
.viewretailer-tabel .table td{
color: #040404;
font-size: 14px;
font-weight: 400;
border-bottom: 1px solid #dee2e6;
vertical-align:middle;
text-transform: capitalize;
}
.viewretailer-tabel .table-hover tbody tr:hover{
background-color:#fffff4;
color:#0060fe;
}
.viewretailer-tabel .table-hover tbody tr:hover td{
color:#0060fe;
}
.view-notes-list{
margin-top:30px;
}
.view-notes-list h3{
color: #2b2b2b;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
border-bottom:1px solid #e1e4ea;
padding-bottom:5px;
}
.view-notes-list ul{
padding:0px;
list-style:none;
}
.view-notes-list ul li{
display:block;
padding:10px 0px;
color:#040404;
font-size:16px;
font-weight:400;
}
.view-notes-list ul li a{
color:#040404;
font-size:16px;
font-weight:400;
cursor:auto;
}
.arw-blck{
background: url('../../images/arw-blck.png') no-repeat -1px 0;
width: 18px;
height: 16px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
.retailer-payment-popup{

}
.retailer-payment-popup .modal-dialog {
max-width: 760px;
}
.payment-re-div{
padding-top: 30px;
}
.payment-re-div p{
color: #3c3c3c;
font-size: 22px;
font-weight: 400;
text-align: center;
}
.payment-re-div h4{
color: #000000;
font-size: 50px;
text-align: center;
}
.acc-detail-div{
background-color: #feffdb;
padding:15px 24px 5px 24px;
max-width: 280px;
margin: 0 auto;
margin-bottom:20px;
}
.acc-detail-div p{
font-size:14px;
color:#040404;
text-align:left;
}
.acc-detail-div table tbody tr td{
padding: 5px 0px;
vertical-align: top;
border-top: 0px solid #dee2e6;
font-size: 15px;
}
.btn-payment-done{
background-color: #006cff;
color: #fff;
font-size: 25px;
font-weight: 400;
border: 2px;
border-radius: 0px;
padding: 10px 35px;
box-shadow: none;
margin-bottom:15px;
margin-top:15px;
}
.btn-payment-done:hover, .btn-payment-done:focus{
background-color: #0040ff;
color: #fff;
box-shadow:0px 0px 6px 0px #a7abb5;
}
.btn-payment-close{
background-color: #bcbdbd;
color: #fff;
font-size: 25px;
font-weight: 400;
border: 2px;
border-radius: 0px;
padding: 10px 35px;
box-shadow: none;
margin-bottom:15px;
margin-top:15px;
}
.btn-payment-close:hover, .btn-payment-close:focus{
background-color: #b0b0b1;
color: #fff;
box-shadow:0px 0px 6px 0px #a7abb5;
}
.max-leanth-btn{
max-width: 500px;
margin: 0 auto;
}
.payment-pending-label{
background-color: #ff6d02;
color: #fff;
padding: 3px 8px;
margin-bottom: 0px;
border-radius: 4px;
font-size: 13px;
font-weight: 500;
}
.payment-done-label{
background-color: #31c010;
color: #fff;
padding: 3px 8px;
margin-bottom: 0px;
border-radius: 4px;
font-size: 13px;
font-weight: 500;
}
.payment-tbl td{
cursor:pointer;
}
/**view-retailer-closed**/

/**pricing-page**/
.lowbalance-div{
background-color:#fefb27;
text-align:center;
padding:8px 0px;
margin-bottom:15px;
}
.lowbalance-div p{
margin-bottom:0px;
color:#040404;
font-size:17px;
font-weight:400;
text-align:center;
}
.info-red{
background: url('../../images/info-red.png') no-repeat -2px -1px;
width: 25px;
height: 25px;
display:inline-block;
vertical-align:middle;
}
.recharge-plan-div{
margin-top:25px;
}
.recharge-plan-div h1{
font-size:28px;
text-align:center;
font-weight:500;
line-height: 40px;
}

.price-div-re{
border-bottom:1px solid #e6e6e6;
padding:25px 15px 0px 15px;
margin-bottom:15px;
}
.price-div-re h3{
font-size:37px;
font-weight:400;
margin-bottom:0px;
line-height:50px;
color:#33392f;
}
.price-div-re p{
color: #33392f;
font-size: 16px;
font-weight: 400;
margin-bottom:5px;
}
.pricing-box-div{
background-color:#fff;
border:1px solid #e0eada;
border-radius:3px;
padding:20px;
margin-top: 30px;
position:relative;
box-shadow:0px 0px 1px 0px #e7e6e6;
max-width:265px;
overflow:hidden;
}
.max-price-div{
max-width:980px;
margin:0 auto;
}
.max-price-new {
max-width: 650px;
margin: 0 auto;
}
.price-list-re{
padding: 10px 15px;
}
.price-list-re ul{
padding:0px;
list-style:none;
}
.price-list-re ul li{
color: #33392f;
font-size: 16px;
padding-bottom: 10px;
font-weight:400;
vertical-align:middle;
}
.price-list-re ul li:before{
content: '';
width: 8px;
height: 8px;
display: inline-block;
background-color: #209b04;
border-radius: 50%;
margin-right: 15px;
position: relative;
top: -1px;
}
.first-time-lable{
background-color: #ffd200;
position: absolute;
width: 100%;
left: 0px;
right: 0px;
top: 0;
bottom: auto;
}
.first-time-lable p{
margin-bottom:0px;
text-align:center;
color:#2b2b2b;
font-size:14px;
font-weight:400;
}
.disc-txt{
color: #000000;
font-size: 13px;
font-weight: 500;
text-align: center;
background-color: #26e700;
display: inline-block;
position: absolute;
right: auto;
top: 14px;
padding: 4px 36px 4px 28px;
transform: rotate(-40deg);
left: -25px;
}
/**pricing-page-closed**/
/**invitation-template-div**/
.invitation-template-div{
margin-top:20px;
}
.invitation-template-div ul{
padding:0px;
list-style:none;
}
.invitation-template-div ul li{
display: inline-block;
padding: 30px 30px;
}
.invitation-template-div ul li h4{
color:#2b2b2b;
font-size:18px;
font-weight:400;
text-align:center;
}
.template-box{
background-color: #fff;
border: 1px solid #e8e8e8;
border-radius: 4px;
padding: 15px;
max-width: 260px;
}
.btn-sti{
background-color: #041bfb;
color: #fff;
font-size:15px;
font-weight: 500;
padding: 15px 25px;
border: 0px;
box-shadow: none;
border-radius: 2px;
margin-bottom: 0px;
margin-top: 15px;
}
.btn-sti:hover, .btn-sti:focus{
background-color: #044dfb;
color: #fff;
box-shadow:0px 0px 4px 0px #949494;
}
.template-box img{

}
/**invitation-template-div-closed**/
/**recharge-step2**/
.btn-create-disable{
background-color: #e7e7e7;
color: #000;
font-size: 22px;
font-weight: 400;
padding: 15px 25px;
border: 0px;
box-shadow: none;
border-radius: 0px;
margin-bottom: 20px;
margin-top: 25px;
}
.btn-create-disable:hover, .btn-create-disable:focus{
background-color: #e7e7e7;
color: #000;
box-shadow:none;
border:0px;
}
.payment-step2box{
background-color:#fff;
border:1px solid #d9e0ea;
border-radius:4px;
margin-top: 30px;
padding:60px 20px;
padding-bottom: 130px;
}
.payment-step2box h5{
color:#0a0a0a;
font-size:17px;
font-weight:500;
text-align:center;
}
.btn-pay{
background-color: #0042ff;
color: #fff;
font-size: 16px;
font-weight: 500;
padding: 15px 30px;
border: 0px;
box-shadow: none;
border-radius: 6px;
margin-bottom: 20px;
margin-top: 25px;
}
.btn-pay:hover, .btn-pay:focus{
background-color: #044dfb;
color: #fff;
box-shadow:0px 0px 4px 0px #949494;
}
.mx-py{
max-width:180px;
margin:0 auto;
}
.payment-clp{
margin-top:50px;
padding:0px;
}
.sample-qr-div{
margin-bottom: 20px;
}
/**recharge-step2-closed**/
/**step3**/
.scan-pay-div{

}
.max-stpe-pay{

}
.amt-txt-2{
font-size:50px;
font-weight:400;
text-align:center;
}
.qr-scan-div{
background-color: #ccc;
max-width: 210px;
padding: 5px 0px;
margin: 0 auto;
margin-bottom:30px;
}
.btn-payment-complete{
background-color: #0042ff;
color: #fff;
font-size: 22px;
font-weight: 700;
border: 1px solid #032589;
box-shadow: 0px 0px 8px 0px #9c9c9c;
border-radius: 8px;
padding: 15px 35px;
margin-top:15px;
margin-bottom:15px;
}
.btn-payment-complete:hover, .btn-payment-complete:focus{
background-color: #0042ff;
color: #fff;
border: 1px solid #032589;
box-shadow: 0px 0px 0px 0px #9c9c9c;
}
.click-txt{
color:#8211ff;
font-size:17px;
font-weight:500;
text-transform:uppercase;
text-align:center;
}
.upi-logo-div{
padding-top: 40%;
}
/**step-3-closed**/
/**transaction-history**/
.succ-ic-th{
background: url('../../images/border-tick-icon.png') no-repeat -2px -1px;
width: 25px;
height: 25px;
display:inline-block;
vertical-align:middle;
margin-left:2px;
}
.unsucc-ic-th{
background: url('../../images/entu-icon.png') no-repeat -1px -1px;
width: 23px;
height: 23px;
display:inline-block;
vertical-align:middle;
margin-left:2px;
}
.mark-us-paid-th{
background-color:transparent;
padding:5px 10px;
border-radius:4px;
margin-bottom:0px;
}
.mark-us-unpaid-th{
background-color:transparent;
padding:5px 10px;
border-radius:4px;
margin-bottom:0px;
}
.view-lbl{
background-color:transparent;
padding:5px 10px;
border-radius:4px;
margin-bottom:0px;
}
.view-lbl:hover, .view-lbl:focus {
background-color:#89b5ff;
color:#fff;
}
.mark-us-unpaid-th:hover, .mark-us-unpaid-th:focus{
background-color:#89b5ff;
color:#fff;
}
.mark-us-paid-th:hover, .mark-us-paid-th:focus{
background-color:#89b5ff;
color:#fff;
}
/**transaction-history-closed**/

/**service-status**/
.service-status-div{
padding:30px 25px;
}
.service-status-div h3{
font-size: 18px;
font-weight: 500;
color: #000;
}
.service-status-div-box{
background-color:#fff;
padding:15px;
border:1px solid #e0eada;
border-radius:4px;
max-width:720px;
}
.service-list-div{
padding: 0px;
}
.service-list-div h4{
font-size: 14px;
font-weight: 500;
margin-bottom:0px;
}
.service-list-div p{
font-size: 13px;
font-weight: 400;
margin-bottom:0px;
}
.service-list-div .table td{
padding: 8px 6px;
vertical-align: middle;
border-bottom: 1px solid #dee2e6;
border-top: 0px;
}
.scs-grn{
background-color: #209b04;
width: 8px;
height: 8px;
display: inline-block;
border-radius:50%;
}
.unscs-red{
background-color: #ff0030;
width: 8px;
height: 8px;
display: inline-block;
border-radius:50%;
}
.arrow-tns{
margin-top:10px;
position: relative;
}
.arrow-tns.bounce {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.complete-payment-popup{

}
.complete-payment-popup h3{
color:#2f2f2f;
font-size:19px;
font-weight:400;
padding-bottom:7px;
border-bottom:1px solid #ececec;
}
.payment-type-list{
margin-bottom:30px;
}
.payment-type-list ul{
padding:0px;
list-style:none;
}
.payment-type-list ul li{
display: inline-block;
padding: 15px 15px 10px 15px;
}
.payment-type-list [type="radio"]:checked,
.payment-type-list [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.payment-type-list [type="radio"]:checked + label,
.payment-type-list [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.payment-type-list [type="radio"]:checked + label:before,
.payment-type-list [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 25px;
height: 25px;
border: 1px solid #b7b7b7;
border-radius: 100%;
background: #fff;
}
.payment-type-list [type="radio"]:checked + label:after,
.payment-type-list [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 17px;
    height: 17px;
    background: #1DD84B;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.payment-type-list [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.payment-type-list [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.max-input-tns{
max-width:497px;
}
.max-input-tns .form-control{
display: block;
width: 100%;
height: 42px;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #f7f7f7;
background-clip: padding-box;
border:1px solid #d9d7d7;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.max-input-tns .form-control:focus{
background-color:#fff;
box-shadow:none;
border:1px solid #3968d3;
}
.max-tns-popup{
max-width:980px;
margin:0 auto;
padding-top:50px;
padding-bottom:50px;
}
/**service-status-closed**/
.coming-soon-text {
background-color: #f00;
padding: 1px 5px;
position: absolute;
border-radius: 15px;
font-size: 10px;
color: #fff;
margin-left: 4px;
vertical-align: middle;
top: 15px;
border: 1px solid #942d5c;
}
/**delete-account-popup**/
.delete-account-popup{

}
.delete-account-popup h3{
color:#000000;
font-size:18px;
font-weight:700;
text-align:center;
margin-bottom:10px;
}
.delete-account-popup p{
color:#979797;
font-size:15px;
text-align:center;
font-weight:400;
}
.btn-no-del{
background-color:#c5c5c5;
color:#fff;
font-size:15px;
font-weight:400;
padding:8px 30px;
border-radius:4px;
box-shadow:none;
border:0px;
margin-left:10px;
}
.btn-no-del:hover, .btn-no-del:focus{
background-color:#aeaeae;
color:#fff;
}
.btn-yes-del{
background-color:#3192ff;
color:#fff;
font-size:15px;
font-weight:400;
padding:8px 30px;
border-radius:4px;
box-shadow:none;
border:0px;
margin-left:10px;
}
.btn-yes-del:hover, .btn-yes-del:focus{
background-color:#0479fd;
color:#fff;
}
.delete-account-popup .close {
font-size: 25px;
font-weight: 400;
line-height: 1;
color: #acacac;
text-shadow: 0 0px 0 #fff;
position: absolute;
right: 20px;
top: 11px;
z-index: 9;
}
.delete-account-popup svg {
  width: 60px;
  display: block;
  margin: 40px auto 0;
}
.delete-account-popup .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.delete-account-popup .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.delete-account-popup .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.delete-account-popup .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
/**delete-account-popup-closed**/
/**profile-settings-div**/
.settings-div{
text-align:right;
position:relative;
padding: 0px 15px;
}
.settings-div a{
display: block;
}
.settings-div a img{
border-radius: 50%;
width: 30px;
height: 30px;
border: 1px solid #ccc;
}
.settings-div a img:hover{
border:2px solid #0279fe;
}
.profile-dropdown{
position: fixed;
right: 25px;
left: auto;
top: 55px;
bottom: auto;
width: 250px;
z-index: 991;
background-color: #ffffff;
border: 1px solid #eaeaea;
border-radius: 6px;
box-shadow: 0px 2px 5px 0px #e6e6e6;
padding: 0px;
}
.profile-dropdown:after, .profile-dropdown:before {
bottom: 100%;
left: 100%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.profile-dropdown:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #ffffff;
border-width: 10px;
margin-left: -23px;
}
.profile-dropdown:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #e0dbdb;
border-width: 11px;
margin-left: -24px;
}
.profile-img-div{
float: left;
padding-right: 10px;
padding-left: 15px;
padding-top: 5px;
}
.profile-img-div img{
border-radius: 50%;
width: 55px;
height: 55px;
}
.profile-name-div{
float: left;
padding-top: 8px;
}
.profile-name-div h6{
margin-bottom: 0px;
font-size: 16px;
font-weight: 500;
color: #000;
line-height:26px;
white-space: nowrap;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
}
.profile-name-div p{
font-size: 13px;
color: #8e8e8e;
margin-bottom:0px;
line-height:20px;
}
.profile-name-div p span{
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
margin-right:3px;
}
.profile-name-div p .green{
background-color: #007a5a;
}
.profile-name-div p .orange{
background-color: #ff8d33;
}
.profile-setting-div{
border-bottom: 1px solid #e2e2e2;
padding-bottom: 15px;
}
.profile-editing-div{
border-bottom: 1px solid #e2e2e2;
padding-bottom: 15px;
padding-top:15px;
padding:0px;
}
.profile-editing-div ul{
padding:0px;
list-style:none;
margin-bottom:0px;
}
.profile-editing-div ul li{

}
.profile-editing-div ul li a{
color: #636363;
font-size: 13px;
font-weight: 500;
display: block;
padding: 6px 15px;
}
.profile-editing-div ul li a:hover, .profile-editing-div ul li a:focus{
text-decoration:none;
background-color:#f5f5f5;
}
.profile-close-div{
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
.profile-close-div a{
margin-bottom: 0px;
color: #6b6b6b;
font-size: 14px;
font-weight: 500;
display:block;
padding:0px 15px;
}
.notify-count{
float: right;
background-color: #f208af;
width: 25px;
height: 25px;
border-radius: 50%;
text-align: center;
vertical-align: middle;
padding: 3px 3px;
font-size: 12px;
color: #fff;
font-weight: 500;
}
/**profile-settings-div-closed**/
/**edit-profile-popup**/
.edit-profile-popup{

}
.edit-profile-form{
padding-top:15px;
padding-bottom:15px;
}
.edit-profile-form label{
font-size: 14px;
font-weight: 500;
}
.edit-profile-form .form-control{
display: block;
width: 100%;
height: calc(1.5em + .75rem + 10px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #bbbbbb;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.edit-profile-form .form-group{
margin-bottom:20px;
}
.profile-photo-div{
max-width: 200px;
margin: 0 auto;
}
.profile-photo-div .profile-pic {
width: 192px;
height: 192px;
display: block;
object-fit: cover;
}

.profile-photo-div .file-upload {
display: none;
}
.profile-photo-div .circle {

}
.profile-photo-div img {
max-width: 100%;
height: auto;
}

.profile-photo-div .upload-button:hover {
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
color: #999;
}
.btn-upload-profile{
background-color: #fff;
border: 1px solid #bbbbbb;
font-size: 14px;
font-weight: 500;
color: #000;
box-shadow: none;
border-radius: 4px;
padding: 9px 25px;
margin-bottom:15px;
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.btn-upload-profile:hover, .btn-upload-profile:focus{
background-color: #fff;
border: 1px solid #bbbbbb;
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.notification-list-div{
padding:0px;
padding-top:0px;
padding-bottom:15px;
}
.notification-list-div ul{
padding:0px;
list-style:none;
}
.notification-list-div ul li{
border-bottom: 1px solid #e8e8e8;
margin-bottom: 0px;
}
.notification-list-div ul li a{
padding: 15px 5px;
display:block;
}
.notification-list-div ul li a:hover{
text-decoration:none;
background-color: #f7faff;
}
.notification-list-div ul li a .lft-ic-div{
float: left;
}
.notification-list-div ul li a .lft-ic-div img{
width: 40px;
height: 40px;
object-fit: cover;
}
.notification-list-div ul li a .rig-txt-div{
padding-left:50px;
}
.notification-list-div ul li a .rig-txt-div h3{
font-size: 15px;
font-weight: 500;
margin-bottom: 8px;
color: #333333;
}
.notification-list-div ul li a .rig-txt-div p{
font-size: 13px;
font-weight: 400;
white-space: nowrap;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
color: #828282;
margin-bottom: 0px;
}
.unread-txt{
font-size: 11px;
font-weight: 400;
background-color: #ff52ad;
color: #fff;
padding: 3px 8px;
border-radius: 41px;
margin-left: 10px;
}
.batch-ntf{
background-color: #f208af;
width: 18px;
height: 18px;
border-radius: 50%;
text-align: center;
vertical-align: middle;
padding: 2px 3px;
font-size: 10px;
color: #fff;
font-weight: 500;
display: inline-block;
position: absolute;
left: 12px;
top: -10px;
}
/**edit-profile-popup-closed**/
.low-balance-gif{
color:#f00;
}
@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
.low-balance-gif{
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
}
.btn-qck-recharge{
padding: 3px 10px;
background-color: #fff;
font-size: 13px;
border: 1px solid #c5c31f;
color: #5d5b0c;
font-weight: 500;
box-shadow: none;
}
.btn-qck-recharge:hover, .btn-qck-recharge:focus{
background-color: #fff;
border: 1px solid #c5c31f;
color: #5d5b0c;
box-shadow: none;
}

/**search-filter-div**/
.search-filter-div{
margin-bottom:15px;
padding:0px;
}
.search-filter-div ul{
padding:0px;
list-style:none;
text-align:right;
margin-bottom:0px;
}
.search-filter-div ul li{
display: inline-block;
vertical-align: middle;
padding: 0px 5px;
}
.search-frm-icon{
background-image: url(../../images/search-icon.png);
background-repeat: no-repeat;
background-position: left 9px center;
}
.search-filter-div .form-control{
display: block;
width: 100%;
height: 38px;
padding: .375rem .75rem;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #c6d1e1;
border-radius: 2px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
font-family: 'Roboto', sans-serif;
}
.btn-filter-sm{
background-color: #fff;
font-size: 14px;
font-weight: 400;
border: 1px solid #c6d1e1;
box-shadow: none;
padding: 5px 20px;
border-radius: 4px;
color:#4558be;
margin-bottom:8px;
}
.btn-filter-sm:hover, .btn-filter-sm:focus{
background-color: #fff;
color:#4558be;
border: 1px solid #c6d1e1;
box-shadow: 0px 0px 7px 0px #ccc;
}
.btn-sort-sm{
background-color: #fff;
font-size: 14px;
font-weight: 400;
border: 1px solid #c6d1e1;
box-shadow: none;
padding: 5px 20px;
border-radius: 4px;
color:#4558be;
}
.btn-sort-sm:hover, .btn-sort-sm:focus{
background-color: #fff;
color:#4558be;
border: 1px solid #c6d1e1;
box-shadow: 0px 0px 7px 0px #ccc;
}

/**new-dashboard**/
.new-dashboard-details{
padding: 0px;
padding-top: 0px;
padding-bottom: 10px;
}
.new-dashboard-details ul{
padding: 0px;
margin-top: 15px;
margin-bottom:0px;
}
.new-dashboard-details ul li{
list-style: none;
display: inline-block;
padding-right: 20px;
padding-bottom: 20px;
vertical-align: middle;
}
.dashboard-newtop-box{
background-color: #ffffff;
border-radius: 2px;
width: 285px;
height: 120px;
padding: 12px 20px;
box-shadow: 0px 6px 8px 2px #ccc3;
border: 1px solid #cce2f8;
}
.dashboard-newtop-box p {
font-size: 19px;
font-weight: 300;
margin-bottom: 10px;
color: #6b6e70;
}
.dashboard-newtop-box h3 {
font-size: 45px;
font-weight: 700;
color: #0026de;
margin-bottom: 5px;
white-space: nowrap;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
}
.dashboard-newtop-box h3 small{
font-size: 35px;
font-weight: 700;
}
.new-dashboard-details ul li a {
color: #fff;
font-size: 15px;
font-weight: 300;
text-decoration: underline;
position: relative;
top: -20px;
}
.dashbaoard-recent-cards{
background-color:#ffffff;
padding:20px 20px;
border-radius:4px;
margin-bottom:30px;
}
.dashbaoard-recent-cards ul{
padding:0px;
list-style:none;
margin-bottom:0px;
}
.dashbaoard-recent-cards ul li{
padding: 8px 0px;
}
.dashbaoard-recent-cards ul li a{
font-size:14px;
font-weight:400;
color:#0273ff;
white-space: nowrap;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.shrt-lnk-wright ul li a:hover{
font-weight:700;
}
.dashbaoard-recent-cards ul li a:hover{
text-decoration:underline;
}
.dashbaoard-recent-title{

}
.dashbaoard-recent-title h2{
color:#000000;
font-size:19px;
font-weight:400;
border-bottom:1px solid #e8ebf1;
padding-bottom:5px;
}
.user-activities-title{
padding-top:15px;
}
.user-activities-title h3{
color:#151515;
font-size:22px;
font-weight:400;
text-align:center;
}
.user-activities-list-div{
background-color:#edf4ff;
padding:15px 20px;
margin:15px 0px;
}
.map-div{
margin: 0 auto;
max-width: 280px;
}
.chev-lft{

}
.tm-activity-list{

}
.tm-activity-list ul{
padding:0px;
list-style:none;
margin-top: 15px;
}
.tm-activity-list ul li{
border-bottom: 1px solid #dde5f1;
padding-bottom: 6px;
margin-bottom: 10px;
max-width: 200px;
}
.tm-activity-list ul li a{

}
.chev-lft{
float: left;
color: #92b8f4;
font-size: 20px;
}
.dt-rht{
padding-left: 30px;
}
.dt-rht h4{
font-size:14px;
font-weight:500;
line-height:26px;
margin-bottom:0px;
color:#000000;
}
.dt-rht p{
font-size:14px;
font-weight:400;
line-height:26px;
margin-bottom:0px;
color:#535353;
}
.dashbaoard-recent-nocard{

}
.max-nogen-dashboard{
max-width: 800px;
margin: 0 auto;
position:relative;
}
.max-nogen-dashboard h3{
color:#7e7b7b;
font-size:20px;
font-weight:300;
line-height:44px;
text-align:center;
}
.nci-div{
position: absolute;
left: 0px;
right: auto;
top: 0px;
bottom: auto;
}
.max-shrt-dsb{
max-width: 1110px;
}
/**new-dashboard-closed**/


@media(max-width:1440px){
.dashboard-newtop-box {
border-radius: 2px;
width: 240px;
padding: 12px 20px;
height: 110px;
}
.dashboard-newtop-box h3 small{
font-size:20px;
}
.dashboard-newtop-box h3{
font-size:35px;
}
}

/**print-preview-popup**/
.print-preview-popup{

}
.print-preview-popup .modal-dialog {
max-width: 800px;
}
.preview-pp-first{
border-bottom: 1px solid #d9d9d9;
padding-bottom: 15px;
margin-bottom: 15px;
padding-top:15px;
}
.preview-pp-first label{
color:#343434;
font-size:15px;
font-weight:400;
line-height:28px;
}
.preview-pp-first p{
color:#343434;
font-size:15px;
font-weight:400;
line-height:28px;
margin-bottom:0px;
}
.lft-lbl-pp label{
color:#343434;
font-size:15px;
font-weight:400;
line-height:28px;
text-align:right;
display: block;
}
.right-para-pp p{
color:#343434;
font-size:15px;
font-weight:400;
line-height:28px;
}
.right-line-div{
border-right:1px solid #ccc;
}
.preview-pp-second{
padding-top: 15px;
padding-bottom: 15px;
}
.preview-pp-second ul{
padding:0px;
list-style:none;
text-align:center;
}
.preview-pp-second ul li{
display:inline-block;
padding:0px 20px;
}
.profile-prnt-pp{
position: relative;
margin: 0 auto;
max-width: 120px;
}
.profile-prnt-pp img{
width: 90px;
height: 90px;
object-fit: cover;
border: 1px solid #dbdbdb;
border-radius: 4px;
}
.qr-prnt-pp{
position: relative;
margin: 0 auto;
max-width: 120px;
}
.qr-prnt-pp img{
width: 90px;
height: 90px;
object-fit: cover;
border: 1px solid #dbdbdb;
border-radius: 4px;
}
.preview-pp-third{

}
.preview-pp-third-title{
padding-top: 15px;
}
.preview-pp-third-title h3{
color: #000;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
border-bottom: 5px solid #f2008e;
padding-bottom: 6px;
}
.btn-fsp{
background-color: #0042ff;
color: #fff;
font-size: 15px;
border: 0px;
box-shadow: none;
padding: 12px 40px;
margin-top: 0px;
margin-bottom: 10px;
border-radius: 3px;
font-weight:400;
}
.btn-fsp:hover, .btn-fsp:focus{
background-color: #0042ff;
color: #fff;
border: 0px;
box-shadow: 0px 0px 10px 0px #8a8a8a;
}
.btn-bsp{
background-color: #ffff;
color: #3e3e3e;
font-size: 15px;
border: 1px solid #ababab;
box-shadow: none;
padding: 12px 40px;
margin-top: 0px;
margin-bottom: 10px;
border-radius: 3px;
font-weight:400;
}
.btn-bsp:hover, .btn-bsp:focus{
background-color: #fff;
color: #000;
border: 1px solid #ababab;
box-shadow: 0px 0px 10px 0px #8a8a8a;
}
.print-preview-popup .close {
float: right;
font-size: 1.5rem;
font-weight: 400;
line-height: 25px;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 1;
border-radius: 50%;
width: 35px;
height: 35px;
position: absolute;
right: -10px;
top: -10px;
}
.print-preview-popup button.close {
padding: 0;
background-color: #fff;
border: 1px solid #b8b8b8;
}
/**print-preview-popup-closed**/
/**balance-low-popup**/
.balance-low-popup{

}
.balance-low-popup .close {
float: right;
font-size: 1.5rem;
font-weight: 400;
line-height: 25px;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 1;
border-radius: 50%;
width: 35px;
height: 35px;
position: absolute;
right: -10px;
top: -10px;
}
.balance-low-popup button.close {
padding: 0;
background-color: #fff;
border: 1px solid #b8b8b8;
}
.bl-title{
margin-bottom:30px;
padding-top: 15px;
}
.bl-title h3{
color:#f70000;
font-size:30px;
font-weight:400;
text-align:center;
}
.bl-title p{
color:#333333;
font-size:16px;
font-weight:400;
text-align:center;
line-height:30px;
}
.max-bl-div{
max-width:530px;
margin:0 auto;
}
.lwbl-table{

}
.lwbl-table h4{
color:#333333;
font-size:16px;
font-weight:500;
text-align:center;
line-height:30px;
}
.lwbl-table .table th{
padding: 8px 5px;
vertical-align: top;
border-top: 1px solid #cdcdcd;
color: #3c3b3b;
font-size: 15px;
font-weight: 600;
}
.lwbl-table .table td {
padding: 8px 5px;
vertical-align: top;
border-top: 1px solid #cdcdcd;
color: #3c3b3b;
font-size: 15px;
font-weight: 400;
}
.btn-rma{
background-color: #0042ff;
color: #fff;
font-size: 18px;
border: 0px;
box-shadow: none;
padding: 20px 40px;
margin-top: 20px;
margin-bottom: 10px;
border-radius: 2px;
font-weight: 400;
width:100%;
}
.btn-rma:hover, .btn-rma:focus{
background-color: #0042ff;
color: #fff;
border: 0px;
box-shadow: 0px 0px 10px 0px #8a8a8a;
}
/**balance-low-popup**/

/*****law-popup**/
.law-popup{

}
.law-popup .modal-lg, .law-popup .modal-xl {
max-width: 740px;
}
.max-law-content{
/*max-width:700px;
margin:0 auto;*/
}
.max-law-content p{
color: #000;
font-size: 14px;
line-height: 27px;
font-family: 'Meera Inimai', sans-serif;
}
.btn-agree-law{
background-color: #004eff;
color: #fff;
font-size: 18px;
font-weight: 500;
padding: 10px 55px;
border: 1px solid #004eff;
box-shadow: 0px 1px 4px 0px #a4a4a4;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 4px;
text-transform:uppercase;
}
.btn-agree-law:hover, .btn-agree-law:focus{
border: 1px solid #0548e1;
box-shadow: 0px 0px 6px 0px #a4a4a4;
background-color: #0548e1;
color:#fff;
}
.mukiya-arivippu{
padding-top:70px;
}
.law-act-div{
border: 1px solid #ccc;
padding: 0px;
border-radius: 20px;
}
@media(max-width:767px){
.law-popup .modal-lg, .law-popup .modal-xl{
max-width:100%;
}
}
.show-more-txt{
color: #007bff;
background-color: #fff;
padding: 5px 18px;
border: 1px solid #ccc;
font-size: 14px;
font-weight: 500;
}
/**law-popup-closed**/
/**wedding-religion-popup**/
.select-religion-popup{

}
.select-religion-popup .modal-lg, .select-religion-popup .modal-xl {
max-width: 660px;
}
.select-religion-popup .modal-body{
padding:0px;
background-color:#f7f7f7;
}
.religian-popup-div{
padding:0px;
}
.religian-form{
background-color:#f7f7f7;
padding-top:40px;
padding-bottom:40px;
}
.religian-form label{
color:#000;
font-size:18px;
font-weight:700;
margin-bottom:15px;
}
.religian-form .form-control{

}
/**wedding-religion-popup-closed**/
.tawk-tp-div{
position: absolute;
right: 140px;
top: -6px;
}
.text-right{
text-align:right;
}

.btn-create-new{
background-color: #004eff;
padding: 6px 20px;
color: #fff;
font-size: 15px;
border-radius: 2px;
box-shadow: none;
border:0px;
}
.btn-create-new:hover, .btn-create-new:focus{
box-shadow:0px 0px 3px 1px #9ebbff;
border:0px;
color: #fff;
background-color:#0800ff;
}
.rp-icon{
background: url('../../images/plus-sm-icon.png') no-repeat -1px -1px;
width: 19px;
height: 19px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
/**sms-confirmation-popup**/
.sms-confirmation-popup{

}
.sms-confirmation-popup .modal-dialog {

}
.sms-confirmation-popup .modal-header{
padding: 10px 15px;
}
.sms-confirmation-popup .modal-body{
padding-top:30px;
}
.sms-input-div{
max-width: 290px;
margin: 0 auto;
margin-bottom:20px;
}
.sms-input-div label{
display: block;
font-size: 15px;
font-weight: 500;
color: #000;
margin-top: 10px;
}
.sms-input-div .form-control{
display: block;
width: 100%;
height: 42px;
padding: .375rem .75rem;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #c6d1e1;
border-radius: 2px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
font-family: 'Roboto', sans-serif;
}
.sms-input-div .form-control:focus{
box-shadow:none;
border:1px solid #a7b2c1;
}
.sms-preview-div{
background-color: #f9f9f9;
padding: 15px 15px;
border-radius: 4px;
border: 1px solid #d5d4d4;
margin-top:20px;
margin-top: 30px;
margin-bottom: 20px;
}
.sms-preview-div p{
font-size: 14px;
font-weight: 400;
margin-bottom: 0px;
line-height: 26px;
color: #3f4453;
}
.btn-send-sms{
background-color: #004eff;
padding: 10px 30px;
color: #fff;
font-size: 15px;
border-radius: 2px;
box-shadow: none;
border: 0px;
width: 300px;
margin-top: 10px;
margin-bottom: 15px;
}
.btn-send-sms:hover, .btn-send-sms:focus{
box-shadow:0px 0px 3px 1px #9ebbff;
border:0px;
color: #fff;
background-color:#0800ff;
}
.btn-send-sms.disabled{
cursor:no-drop;
}
.sms-ic{
background: url('../../images/sms-ic.png') no-repeat 0 0;
width: 34px;
height: 24px;
display:inline-block;
vertical-align:middle;
margin-left:5px;
}
/**sms-confirmation-popup-closed**/
/**jathagam-cretor**/
.time-selection{
position:relative;
}
.time-selection .btn-group, .time-selection .btn-group-vertical{
width:100%;
}
.time-selection .btn-secondary {
color: #0072ff;
background-color: #fff;
border-color: #0072ff;
box-shadow:none;
}
.time-selection .btn-secondary:hover, .time-selection .btn-secondary:focus{
color: #fff;
background-color: #5ca5ff;
border-color: #0072ff;
box-shadow:none;
}
.time-selection .btn-secondary:not(:disabled):not(.disabled).active, .time-selection .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle{
color: #fff;
background-color: #0072ff;
border-color: #0072ff;
box-shadow:none;
}
.time-selection .btn-secondary.active:before{
content: '';
background-image: url('../../images/ampm-tick.png');
background-repeat: no-repeat;
width: 22px;
height: 22px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
top: -2px;
position: relative;
}
.time-selection ul{
padding:0px;
list-style: none;
height: 230px;
overflow: auto;
}
.time-selection ul li{
display:block;
padding:5px 10px;
color:#2e2d2d;
font-size:15px;
font-weight:400;
}
.time-selection ul li a{
display:block;
padding:5px 5px;
color:#2e2d2d;
font-size:14px;
font-weight:400;
border-radius:4px;
text-align: center;
}
.time-selection ul li a:hover{
background-color: #ecebeb;
}
.time-selection ul li.active a{
background-color: #0072ff;
color:#fff;
}
.time-selection .table{
margin-top: 15px;
}
.time-selection .table thead th {
vertical-align: bottom;
border-bottom: 1px solid #dee2e6;
font-size: 14px;
font-weight: 700;
color: #2e2d2d;
padding: 5px 10px;
}
.time-selection .table-bordered td{
padding:0px 0px;
}
/**jathagam-creator-closed**/
.btn-print{
background-color: #d7e3ff;
color: #021f61;
font-size: 15px;
font-weight: 400;
padding: 5px 15px;
box-shadow: none;
border: 0px;
border-radius: 2px;
}
.btn-print:hover, .btn-print:focus{
background-color:#004eff;
color:#fff;
border:0px;
box-shadow:0px 0px 6px 0px #bed2ff;
}
/**customer-list**/
.customer-list-bg{
background-color: #fff;
padding: 15px 15px;
border-radius: 2px;
border: 1px solid #eee;
}
.customer-list-table{

}
.np-left-dv{
background-color: #000;
color: #fff;
font-size: 14px;
font-weight: 400;
float: left;
width: 33px;
height: 33px;
border-radius: 50%;
text-align: center;
padding: 5px 5px;
}
.np-right-dv{
padding-left: 43px;
padding-top: 4px;
}
.np-list-div{
font-weight:500;
font-size: 16px;
}
.pending-icon{
background: url('../../images/pending-icon.png') no-repeat -4px -4px;
width: 28px;
height: 28px;
display:inline-block;
vertical-align:middle;
margin-right:3px;
}
.np-link{
background-color: #e6eaf0;
padding: 3px 10px;
border-radius: 4px;
color: #2e2d2d;
font-weight: 400;
font-size: 14px;
display: inline-block;
}
.np-link:hover,.np-link:focus{
color: #2e2d2d;
}
.customer-list-table .table th {
vertical-align: bottom;
border-bottom: 1px solid #dee2e6;
border-top: 0px;
font-size: 15px;
font-weight: 600;
}
.customer-list-table .table td {
padding: 8px 15px;
vertical-align: middle;
border-top: 0px solid #dee2e6;
color: #2e2d2d;
font-size: 14px;
font-weight: 400;
cursor: pointer;
border-bottom: 1px solid #dee2e6;
}
.btn-upload-np{
background-color:#0d57ff;
color:#fff;
font-size:14px;
font-weight:500;
box-shadow:none;
border:0px;
padding:10px 12px;
margin:5px 7px;
}
.btn-upload-np:hover, .btn-upload-np:focus{
background-color:#0010ff;
color:#fff;
box-shadow:none;
border:0px;
}
.btn-ct{
background-color:#cbdbff;
color:#021c57;
font-size:14px;
font-weight:500;
box-shadow:none;
border:0px;
padding:10px 12px;
margin:5px 7px;
}
.btn-ct:hover, .btn-ct:focus{
background-color: #b4c7f2;
color:#021c57;
box-shadow:none;
border:0px;
}
.nts-icon{
background: url('../../images/no-task-icon.png') no-repeat -4px -5px;
width: 24px;
height: 24px;
display:inline-block;
vertical-align:middle;
margin-right:3px;
}
.customer-list-table .table-hover tbody tr:hover {
color: #212529;
background-color:#fffbf1;
}
.btn-back-tp{
background-color:#e9eff7;
color:#212529;
font-size:14px;
font-weight:400;
box-shadow:none;
border:0px;
padding:7px 17px;
margin:5px 5px;
text-transform:uppercase;
float: left;
}
.btn-back-tp:hover, .btn-back-tp:focus{
background-color:#d3dbe6;
color:#212529;
box-shadow:none;
border:0px;
}
.cs-de-div{
padding-top:15px;
}
.cs-de-div label{
color:#2e2d2d;
font-size:15px;
font-weight:500;
white-space: nowrap;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
}
.vwjb-cp{
padding: 8px 10px;
border-radius: 4px;
color:#0245be;
font-size:16px;
}
.vwjb-cp:hover, .vwjb-cp:focus{
background-color: #f1f6ff;
color:#0245be;
}
.cs-sort-div{
padding:0px;
}
.cs-sort-div ul{
padding:0px;
list-style:none;
}
.cs-sort-div ul li{
display: inline-block;
vertical-align: middle;
padding-right: 35px;
padding-top: 10px;
}
.cs-sort-div ul li a{
color:#0245be;
font-size:15px;
font-weight:400;
padding: 6px 7px;
background-color: #fff;
border-radius: 4px;
}
.cs-sort-div ul li a:hover{
padding: 6px 7px;
background-color: #f1f6ff;
border-radius: 4px;
}
.plus-lnk{
background: url('../../images/plus-lnk.png') no-repeat -2px -3px;
width: 20px;
height: 19px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
.note-lnk{
background: url('../../images/note-lnk.png') no-repeat -2px -2px;
width: 21px;
height: 19px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
.upload-lnk{
background: url('../../images/upload-lnk.png') no-repeat -4px -3px;
width: 18px;
height: 18px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
.delete-lnk{
background: url('../../images/delete-lnk.png') no-repeat -1px -5px;
width: 22px;
height: 16px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
.customer-profile-dv{

}
.customer-profile-dv img{
width: 120px;
height: 130px;
object-fit: cover;
border: 1px solid #ccc;
}
.customer-profile-dv .upload-btn-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
}

.customer-profile-dv .btn {
border:0px;
color:#0245be;
background-color: transparent;
padding: 10px 8px;
border-radius: 0px;
font-size:14px;
font-weight: 400;
}

.customer-profile-dv .btn:hover{
background-color: #f1f6ff;
}
.upload-lnk-ic{
vertical-align: middle;
margin-right: 5px;
}

.customer-profile-dv .upload-btn-wrapper input[type=file] {
font-size: 6px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}

.cs-tab-div{
padding:0px;
padding-top:10px;
}
.cs-tab-div .nav-tabs {
border-bottom: 0px solid #dee2e6;
}
.cs-tab-div .nav-tabs .nav-item.show .nav-link, .cs-tab-div .nav-tabs .nav-link.active {
color: #002371;
background-color: #fff;
border-color: transparent;
border-bottom: 3px solid #5251e3;
}
.cs-tab-div .nav-tabs .nav-link {
margin-bottom: -1px;
border: 3px solid transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
color: #787878;
font-size: 18px;
font-weight: 400;
}

.tab-content-bg{
background-color:#f4f6f8;
padding:30px 15px 20px 15px;
}

.jobs-box-div{
padding: 0px;
background-color: #fff;
box-shadow: 0px 5px 5px 0px #e8e8e8;
border-radius: 4px;
border: 1px solid #d0d0d0;
max-width: 980px;
padding: 15px 15px;
margin-bottom: 20px;
overflow: hidden;
position: relative;
cursor:pointer;
}
.jobs-box-div:hover{
border:1px solid #3178ff;
}
.jobs-box-div ul{
padding:0px;
list-style:none;
margin-bottom:0px;
}
.jobs-box-div ul li{
display:inline-block;
vertical-align: middle;
padding-right:60px;
}
.jobs-box-div label{
margin-bottom:0px;
}
.jobs-box-div .table{
margin-bottom:0px;
}
.jobs-box-div .table td, .jobs-box-div .table th {
padding: 0px;
vertical-align: middle;
border-top: 0px;
}
.drop-list-job{
width: 160px;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
position: absolute;
right: 183px;
z-index: 991;
top: 55px;
}
.drop-list-job:after, .drop-list-job:before {
bottom: 100%;
left: 33%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.drop-list-job:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #fff;
border-width: 8px;
margin-left: -30px;
}
.drop-list-job:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #e3e3e3;
border-width: 10px;
margin-left: -32px;
}
.drop-list-job ul{
padding:0px;
list-style:none;
margin-bottom:0px;
}
.drop-list-job ul li {
display:block;
padding:0px 0px;
}
.drop-list-job ul li a{
display: block;
width: 100%;
padding: 5px 15px;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
font-size: 14px;
}
.drop-list-job ul li a:hover{
background-color:#f0f0f0;
}
.date-light-div{
color:#3b3b3b;
font-size:15px;
}
.btn-pending-cp{
box-shadow:0px 0px 0px 0px #ccc;
border:1px solid #e6dddd;
border-radius:4px;
color:#b10202;
font-size:14px;
font-weight:400;
background-color:#fff2f2;
}
.btn-pending-cp:hover, .btn-pending-cp:focus{
background-color:#fff2f2;
color:#b10202;
box-shadow:0px 0px 6px 0px #ddadad;
border:1px solid #e6dddd;
}
.tick-cp-icon{
background: url('../../images/tick-br-icon.png') no-repeat -2px -2px;
width: 31px;
height: 31px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.btn-complete-cp{
box-shadow:0px 0px 0px 0px #ccc;
border:1px solid #d0f4dc;
border-radius:4px;
color:#358f56;
font-size:14px;
font-weight:400;
background-color:#eafff1;
}
.btn-complete-cp:hover, .btn-complete-cp:focus{
background-color:#eafff1;
color:#358f56;
box-shadow:0px 0px 6px 0px #bcdfc3;
border:1px solid #e6dddd;
}
.customer-file-div{
padding:0px;
margin-top: 25px;
margin-bottom:15px;
}
.customer-file-div ul{
padding:0px;
list-style:none;
}
.customer-file-div ul li{
padding:0px;
list-style:none;
display:inline-block;
vertical-align:middle;
padding-right: 25px;
padding-bottom: 10px;
padding-top: 10px;
}
.customer-file-div ul li a{
padding: 10px;
background-color: #fff;
display: block;
color:#313131;
font-size:15px;
font-weight:400;
text-align:center;
width: 185px;
height: 190px;
border:1px solid #fff;
box-shadow:0px 0px 0px 0px #fff7cb;
}
.customer-file-div ul li a:hover{
border:1px solid #3178ff;
box-shadow:0px 0px 6px 0px #fff7cb;
}
.customer-file-div ul li img{
width:155px;
height:97px;
object-fit:cover;
}
.customer-file-div p{
color:#313131;
font-size:15px;
font-weight:400;
white-space: nowrap;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
}
.cfd-box{

}
.lbl-cp-bx{
color: #fff;
background-color: #600dfa;
font-size: 16px;
font-weight: 500;
padding: 4px 15px;
border-radius: 4px;
text-transform: uppercase;
box-shadow: 0px 1px 4px 3px #ccc;
border: 0px;
position: relative;
top: -25px;
}
.notes-list-div{
padding:0px;
}
.notes-list-div ul{
padding:0px;
list-style:none;
}
.notes-list-div ul li{
display:block;
vertical-align:middle;
padding:15px 0px;
}
.notes-list-div ul li a{
background-color:#ffffff;
padding:12px 25px;
box-shadow:none;
border-radius:4px;
border:1px solid #fff;
display:flex;
color:#191919;
font-size:16px;
font-weight:400;
}
.notes-list-div ul li a small{
color: #79797b;
font-size: 14px;
margin-top: 8px;
display: block;
}
.notes-list-div ul li a:hover{
border:1px solid #3178ff;
box-shadow:0px 0px 6px 0px #fff7cb;
color:#0258f2;
}
.vuj{
color: #ffffff;
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
text-align: center;
background-color: #f00;
display: inline-block;
position: absolute;
left: -40px;
top: 9px;
padding: 4px 51px 4px 32px;
transform: rotate(-55deg);
}
.notes-left-div{
width:85%;
}
.notes-right-div{
width:15%;
}
.btn-viewnt{
background-color: #c8dafc;
color: #011c50;
box-shadow: none;
border-radius: 2px;
padding: 7px 12px;
font-weight: 400;
font-size: 15px;
margin-top: 7px;
border:0px;
/*display:none;*/
}
.btn-viewnt:hover, .btn-viewnt:focus{
background-color: #c8dafc;
color: #011c50;
box-shadow: 0px 0px 5px 0px #b1b2ec;
border:0px;
}
.notes-list-div ul li a:hover .btn-viewnt{
box-shadow: 0px 0px 5px 0px #b1b2ec;
/*display:block;*/
}
.pls-ic{
background: url('../../images/plus-sm-icon.png') no-repeat -1px -1px;
width: 19px;
height: 19px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.round-cart-icon{
background: url('../../images/round-cart-icon.png') no-repeat -3px -1px;
width: 19px;
height: 19px;
display:inline-block;
vertical-align:middle;
margin-left:4px;
}
.round-cart-icon2{
background: url('../../images/round-cart-icon2.png') no-repeat -3px -1px;
width: 19px;
height: 19px;
display:inline-block;
vertical-align:middle;
margin-left:4px;
}
.btn-drp:after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
/**customer-list-closed**/

/**delete-account-popup**/
.delete-account-popup{

}
.delete-account-popup h3{
color:#000000;
font-size:18px;
font-weight:700;
text-align:center;
margin-bottom:10px;
}
.delete-account-popup p{
color:#979797;
font-size:15px;
text-align:center;
font-weight:400;
}
.btn-no-del{
background-color:#c5c5c5;
color:#fff;
font-size:15px;
font-weight:400;
padding:8px 30px;
border-radius:4px;
box-shadow:none;
border:0px;
margin-left:10px;
}
.btn-no-del:hover, .btn-no-del:focus{
background-color:#aeaeae;
color:#fff;
}
.btn-yes-del{
background-color:#3192ff;
color:#fff;
font-size:15px;
font-weight:400;
padding:8px 30px;
border-radius:4px;
box-shadow:none;
border:0px;
margin-left:10px;
}
.btn-yes-del:hover, .btn-yes-del:focus{
background-color:#0479fd;
color:#fff;
}
.delete-account-popup .close {
font-size: 25px;
font-weight: 400;
line-height: 1;
color: #acacac;
text-shadow: 0 0px 0 #fff;
position: absolute;
right: 20px;
top: 11px;
z-index: 9;
}
.delete-account-popup svg {
  width: 60px;
  display: block;
  margin: 40px auto 0;
}
.delete-account-popup .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.delete-account-popup .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.delete-account-popup .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.delete-account-popup .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
/**delete-account-popup-closed**/
/**site-uptime**/
.su-switch{

}
/* SWITCH STYLES */
/* SOURCE: https://proto.io/freebies/onoff/ */
.su-switch .onoffswitch {
position: relative; width: 56px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.su-switch .onoffswitch-checkbox {
display: none;
}
.su-switch .onoffswitch-label {
display: block; overflow: hidden; cursor: pointer;
border: 2px solid #FFFFFF; border-radius: 20px;
}
.su-switch .onoffswitch-inner {
display: block; width: 200%; margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.su-switch .onoffswitch-inner:before, .su-switch .onoffswitch-inner:after {
display: block; float: left; width: 50%; height: 22px; padding: 0; line-height: 22px;
font-size: 12px; color: black; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
box-sizing: border-box;
}
.su-switch .onoffswitch-inner:before {
content: "ON";
padding-left: 8px;
background-color: #588a0e;
color: #FFFFFF;
}
.su-switch .onoffswitch-inner:after {
content: "OFF";
padding-right: 8px;
background-color: #999;
color: #FFFFFF;
text-align: right;
}
.su-switch .onoffswitch-switch {
display: block;
width: 14px;
margin: 5px;
background: #FFFFFF;
position: absolute;
top: 1px;
bottom: 0;
right: 30px;
border: 2px solid #FFFFFF;
border-radius: 50%;
transition: all 0.3s ease-in 0s;
height: 14px;
}
.su-switch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.su-switch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}

.no-arw{
background: url('../../images/rd-arw.png') no-repeat 0 0;
width: 27px;
height: 26px;
display:inline-block;
vertical-align:middle;
margin-right:3px;
}
.ys-arw{
background: url('../../images/gr-arw.png') no-repeat -3px -2px;
width: 22px;
height: 21px;
display:inline-block;
vertical-align:middle;
margin-right:3px;
}
.down-rd{
width:8px;
height:8px;
background-color:#ff0030;
border-radius:50%;
display:inline-block;
vertical-align:middle;
position: relative;
margin-right: 10px;
top: -1px;
}
.grn-rd{
width:8px;
height:8px;
background-color:#209b04;
border-radius:50%;
display:inline-block;
vertical-align:middle;
position: relative;
margin-right: 10px;
top: -1px;
}
.down-time-bg td{
background-color:#fffafb;
}
.site-updwn{

}
.site-updwn .table-hover tbody tr:hover td {
color:#040404;
background-color:#fffff4;
}
.site-updwn .table-hover tbody tr:hover.down-time-bg td{
background-color:#fffafb !important;
}
.site-updwn .table td a{
font-weight:400;
}
/**site-uptime-closed**/
/**send-sms**/
.sendsms-list-div{
padding:0px;
}
.sendsms-list-div ul{
padding:0px;
list-style:none;
}
.sendsms-list-div ul li{
display:block;
vertical-align:middle;
background-color:#ffffff;
padding:12px 25px;
box-shadow:0px 5px 5px 0px #e8e8e8;
border-radius:4px;
border:1px solid #d0d0d0;
display:flex;
color:#191919;
font-size:16px;
font-weight:400;
margin-bottom:25px;
}
.sendsms-list-div ul li a{

}
.sendsms-list-div ul li small{
color: #79797b;
font-size: 14px;
margin-top: 8px;
display: block;
}
.sendsms-list-div ul li:hover{
border:1px solid #3178ff;
box-shadow:0px 0px 6px 0px #fff7cb;
color:#0258f2;
}
.sendsms-left-div{
width:65%;
}
.sendsms-right-div{
width:35%;
padding-top: 7px;
}
.btn-sms-send{
color:#ff9600;
background-color:transparent;
box-shadow:none;
border:0px;
padding:5px 5px;
margin: 0px 10px;
border:1px solid transparent;
}
.btn-sms-send:hover, .btn-sms-send:focus{
background-color:transparent;
box-shadow:0px 0px 6px 0px #ccc;
border:1px solid #ff9600;
color:#ff9600;
}
.lnk-sms-arw{
background: url('../../images/sl-icon.png') no-repeat -4px -4px;
width: 22px;
height: 21px;
display:inline-block;
vertical-align:middle;
margin-left:5px;
}
.lnk-sms-icon{
background: url('../../images/sms-icon.png') no-repeat -4px -7px;
width: 24px;
height: 26px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
.btn-whatsapp-send{
color:#29b73f;
background-color:transparent;
box-shadow:none;
border:1px solid transparent;
padding:5px 5px;
margin: 0px 10px;
}
.btn-whatsapp-send:hover, .btn-whatsapp-send:focus{
background-color:transparent;
box-shadow:none;
border:1px solid #29b73f;
color:#29b73f;
box-shadow:0px 0px 6px 0px #ccc;
}
.lnk-wht-icon{
background: url('../../images/whatsapp-icon.png') no-repeat -2px -2px;
width: 28px;
height: 28px;
display:inline-block;
vertical-align:middle;
margin-left:5px;
}
.lnk-wht-arw{
background: url('../../images/wl-icon.png') no-repeat -4px -4px;
width: 22px;
height: 21px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
.sendsms-list-div ul li:hover .btn-whatsapp-send{
border:1px solid #29b73f;
}
.sendsms-list-div ul li:hover .btn-sms-send{
border:1px solid #ff9600;
}
/**send-sms-closed**/
/**aadhar-form**/
.aadhar-info-txt {
background-color: #f3f6f9;
padding: 20px;
margin-top: 20px;
}
.aadhar-info-txt p{
font-size: 22px;
font-weight: 400;
text-align: center;
}
.aadhar-info-txt ul{
padding:0px;
}
.aadhar-info-txt ul li{
font-size: 14px;
font-weight: 400;
margin-bottom: 18px;
font-family: 'Meera Inimai', sans-serif;
list-style: none;
line-height: 24px;
color: #0026de;
}
/**aadhar-form-closed**/
/**placeholder**/
::-webkit-input-placeholder { /* Edge */
  color: #cbcbcb;
}

:-ms-input-placeholder { /* Internet Explorer */
  color: #cbcbcb;
}

::placeholder {
  color: #cbcbcb;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #cbcbcb;;
opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #cbcbcb;;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
color: #cbcbcb;;
}
/**placeholder-closed**/


/**confirmation-popup**/
.confirmation-popup-div{

}
.confirmation-popup-div .modal-header {
padding: 10px 15px;
border-bottom: 0px solid #dee2e6;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background-color: #022959;
color: #fff;
}
.confirmation-popup-div .modal-title {
font-size: 16px;
font-weight: 400;
}
.confirmation-popup-div .close {
opacity: 1;
font-size: 20px;
font-weight: 400;
line-height: 1;
color: #fff;
text-shadow: 0 0px 0 #fff;
}
.confirmation-popup-div .modal-footer{
padding:10px 20px;
}
.btn-primary-confirm{
color: #fff;
background-color: #0067f0;
border-color: #0067f0;
box-shadow: none;
border-radius: 3px;
padding:12px 45px;
font-size: 15px;
font-weight: 500;
}
.btn-primary-confirm:hover, .btn-primary-confirm:focus{
color: #fff;
background-color: #1d7eff;
border-color: #0067f0;
box-shadow:none;
}
/**confirmation-popup-closed**/

/**forms**/
.btn-download-form{
background-color:#d7defe;
color:#485695;
font-size:15px;
font-weight:400;
border-radius:2px;
border:0px;
box-shadow:none;
padding: 0px 30px;
width: 180px;
height: 44px;
position: relative;
text-align: left;
}
.btn-download-form:hover, .btn-download-form:focus{
background-color:#28f676;
border:0px;
box-shadow:none;
color:#161313;
}
.btn-download-form:hover .arw-wh-bg, .btn-download-form:focus .arw-wh-bg{
background-color:#03ce50;
}
.arw-white-ic{
background: url('../../images/white-arw.png') no-repeat 0 -1px;
width: 18px;
height: 20px;
display:inline-block;
vertical-align:middle;
}
.arw-wh-bg{
width: 44px;
height: 44px;
position: absolute;
background-color: #a1afea;
top: 0px;
right: 0px;
padding: 9px 10px;
}
.filter-forms{
padding:20px 20px;
}
.max-filter-form{
max-width: 780px;
}
.max-filter-form .form-control{
display: block;
width: 100%;
height: 36px;
padding: .375rem .75rem;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fafcff;
background-clip: padding-box;
border: 1px solid #99b4df;
border-radius: 2px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.css-arw-blue{
background-image: url(../../images/arw-blue-fm.png);
background-repeat: no-repeat;
background-position: right 10px center;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.btn-search-frm{
color: #042960;
font-size: 14px;
font-weight: 400;
background-color: #e8f1ff;
border: 1px solid #bcd5fc;
padding: 6px 45px;
box-shadow: none;
border-radius: 2px;
}
.btn-search-frm:hover, .btn-search-frm:focus{
background-color: #bcd5fc;
border: 1px solid #bcd5fc;
box-shadow: none;
color: #042960;
}
/**form-closed**/

/**uthavi-mayyam**/
.uthavimayyam-icon{
position: absolute;
bottom: 0px;
z-index: 999;
}
.uthavi-top-div{

}
.max-top-um{
max-width:810px;
}
.tp-lft-um{
padding-top:25px;
}
.tp-lft-um h3{
font-family: 'Meera Inimai', sans-serif;
color: #1a3660;
font-size: 20px;
font-weight: 700;
line-height: 33px;
border-bottom: 1px solid #8dd4fc;
padding-bottom: 15px;
}
.tp-lft-um p{
font-family: 'Meera Inimai', sans-serif;
color: #1a3660;
margin-bottom: 0px;
line-height: 30px;
font-size: 16px;
}
.max-um-list{
max-width:810px;
}
.uthavimayyam-qus-list{
padding-top:20px;
}
.uthavimayyam-qus-list ul{
padding: 0px;
list-style: none;
}
.uthavimayyam-qus-list ul li{
padding:0px 0px;
margin-bottom: 20px;
}
.uthavimayyam-qus-list ul li a{
color: #1a3660;
font-family: 'Meera Inimai', sans-serif;
font-size: 0.925rem;
font-weight: 400;
border: 1px solid #99b4df;
display: block;
padding: 12px 35px;
border-radius: 2px;
position:relative;
}
.uthavimayyam-qus-list ul li a:hover, .uthavimayyam-qus-list ul li a:focus{
background-color:#d2ffe3;
border: 1px solid #03ce50;
}
.uthavimayyam-qus-list ul li a.active{
position:relative;
background-color:#d2ffe3;
border: 1px solid #03ce50;
}
.uthavimayyam-qus-list ul li a:before{
content: '';
background-image: url(../../images/um-arw.png);
width: 17px;
height: 21px;
display: inline-block;
position: absolute;
left: 10px;
top: 14px;
}
.uthavimayyam-qus-list ul li a.active:after{
content:'';
background-image: url(../../images/success-icon.png);
width: 27px;
height: 31px;
display: inline-block;
position: absolute;
right: 10px;
top: 10px;
}
.btn-um-submit{
background-color: #0072ff;
color: #fff;
font-size: 15px;
font-weight: 400;
padding: 9px 45px;
text-align: left;
border-radius: 2px;
width: 185px;
height:44px;
position:relative;
box-shadow:none;
margin-top:15px;
}
.btn-um-submit:hover, .btn-um-submit:focus{
background-color: #0069d1;
color: #fff;
}
.btn-um-submit:hover .um-arw-btn, .btn-um-submit:focus .um-arw-btn{
background-color: #065db4;
}
.um-arw-btn{
width: 45px;
height: 44px;
position: absolute;
background-color: #0069d1;
top: -1px;
right: -1px;
padding: 12px 10px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.arw-um{
background: url('../../images/white-arw.png') no-repeat 0 -1px;
width: 18px;
height: 20px;
display:inline-block;
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}

.btn-um-back{
background-color: #c8c8c8;
color: #fff;
font-size: 15px;
font-weight: 400;
padding: 9px 45px;
text-align: center;
border-radius: 2px;
width: 185px;
height:44px;
position:relative;
box-shadow:none;
margin-top:15px;
}
.btn-um-back:hover, .btn-um-back:focus{
background-color: #bababa;
color: #fff;
}
.btn-um-back:hover .um-arw-btn, .btn-um-back:focus .um-arw-btn{
background-color: #a9a9a9;
}
.btn-um-back .um-arw-btn{
width: 45px;
height: 44px;
position: absolute;
background-color:#bababa;
top: -1px;
left: 0px;
padding: 12px 10px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.btn-um-back .arw-um{
background: url('../../images/white-arw.png') no-repeat 0 -1px;
width: 18px;
height: 20px;
display:inline-block;
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.um-type-div{
padding:10px 0px;
}
.um-type-div p{
font-family: 'Meera Inimai', sans-serif;
color: #1a3660;
margin-bottom: 0px;
line-height: 30px;
font-size: 15px;
}
.um-type-div .form-control{
border:1px solid #99b4df;
background-color:#fafcff;
}
.tp-lft-um h5{
font-family: 'Meera Inimai', sans-serif;
color: #1a3660;
font-size: 18px;
font-weight: 700;
line-height: 33px;
}
.tp-lft-um h6{
font-family: 'Meera Inimai', sans-serif;
color: #1a3660;
font-size: 16px;
font-weight: 400;
line-height: 33px;
}
.tp-lft-um a{
color:#0366fb;
font-size: 15px;
font-family: 'Meera Inimai', sans-serif;
text-decoration:underline;
}
.tp-lft-um a:hover{
color: #5811f7;
}
.ticket-table td{
font-family: 'Meera Inimai', sans-serif;
font-size:13px !important;
}
.ticket-table th{
font-family: 'Meera Inimai', sans-serif;
font-size:14px !important;
font-weight:700 !important;
}
/**uthavi-mayyam-closed**/
/**babay-names-form**/
.searched-baby-names{

}
.searched-baby-names h3{
font-size: 20px;
text-align: center;
font-weight: 700;
line-height: 32px;
color: #1b146c;
}
.genertate-nme-check{
color: #33c115;
font-size: 40px;
}
.awr-icon{
background: url('../images/white-arw.png') no-repeat 0 -1px;
width: 18px;
height: 20px;
display:inline-block;
vertical-align:middle;
margin-right: 10px;
}
.btn-download-baby{
background-color:#31c010;
color:#fff;
font-size:16px;
font-weight:500;
padding:12px 40px;
border-radius:0px;
border:0px;
box-shadow:none;
}
.btn-download-baby:hover, .btn-download-baby:focus{
background-color: #2dab10;
color: #fff;
border:0px;
box-shadow:0px 0px 6px 0px #849e78;
}
/**baby-names-forms-closed**/
/**shiping-price**/
.recharge-shiping{
background-color: #1852ff;
color: #fff;
padding: 6px 10px;
margin-bottom: 0px;
border-radius: 4px;
font-size: 13px;
font-weight: 500;
}
.recharge-shiping:hover, .recharge-shiping:focus{
color:#fff;
background-color: #181cff;
}
.cancel-pending-label{
background-color:#f00;
color: #fff;
padding: 3px 8px;
margin-bottom: 0px;
border-radius: 4px;
font-size: 13px;
font-weight: 500;
}
.cancel-order-rw td{
background-color:#f9dada;
color:#f00 !important;
}
/**shiping-price-closed**/



/**cards-list-div**/
.cards-list-div{
background-color: #fff;
padding: 25px 25px;
border-radius: 2px;
border: 1px solid #eee;
margin-top: 20px;
}
.max-title-cl{
max-width: 840px;
}
.max-title-cl h1{
font-family: 'Roboto', sans-serif;
font-size: 20px;
padding-bottom: 10px;
color:#2d2c2c;
border-bottom: 1px solid #dedede;
margin-bottom: 5px;
}
.all-card-list{
padding:0px;
padding-top:20px;
}
.all-card-list ul{
padding:0px;
list-style:none;
}
.all-card-list ul li{
display:inline-block;
width:260px;
height:220px;
padding: 3px 6px;
margin-bottom: 15px;
position:relative;
background-color: #fdfdfb;
border:1px solid #f4f4f4;
border-radius:4px;
margin: 10px 8px;
vertical-align:middle;
}
.all-card-list ul li:hover{
background-color:#f8fbff;
border:1px solid #d4e7ff;
}
.all-card-list ul li a{

}
.card-section-one{
/*background-color: #0595db;*/
text-align: left;
padding: 15px 14px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.card-section-one h3{
color: #011947;
font-size: 17px;
margin-bottom: 15px;
font-weight:400;
}
.card-section-one p{
color:#656464;
font-size:14px;
font-weight:400;
line-height:22px;
margin-bottom:0px;
}
.card-section-one p small{
font-size:12px;
}
.card-section-one img{
width: 95px;
height: 75px;
object-fit: contain;
}
.view-cards-blk{
padding: 15px 15px;
display: block;
color:#262626;
font-size: 15px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
}
.sarw-icon{
/*background: url('../../images/s-arw.png') no-repeat -3px -3px;
width: 15px;
height: 14px;*/
display:inline-block;
padding-left:5px;
transition: transform 0.3s ease-out;
}
.view-cards-blk:hover .sarw-icon{
transform: translateX(4px);
}
.view-cards-blk:hover{
color:#0066fe;
text-decoration:underline;
}
.btn-create-blk{
color:#262626;
font-size: 15px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
width: 100%;
border-radius: 0px;
padding: 10px 15px;
text-align: left;
border: 0px;
box-shadow: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.btn-create-blk:hover, .btn-create-blk:focus{
color:#0066fe;
text-decoration:underline;
}
.plus-grn-icon{
/*background: url('../../images/wg-plus.png') no-repeat -5px -4px;
width: 15px;
height: 16px;*/
display:inline-block;
padding-left:5px;
transition: transform 0.3s ease-out;
}
.btn-create-blk:hover .plus-grn-icon{
transform: translateX(4px);
}
.max-card-list{
max-width:840px;
}
.smart-icon{
background: url('../../images/cards-sprite.png') no-repeat -11px -9px;
width: 35px;
height: 22px;
display:inline-block;
vertical-align:middle;
margin-right: 3px;
}
.voteid-icon{
background: url('../../images/cards-sprite.png') no-repeat -57px -10px;
width: 34px;
height: 20px;
display:inline-block;
vertical-align:middle;
margin-right: 3px;
}
.pancrd-icon{
background: url('../../images/cards-sprite.png') no-repeat -104px -9px;
width: 32px;
height: 21px;
display:inline-block;
vertical-align:middle;
margin-right: 3px;
}
.vrc-icon{
background: url('../../images/cards-sprite.png') no-repeat -150px -4px;
width: 36px;
height: 26px;
display:inline-block;
vertical-align:middle;
margin-right: 3px;
}
.crncrd-icon{
background: url('../../images/cards-sprite.png') no-repeat -200px -8px;
width: 42px;
height: 23px;
display:inline-block;
vertical-align:middle;
margin-right: 3px;
}
.esrmcrd-icon{
background: url('../../images/cards-sprite.png') no-repeat -48px -60px;
width: 31px;
height: 21px;
display:inline-block;
vertical-align:middle;
margin-right: 3px;
}
.aadhrcrd-icon{
background: url('../../images/cards-sprite.png') no-repeat -258px -11px;
width: 29px;
height: 21px;
display:inline-block;
vertical-align:middle;
margin-right: 3px;
}
.manual-cards-div{

}
.max-manual-div{
max-width:840px;
}
.manual-cards-div p{
color:#2d2c2c;
font-size:19px;
font-weight:400;
border-bottom: 1px solid #ededec;
padding-bottom: 10px;
}
.btn-reqcard{
background-color: #fff;
border: 1px solid #bdbdbd;
color: #767676;
font-size: 18px;
font-weight: 400;
border-radius: 6px;
padding: 12px 40px;
margin-top: 5px;
margin-bottom:20px;
box-shadow: none;
}
.btn-reqcard:hover{
background-color: #fff;
color: #000;
border: 1px solid #000;
box-shadow: 0px 0px 7px 0px #ccc;
}
.rnc-pls{
background: url('../../images/cards-sprite.png') no-repeat -15px -59px;
width: 23px;
height: 22px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
.manual-popup-generate{

}
.manual-popup-generate .modal-content{
border-radius:0px;
}
.manual-popup-generate .modal-body{
padding: 2rem;
}
.manual-popup-generate .close {
float: right;
font-size: 33px;
font-weight: 400;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 1;
position: absolute;
right: 25px;
top: 10px;
}
.title-mpg-div{

}
.title-mpg-div h6{
color:#121212;
font-size:19px;
font-weight:400;
text-align:center;
text-decoration:underline;
}
.mpg-upload{
padding-top:20px;
margin-bottom:30px;
}
.mpg-upload .upload-btn-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
cursor:pointer;
}

.mpg-upload .btn {
border: 0px;
color: #fff;
background-color: #0294f1;
padding: 12px 40px;
border-radius: 4px;
font-size: 20px;
font-weight: 700;
box-shadow: 0px 0px 0px 0px #ccc;
width: 440px;
}
.mpg-upload .btn:hover, .mpg-upload .btn:focus{
box-shadow: 0px 3px 3px 0px #ccc;
}
.mpg-upload .upload-btn-wrapper input[type=file] {
font-size: 26px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
height: 54px;
cursor:pointer;
}
.mpg-file{

}
.mpg-file h3{
color: #0d0d0d;
font-size: 20px;
font-weight: 700;
margin-bottom: 12px;
}
.mpg-file .form-control{
border:1px solid #e7e7e7;
background-color:#fdfdfb;
border-radius:6px;
}
.mpg-file .form-control:focus{
border:1px solid #cfcfcf;
background-color:#fff;
box-shadow:none;
}
/**cards-list-div-closed**/
/**new-empty-div**/
.new-empty-div{
max-width:700px;
margin:0 auto;
}
.new-empty-div p{
color: #ff8100;
font-size: 0.95rem;
font-weight: 700;
line-height: 40px;
margin-bottom: 10px;
font-family: 'Meera Inimai', sans-serif;
text-align: center;
padding-top: 15px;
}
/**new-empty-div**/
/**menu-icons**/
.dashboard-m-icon{
background: url('../../images/cards-sprite.png') no-repeat -15px -101px;
width: 20px;
height: 18px;
display:inline-block;
vertical-align:middle;
}
.cards-m-icon{
background: url('../../images/cards-sprite.png') no-repeat -47px -104px;
width: 20px;
height: 14px;
display:inline-block;
vertical-align:middle;
}
.horoscope-m-icon{
background: url('../../images/cards-sprite.png') no-repeat -78px -103px;
width: 20px;
height: 18px;
display:inline-block;
vertical-align:middle;
}
.wedding-m-icon{
background: url('../../images/cards-sprite.png') no-repeat -110px -102px;
width: 20px;
height: 18px;
display:inline-block;
vertical-align:middle;
}
.resume-m-icon{
background: url('../../images/cards-sprite.png') no-repeat -110px -102px;
width: 20px;
height: 18px;
display:inline-block;
vertical-align:middle;
}
.watchman-m-icon{
background: url('../../images/cards-sprite.png') no-repeat -262px -104px;
width: 20px;
height: 16px;
display:inline-block;
vertical-align:middle;
}
.transaction-m-icon{
background: url('../../images/cards-sprite.png') no-repeat -230px -105px;
width: 20px;
height: 16px;
display:inline-block;
vertical-align:middle;
}
.recharge-m-icon{
background: url('../../images/cards-sprite.png') no-repeat -170px -103px;
width: 20px;
height: 18px;
display:inline-block;
vertical-align:middle;
}
.retailers-m-icon{
background: url('../../images/cards-sprite.png') no-repeat -230px -105px;
width: 22px;
height: 16px;
display:inline-block;
vertical-align:middle;
}
.pvcorder-m-icon{
background: url('../../images/cards-sprite.png') no-repeat -138px -105px;
width: 20px;
height: 20px;
display:inline-block;
vertical-align:middle;
}
.addretailer-m-icon{
background: url('../../images/cards-sprite.png') no-repeat -74px -138px;
width: 19px;
height: 19px;
display:inline-block;
vertical-align:middle;
}
.distributor-m-icon{
background: url('../../images/cards-sprite.png') no-repeat -48px -138px;
width: 20px;
height: 18px;
display:inline-block;
vertical-align:middle;
}
.history-m-icon{
background: url('../../images/cards-sprite.png') no-repeat -15px -137px;
width: 21px;
height: 21px;
display:inline-block;
vertical-align:middle;
}
/**menu-icons-closed**/
/**dashboard-update**/
.mp-tm{
background: url('../../images/mp-dp.png') no-repeat -1px -2px;
width: 30px;
height: 41px;
display:inline-block;
vertical-align:middle;
margin-right:6px;
}
.dashbaoard-recent-title p{
font-size:18px;
color:#5f5f5f;
}
.latest-dashboard-div{
max-width: 1020px;
}
.latest-dashboard-div ul{
padding:0px;
list-style:none;
}
.latest-dashboard-div ul li{
padding: 10px 0px;
}
.latest-dashboard-div ul li a{
display: inline-block;
padding: 5px 20px 5px 5px;
color: #1c1c1c;
font-weight: 400;
background-color: #fff;
width: 100%;
}
.latest-dashboard-div ul li a:hover{
box-shadow: 0px 0px 4px 0px #dbdbdb;
}
.ldd-left{
float:left;
}
.ldd-left img{
width:290px;
height:130px;
object-fit:cover;
}
.ldd-right{
padding-left: 320px;
padding-top: 20px;
}
.ldd-right h6{
color: #1c1c1c;
font-size: 18px;
font-weight: 400;
margin-bottom: 12px;
}
.ldd-right p{
color:#353535;
font-size:16px;
font-weight:400;
margin-bottom: 5px;
}
.btn-read-mr-ds{
background-color: transparent;
padding: 0px;
text-align: right;
color: #094ff3;
font-size: 15px;
font-weight: 400;
text-decoration: underline;
box-shadow:none;
border-radius:0px;
border:0px;
}
.btn-read-mr-ds:hover, .btn-read-mr-ds:focus{
color: #4709f3;
}
/**dashboard-update-closd**/
/**custom-pvc-upload**/
.custom-pvc-upload{
padding:0px;
}
.custom-pvc-upload .card-header {
padding: 30px 30px;
margin-bottom: 0;
background-color: #fff;
border-bottom: 1px solid #e5e5e5;
}
.custom-pvc-upload .card-body{
padding: 30px 15px;
}
.max-custom-upload{
max-width:1100px;
}
.custom-upload-button{

}
.custom-upload-button .upload-btn-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
width: 100%;
box-shadow: 0px 4px 5px 0px #b5d8ff;
border-radius: 4px;
}
.custom-upload-button .btn {
border: 1px solid #80a6fd;
color: #002e96;
background-color: #f0f7ff;
padding: 12px 20px;
border-radius: 4px;
font-size: 22px;
font-weight: 400;
width: 100%;
}
.custom-upload-button .upload-btn-wrapper input[type=file] {
font-size: 22px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
cursor:pointer;
}
.custom-upload-list{
margin-bottom:20px;
}
.custom-upload-list ul{
padding:0px;
list-style:none;
}
.custom-upload-list ul li{
display:inline-block;
background-color:#eef2f7;
width:100%;
height: 74px;
border-radius:4px;
}
.custom-upload-list ul li a{

}
.cul-left{
float:left;
}
.cul-count{
background-color: #d9e0e9;
color:#01226b;
font-size: 32px;
font-weight: 400;
width: 54px;
height: 74px;
display: inline-block;
text-align: center;
padding: 15px 5px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.cul-center{
float: left;
padding-left: 25px;
color: #01226b;
font-size: 20px;
font-weight: 400;
width: 82%;
padding-top: 15px;
padding-bottom: 14px;
padding-right: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.cul-pdf-icon{
background: url('../../images/apdf.png') no-repeat -1px -3px;
width: 42px;
height: 44px;
display:inline-block;
vertical-align:middle;
margin-right:3px;
}
.cul-last{
float: right;
padding: 15px 15px;
}
.close-cul{
color: #ff4949;
font-size: 30px;
}
.custom-pvc-ttl{

}
.custom-pvc-ttl .table td {
padding: .75rem;
vertical-align: top;
border-top: 0px solid #dee2e6;
color: #01226b;
font-size: 16px;
border-bottom: 1px solid #cddbf1;
}
.custom-pvc-ttl h4{
color:#01226b;
font-size:20px;
font-weight:500;
padding-top:15px;
text-align:center;
}
.cspv-tbl{
max-width:450px;
margin:0 auto;
}
.btn-co{
background-color: #0363f5;
font-size: 20px;
font-weight: 400;
color: #fff;
padding: 17px 70px;
margin-top: 20px;
margin-bottom: 20px;
border: 0px;
box-shadow: none;
}
.btn-co:hover, .btn-co:focus{
box-shadow:0px 0px 10px 0px #8db9ff;
background-color: #0458d7;
color: #fff;
border: 0px;
}
.csm-imp{
background-color:#fffff5;
padding:15px 25px;
}
.csm-imp p{
font-size: 20px;
font-weight: 500;
color: #01265e;
}
.csm-imp ul{
padding: 0px 20px;
}
.csm-imp ul li{
color: #313131;
font-size: 14px;
font-weight: 400;
line-height: 26px;
margin-bottom: 10px;
font-family: 'Meera Inimai', sans-serif;
}
.empty-upload-file{
padding:20px 0px 40px 0px;
}
.empty-upload-file p{
text-align: center;
color:#3d3d3d;
font-size: 16px;
padding-top: 15px;
}
/**custom-pvc-upload**/
/**new-pricing**/
.new-pricing-accordian{

}
.new-pricing-accordian #main{
margin-top:20px;
}
.new-pricing-accordian #main #faq .card {
margin-bottom: 30px;
border: 0;
box-shadow: 0 0 15px 0 #e7edf9;
}

.new-pricing-accordian #main #faq .card .card-header {
border: 0;
-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
border-radius: 2px;
padding: 0;
}

.new-pricing-accordian #main #faq .card .card-header .btn-header-link {
display: block;
text-align: left;
background: #fff;
color: #222;
padding: 18px;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
}

.new-pricing-accordian #main #faq .card .card-header .btn-header-link:after {
content: "\f107";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
float: right;
}

.new-pricing-accordian #main #faq .card .card-header .btn-header-link.collapsed {
background: #FFF;
color: #010101;
}

.new-pricing-accordian #main #faq .card .card-header .btn-header-link.collapsed:after {
content: "\f106";
}

.new-pricing-accordian #main #faq .card .collapsing {
background: #fff;
line-height: 30px;
}

.new-pricing-accordian #main #faq .card .collapse {
border: 0;
}

.new-pricing-accordian #main #faq .card .collapse.show {
background: #fff;
line-height: 30px;
color: #222;
border-top: 1px solid #dfdfdf;
}
.max-np-div{
max-width:1000px;
margin:0 auto;
}
.topup-plan-features{

}
.bt-icon{
color: #545454;
margin-right: 5px;
font-size: 18px;
vertical-align: middle;
}
.topup-plan-features ul{
padding:0px;
list-style:none;
}
.topup-plan-features ul li{
color:#464748;
font-size:16px;
font-weight:400;
line-height:30px;
}
.topup-plan-features ul li label{
background-color: #0cacff;
color: #fff;
border-radius: 8px;
padding: 1px 15px;
font-size: 15px;
}
.topup-plan-features ul li a{
color:#005ef9;
font-size:16px;
text-decoration:underline;
}
.topup-plan-list{
border-radius: 10px;
margin-bottom:15px;
}
.topup-plan-list:hover{
box-shadow: 0px 0px 6px 0px #e9e9ee;
}
.plan-one-nw{
background-color: #dae6ec;
padding: 15px 20px;
}
.plan-two-nw{
background-color: #fcf3d7;
padding: 15px 20px;
}
.plan-three-nw{
background-color: #e9faf0;
padding: 15px 20px;
}
.topup-plan-list p{
color: #0b0b0b;
font-size: 18px;
font-weight: 400;
margin-bottom: 0px;
padding-top:6px;
text-align:center;
}
.topup-plan-list h2{
color:#101010;
font-size:30px;
font-weight:700;
margin-bottom:0px;
padding-top:4px;
text-align:center;
}
.btn-recharge-nw{
background-color: #041bfb;
color: #fff;
font-size: 15px;
font-weight: 400;
padding: 10px 40px;
border: 0px;
box-shadow: none;
border-radius: 4px;
}
.btn-recharge-nw:hover, .btn-recharge-nw:focus{
background-color:#041bfb;
color:#fff;
border:0px;
box-shadow:0px 0px 10px 0px #acb4ff;
border-radius:0px;
}
.addon-purchase-title{

}
.addon-purchase-title h3{
color: #222;
font-size: 29px;
font-weight: 800;
text-transform: uppercase;
text-align:center;
padding-top:20px;
padding-bottom:15px;
}
.gld-str-icon{
background: url('../images/gld-star.png') no-repeat -1px -1px;
width: 30px;
height: 28px;
display:inline-block;
vertical-align:middle;
margin-left:5px;
}
.crm-price-div{

}
.crm-price-div ul{
padding: 0px;
list-style: none;
}
.crm-price-div ul li{
color: #202c3f;
font-size: 16px;
font-weight: 400;
line-height: 30px;
}
.crm-fut-icon{
color: #fbb41a;
margin-right: 7px;
font-size: 18px;
vertical-align: middle
}
.crm-price-div ul li a {
color: #005ef9;
font-size: 16px;
text-decoration: underline;
}
.price-whatcrm{
padding:15px;
background-color:#fffcf5;
}
.price-whatcrm h4{
color: #0b0b0b;
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
}
.price-whatcrm p{
font-family: 'Meera Inimai', sans-serif;
color: #0b0b0b;
font-size: 14px;
margin-bottom: 10px;
line-height: 24px;
}
.price-whatcrm a{
color: #005ef9;
font-size: 14px;
text-decoration: underline;
}
.amount-crm-price{
padding-top:15px;
}
.amount-crm-price h3{
color: #f7020c;
font-size: 38px;
text-align:center;
font-weight:700;
line-height:30px;
}
.amount-crm-price h3 small{
font-size: 24px;
}
.btn-this{
background: #FBB51B;
background: -webkit-linear-gradient(bottom right, #FBB51B, #FBB51B);
background: -moz-linear-gradient(bottom right, #FBB51B, #FBB51B);
background: linear-gradient(to top left, #FBB51B, #FBB51B);
color: #0f0f0f;
font-size: 16px;
font-weight: 400;
box-shadow: none;
border: 0px;
padding: 12px 45px;
border-radius: 6px;
}
.btn-this:hover, .btn-this:focus{
background: #FBB51B;
background: -webkit-linear-gradient(bottom left, #FBB51B, #FFAF01);
background: -moz-linear-gradient(bottom left, #FBB51B, #FFAF01);
background: linear-gradient(to top left, #FBAE1B, #FBB51B);
border:0px;
box-shadow: 0px 0px 10px 0px #ccc;
}
/**new-pricing-closed**/
/**card-steps**/
.choose-orient-div{
margin-bottom:20px;
}
.card-orientation-div{
padding:0px;
padding-top: 15px;
padding-bottom: 35px;
}
.max-create-card{
max-width:840px;
}
.btn-create-newcard{
background-color: #daf7ff;
color: #2754a3;
padding: 10px 25px;
box-shadow:none;
border:0px;
font-weight:400;
font-size:19px;
}
.btn-create-newcard:hover, .btn-create-newcard:focus{
background-color: #dae0ff;
color: #2754a3;
border::0px;
box-shadow:none;
}
.card-orientation-div h6{
font-size: 15px;
font-weight: 400;
margin-bottom: 15px;
color:#262626;
}
.upload-template-div{
padding:0px;
padding-top:40px;
padding-bottom:30px;
}
.max-utd{
max-width:640px;
}
.upload-template-div .upload-btn-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
width:100%;
cursor:pointer;
}

.upload-template-div .btn {
border: 2px dashed #b8d4ff;
color: #0974f9;
background-color: #f7faff;
padding: 12px 30px;
border-radius: 4px;
font-size: 18px;
font-weight: 400;
width: 100%;
cursor:pointer;
}

.upload-template-div .upload-btn-wrapper input[type=file] {
font-size: 20px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 66px;
cursor:pointer;
}
.dtd-arw{
background: url('../images/dtd-arw.png') no-repeat -3px -3px;
width: 29px;
height: 40px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
.instrction-upld-div{
padding-top:30px;
}
.instrction-upld-div p{
color:#262626;
font-size:16px;
font-weight:400;
line-height:30px;
margin-bottom:8px;
}
.nm-crd{
padding:15px 0px;
margin-bottom:30px;
}
.nm-crd label{
color:#262626;
font-size:18px;
font-weight:400;
}
.nm-crd .form-control{
border:1px solid #cecece;
border-radius:4px;
height:42px;
}
/**card-steps-closed**/