@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
body {
    font-family: 'Open Sans', sans-serif;
    /* font-size: 14px; */
}

/* Style 9
   ----------------------------- */
.nine h5 {
  text-align:center; font-size:24px; text-transform:uppercase; color:#222; letter-spacing:1px;
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
}
.nine h5 span {
  margin-top: 5px;
    font-size:14px; color:#444; word-spacing:1px; font-weight:normal; letter-spacing:2px;
    text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight:500;

    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-template-rows: 27px 0;
    grid-gap: 20px;
    align-items: center;
}

.nine h5 span:after,.nine h5 span:before {
    content: " ";
    display: block;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    height: 5px;
  background-color:#f8f8f8;
}


.ck-editor__editable,
textarea {
    min-height: 150px;
}

.datatable {
    width: 100% !important;
}

table.dataTable tbody td.select-checkbox::before,
table.dataTable tbody td.select-checkbox::after,
table.dataTable tbody th.select-checkbox::before,
table.dataTable tbody th.select-checkbox::after {
    top: 50%;
}

.dataTables_length,
.dataTables_filter,
.dt-buttons {
    margin-bottom: 0.333em;
    margin-top: .2rem;
}

.dataTables_filter {
    margin-right: .2rem;
}

.dt-buttons .btn {
    margin-left: 0.333em;
    border-radius: 0;
}

.table.datatable {
    box-sizing: border-box;
    border-collapse: collapse;
}

table.dataTable thead th {
    border-bottom: 2px solid #c8ced3;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #c8ced3;
}

.select2 {
    max-width: 100%;
    width: 100% !important;
}

.select2-selection__rendered {
    padding-bottom: 5px !important;
}

.has-error .invalid-feedback {
    display: block !important;
}

.btn-info,
.badge-info {
    color: white;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none;
}

.sidebar .nav-item {
    cursor: pointer;
}

.btn-default {
    color: #23282c;
    background-color: #f0f3f5;
    border-color: #f0f3f5;
}

.btn-default.focus,
.btn-default:focus {
    box-shadow: 0 0 0 .2rem rgba(209, 213, 215, .5);
}

.btn-default:hover {
    color: #23282c;
    background-color: #d9e1e6;
    border-color: #d1dbe1;
}

.btn-group-xs > .btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.searchable-title {
    font-weight: bold;
}
.searchable-fields {
    padding-left:5px;
}
.searchable-link {
    padding:0 5px 0 5px;
}
.searchable-link:hover   {
    cursor: pointer;
    background: #eaeaea;
}
.select2-results__option {
    padding-left: 0px;
    padding-right: 0px;
}

.form-group .required::after {
    content: " *";
    color: red;
}

.form-check.is-invalid ~ .invalid-feedback {
    display: block;
}

.c-sidebar-brand .c-sidebar-brand-full:hover {
    color: inherit;
}

.custom-select.form-control-sm {
    padding: 0.25rem 1.5rem;
}

.form-control.mobile-number {
    padding-left: 4rem;
}

/*.form-control.password-eye {
    padding-left: 3rem;
}*/

.login-pwd .form-control.password-eye {
    padding-left: .75rem;
    border-radius: 0 0.25rem 0.25rem 0;
}

.login-page .align-items-center {
    display: -webkit-flex;
    min-height: 650px;
/*    height: 650px;*/
}

.pwd {
    position: absolute;
    padding: 8px 30px 8px 20px;
    margin: 2px;
    right: 0;
    z-index: 999;
    background-color: transparent;
}

.change-pwd .pwd {
    margin-top: -32px;
    right: 8px;
}

.pwd:hover {
    cursor: pointer;
}

.hide1 { display:none;}

.w1 { width:120px !important;}
.w2 { width:220px !important;}
/* .container{
    max-width: 90% !important;
} */


/*17-10-23*/
.top-bar{
    background-color: #4c4c4c;
}
.navbar.navbar-light .navbar-toggler {
    color: rgb(255 255 255);
    border-color: rgb(255 255 255);
}
.navbar-nav li a{
    color: #fff !important;
}
.c-header .c-header-toggler {
    color: rgb(0 0 21 / 83%);
    border-color: rgba(0,0,21,.1);
}
.form-group label{
    color: rgb(0 0 21 / 83%) !important;
        font-weight: 500;
}
.datatable th{
    background-color: #d9d9d9;
}
.form-control{
    border-color: rgb(0 0 21 / 39%) !important;
    color: #333 !important;
}
.add-btn-title{
    align-items: center;
}
.padding-left{
    padding-left:15px;
}
.padding-left li{
    list-style: none !important;
}
.card-body h6{
    color: rgb(0 0 21 / 83%) !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-right: 100px;
}
.c-header-nav .c-header-nav-btn, .c-header-nav .c-header-nav-link{
    display: inline !important;
}
.c-header-nav i{
    padding-right: 25px;
}
.card-header h5{
    margin-bottom: 0px!important;
}
.select2-results__options li{
    padding: 0px 10px !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
    padding: 5px 5px !important;
    color: #444;
}
.c-header-nav-item{
    padding: 10px 0px;
}
.social_links .fa {
  padding: 10px;
  font-size: 13px;
  width: 33px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}
