/**
 *
 * Apply your custom CSS here
 *
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
body {
    font-family: 'Roboto', sans-serif !important;
    /*font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
}

a {
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/roboto/Roboto-Regular.woff') format('woff'),
    url('fonts/roboto/Roboto-Regular.ttf') format('truetype'),
    url('fonts/roboto/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular_0';
    src: url('fonts/roboto/Roboto-Regular_0.eot');
    src: url('fonts/roboto/Roboto-Regular_0.woff2') format('woff2'),
    url('fonts/roboto/Roboto-Regular_0.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

/******* nk **************/
.remove-padding{
    padding: 0px 0px 0px 0px !important;
}
.font-arimo{
    font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.pd-heading{
    padding: 10px 15px 10px 15px;
    font-size: 14px;
    color: #333333;
    border-bottom: 1px solid #dbdbdb;
}
.question-m{
    margin-bottom: 20px;
}
.question-title{
    font-size: 13px;
    color: #2c2e2f;
    text-align: left;
    padding-bottom: 5px;
}
.question{
    padding: 20px;
    border: 1px solid #dbdbdb;
}
.sub-q{
    padding-left: 5px;
    font-weight: bold;
}
.qt-btns{
    margin-left: 3px;
    cursor: pointer;
    padding: 2px 5px;
    border: 1px solid #dedede;
    border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
}
.qt-btns i{
    color:#767676;
}
.qt-btns:hover{
    border: 1px solid #000000;
}
.qt-btns:hover i{
    color:#000000;
}
.steps-m{
    float: right;
    padding-bottom: 5px;
}
.step{
    cursor: pointer;
    float: left;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 9px;
    color: #6b6c6c;
    border: 1px solid #dedede;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.step:hover{
    color: #ffffff;
    background: #1c4792;
    border: 1px solid #1c4792;
}
.step.active{
    color: #ffffff;
    background: #1c4792;
    border: 1px solid #1c4792;
}
.step-ar{
    float: left;
    width: 30px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 20px;
    color: #6b6c6c;
}
.pd-options{
    padding-top: 20px;
    display: none;
}
.pd-padding-bottom-15{
    padding-bottom: 15px;
}
.pd-padding-top-7{
    padding-top: 7px;
}
.pd-heading-title{
    padding-top: 5px;
    float: left;
    text-transform: uppercase;
}
.pd-heading .accordion{}

.panel .pd-heading div[data-toggle="collapse"].collapsed:before, .panel .pd-heading .accordion-toggle.collapsed:before {
    content: '+';
}
.panel .pd-heading div[data-toggle="collapse"]:before, .panel .pd-heading .accordion-toggle:before {
    float: right;
    display: block;
    content: '–';
    font-size: 18px;
    width: 25px;
    text-align: right;
    padding-top: 2px;
}
/******* nk **************/

.user-bg{
    /*background-color:#6ccac9!important;*/
    /*border:2px solid #6ccac9!important;*/
    background-color:#ffffff!important;
    border:2px solid #ffffff!important;
}
.login-bg{
    /*background-color:#68b828!important;*/
    /*border:2px solid #68b828!important;*/
    background-color:#ffffff!important;
    border:2px solid #ffffff!important;
}
.not-login-bg{
    /*background-color:#ff6c60!important;*/
    /*border:2px solid #ff6c60!important;*/
    background-color:#ffffff!important;
    border:2px solid #ffffff!important;
}

.user-bg .xe-icon i{
    color:#ffffff!important;
    background-color:#6ccac9!important;
}
.login-bg .xe-icon i{
    color:#ffffff!important;
    background-color:#68b828!important;
}
.not-login-bg .xe-icon i{
    color:#ffffff!important;
    background-color:#ff6c60!important;
}

/*hover effect*/
.user-bg:hover{
    /*background:rgba(237, 50, 55, 0.6)!important;*/
    background:rgba(255, 255, 255, 1)!important;
    border:2px solid #6ccac9!important;
}
.login-bg:hover{
    /*background:rgba(237, 50, 55, 0.6)!important;*/
    background:rgba(255, 255, 255, 1)!important;
    border:2px solid #68b828!important;
}
.not-login-bg:hover{
    /*background:rgba(237, 50, 55, 0.6)!important;*/
    background:rgba(255, 255, 255, 1)!important;
    border:2px solid #ff6c60!important;
}
.user-bg:hover .xe-icon i{
    background-color:#6ccac9!important;
    color:#fff!important;
}
.login-bg:hover .xe-icon i{
    background-color:#68b828!important;
    color:#fff!important;
}
.not-login-bg:hover .xe-icon i{
    background-color:#ff6c60!important;
    color:#fff!important;
}
.user-bg:hover .xe-label .num{
    color:#6ccac9!important;
}
.login-bg:hover .xe-label .num{
    color:#68b828!important;
}
.not-login-bg:hover .xe-label .num{
    color:#ff6c60!important;
}
.user-bg:hover .xe-label span{
    color:#6ccac9!important;
}
.login-bg:hover .xe-label span{
    color:#68b828!important;
}
.not-login-bg:hover .xe-label span{
    color:#ff6c60!important;
}

/*Active effect*/
.highlight .user-bg {
    /*background:rgba(237, 50, 55, 0.6)!important;*/
    background:rgba(255, 255, 255, 1)!important;
    border:2px solid #6ccac9!important;
}
.highlight .login-bg {
    /*background:rgba(237, 50, 55, 0.6)!important;*/
    background:rgba(255, 255, 255, 1)!important;
    border:2px solid #68b828!important;
}
.highlight .not-login-bg {
    /*background:rgba(237, 50, 55, 0.6)!important;*/
    background:rgba(255, 255, 255, 1)!important;
    border:2px solid #ff6c60!important;
}
.highlight .user-bg .xe-icon i{
    background-color:#6ccac9!important;
    color:#fff!important;
}
.highlight .login-bg .xe-icon i{
    background-color:#68b828!important;
    color:#fff!important;
}
.highlight .not-login-bg .xe-icon i{
    background-color:#ff6c60!important;
    color:#fff!important;
}
.highlight .user-bg .xe-label .num {
    color:#6ccac9!important;
}
.highlight .login-bg .xe-label .num{
    color:#68b828!important;
}
.highlight .not-login-bg .xe-label .num{
    color:#ff6c60!important;
}
.highlight .user-bg .xe-label span{
    color:#6ccac9!important;
}
.highlight .login-bg .xe-label span{
    color:#68b828!important;
}
.highlight .not-login-bg .xe-label span{
    color:#ff6c60!important;
}



.login-page .login-form.fade-in-effect.in .form-group ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000000;
    opacity: 1; /* Firefox */
}

