body {
    font-size: 14px;
    }
    .login-bg{
        background-image: url('../img/login_bg.jpg');
      
    }
    .d-block{
        display: block;
    }
    .logo_size{
        width:50%;
    }
    .btn-ogate{
        color: #fff;
    background-color: #ff474c;
    border-color: #ff474c;
    }
    .btn-ogate:hover
    {
        color: #fff;
    background-color: #ff474c;
    border-color: #ff474c;
    }
    .card-primary:not(.card-outline)>.card-header {
        background-color: #343a40 !important;
    }
    .card-primary:not(.card-outline)>.card-header a.active {
        color: #1f2d3d;
        font-weight: 600;
    }
    .card-primary:not(.card-outline)>.card-header, .card-primary:not(.card-outline)>.card-header a {
     
        font-weight: 600;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        
        background-color: #e7e7e7 !important;
      
    }
    .switch {
        display: inline-block;
        position: relative;
        width: 50px;
        height: 25px;
        border-radius: 20px;
        background: #dfd9ea;
        transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
        vertical-align: middle;
        cursor: pointer;
    }
    .switch::before {
        content: '';
        position: absolute;
        top: 1px;
        left: 2px;
        width: 22px;
        height: 22px;
        background: #fafafa;
        border-radius: 50%;
        transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .switch:active::before {
        box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1);
    }
    input:checked + .switch {
        background: #72da67;
    }
    input:checked + .switch::before {
        left: 27px;
        background: #fff;
    }
    input:checked + .switch:active::before {
        box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,150,136,0.2);
    }
    table{
        vertical-align: middle;
    }
    /* search btn */
    .input-elevated{
        font-size: 16px;
        line-height: 1.5;
        border: none;
        background: #FFFFFF;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path fill='%23838D99' d='M13.22 14.63a8 8 0 1 1 1.41-1.41l4.29 4.29a1 1 0 1 1-1.41 1.41l-4.29-4.29zm-.66-2.07a6 6 0 1 0-8.49-8.49 6 6 0 0 0 8.49 8.49z'></path></svg>");
        background-repeat: no-repeat;
        background-position: 10px 10px;
        background-size: 20px 20px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
        border-radius: 5px;
        width: 100%;
        padding: .5em 1em .5em 2.5em;
        } 
        
        .input-elevated::placeholder{
          color: #838D99;
        }
        
        .input-elevated:focus {
          outline: none;
          box-shadow: 0 4px 10px 0 rgba(0,0,0,0.16);
        }
    
        button.btn-blues {
            font-size: 14px;
            background: #0e4980;
            color: white;
        }
        .page-item.active .page-link {
            z-index: 3;
            color: #fff;
            background-color: #343a40 !important;
            border-color: #343a40 !important;
        }
        .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
            background-color: #ffffff !important;
            color: #ff474c !important;
           
        }
         .nav-link.active .menu_icon{
        
            fill:#ff474c !important;
           
        }
        
        .table td, .table th {
         
            font-size: 15px;
        }
        div.dataTables_wrapper div.dataTables_info {
        
            font-size: 15px;
        }
        .nav-sidebar .nav-item>.nav-link {
       
            color: white;
        }
        .header-alignment{
            align-items: center;
        }
        .header-alignment h4{
            font-weight: 700;
        }
        /* .form-control {
        
            height: calc(2.25rem + 10px) !important;
        } */

        .form-control {
            height: 40px !important;
          }
        /* .custom-file-input:lang(en)~.custom-file-label::after {
            content: " Choose file" !important;
           
        } */

        .custom-file-input:lang(en)~.custom-file-label::after {  content: "\f030  Choose Image" !important;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }
        
        .custom-file-input {
        
            height: calc(2.25rem + 10px) !important;
        }
        .custom-file-label {
            height: calc(2.25rem + 10px) !important;
        }
        .custom-file-label::after {
         
            top: 2px !important;
            right: 4px !important;
            background-color: #C8C1C1 !important;
    
       
        }

        .custom-file-input:lang(en)~.custom-file-label::after {
            content: "Browse";
            height: 33px!important;
        }
        .custom-file-label {
            padding: 9px 9px 5px;
        }
       
        .form-control-text {
            display: block;
            width: 100%;
            height:auto;
            padding: .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: .25rem;
            box-shadow: inset 0 0 0 transparent;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        }
        .header-alignment p{
            margin-bottom: 10px !important;
        }
        .data-view {
            font-size: 15px;
            display: block;
        }
        .btn-padding 
        {
            padding: 8px 38px !important;
        }
        .searchBox{
            display: flex;
            gap: 9px;
            justify-content: end;
            align-items: center;
        }
        .btn-blues:hover{
            color:#ffffff !important;
        }
        .svg_icons {
            width: 22px;
            margin-top: -4px;
            margin-right: 10px;
        }
        .swal2-title{
            text-align: center !important;
        }
        .swal2-popup.swal2-toast .swal2-actions {
            justify-content: center !important;
        
        }
        .swal2-popup.swal2-toast .swal2-title {
          
            text-align: center !important;
        }
        .swal2-popup.swal2-toast .swal2-html-container{
           text-align: center !important;
        }
        .btn-back svg {
            width: 11px;
            fill: rgb(255, 255, 255);
            margin-right: 10px;
            margin-top: -5px;
        }
        .alert-success-light {
            color: #155724;
            background-color: #d4edda;
            border-color: #c3e6cb;
        }
        
        .alert-new {
            position: relative;
            padding: .75rem 1.25rem;
            margin-bottom: 1rem;
            border: 1px solid transparent;
            border-radius: .25rem;
        }
        .custom-alert {
            font-size: 14px;
            padding: 4px 15px;
            border-radius: 13px;
        }
        .custom-success {
            background: #ddfaea;
        }
        .custom-danger
        {
            background-color: #FFA1C1;
        }
        .custom-reject
        {
            background-color: #FF8F8F;
        }
        .custom-active
        {
            background-color: #77FEB3;
        }
        .sub-title{
        
            font-size: 21px;
            font-weight: 700;
            margin-top: 16px;
        }
        .form-title {
            font-size: 19px;
            font-weight: 700;
            margin-bottom: 20px;
            border-bottom: 1px dashed #ccc;
            padding-bottom: 11px;
        }
        .svg_icons_sub{
            width: 15px;
            margin-right:10px;
            margin-top:-5px;
        }
        label:not(.form-check-label):not(.custom-file-label) {
             font-weight: 600 !important; 
        }
       .check-box-mr-2 {
            margin-right: 15px;
            margin-bottom: 18px;
            display: inline-block !important;
        }
        /* upload image */
        .upload__box {
            display: flex;
        flex-wrap: wrap;
        gap: 15px;
          }
          .upload__inputfile {
            width: 0.1px;
            height: 0.1px;
            opacity: 0;
            overflow: hidden;
            position: absolute;
            z-index: -1;
          }
          .upload__btn {
            display: inline-block;
            font-weight: 600;
            color: #fff;
            text-align: center;
            min-width: 116px;
            padding: 5px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: 2px solid;
            background-color: #767679;
            border-color: #767679;
            border-radius: 10px;
            line-height: 26px;
            font-size: 14px;
          }
          .upload__btn:hover {
            background-color: unset;
            color: #000000;
            transition: all 0.3s ease;
          }
          .upload__btn-box {
            margin-bottom: 10px;
          }
          .upload__img-wrap {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -10px;
          }
          .upload__img-box {
            width: 95px;
            padding: 0 10px;
            margin-bottom: 12px;
            border-radius: 15px;
          }
          .upload__img-close {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: rgba(0, 0, 0, 0.5);
            position: absolute;
            top: 9px;
            right: 10px;
            text-align: center;
            line-height: 14px;
            z-index: 1;
            cursor: pointer;
          }
          .upload__img-close:after {
            content: "✖";
        font-size: 8px;
        color: white !important;
          }
          
          .img-bg {
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            position: relative;
            padding-bottom: 100%;
            border-radius: 10px;
            border: 1px dashed #039f03;
          }
          .svg-title-icons {
            width: 25px;
            margin: -4px 10px 0px 0px;
            fill: #ff474c;
        }
        .view-img_box img {
            width: 100px;
            height: 67px;
            border-radius: 8px;
        }
        .view-img_box {
            display: flex;
            gap: 10px;
            justify-content: start;
            flex-wrap: wrap;
        }
        .profile_img {
            width: 120px;
            height: 120px;
        }
        .profile_img img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 13px;
        
        }
        .view_profile {
            display: flex;
            justify-content: start;
            gap: 30px;
            flex-wrap: wrap;
        }
        .menu_icon{
            fill:#ffffff;
        }
        [class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
        
            width: 100% !important; 
        }
        .nav-sidebar .nav-item>.nav-link {
          
            width: 100% !important;
        }
        [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-treeview {
            background-color: #c929293d !important;
        }
        
        .menu_icon {
            width: 23px;
            margin-top: -3px;
        }
        .user-image{
            width:40px !important;
            height:40px !important;
        }
        .user-text{
            font-size: 13px;
            font-weight:600;
        }
        .sidebar-mini .nav-sidebar, .sidebar-mini .nav-sidebar .nav-link, .sidebar-mini .nav-sidebar>.nav-header {
            white-space: nowrap;
            padding-left: 7px;
            padding-right: 7px;
        }
    
        .mobile-bar{
            display: none !important;
        }
    
        .bg-light-green{
            background-color:#D9FFFA !important;
        }
        .bg-light-red{
            background-color:#FFDFDF !important;
        }
        .bg-light-purple{
            background-color:#E3E3FF !important;
        }
        .bg-light-yellow{
            background-color:#FFF9CC !important;
        }
        .bg-light-orange{
            background-color:#FEDFC6 !important;
        }
    
    .dashboard-icons svg {
        width: 30px;
        fill:#000000;
    }
    .dashboard-icons{
        background:#ffffff;
    }
    .info-box-text{
        font-weight:600;
    }
    .card-header.setting-heaader {
      
        background-color: #EDF2F7;
        font-weight: 600;
    }
    
        @media screen and (min-width:320px) and (max-width:992px){
            .mobile-bar{
                display: block !important; 
            }
        }
        @media screen and (min-width:320px) and (max-width:750px) {
            .searchBox{
                margin-top:10px;
                flex-wrap:wrap;
            }
        }
        .login-card-body {
            background-color: #ffffff00!important;
            
        }
        .login-box .card, .register-box .card {
            margin-bottom: 0;
            border-radius: 20px;
        }