.fa-angle-double-left {
  background: #9d9b9b;
  color: white;
}
.social_links .fa:hover {
    opacity: 0.7;
}
.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}
.fa-youtube {
  background: #bb0000;
  color: white;
}
.c-header-nav{
    min-height: 0px;
}
.user_login .show{
    z-index: 3333;
}
.user_login i,
.admin_icon i{
    padding-right: 10px;
}
.select2-container .select2-selection--single{
    height: 33px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    height: 33px;
}
table.dataTable thead th, table.dataTable thead td{
    padding: 10px 18px;
    border-bottom: 1px solid #d1d1d1;
}
.admin_icon .dropdown-item{
    padding: 4px 10px;
}
.carousel-item img{
    width: 100%;
    height: 500px;
}
.c-footer a{
    color:#3a393c;
}
.donor-dashboard,
.po-dashboard,
.ambs-dashboard{
    min-height: 135px
}

.admin_one a i {
    padding-right: 0px;
}
.login_logo{
    width: 150px;
}
.datatable td select:focus-visible,
.datatable td input:focus-visible {
    border: 1px solid #797979 !important;
}
.datatable td select:focus-within,
.datatable td input:focus-within {
    border: 1px solid #797979 !important;
}
.datatable td select:visited,
.datatable td input:visited {
    border: 1px solid #797979 !important;
}

.password-confirm-toggle .password-toggle { cursor: pointer;}

.pwd-new {
    right: 20px;
    position: absolute;
    padding: 8px 25px 8px 10px;
    margin: 2px;
    z-index: 999;
    cursor: pointer;
}
.main_menu{
    padding: 0px;
}
.main_header{
    min-height: 0px;
}
.main_menu i{
    font-size: 14px;
}
.dataTables_length label select,
select option{
    font-size: 14px;
}
.navbar-nav .active {
    background-color: #777;
}
.page-item.active .page-link{
    z-index: 3;
    color: #fff;
    background-color: #636f83;
    border-color: #636f83;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: linear-gradient(to bottom, #58585800 0%, #1110 100%);
    border: 1px solid #1110;
}
input:focus-visible,
select:focus-visible {
    outline: 1px solid #e6e6e6 !important;
}
.select2-selection{
    border-color: rgb(0 0 21 / 39%) !important;
}
.navbar.navbar-light .navbar-toggler-icon {
    background-image: url(../img/fav/bar.png) !important;
}
@media (min-width: 230px) and (max-width: 950px) {
.top-bar{
    padding: 5px 0px;
}
}


h2{
  color:#000;
  text-align:center;
  font-size:2em;
}
.warpper{
  display:flex;
  flex-direction: column;
  align-items: center;
}
.tab{
  cursor: pointer;
  padding:10px 20px;
  margin:0px 2px;
  background:#36422d;
  display:inline-block;
  color:#fff;
  border-radius:3px 3px 0px 0px;
  box-shadow: 0 0.5rem 0.8rem #00000080;
}
.panels{
  background:#fffffff6;
  min-height:200px;
  width:100%;
  border-radius:3px;
  overflow:hidden;
  padding:20px;  
}
.panel{
  display:none;
  animation: fadein .8s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{
  font-size:1.5em;
  font-weight:bold
}
.radio{
  display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel,
#four:checked ~ .panels #four-panel,
#five:checked ~ .panels #five-panel
{
  display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab,
#four:checked ~ .tabs #four-tab,
#five:checked ~ .tabs #five-tab{
  background:#fffffff6;
  color:#000;
  border-top: 3px solid #000;
}
.form-control::placeholder {
  color: #333 !important;
}

.form-control::-ms-input-placeholder {
  color: #333 !important;
}
.card label{
    font-family: 'Open Sans', sans-serif !important;
}
/* 04-01-2024 */
.table td select{
 height: 27px;
}
input[type=checkbox] {
    margin-right: 10px;
}

.error{
 color: red !important;
}