.login-page .login-form.fade-in-effect.in .form-group :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#000000;
}

.login-page .login-form.fade-in-effect.in .form-group ::-ms-input-placeholder { /* Microsoft Edge */
    color:#000000;
}

/*.dialog-box-wh{*/
    /*width:950px;*/
    /*height:auto;*/
/*}*/
.slip-img-popup-box{
    /*width:auto;*/
    /*height:400px; */
    width:100%;
    height:auto;
}

.export-btn-pos{
    position: absolute;
    right:0px;
}

.page-container .main-content .page-title .breadcrumb-env .watch-video-btn-color{
    /*background-color: #bc1520!important;*/
    background-color: #ffba00!important;
    /*border-color: #bc1520!important;*/
    border-color: #e6a700!important;
}
.page-container .main-content .page-title .breadcrumb-env .watch-video-btn-color:hover{
    background-color: #cc9500!important;
    border-color: #a87b00!important;
}

.page-container .main-content .page-title .breadcrumb-env .create-btn-color{
    /*background-color:#00237d!important;*/
    /*background-color:#0e62c7!important;*/
    /*border-color:#00237d!important;*/
    /*border-color:#0e62c7!important;*/
    /*color:#fff;*/
}

.page-container .main-content .page-title .breadcrumb-env .create-btn-color:hover{
    /*background-color:#0c56af!important;*/
    /*border-color:#0c56af!important;*/
    /*color:#fff;*/
}

.page-container .main-content .page-title .breadcrumb-env .go-back-btn-color{
    /*background-color:#2a3542;*/
    background-color:#5b6e84!important;
    /*border-color:#2a3542;*/
    border-color:#5b6e84!important;
    color:#fff;
}

.page-container .main-content .page-title .breadcrumb-env .go-back-btn-color:hover{
    background-color:#536478!important;
    border-color:#536478!important;
    color:#fff;
}
.padding-left-div div:first-child {
     padding-left: 0px !important;
}

