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;
}
.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-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;
}


/* --------------------------- new work 02.08.2022 --------------------------- */

#app-main {
    margin-bottom: 40px;
    padding: 15px 20px;
    text-align: center;
}

#app-main .card{
    border:1px solid #dddddd;
    border-radius: 10px;
    height: 130px;
}

.items {
    flex: 1 1 130px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 15px;
}

/* .items .icon {
    font-size: 45px;
    font-weight: 200;
    line-height: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #1B262C;
} */

.items .row {
    margin-left: 0px;
    height: 100%;
    margin-right: 0px;
}

.items .icon {
    background-color: #DFF6FF;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    /* height: 100%; */
}

.icon .material-symbols-outlined {
    font-size: 70px;
    margin-left: -3px;
    margin-top: 25px;
}

.items .icon_content {
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
}

.icon_content .count {
    margin-top: 30px;
}

.icon_content .icon_head {
    /* margin-top: 20px; */
    font-size: 30px;
}

/* .items .material-symbols-outlined {
    font-size: 80px;
    margin-left: -20px;
} */

.text {
    padding-top: 5px;
    font-size: 15px;
    font-weight: 600;
    color: #0F4C75;
    white-space: wrap;
}

.items .link{
    text-decoration: none;
    color: #0F4C75;
}
/* .link:hover{
    color: #3E7C17;
} */

.title{
    font-size: 20px;
    font-weight: 600;
    color: #0F4C75;
}
/* .icon{
    font-size: 22px;
    color: #0F4C75;
} */

.dataCharts {
    border:1px solid #dddddd;
    border-radius: 10px;
    /* margin-left: 2rem; */
    box-shadow: 5px 5px 5px #ccc;
}

 /* .navbar .header-img {
    height: 50px;
    width: 50px;
 } */
/* 
 .link span:hover {
    color: #3E7C17;
 } */

 .items .card {
    box-shadow: 5px 5px 5px #ccc;
 }

 #main_section .title {
    font-size: 24px;
    font-weight: 400;
 }

 .canvasjs-chart-credit {
    font-size: 20px;
 }

 .modal-body .card-body h6 {
    font-weight: 600;
 }

 .card-header h6 {
    font-weight:600;
 }

 .modal .card-body table tr td:first-child {
    width: 250px;
    font-weight: 500;
    color: #25396f;
 }

 .modal .card-body h5 {
    font-weight: 500;
 }

 .modal {
    overflow-y:auto;
  }

  
.breadcrumb-item a {
    color: #25396f;
    font-weight: 400;
    text-decoration: none;
}