:root {
    --black: #444054;
    --grey: #a3acb3;
}

.text-black {
    color: var(--black);
}

/* Fonts */
.text-twitter {
    color: #1da1f2;
}

.text-facebook {
    color: #3b579d;
}

.text-google {
    color: #dc4a38;
}

.text-linkedin {
    color: #0177b4;
}

.text-pinterest {
    color: #cc2127;
}

.text-youtube {
    color: #e52d27;
}

.badge {
    /* color: red; */
    background: #f0f0f0;
}

.text-github {
    color: #333333;
}

.text-behance {
    color: #1769ff;
}

.text-dribbble {
    color: #ea4c89;
}

.text-reddit {
    color: #ff4500;
}

.bg-twitter {
    background: #1da1f2;
}

.bg-facebook {
    background: #3b579d;
}

.bg-google {
    background: #dc4a38;
}

.bg-linkedin {
    background: #0177b4;
}

.bg-pinterest {
    background: #cc2127;
}

.bg-youtube {
    background: #e52d27;
}

.bg-github {
    background: #333333;
}

.bg-behance {
    background: #1769ff;
}

.bg-dribbble {
    background: #ea4c89;
}

.bg-reddit {
    background: #ff4500;
}

.font-icon-wrapper {
    display: inline-flex;
}

.bootstrap-tagsinput .label {
    padding: 3px 10px;
    line-height: 13px;
    color: #ffffff;
    font-weight: 400;
    border-radius: 4px;
    font-size: 75%;

}

.bootstrap-tagsinput {
    width: 100%;
    min-height: 70px;
}

[type="checkbox"]:checked.chk-col-indigo+label:before {
    border-right: 2px solid #3F51B5;
    border-bottom: 2px solid #3F51B5;
}


[type="checkbox"].filled-in:checked.chk-col-indigo+label:after {
    border: 2px solid #3F51B5;
    background-color: #3F51B5;
}


[type="radio"].radio-col-indigo:checked+label:after {
    background-color: #3F51B5;
    border-color: #3F51B5;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards;
}


[type="radio"].with-gap.radio-col-indigo:checked+label:before {
    border: 2px solid #3F51B5;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards;
}


[type="radio"].with-gap.radio-col-indigo:checked+label:after {
    background-color: #3F51B5;
    border: 2px solid #3F51B5;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards;
}

.checkDiv,
.radioDiv {
    display: grid;
    border: 1.5px solid #009cf7;
    border-radius: 5px;
    padding: 5px 10px;
}

.selectpickerRow {
    overflow: inherit !important;
}

.existingImg {
    background: #f0f0f0;
    padding: 10px 5px;
}

.deleteFile {
    float: right;
    border: 1px solid;
    padding: 0px 5px;
    border-radius: 50%;
    cursor: pointer;
}

/* #admissionForm label {
    font-weight: bold;
} */

.pac-container {
    z-index: 10000 !important;
}

.center {
    width: 150px;
    /*margin: 40px auto;*/
}

.btn-number {
    padding: 9px
}



.step-content {
    /* border: 1px solid #f0f0f0; */
    padding: 20px;
    /* margin: 40px 0; */
}

#accordion .card-header h5 {
    color: #fff;
}

#accordion .card-header {
    background-color: var(--black);
}

.loginBg {
    background-image: url(../images/background.jpg);
}

/* .form-control {
    border: 1.5px solid #009cf7;
} */

.inputGroup .mb-2.pr-2.pl-3.float-left.col-md-4:nth-child(3n+1) {
    clear: both;
}

.checkDiv label,
.radioDiv label {
    margin: auto;
}

.continueTab {
    display: none;
}

.inputGroup {
    margin: 15px 0px;
    background: #fafafa;
    box-shadow: 0px 5px 10px #F0F0F1;
    padding: 5px;
}

.text-last-center {
    text-align-last: center;
}

.paymentMethod {
    font-size: 15px;
    text-transform: uppercase;
}

ul.multiselect-container.dropdown-menu.show {
    max-height: 300px;
    overflow: auto;
}

.googleloginBtn {
    width: 100%;
    /* white-space: pre; */
    font-size: unset;
    color: #fff;
    background: #16aaff;
    /* padding: 3px 0px 2px 0; */
    border-radius: 3px;
    font-weight: 600;
    display: block;
}

.googleloginBtn img {
    width: 16%;
    padding: 6px;
}

.iti.iti--allow-dropdown {
    width: 100%;
}

.input-group-text {
    color: #fff;
    background: #16aaff;
    border-color: #16aaff;
    padding: 5px 25px;
}

.headerIcon {
    font-size: 20px;
    color: var(--black);
}

.header-dots a.noti {
    position: relative;
    margin-right: 15px;
}

.header-dots .badge {
    top: -15px;
    position: absolute;
    left: 8px;
}

#makePaymentModal {
    position: absolute;
    z-index: 1;
    background: #fff;
    /* width: 30%; */
    /* left: 15%; */
    right: 1%;
    padding: 20px;
    /* height: 150px; */
    box-shadow: 0px 0px 10px #000;
    top: 70px;
}

/* New styles */
.app-header {
    background-color: #ffffff !important;
}

.app-header.header-text-light .app-header-right>.header-btn-lg .widget-content-left .btn-group>.btn,
.app-header.header-text-light .app-header-right>.header-btn-lg .widget-heading,
.app-header.header-text-light .app-header-right>.header-btn-lg .widget-subheading {
    color: var(--black);
}

.form-control:focus {
    box-shadow: none !important;
    border: 1px solid #a3acb3 !important;
}

.form-section-heading {
    font-weight: 500;
    padding: 10px;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #a3acb3 !important;
}

.bg-happy-itmeo {
    background-image: linear-gradient(180deg, var(--black) 0%, var(--black) 100%) !important;
}

.app-page-title .page-title-heading {
    font-weight: 600;
}

.app-page-title {
    padding: 0;
    margin: 0;
}

.forms-wizard li.done em,
.forms-wizard li.done::after,
.forms-wizard li.done::before {
    background: var(--black);
}

.forms-wizard li.active em,
.forms-wizard li.active::after,
.forms-wizard li.active::before {
    background: var(--black);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid var(--black);
    background-color: var(--black);
}

.app-theme-white.app-container {
    background: #fff;
}

.card {
    box-shadow: none !important;
    border: none !important;
}

.loader__figure {
    border-color: var(--black);
}

.loader__label {
    color: var(--black);
}

.action-buttons {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.action-buttons a {
    flex: 1 1 calc(50% - 2px);
}

.action-buttons a.editForm {
    flex: 0 0 100%;
}

.badge-focus {
    color: #fff;
    background-color: #444054;
}

.badge-success {
    color: #fff;
    background-color: #7accbe;
}

.btn-warning {
    color: var(--black);
    background-color: #f7b924;
}

.applications-table tr {
    height: 100px;
}