.table-responsive[data-pattern="priority-columns"] > .table-bordered {
border: 1px solid #eee!important;
}

.form-horizontal .form-group {
     margin-left: 0px!important;
     margin-right: 0px!important;
}

.marg-tp-18{
    margin-top:18px!important;
}

.marg-tp-15{
    margin-top:15px!important;
}

.icon-margin{
     margin:10px 7px;
}

.icon-margin_br{
    margin: 0px 7px;
}

.error-report-table.table-responsive[data-pattern="priority-columns"] > .table > thead > tr > th,
.error-report-table.table-responsive[data-pattern="priority-columns"] > .table > tbody > tr > th,
.error-report-table.table-responsive[data-pattern="priority-columns"] > .table > tfoot > tr > th,
.error-report-table.table-responsive[data-pattern="priority-columns"] > .table > thead > tr > td,
.error-report-table.table-responsive[data-pattern="priority-columns"] > .table > tbody > tr > td,
.error-report-table.table-responsive[data-pattern="priority-columns"] > .table > tfoot > tr > td{
    white-space:normal!important;
}

.excel-btn-wrapper{
    position: relative;
    overflow: hidden;
}

.excel-btn{
    /*background-color: #ffffff;*/
    /*color: #333333;*/
    /*border: 1px solid #dddddd;*/
    background-color: #ffe6ab;
    color: #333333;
    border: 1px dotted #000000;
    border-radius:10px;
}

.excel-btn-wrapper input[type=file] {
    /*font-size: 100px;*/
    position: absolute;
    left: 5px;
    top:5px;
    opacity: 0;
}

.h-37{height:37px!important;}
.h-34{height:34px!important;}

/*input[type="file"] {*/
    /*z-index: -1;*/
    /*position: absolute;*/
    /*opacity: 0;*/
/*}*/

/*.dataTables_wrapper .table thead > tr .sorting:before,*/
/*.dataTables_wrapper .table thead > tr .sorting_asc:before,*/
/*.dataTables_wrapper .table thead > tr .sorting_desc:before {*/
    /*position: absolute;*/
    /*right:5px;*/
/*}*/

.dataTables_wrapper .table thead > tr .sorting,
.dataTables_wrapper .table thead > tr .sorting_asc,
.dataTables_wrapper .table thead > tr .sorting_desc {
    white-space: nowrap;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 10px 10px;
    white-space: nowrap;
}

.div-width{
    display:table;
    width:100%;
}

.bulkassign .dataTables_wrapper .table thead > tr > th.sorting:before,
.bulkassign .dataTables_wrapper .table thead > tr > th.sorting_asc:before,
.bulkassign .dataTables_wrapper .table thead > tr > th.sorting_desc:before,
.telecaller .dataTables_wrapper .table thead > tr > th.sorting:before,
.telecaller .dataTables_wrapper .table thead > tr > th.sorting_asc:before,
.telecaller .dataTables_wrapper .table thead > tr > th.sorting_desc:before{
    padding-left:100px;
}
.bulkassign .dataTables_wrapper .table thead > tr > th:nth-child(1).sorting:before,
.bulkassign .dataTables_wrapper .table thead > tr > th:nth-child(1).sorting_asc:before,
.bulkassign .dataTables_wrapper .table thead > tr > th:nth-child(1).sorting_desc:before,
.telecaller .dataTables_wrapper .table thead > tr > th:nth-child(1).sorting:before,
.telecaller .dataTables_wrapper .table thead > tr > th:nth-child(1).sorting_asc:before,
.telecaller .dataTables_wrapper .table thead > tr > th:nth-child(1).sorting_desc:before{
    padding-left:33px!important;
}

/*dashboard-design css*/
.row-style{
    border-bottom:1px solid #ddd;
    margin-left:0;
    margin-right:0;
}
.overall-cases-bg, .total-assigned-cases-bg, .total-dues-bg, .emi-dues-bg, .charges-payable-bg, .credited-bank-bg{
    background-color:#fff!important;
}
.overall-cases-bg .num, .total-assigned-cases-bg .num,
.total-dues-bg .num, .emi-dues-bg .num,
.charges-payable-bg .num, .credited-bank-bg .num,
.card1 .num, .card2 .num, .card3 .num, .card4 .num{
    font-family: Sans-Serif;
    font-size:20px!important;
}

