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%); */
    /* background-image: linear-gradient(to top, #a3bded 0%, #6991c7 100%); */
background: hsla(198, 65%, 34%, 1);

background: linear-gradient(90deg, hsla(198, 65%, 34%, 1) 0%, hsla(178, 44%, 32%, 1) 100%);

background: -moz-linear-gradient(90deg, hsla(198, 65%, 34%, 1) 0%, hsla(178, 44%, 32%, 1) 100%);

background: -webkit-linear-gradient(90deg, hsla(198, 65%, 34%, 1) 0%, hsla(178, 44%, 32%, 1) 100%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#1E6C8E", endColorstr="#2E7775", GradientType=1 );
}

.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: 1px solid rgb(187, 192, 192);
    border-radius: 10px;
    box-shadow: none;
    padding: 15px 10px;
    margin-bottom: 10px;
}

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

#login-form input:hover,
#login-form input:focus-within {
    border-color: #0a6d65;
} */

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

#login-form .btn-grad {
    /* margin-: 10px; */
    padding: 6px 10px;
    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;
    width: 100%;
    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;
    }
}

.icons{
  position: relative;
}

.icons input{
  padding-left: 30px;
  padding-right: 35px;
  position: relative;
  /* text-indent: 20px; */
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}

.icons .fi-rr-eye{
  position: absolute;
  padding: 10px;
  /* min-width: 40px; */
  right:0; 
  top:0;
  color: #3c0753;
}
.icons .fi-rr-at, .icons .fi-rr-lock{
  position: absolute;
  padding: 10px;
  /* min-width: 40px; */
  left:0; 
  top:0;
  color: #3c0753;
}