:root {

    --purple: #399fa5;
    --doc-purple-bg:#65c7cf;
    --pink:#d72590;
    --page-header-bg:linear-gradient(187deg, #ffdef0 20%, #08f2ff 100%);
    --previous-btn-grey:#616161;
}
.card-label {
    font-size: 12px;
}
.header-title {
    font-size: 17px;
    line-height: 17px;
    margin-bottom: 8px;
    font-weight: 600;
}
.avatar-sm-box {
    height: 32px;
    width: 32px;
    color: #ffffff;
    display: block;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    font-family: 'Hind Madurai', sans-serif;
    font-size: 16px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    text-align: center;
    font-size: 30px;
}
.card-link {
    color:#9295a4 !important;
}
.form-control {
    resize: none;
    background-color: transparent;
    border-bottom: 1px solid rgba(152, 152, 152, 0.8);
    border-radius: 0 !important;
    height: 33px;
    max-width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    box-sizing: border-box;
    font-size: 14px !important;
    letter-spacing: 1px;
    font-family: Montserrat;
    font-weight: 400;
    position: relative;
    box-shadow: none !important;
    border: 1px solid #d8d8d8 !important;
    margin-bottom: 8px;
}
.dripicons-plus:before {
    content: "\e035";
    font-size: 11px;
}
.form-group {
    margin-bottom: 0rem !important;
}
.save-btn {
    background-color: #36c5c5;
}
.save-btn:hover {
    background-color: #36c5c5;
}
.h-30 {
    height: 30px;
}
/*********************************** admin colors *******************************************************************/
.btn-primary {
    background: var(--pink);
    border-color:var(--pink) ;
}
.btn-primary:hover {
    background: #663795;
    border-color: #663795;
}
.text-primary {
    color: var(--pink)!important;
}
.btn-link {
    color: var(--pink) ;
}
.btn-link:hover {
    color:  #663795;
}
.dashboard-record-cards h6 {
    font-weight: 100;
}
.nav-tabs-custom .nav-item .nav-link.active {
    color: var(--pink);
}
.nav-tabs-custom .nav-item .nav-link::after {
    background: unset;
}
.nav-link {
    font-size: 13px;
}
.page-item.active .page-link {
    background-color: var(--purple);
    border-color: var(--purple);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: var(--purple) var(--purple) var(--purple);
    box-shadow: 0 2px 4px rgb(15 34 58 / 42%);
    background: var(--purple);
    color: white !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: var(--purple);
}
.fs-title {
    color: #663795;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size:18px;
}
.form-card label {
    color: #000000;
    font-family: "Montserrat";
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
}
.custom-input-label {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 15px;
    position: relative;
    top: 4px;
    color: #000000;
}
a {
    color: var(--pink);
}
.font-size-13 {
    font-size: 13px;
}
.uil-comment-alt-download:before {
    color:var(--pink);
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: var(--pink);
    background-color: var(--pink);
}
/*********************************** admin colors *******************************************************************/
.card {
    box-shadow: 0 2px 4px rgb(15 34 58 / 42%);
}
div.dataTables_wrapper div.dataTables_length select {
    width: 66px !important;
}
.font-size-9 {
    font-size:9px;
}
/******* Lock Icon********/
/* Locked */
.lock {
    width: 24px;
    height: 19px;
    border: 3px solid white;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.lock:after {
    content: "";
    display: block;
    background: white;
    width: 3px;
    height: 7px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3.5px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.lock:before {
    content: "";
    display: block;
    width: 14px;
    height: 10px;
    bottom: 100%;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    border: 3px solid white;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom: 0;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
/* Locked Hover */
.lock:hover:before {
    height: 12px;
}
/* Unlocked */
.unlocked {
    transform: rotate(10deg);
}
.unlocked:before {
    bottom: 130%;
    left: 31%;
    margin-left: -11.5px;
    transform: rotate(-45deg);
}
.unlocked,
.unlocked:before {
    border-color: white;
}
.unlocked:after {
    background: white;
}
/* Unlocked Hover */
.unlocked:hover {
    transform: rotate(3deg);
}
.unlocked:hover:before {
    height: 10px;
    left: 40%;
    bottom: 124%;
    transform: rotate(-30deg);
}
.fa-lock:before {
    content:'' !important
}
.border-bottom-1 {
    border-bottom:1px solid #dfdfdf ;
}
.doc-field-label {
    color:#74788d
}
#accordion .card-header {
    background:var(--purple) !important;
}
#accordion .card-header h6 {
    color:white;
}
.card-body.dashboard-record-cards {
    border-top: 2px solid var(--pink);
}
.form-card-title {
    border: 1px solid #b7b7b7;
    border-radius: 0.25rem !important;
    color: #848789;
    font-family: "sans-serif";
    padding: 19px 11px 19px 11px;
}
.card-input-element {
    display: none;
}
.card-input-element:checked + .card-input h5 {
    color: var(--pink);
}
.box-shadow-none {
    box-shadow: none !important;
}
.card-input-element:checked + .card-input {
    color: var(--pink);
    background: white;
    border: 2px solid var(--pink);
    padding: 19px 11px 19px 11px;
}
.other-title-input {
    height:51px;
}
.personal-title {
    padding: 12px !important;
}
.admin-kyc-heading {
    background:var(--doc-purple-bg);
    padding:12px;
    color:white
}
.circle-singleline {
    margin: 20px;
    width: 120px;
    height: 118px;
    border-radius: 50%;
    font-size: 23px;
    line-height: 123px;
    text-align: center;
    background: var(--doc-purple-bg);
    color: #000;
    font-weight: bold;
}
.kyc-doc-heading {
    color: #000;
    font-weight: bold;
    font-size:23px
}
/*.btn-success {*/
/*    background: var(--pink) !important;*/
/*    border-color: var(--pink) !important;*/
/*}*/
/*.btn-success:hover {*/
/*    background: transparent !important;*/
/*    border-color: var(--pink) !important;*/
/*    color: var(--pink) !important;*/
/*}*/
.uil-check:before {
    content: '\e9c3';
    font-size: 15px;
}
.main-content .funds-radio-btn .card-input.form-card-title.text-center {
    border:none !important;
}
#sidebar-menu ul li a {
    font-family: sans-serif;
}
.col-form-label {
    font-family: sans-serif;
}
.main-content h6, span, table.dataTable thead,table.dataTable tbody,input[type=file],p,label, .page-title-box h4,.modal-title,.breadcrumb-item.active, .card-header:first-child,.main-content a,select, .modal-body {
    font-family: "IBM Plex Sans",sans-serif ;
}
.main-content a {
    color:#5b73e8
}
.main-content .input-group>.input-group-prepend>.input-group-text {
    height:33px;
}
.main-content #ContactPerson .phone1, .phone2 {
    width:183px !important
}
.company-structure-title:hover,.company-structure-country-update-modal:hover, .company-structure-country-title:hover {
    cursor: pointer;
}
.main-content .nav-tabs {
    border-bottom: 1px solid #399fa5;
}
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    background: #f3f3f3;
}
.fa-eye:before {
    color:#d72590
}
.rounded-pill {
    color:white !important;
}
.btn-success {
    color:white !important;
}
.main-content .add-more-director-btn {
    color: white !important;
}
.main-content .add-more-director-btn:hover {
    color: #d72590 !important;
}.btn-danger {
     color: white !important;
 }