.icon-box{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
}
.icon-box img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.overall-cases-icon-bg{ background-color:#68B828!important;}
.overall-cases-bg .num{
    color:#000!important;
}
.overall-cases-bg span{
    color:#000!important;
    text-transform:capitalize!important;
    margin-top: 10px!important;
}
/*.overall-cases-icon{*/
    /*background-image: url('../images/clipboard.svg');*/
/*}*/

.total-assigned-cases-icon-bg{ background-color:#0E62C7!important;}
.total-assigned-cases-bg .num{
    color:#000!important;
}
.total-assigned-cases-bg span{
    color:#000!important;
    text-transform:capitalize!important;
    margin-top: 10px!important;
}

.total-dues-icon-bg{ background-color:#40BBEA!important;}
.total-dues-bg .num{
    color:#000!important;
}
.total-dues-bg span{
    color:#000!important;
    text-transform:capitalize!important;
    margin-top: 10px!important;
}

.emi-dues-icon-bg{ background-color:#D5080F!important;}
.emi-dues-bg .num{
    color:#000!important;
}
.emi-dues-bg span{
    color:#000!important;
    text-transform:capitalize!important;
    margin-top: 10px!important;
}

.charges-payable-icon-bg{ background-color:#5525DE!important;}
.charges-payable-bg .num{
    color:#000!important;
}
.charges-payable-bg span{
    color:#000!important;
    text-transform:capitalize!important;
    margin-top: 10px!important;
}

.credited-bank-icon-bg{ background-color:#1FAE5D!important;}
.credited-bank-bg .num{
    color:#000!important;
}
.credited-bank-bg span{
    color:#000!important;
    text-transform:capitalize!important;
    margin-top: 10px!important;
}

.ml-0{margin-left:0;}
.mr-0{margin-right:0;}
.pt-15{padding-top:15px;}
/*.bg-style{background-color:rgba(255, 255, 255, 0.62);}*/


.follow-up-bg, .follow-up-bg1{
    background-color:#0E62C7!important;
    border:2px solid #0E62C7;
}
.follow-up-bg span{
    text-transform:capitalize!important;
    line-height:normal;
    margin-top: 10px!important;
    color: #FFFFFF !important;
}
.follow-up-bg:hover, .follow-up-bg:focus{
    background-color:rgba(14, 98, 144, 0.7)!important;
    cursor: pointer;
    outline: none;
}


.total-collection-bg, .total-collection-bg1{
    background-color:#5525DE!important;
    border:2px solid #5525DE;
}
.total-collection-bg span{
    text-transform:capitalize!important;
    line-height:normal;
    margin-top: 10px!important;
    color: #FFFFFF !important;
}
.total-collection-bg:hover, .total-collection-bg:focus{
    background-color:rgba(85, 37, 222, 0.7)!important;
    cursor: pointer;
    outline: none;
}


.total-cash-deposit-bg, .total-cash-deposit-bg1{
    background-color:#68B828!important;
    border:2px solid #68B828;
}
.total-cash-deposit-bg span{
    text-transform:capitalize!important;
    line-height:normal;
    margin-top: 10px!important;
    color: #FFFFFF !important;
}
.total-cash-deposit-bg:hover, .total-cash-deposit-bg:focus{
    background-color:rgba(104, 184, 40, 0.7)!important;
    cursor: pointer;
    outline: none;
}


.total-cheque-bg, .total-cheque-bg1{
    background-color:#40BBEA!important;
    border:2px solid #40BBEA;
}
.total-cheque-bg span{
    text-transform:capitalize!important;
    line-height:normal;
    margin-top: 10px!important;
    color: #FFFFFF !important;
}
.total-cheque-bg:hover, .total-cheque-bg:focus {
    background-color:rgba(64, 187, 234, 0.7)!important;
    cursor: pointer;
    outline: none;
}


.white-icon-bg{
    background-color:#fff;
}
.white-bg{
    background-color:#fff!important;
}
.white-bg span{
    color:#000!important;
    margin-top: 8px!important;
    margin-bottom: 8px!important;
    text-transform:capitalize!important;
    font-size:10px!important;
    line-height:16px;
    word-break: break-word;
}
.div-pd{padding:0 18px 18px 18px;}
.total-text{
    border-top: 1px solid rgba(255,255,255, 0.14);
    padding-top: 12px;
    padding-left: 68px;
    color:#fff;
    font-size:24px;
    font-weight:600;
}
.font-18{font-size:18px;}
.font-16{font-size:16px;}
.font-15{font-size:15px;}
/*.cash-deposit-box-height{*/
    /*height:110px;*/
/*}*/
.follow-up-box-height{height:115px;}
.active-box{
    background-image: url(../images/icons/active-arrow.svg);
    font-size: 25px;
    background-repeat: no-repeat;
    background-position: 90% 50%;
}
.rupees-symbol-style{
    font-family: Sans-Serif;
    font-size:20px!important;
    padding-right:4px;
}

.font-name{font-family: Sans-Serif;}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
    padding: 6px 20px 6px 12px;
}
.field-icon{
    position: absolute !important;
    right: 5px !important;
}
.expired-page .field-icon{
    position: absolute !important;
    right: 20px !important;
}
.cp-model-nk .form-group{
    position: relative;
}
.cp-model-nk .field-icon{
    position: absolute !important;
    top: 58px !important;
    right: 5px !important;
}
.login-form .form-group,
.form-horizontal .form-group{
    position: relative;
}
.form-horizontal .field-icon{
    position: absolute !important;
    right: 5px !important;
    top: 58px;
}
.login-form .field-icon{
    position: absolute !important;
    right: 5px !important;
    top: 39px;
}
.form-horizontal .label {
    height: 20px !important;
}
.title{
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
     border-top: 1px solid transparent !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    background: #00237d;
    border-color: #2c2e2f;
    cursor: default;
}
table{
    background: #FFFFFF !important;
}
table tr th{
    /*background: #FFF4D6 !important;*/
    background: #FFFFFF !important;
}
table tr td{
    color: #000000 !important;
}
.sub-admin-form .col-lg-4:nth-child(4n){
    clear: both !important;
}
.permission-box{
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #ffffff69;
}
.permission-box .form-group:nth-child(1){
    margin-bottom: 8px;
}
.permission-box .form-group:nth-child(2){
    margin-bottom: 0px;
}
.permission-box .form-group .pull-left .checkbox{
    padding-top: 0px;
    padding-bottom: 7px;
    margin-right: 15px;
}
footer.main-footer {
    background-color: #dfdfe9;
}
td .label{
    text-transform: uppercase !important;
    font-size: 85% !important;
}
div .btn-icon:nth-child(1){
    margin-left: 0px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    color: #000000;
    background-color: #d2d2db !important;
}
td .form-control[disabled],
td .form-control[readonly],
td fieldset[disabled] .form-control {
    background-color: #EEEEEE !important;
}
select[disabled] > option {
    color: #000000;
}
input[type="checkbox"]:disabled{
    border-color: #000000;
    background: #d2d2db !important;
}
.breadcrumb-env a.btn,
.breadcrumb-env button.btn,
.page-container .main-content .page-title .breadcrumb-env .create-btn-color,
.page-container .main-content .page-title .breadcrumb-env .go-back-btn-color{
    color: #333333 !important;
    background-color: transparent !important;
    border-color: transparent !important;
}
.breadcrumb-env a.btn:hover,
.breadcrumb-env button.btn:hover,
.page-container .main-content .page-title .breadcrumb-env .create-btn-color:hover,
.page-container .main-content .page-title .breadcrumb-env .go-back-btn-color:hover{
    color: #000000 !important;
    background-color: #EEEEEE !important;
    border: 1px solid transparent !important;
}
.page-container .main-content .page-title .breadcrumb-env .watch-video-btn-color{
    color: #666666 !important;
    background-color: transparent !important;
    border: 1px dashed #666666 !important;
}
.page-container .main-content .page-title .breadcrumb-env .watch-video-btn-color:hover{
    color: #000000 !important;
    background-color: #EEEEEE !important;
    border-color: #000000!important;
}
/*form .btn.btn-success,*/
a[target=_blank]{
    color: #ffffff;
    background-color: #0f783f !important;
    border-color: #0f783f !important;
}
a[target=_blank]:hover{
    color: #ffffff;
    background-color: #138e4b !important;
    border-color: #138e4b !important;
}
.btn-go{
    color: #FFFFFF !important;
    background-color: #00237D !important;
}
.btn-go:hover{
    color: #FFFFFF !important;
    background-color: #0e62c7 !important;
    border-color: #0e62c7 !important;
}
.dropdown-menu.daterangepicker:has(.ranges) .calendar {
    display: block;
}


/* Users subscription card css start */
.user-card{
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(76,87,125,.02);
    border-radius: 9px;
    padding: 20px 20px 20px 20px;
    margin-bottom:23px;
}
.user-details{
    margin-bottom: 27px;
}
.total-user{
 float:left;
}
.total-user h3{
    margin: 0px;
    font-size: 30px;
    color: #00237D;
    font-weight: 700;
}
.total-user-txt{
    font-size: 18px;
    color: #666666;
    font-weight: 500;
}
.users-icon{
    float: right;
    /* margin-top: -59px; */
}
.app-user-details{
    display: flex;
    margin-bottom: 27px;
}
.app-user-details:last-child{
    margin-bottom: 0px;
}
.app-icon{
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: #E6EDFF;
    border-radius: 9px;
}
.app-user{

}
.app-user h3{
    margin: 0px;
    font-size: 22px;
    color: #333333;
    font-weight: 700;
}
.app-user-txt{
    font-size: 14px;
    color: #000000;
    font-weight: 400;
}

/* user card */
.total-user-div .users-icon svg [fill]:not(.permanent):not(g) {
    fill: #00237D;
}
.total-user-div .app-icon svg [fill]:not(.permanent):not(g) {
    fill: #00237D;
}

/* active-user-div */
.active-user-div .users-icon svg [fill]:not(.permanent):not(g) {
    fill: #77C285;
}
.active-user-div .app-icon svg [fill]:not(.permanent):not(g) {
    fill: #77C285;
}
.active-user-div .total-user h3{
    color:#77C285;
}
.active-user-div .app-icon{
    background-color:#CFEFD4;
}
/* active-user-div */

/* inactive-user-div */
.inactive-user-div .users-icon svg [fill]:not(.permanent):not(g) {
    fill: #E56862;
}
.inactive-user-div .app-icon svg [fill]:not(.permanent):not(g) {
    fill: #E56862;
}
.inactive-user-div .total-user h3{
    color:#E56862;
}
.inactive-user-div .app-icon{
    background-color:#FFDCDB;
}


/* login-user-div */
.login-user-div .users-icon svg [fill]:not(.permanent):not(g) {
    fill: #009C9A;
}
.login-user-div .app-icon svg [fill]:not(.permanent):not(g) {
    fill: #009C9A;
}
.login-user-div .total-user h3{
    color:#009C9A;
}
.login-user-div .app-icon{
    background-color:#B4F9F8;
}


/* notlogin-user-div */
.notlogin-user-div .users-icon svg [fill]:not(.permanent):not(g) {
    fill: #F5AD00;
}
.notlogin-user-div .app-icon svg [fill]:not(.permanent):not(g) {
    fill: #F5AD00;
}
.notlogin-user-div .total-user h3{
    color:#F5AD00;
}
.notlogin-user-div .app-icon{
    background-color:#FEEBBE;
}
/* subscription-card */

.subscription-card .app-icon svg [fill]:not(.permanent):not(g) {
    fill: #00237D;
}
.subscription-card .total-user h3{
    color:#00237D;
}
.subscription-card .app-icon{
    background-color:#F8D78A;
}


.clear-both{
    clear: both;
}

@media screen and (min-width:1024px){
    .user-div-center{
        /* display:flex; */
    }
}
/* subscription-card */
.subscription-card{
    position: relative;
    background: #FEEBBE;
}
.subscription-package h3{
    font-size: 22px;
    color: #00237D !important;
    font-weight: 500;
}
.subscription-txt{
    font-size: 22px;
    color: #00237D;
    font-weight: 500;
}
.subscription-package-txt{
    font-size: 30px;
    font-weight: 700;
    color: #00237D;
}
.subscription-end{
    display:flex;
}
.remaining-days{
    position: absolute;
    right: 15px;
    bottom: 15px;
    text-align: right;
    color: #00237D;
    font-size: 12px;
}

/* Users subscription card css start */