h1,
h2,
h3,
h4,
h5,
h6 {
    color: #25396f;
}

.bg-nav {
    background-color: #F4F4F4;
}


/* Breadcrums */

.breadcrumb {
    background-color: transparent;
}

.header {
    color: #25396f;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.card {
    border: none;
}

.card .card-header {
    border: none;
}

.card .card-title {
    font-size: 1.2rem;
    color: #25396f;
    font-weight: 400;
    margin-bottom: 0.5rem;
}

.bg-grey {
    background-color: #cccccc;
}

.modal .modal-header .modal-title {
    font-size: 1.1rem;
    color: #25396f;
    font-weight: 400;
}

.modal label {
    color: #333333;
    font-weight: 400;
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 1px;
}

.form-control-user1 {
    /* font-size: .8rem; */
    border-radius: 10rem;
    padding: 3;
    height: 50px;
}

.bg-grad {
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}

.mt-50 {
    margin-top: 50px;
}

#auth {
    height: 100vh;
    overflow: hidden;
}

.text-big {
    font-size: 1.5rem;
}

.text-black {
    color: #000000;
}

.font-400-600 {
    font-weight: 400;
}

.font-400-800 {
    font-weight: 600;
}

.stats-icon {
    width: 3rem;
    height: 3rem;
    /* width: 100%;
    height: 70px; */
    border-radius: 0.5rem;
    background-color: black;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stats-icon.purple {
    background-color: #9694ff;
}

.stats-icon.blue {
    background-color: #57caeb;
}

.stats-icon.green {
    background-color: #5ddab4;
}

.stats-icon.red {
    background-color: #ff7976;
}

.stats-icon.orange {
    background-color: #e9ab5a;
}

.py-4-5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.card {
    border-radius: 0.75rem;
}

.text-mid {
    font-size: 0.95rem;
    font-weight: 400;
}

.text-blue {
    color: #25396f;
}

label {
    font-size: 14px;
    font-weight: 400;
    color: #25396f;
}

.req {
    color: crimson;
}


/* =========================== Form input  CSS ============================ */

#login-form label {
    font-size: 15px;
    font-weight: 400;
    color: #666;
    margin-bottom: 0px;
}

#login-form input,
#login-form select {
    border: 0px;
    border-bottom: 1px solid #aaa;
    border-radius: 0px;
    box-shadow: none;
    padding-left: 0px;
    margin-bottom: 10px;
}

#login-form input::placeholder {
    font-size: 14px;
    text-transform: uppercase;
}

#login-form input:hover,
#login-form input:focus-within {
    border-bottom-color: #cf375d;
}

#login-form .btn-grad {
    background-image: linear-gradient(to right, #7474BF 0%, #348AC7 51%, #7474BF 100%)
}

#login-form .btn-grad {
    /* margin: 10px; */
    /* padding: 15px 45px; */
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    /* border-radius: 10px; */
    display: block;
    border: none;
}

#login-form .btn-grad:hover {
    background-position: right center;
    /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.sidebar.toggled .nav-item .nav-link span {
    font-size: 0.75rem;
    display: block;
    font-weight: 400;
}

.bg-back{
    background-color: #F7ECDE;
}
.bg-card{
    background-color: #FBF8F1;
}
.bg-heavy{
    background-color: #E9DAC1;
}
.bg-btn{
    background-color: #007580;
    color:#fff;
}

.text-green{
    color: #54BAB9;
}
.text-sm{
    font-size: 0.75rem;
}

.text-small{
    font-size: 13px;
}

.bg-title-card{
    background-color: #89c2d9;
}

.btn-dropdown{
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d1d3e2;
    border-radius: 0.35rem;
}

#setup label, #outreach label{
    font-size: 13px;
    font-weight: 400;
}
#setup select option{
    font-size: 13px;
    font-weight:400;
    word-wrap:break-word;
    overflow: hidden;
}
#setup .table{
    font-size: 12px !important;
    font-weight: 400;
}
#otable .table{
    font-size: 12px !important;
    font-weight: 400;
    color:#333;
}
.bg-light-blue{
    background-color: #f2f7ff;
}
.bg-white{
    background-color: #ffffff;
}

.border-tbr{
    border-right: 1px rgba(72, 94, 144, 0.16) solid;
    /* border-top: 1px rgba(72, 94, 144, 0.16) solid; */
    border-bottom: 1px rgba(72, 94, 144, 0.16) solid;

}
.font-bold-600{
    font-weight: 400;
}

.font-bold-500{
    font-weight: 500;
}
.font-weight-800{
    font-weight: 400;
}
.form-control{
    font-size: 13px !important;
}
th, b{
    font-weight: 500;
}
.cborder{
    border: 1px rgba(72, 94, 144, 0.16) solid;
}

.font-weight-6{
    font-weight: 600;
}

.bg-poor{
    background-color: #FFC54D;
}
.bg-green{
    background-color: #70AF85;
}
#poor_control li:hover{
    background-color: #FFE5B9;
    cursor: pointer;
}
#success_story li:hover{
    background-color: #CFDAC8;
    cursor: pointer;
}

.dashCardHead {
    height: 45px;
    font-size: 13px;
    font-weight: 600;
}

.text-purple {
    color: #B1AFFF;
}

.text-pending {
    color: #D6E4E5;
}

.text-dark-back {
    color: #000000;
}

.text-maroon {
    color: #A10035;
}

.centerCard {
    margin: 0 auto;
}

.danger {
    background-color: #FF6464;
}

.success {
    background-color: #82CD47;
}

.warning {
    background-color: #FFC900;
}

.dark {
    background-color: #2C3333;
}


/* #rtfDemo {
    width: 800px;
    padding-left: 12px;
} */

.dataTables_info, .pagination {
    font-size: 12px;
}


/* Email Template Page : Text Editor */
.ck-content {height: 200px;}

/* For Left Navigation Scroll */
@media only screen and (max-width: 768px) {
    .collapse.show .collapse-inner {    
        max-height: 370px;
        overflow-y: scroll;
    }
    .sidebar.toggled .nav-item .collapse.show {
        z-index: 4;
    }
}