.select-box-custom .phone1 {
    width: 183px;
}
.btn {
    color:white !important;
}
.info-card {
    border-left: 3px solid #399fa5;
}
.kyc-labels {
    color:#495057;
    font-weight: 100;
}

.fa-bars:before {
    content: "\f0c9";
    color: black;
}
.uil-angle-down:before {
    color:black;
}
.btn-kycSubmissionBtn {
    background: var(--doc-purple-bg) !important;
    border: 1px solid #65c7cf;
}
.font-weight-100 {
    font-weight:100;}
.main-content .nav-tabs {
    border-bottom: 1px solid #399fa5;
}
.custom-cursor {
    cursor: pointer;
}
.mdi-chevron-up::before {
    color:white;
}
.lock-set{
    margin-left: 12px;
    position: relative;
    top: 3px;
}
.mdi-file-outline::before {
    content: "\F0224";
    font-size: 22px;
}
.animated-progess .progress-bar {
    border-radius: 0px;
}
.bg-grey {
    background:#707070 !important;
}
.progress {
    border-radius: 0px;
}
.font-size-11 {
    font-size:11px;
}
.main-content .progress {
    height:11px;
}
.bg-red {
    background: #b14a4a !important;
}
tr:hover {
    cursor: pointer;
}
.bg-row-grey {
    background: #d8d8d8;
}
.badge-soft-pink {
    color: #495057;
    background:transparent;
    font-weight: 100;
}
.mdi-close-circle::before {
    font-size: 59px;
    content: "\F0159";
}
.btn-grey {
    background-color:grey;
    border:1px solid gray;
    color:white;
}
.table {
    font-family: "IBM Plex Sans",sans-serif;
}
tr:hover {
    background: #c5c3c3;
}
input.upload.mx-0.font-size-12 {
    color: #5b73e8;
    background: transparent;
    border: none;
}
.mdi-file-document-multiple::before {
    content: "\F1517";
    position: relative;
    top: 12px;
}
.mdi-alert-circle::before {
    content: "\F0028";
    font-size: 35px;
    color: #ea1089;
}
.update-modal-heading {
    font-weight: 100;
    font-size: 16px;
    padding: 1px 12px 1px 22px;
    color: var(--pink);
}
.customer-verification-dropdown {
    background:white;
    border:1px solid #CFCDCD;
    border-radius: 9px;
}
.uil-angle-down:before {
    padding-right: 12px;

}
.dropdown-result {
    position: absolute;
    top: 32px;
    left: 103px;
}

.customer-verification-dropdown {
    width: 240px;
    height: 54px;
}
.btn-status {
    background:#399fa5;
    border:#399fa5;
}
.status-dropdown{
    background:white;
    border:1px solid #CFCDCD;
    border-radius: 9px;
}
.dropdown-detail {
    width:100%
}
.dropdown-detail .active {
    background: #ebebeb;
}
.font-weight-200 {
    font-weight: 400;
    font-family: "IBM Plex Sans",sans-serif;
}
.statuses:hover {
    cursor: pointer;
}
.glyphicon-remove:before, .fa-edit:before, .fa-trash:before{
    cursor: pointer;
}
.logs-heading {
    font-family: sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.logs-paragraph {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.dashboard-counter-header {
    background: #d52691;
    color: white;
}
.dashboard-counter-header h6 {
    color:white;
}
.dashboard-counter-card .card-body  h6{
    font-weight:100;
}
.dashboard-counter-card {
    height: 124px;
}
.dashboard-counter-card:hover {
    border: 1px solid #d52691;
}
/* .all-data , .kyc-one-data, .leads-data, .kyc-two-data , .approved-data, .pending-for-activation-data, .live-data, .frozen-data, .quarantine-data, .rejected-data, .garbage-data {*/
/*    display:none;*/
/*}*/
.progressBarValue {
    color:white;
    top: 1px;
    position: absolute;
}

.progressBarValue:hover {
    cursor: pointer;
}
.childSection {
    display:none;
}

.questionField {
    display:none;
}
.creation-label {
    padding-top: 36px;
}
