.btn-main{
    color:#fff; display: inline;
    background:#00aa00; transition:transform .5s ease-in-out;
}
.btn-main:hover{
    background: #ff6600; color:#fff;
}
.btn-small-main{
    background: #2eb85c; border: 1px solid #2eb85c;
    display: inline-block; font-weight: 400; color: #fff;
    text-align: center; vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; padding: .375rem 1.75rem; font-size: .875rem;
    line-height: 1.5; border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: 0 1px 1px 0 rgba(60,75,100,.14), 0 2px 1px -1px rgba(60,75,100,.12), 0 1px 3px 0 rgba(60,75,100,.2);
}
.btn-small-main:hover{
    background: #26994d; color:#fff;
}
.page-title{
    font-size: 25px; font-weight: 500;
}
.btn-common{
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    box-shadow: 0 1px 3px 0
    rgba(0, 0, 0, 0.09);
    border-radius: 1px;
    color:#00aa00; display: inline;
}
.btn-change{
    border-radius: 4px;
    padding: 10px 30px;
    font-size: 14px; border-color:transparent;
    color:#fff; display: inline;
    background:#00aa00; transition:transform .5s ease-in-out;
}
.btn-change:hover{
    color:#fff;
}
.table-wrapper{
    border-radius: 5px; box-shadow: 0 2px 4px 0 #D7D7E0;
    background: #fff;
}
.txt-normal-title{
    font-weight: 500;
}
.settingstab{
    padding: 10px 15px 5px 6px;
    border-bottom: 1px solid #ced4da;
}
.settingstab .nav-link.active{
    border-bottom: 3px solid #FF9000;
    background-color: transparent;
    border-top: 0; border-left: 0; border-right: 0;
    color: #212529;
    font-size: 16px;
    font-weight: 400;
}
.settingstab .nav-link.active:hover{
    border-color: #FF9000;
}
.settingstab .nav-link {
    border: 1px solid transparent; padding: 0.7rem 1rem;
}
.settingstab .nav-tabs{
    margin-bottom: -0.29rem; position: relative;
}
.agent{
    color: #ff0000; text-transform: capitalize;
    padding: 5px 15px;
    background: rgba(255, 0, 0, 0.09);
    border-radius: 23px;
}
.mega-agent{
    color: #0668E3;
    padding: 5px 15px;
    background: rgba(6, 104, 227, 0.14);
    border-radius: 23px;
    text-transform: capitalize;
}
.sub-agent{
    color: #FF9000;
    background: rgba(255, 142, 0, 0.10);
    border-radius: 23px;
    padding: 5px 15px; text-transform: capitalize;
}
.admin{
    color: #1D6E07; text-transform: capitalize;
    padding: 5px 15px;
    background: rgba(0, 204, 71, 0.16);
    border-radius: 23px;
}
.dd-link{
    border: 1px solid #ced4da;
    background: white;
    color: #343a40;
    font-size: 14px;
    padding: 0 20px;
    height: 40px;
}
.form-header{
    padding:10px 15px; border-bottom: 1px solid #d8dbe0;
    font-size:17px; font-weight: 500; color:#7D95B6;
    font-family: 'Muli', sans-serif;
}
.approved, .pending,
.rejected, .pending,
.info-badge{
    display: inline-block;
}
.approved{
    color:  #0668E3; padding: 5px 15px;
    background:  rgba(6, 104, 227, 0.14); border-radius: 23px;
    text-transform: capitalize;
}
.info-badge{
    background: #d1ecf1;
    color: #0c5460; padding: 5px 15px;
    border-radius: 23px;
    text-transform: capitalize;
}
.completed{
    color: #1D6E07; text-transform: capitalize;
    padding: 5px 15px;
    background: rgba(0, 204, 71, 0.16);
    border-radius: 23px;
}
.rejected{
    color: #ff0000; text-transform: capitalize;
    padding: 5px 15px;
    background: rgba(255, 0, 0, 0.09);
    border-radius: 23px;
}
.pending{
    color: #FF9000;
    background: rgba(255, 142, 0, 0.10);
    border-radius: 14.5px;
    padding: 5px 15px; text-transform: capitalize;
}
.vst-card{
    position: relative;
    display: flex; flex-direction: column; min-width: 0;
    word-wrap: break-word;  background-color:  #fff;
    background-clip: border-box; margin-bottom: 0;
    border-width: 0; border-radius: 3px;
}
.card-shadow{
    box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.01), 0 3px 3px 0 rgba(0, 0, 0, 0.01)
}
.txt-16{
    font-size: 16px;
}
.min-page-title{
    font-weight: 500; font-size: 30px;
    margin-bottom: 0;
}
.vst-header-w-border{
    color: #7D95B6; font-size: 16px;
    font-weight: 600; padding: 10px 20px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.vst-black-header{
    color: #0a111b; font-size: 16px;
    font-weight: 600; padding: 10px 20px 10px;
}
.policydetails{
    padding: 10px 0; border-bottom: 1px solid #D8D8D8;
}
.policydetails .name{
    color:#7D95B6
}
.policydetails .detail{
    text-transform: capitalize;
}
.edit--btn{
    box-shadow: 0 0.25rem 0.55rem rgba(65,145,255,.35);
    transition: all .2s ease-out; border-radius: .2rem;
    color: #fff; background-color: #4191ff;border-color: #4191ff;
    margin-right:15px; padding: 7px 10px;
}
.edit--btn:hover{
    transform: translateY(-2px); color:#fff;
    box-shadow: 0 0.22rem 0.525rem rgba(65,145,255,.4), 0 0.0625rem 0.385rem rgba(65,145,255,.54);
}
.delete--btn{
    transition: all .2s ease-out; border-radius: .2rem; color:#f83245;
    border:1px solid #f83245; padding: 7px 10px;
}
.delete--btn:hover{
    box-shadow:0 0.22rem 0.525rem rgba(248,50,69,.4), 0 0.0625rem 0.385rem rgba(248,50,69,.54);
    color: #fff; background-color: #f83245; border-color: #f83245;
}
.btt{
    font-weight: 600;
}
.switch {
    display: -webkit-inline-box; display: -ms-inline-flexbox;
    display: inline-flex; position: relative;
    -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-align: center; -ms-flex-align: center;
    align-items: center; cursor: pointer;
}
.switch input {
    opacity: 0; width: 0; height: 0;
}
.slider {
    display: -webkit-box; display: -ms-flexbox; display: flex;
    position: relative; -webkit-box-align: center;
    -ms-flex-align: center; align-items: center; color: #768093;
    font-size: .875rem; -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slider:before {
    transition: all .3s; border-radius: 83px;
    content: " ";display: inline-block;
    position: relative; width: 48px; height: 26px;
    margin-right: 10px; background-color: #99a5bd;
}
.slider:after {
    position: absolute; top: 3px; left: 3px; width: 20px;
    height: 20px; background-color: #fff; transition: all .3s;
    border-radius: 83px; content: " ";
}
.switch input:checked + .slider:before {
    background-color: #0668e3;
}
.switch input:checked + .slider:after{
    left: 25px; box-shadow: 0 0 8px 0 rgba(0,0,0,.25);
}
.vst-btn{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 36px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 500;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 88px;
    outline: 0;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
    transition: .3s cubic-bezier(.25,.8,.5,1),color 1ms;
    position: relative;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 32px;
    border: 1px solid transparent;
}
.vst-btn-primary{
    background:#4191fe; color:#fff;
}
.vst-btn-primary:hover{
    background: #1d79f7;
}
.rounded-top-left, .rounded-top-right{
    border-radius:0;
}
.credit-header-nav{
    margin-right:20px; background: #ece8ec;
    padding: 7px 10px; border-radius: 3px;
}
.vst-card-height-2{
    min-height: 546px;
}
.txt-14{
    font-size: 14px;
}
.txt-off-white{
    color:#7D95B6;
}
.dark-text{
    color:#212529;
}
.txt-18{
    font-size: 18px;
}
.btn-disabled {
    background-color: #989898;
    border-radius: 4px;
    width: 100%;
    color: #fff;
    margin: 20px auto 0;
    border-width: 0;
    padding: 0.594rem 30px;
}
.btn-disabled-small {
    background-color: #989898;
    border-radius: 4px;
    width: 100%;
    color: #fff;
    margin: 20px auto 0;
    border-width: 0;
    padding: 0.594rem 8px;
}
.btn-disabled:hover, .btn-disabled-small:hover {
    color: #fff; background: #777777;
}
.btn-disabled-small:hover{
    background: #989898;
}
.btn-blue, .btn-small-blue {
    background-color: #0668E3;
    border-radius: 4px;
    width: 100%;
    color: #fff;
    margin: 0 auto;
    border-width: 0;
    padding: 0.594rem 16px;
}
.btn-small-blue{
    padding: 0.294rem 16px;
}
.btn-blue:hover, .btn-small-blue:hover{
    color:#fff;
}
.dashboard_report .text-muted.fas,
.dashboard_report .text-muted.far{
    font-size:55px;
}
.dashboard_report a.card:hover {
    background: #253C59;
    color: #fff;
}
.timestamp{
    float: right; font-size: 12px;
}
.export__btn{
    color: #0668E3; margin-left: 10px;
    vertical-align: middle; display: inline-block;
}
.export__btn .fas{
    font-size: 39px;
}
.card-bg {
    background: url('/assets/images/card.svg') no-repeat top right;
    background-color: rgba(0, 0, 0, 0);
    background-clip: border-box;
}
.pd-15{
    padding: 15px;
}
.h-100{
    height: 100%;
}
.tile{
    border-radius: 3px;
    color: #FFFFFF; transition: all 1s;
    font-family: 'Muli', sans-serif;
}
.tile-primary {
    background-color: #1b80c2;
}
.tile-nicon-primary{
    background: #43467d;
}
.tile-nicon-default{
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.01), 0 3px 3px 0 rgba(0, 0, 0, 0.01);
    background-color: #fff;
}
.tile-heading{
    color:  #253858;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    text-transform: uppercase;
}
.tile-body {
    padding: 15px; color: #FFFFFF;
    line-height: 48px; text-shadow: 0 -1px 0 rgba(0,0,0,.4);
}
.tile-body h2{
    color: #6B6B6B;
    font-size: 2.1875em;
    font-weight: 500;
}
.tile .tile-body i {
    font-size: 50px; opacity: 0.3; transition: all 1s;
}
.tile:hover .tile-body i{
    opacity: 1; color:#fff;
}
.tile:hover {
    opacity: 0.95;
}
.tile-footer{
    padding: 5px 8px;
    background-color: rgba(0,0,0,0.1);
}
.tile-footer-link{
    color:#fff; text-align: center;
    display: block;
}
.tile-footer-link:hover{
    color:#fff;
}
.info-box{
    display: block; min-height: 90px;
    background: #fff;
    width: 100%; box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px; margin-bottom: 15px;
}
.info-box-icon{
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block; float: left;
    height: 90px; width: 90px; text-align: center;
    font-size: 45px; line-height: 90px; background: rgba(0,0,0,0.2);
}
label.dark-grey {
    color: #253858;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-transform: uppercase;
}
.tx-medium{
    font-weight: 500;
}
ul.pagination li {
    display: inline-block;
    padding-left: 10px;
}
.pagination .page-item + .page-item {
    padding-left: 5px;
    margin: 0;
}
.pagination .page-item .page-link {
    color: #495057;
    padding: 11px 0;
    width: 38px;
    height: 40px;
    text-align: center;
    border-radius: 0;
    border-color: #ced4da;
}
.pagination .active .page-link, .pagination .active .page-link:hover, .pagination .active .page-link:focus {
    color: #fff;
    background-color: #1b84e7;
    border-color: transparent;
}
.modal .modal-content {
    border-radius: 0;
    border: 0;
}
.modal .modal-content {
    border-radius: 10px !important;
}
.tx-14 {
    font-size: 14px;
}
.btn-close {
    position: absolute;
    right: 0; top: 0; padding: 1rem;
    background-color:  transparent;
    border: 0; transition: all .2s;
    cursor: pointer; font-size: 1.35rem;
    line-height: 1; font-weight: 500;
    opacity: .5; color: #000; outline: none;
}
body .modal .modal-header {
    background-color: inherit;
    border-bottom-width: 0px;
}
.modal .modal-header, .modal .modal-footer {
    background-color: #f8f9fa;
}
.modal .modal-header {
    padding: 20px 25px; font-family: "Muli", sans-serif;
    align-items: center;
}
body .modal .modal-header h6 {
    font-size: 20px;
    font-weight: 500;
}
.pd-x-25 {
    padding-left: 25px;
    padding-right: 25px;
}
.pd-25 {
    padding: 25px;
}
body .nod-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color:
    #fff;
    background-clip: border-box;
    border-width: 0;
    border-radius: 3px;
}
.mg-t-30 {
    margin-top: 30px;
}
body .modal-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.mg-r-30 {
    margin-right: 30px;
}
textarea{
    resize:none;
}
.custom-card{
    -webkit-box-align: start;
    align-items: flex-start;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 15px rgba(0,0,0,.1);
    cursor: pointer;
    -webkit-box-flex: 0;
    flex: 0 1 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 0 0 30px;
    padding: 30px 25px;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-family: "Muli", sans-serif;
}
.custom-card:hover{
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.custom-card .fas, .custom-card .fa{
    font-size: 30px;
}
.custom-card .title{
    margin:0 0 20px; text-transform: uppercase;
    color: #43467d;
}
.custom-card .more{
    color: #0171ad;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .8px;
    line-height: 14px;
    text-transform: uppercase;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}
.custom-card .more:hover, .custom-card:hover .more{
    color:#075782;
}
.custom-card .desc{
    color: #333;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 25px;
}
.pol_no{
    display: none;
}
input[type=password].form-control{
    font-family: "Muli", sans-serif;
}
[data-href] {
    cursor: pointer;
}
.notf.msg{
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}
.custom-form-header{
    background: #dee2e6; padding:10px;
    color:#42457e; margin-bottom: 0;
    font-weight: 500;
}
.dropdown-menu.show{
    height: 125px;
    overflow: auto;
}
.page-header .navbar-nav .dropdown-menu.dropdown-menu-right{
    height: auto;
}
.no-style-list{
    list-style: none;
    padding: 0;
    margin:0;
}
.no-style-list li{
    margin-bottom: 15px;
}
.renewal__details .policydetails{
    padding: 10px 15px 10px 0;
    margin-left:15px;
}