body {
    font-family: 'Montserrat', sans-serif !important;
}
.login-page, .register-page {
    background-color: #FD940A;
    background-image: radial-gradient(circle, #f8f3ed 0%, #fcd498 60%, #f5ae42 100%);
    font-family: "Roboto",sans-serif !important;
}
.login-box, .register-box {
    max-width: 450px;
    width: 100%;
}
.login-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center center !important;
    background-size: cover !important;
    position: relative;
}
.login-logo:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000a6;
}
.login_logo img {
    max-width: 150px;
    position: relative;
    margin-bottom: 20px;
}

.login_logo h4 {
    font-size: 20px;
    letter-spacing: 0.5px;
    font-weight: 600;
    margin: 15px 0px;
    color: #333;
    border-bottom: solid 1px #ffffff54;
    padding-bottom: 15px;
}

.login_logo h2 {
    font-size: 36px;
    font-weight: 700;
    color: #eea710;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    margin: auto;
    white-space: nowrap;
    padding-bottom: 0;
    margin-bottom: 60px;
}

.login_logo h2:before {
    background-color: #fd7e14;
    content: '';
    display: block;
    height: 2px;
    width: 75px;
    margin-bottom: 7px;
}

.login_logo h2:after {
    background-color: #fd7e14;
    content: '';
    display: block;
    margin-left: auto;
    height: 2px;
    width: 75px;
    margin-top: 5px;
}

.login_logo {
    text-align: center;
}

.login-card-body .input-group .form-control, .register-card-body .input-group .form-control {
    padding: 15px;
    height: auto;
    border-radius: 50px;
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}

.login-card-body .input-group .captcha_text .form-control, .register-card-body .input-group .captcha_text .form-control {
    height: 46px;
    margin-bottom: 7px;
    box-shadow: none;
    display: block;
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    font-size: 16px;
    width: 113px;
    border-radius: 50px;
}

.login-card-body .input-group, .register-card-body .input-group {
    margin-bottom: 20px !important;
}

.Contact_admin h4 {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #333;
    text-align: center;
    margin-top: 30px;
}

.Contact_admin h4 a {
    color: #333;
    text-decoration: underline;
}

.captcha_group {
    justify-content: center;
}

.captcha_warp span.captcha-image img {
    width: 100px;
    height: 40px;
    object-fit: contain;
    margin-right: 20px;
    margin-top: 5px;
}

.login-box .input-group label:before,
.register-box .input-group label:before {
    background-color: #fff;
}

.login-box .input-group label:before, .register-box .input-group label:before {
    background-color: #fff;
}

.login-box .lr_footer {
    text-align: center;
}

.login-box .lr_footer button {
    display: inline-block;
    width: auto;
    background-color: #f0a00d !important;
    border: 0;
    border-radius: 50px;
    padding: 8px 25px;
    color: #333;
}

.login-page, .register-page {
    justify-content: flex-start;
}

.login-box .login-logo, .login-box .card {
    width: 100%;
    margin:0;
    box-shadow:none;
    background-color: transparent;
}
.login-card-body, .register-card-body {
    padding: 30px;
    background-color: transparent !important;
}
.login_head h3 {
     color: #000; 
    font-weight: 600;
}
.login_head p {
    font-size: 14px;
}
.btn-primary {
    color: #fff;
    background-color: #f37220 !important;
    border-color: #f37220 !important;
}
a {
    color:#f37220;
}
.login-card-body .input-group .input-group-text, .register-card-body .input-group .input-group-text {
    background-color: #e9edf2;
    color: #3e3d3d;
    border-radius: 0;
    width: 42px;
    font-size: 14px;
    justify-content: center;
}
.form-control {
    height: calc(2.40rem + 2px);
    font-size: 14px;
    font-weight: 500;
    color: #495057;
    border-radius: 0;
}  
.icheck-primary label {
    font-size: 14px;
    font-weight: 500 !important;
}
.lr_footer .btn-primary {
    padding: 8px 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 15px 0px;
}
.forgot_pass a {
    font-size: 14px;
    font-weight: 500;
}
.main-sidebar .brand-link .brand-text {
    display: none;
}
.layout-fixed .brand-link {
    width: 100%;
    display: inline-block;
}
.brand-link .brand-image {
    float: none;
    margin-top: -3px;
    /*max-height: 45px;*/
    max-height: unset;
    max-width: 120px;
    width: auto;
    border-radius: 0;
    opacity: 1 !important;
    margin: 0 auto;
    display: block;
}
.main-sidebar.sidebar-dark-primary {
    background-color: #232323 !important;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #f37220;
    color: #fff;
}
.btn-outline-primary {
    color: #ffffff;
    border-color: #f37220;
    font-weight: 500;
    background-color: #f37220;
    padding: 6px 18px;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #f37220;
    border-color: #f37220;
}
.btn-app>.fa, .btn-app>.fab, .btn-app>.far, .btn-app>.fas, .btn-app>.glyphicon, .btn-app>.ion {
    display: block;
    font-size: 15px;
    margin-bottom: 2px;
}
[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 {
    background-color: rgb(243 118 30);
    color: #fff;
}
.btn-app {
    height: 40px;
    min-width: 40px;
    padding: 5px;
    background-color: #ffffff;
    color: #333;
    font-size: 10px;
    margin: 0 0 2px 2px;
}

.btn-app.btn-edit,.btn-app.btn-edit:hover {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
}
.btn-app.btn-delete,.btn-app.btn-delete:hover {
    background-color: #fb4a4a;
    border-color: #fb4a4a;
    color: #fff;
}
.btn-app.btn-view,.btn-app.btn-view:hover {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff;
}
.nav-sidebar>.nav-item a {
    font-size: 14px;
}
.nav-sidebar>.nav-item .nav-icon {
    font-size: 16px !important;
}
.modal-body h3 {
    font-size: 19px;
    margin: 0;
}
.modal-body table h3{
    margin: 0;
}
.yemm_serachbox .form-control {
    height: calc(2.33rem + 2px);
    border-radius: .25rem;
}
.yemm_serachbox {
    justify-content: flex-end;
}
.main-header.navbar{
    background-color: #fff;
}
.navbar-light .navbar-nav .nav-link {
    color: #343a40;
}
.navbar-nav.nav_right {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
table.table tr th, table.table tr td {
    font-size: 13px;
}
.form-group label {
    font-size: 14px;
    margin-bottom: 4px;
}
.card-footer {
    background-color: transparent;
    padding: 0;
}
.card-footer .btn {
    min-width: 110px;
}
.main_serach .form-group .form-control {
    height: 39px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    font-size:12px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f37220;
    border-color: #f37220;
}
.col-md-12.model_title {
    position: absolute;
    top: -35px;
    max-width: 90%;
    left: 10px;
}
.col-md-12.model_title h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    margin: 0 0 0 45px;
    text-align: center;
}
.vander_dataview ul li .btn.btn-success {
    padding: 2px 7px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}
.modal-header {
    background-color: #f37220;
    padding: 13px 15px;
}
.close, .mailbox-attachment-close {
    opacity: 1 !important;
    color: #fff;
}
.close:hover, .mailbox-attachment-close:hover {
    color: #fff;
}
.vander_dataview ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
}
.vander_dataview ul li {
    width: 33.33%;
    display: flex;
    font-size: 13px;
    border-bottom: solid 1px #ddd;
    padding: 10px 15px;
    border-right: solid 1px #ddd;
    align-items: center;
}
.vander_dataview ul li p {
    margin: 0 0 0 5px;
}
.modal-body.P-0 {
    padding: 0;
}
.specify_other {
    font-size: 13px;
    padding: 8px 20px;
}
.vander_dataview ul li:last-child {
    width: 66.66%;
    border-bottom: 0;
}
.doc_imgswarp {
    font-size: 13px;
    padding: 0px 15px;
    width: 100%;
    margin: 0;
}
.doc_imgswarp .zkit_gall_img {
    border: solid 1px #ddd;
    padding: 2px;
}
.doc_imgswarp p {
    margin:0;
}
.doc_imgswarp .zkit_gall_img img {
    max-height: 100px;
    object-fit: cover;
    width: 100%;
}
.vander_dataview .table h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}
.vander_dataview .table {
    margin: 0;
}
.vander_dataview .table tr td, .vander_dataview .table tr th {
    font-size: 13px;
    border: solid 1px #ddd;
}
.gallery_imgct {
    text-align: center;
    padding: 5px;
    background-color: #fff;
    margin: 15px 0 15px 0;
}
.gallery_imgct p {
    margin: 5px;
    font-size: 13px;
}
.gallery_imgct img {
    width: 100px;
    object-fit: contain;
    height: 70px;
}
.imgSection .editIcon {
    margin-top: 28px;
    margin-bottom:20px;
}
.savedimg_box {
    border: solid 1px #dddd;
    min-height: 140px;
    position: relative;
    margin-bottom: 25px;
}
.pagination {
    margin: 20px 0 15px 0;
}
.pagination .page-link {
    color: #5a5a5a;
}
.pagination .page-item.active .page-link{
    background-color: #f37220;
    border-color: #f37220;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size:14px;
}
.savedimg_box img {
    width: 100%;
    height: 100%;
    min-height: 140px;
}
.savedimg_box .btn-danger {
    font-size: 12px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content:center; 
}
.ItemRemove .btn-danger {
   /* margin-top: 27px;*/
}
button.btn.btn-primary.plus {
    margin-right: 16px;
}
li.w-33 {
    width: 33.33% !important;
}
tr.poAppInvTR {
    background-color: #fd7e14;
    color: #fff;
    border: 0px solid grey;
}
.icheck-primary>input:first-child:checked+input[type=hidden]+label::before, .icheck-primary>input:first-child:checked+label::before {
    background-color: #f3761e;
    border-color: #f3761e;
}
.srDiv {
    max-width: 35px !important;
}
.btn-dark:hover {
    background-color: #f37220;
    border-color: #f37220;
}
.btn-outline-primary:hover{
    background-color: #1d2124;
    border-color: #1d2124;
}
.main_serach .form-group {
    margin: 0;
    position: relative;
}
.main_serach .form-group .btn-dark {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 4px 4px 0;
    width: 55px;
    font-size: 16px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main_serach {
    justify-content: flex-end;
    display: flex;
}
.main_serach .form-group {
    width: 400px;
}
a.btn.btn-primary.export-btn {
    font-size: 14PX;
    margin-right: 5px;
}
/* table top scroll*/
  .wrapper1, .wrapper2{
overflow-x: scroll; overflow-y:hidden;}
.wrapper1{height: 20px; }
.div1 { height: 20px; }
.div2 {overflow: hidden;}
/*end table scroll*/
@media (min-width: 1200px){
    .modal-xl {
        /*max-width: 910px;*/
    }
}
@media (min-width: 1025px){
   .xs_viewlogo {
        display: none;
   }
}
label {
    font-size: 14px;
}
/**==================
    RESPONSIVE CSS
=====================**/
@media (max-width: 767.98px) {
.xs_viewlogo .brand-image {
    max-width: 120px;
}
.navbar-light .navbar-nav .nav-link {
    color: #e9e9e9;
}
.main-header.navbar {
    background-color: #333;
}
.main-header.navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 999;
    box-shadow: 0 0 8px rgb(0 0 0 / 34%);
}
.main-header.navbar ul.navbar-nav {
    width: 28.33%;
}
.small-box h3 {
    font-size: 1.8rem;
    margin: 5px 0 5px 0;
}
.yemm_serachbox .col-sm-12 {
    width: 50%;
}
.yemm_serachbox .col-sm-12.main_serach {
    width: 100%;
    margin-top: 15px;
}
.yemm_serachbox .select2.select2-container {
    width: 100%;
}
.table td, .table th {
    padding: .50rem;
}
.table td.action_btns {
    display: flex;
    flex-wrap: nowrap;
}
.select2-container--default .select2-results__option,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
}
.vander_dataview ul li {
    width: 50%;
    padding: 6px;
}
.col-md-12.model_title h3 {
    margin: 0;
    text-align: left;
    font-size: 16px;
}
.form-group label {
    font-size: 13px;
}
.xs-hide {
    display: none;
}
.form-control {
    font-size: 13px;
}
.form-group {
    margin-bottom: 0.6rem;
}
.content-header h1 {
    font-size: 1.4rem;
    margin: 0;
 }
 .breadcrumb .breadcrumb-item {
    font-size: 12px !important;
}
.btn-app {
    height: 34px;
    min-width: auto;
    font-size: 0;
    margin: 0 0 4px 4px;
    width: 34px;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.btn-app>.fa, .btn-app>.fab, .btn-app>.far, .btn-app>.fas, .btn-app>.glyphicon, .btn-app>.ion {
    font-size: 13px;
}
.btn-outline-primary {
    font-size: 14px;
}
.table .btn-success, .table .btn-danger {
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 4px;
    margin: 0;
}
.icheck-primary.d-inline {
    margin-right: 10px;
}
.table .btn-default {
    font-size: 13px;
    padding: 5px 8px;
    margin: 0 2px 2px 0;
    line-height: 16px;
}
.col-md-1.ItemRemove {
    margin-bottom: 15px;
}
.sidebar-mini.sidebar-collapse .main-sidebar {
    top: 63px;
}
.main-sidebar.sideshow {
    margin-left: 0;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(255 255 255 / 95%);
}
.close_icon>.fa-bars:before {
    content: "\f00d";
    color: #f69217;
}
.nav-sidebar>.nav-item a {
    font-size: 13px;
}
label {
    font-size: 13px;
}
.login-box, .register-box {
    width: 90%;
    flex-direction: column-reverse;
    border-radius: 4px;
    overflow: hidden;
}
.login-box .login-logo, .login-box .card {
    width: 100%;
}
.login-box .login-logo {
    padding: 30px;
}
.login_head h3 {
    font-size: 24px;
}
.vander_dataview ul li .btn {
    padding: 3px 8px;
    font-size: 12px;
    border-radius: 2px;
}
.vander_dataview ul li:last-child {
    width: 100%;
}
.excel_btns .btn {
    margin-top: 15px;
    font-size: 14px;
}
.netpay_foot .w-60 {
    width: 60%;
}
table.table.netpay_foot {
    margin-top: 10px;
}
p {
    font-size: 14px;
}
.card-body {
    padding: 1rem;
}
.h3, h3 {
    font-size: 1.2rem;
}
.vander_dataview ul li,.vander_dataview ul li p {
    font-size: 13px;
}

}
.modal_summary table.table:nth-child(even) tr th, .modal_summary table.table:nth-child(even) tr td {
    background-color: #f7f7f7;
    border-color: rgb(0 0 0 / 21%);
}
table.table.summary_data + table.table.summary_data {
    margin-top: 15px;
}
.modal_summary h4,.h4_hadding {
    padding: 15px 0;
    line-height: normal;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
}

/*pawan style start*/

.btn-app {
    height: 34px;
    min-width: auto;
    font-size: 0;
    margin: 0 0 4px 4px;
    width: 34px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.btn-app>.fa, .btn-app>.fab, .btn-app>.far, .btn-app>.fas, .btn-app>.glyphicon, .btn-app>.ion {
    font-size: 13px;
}

td.action_btns {
    display: flex;
    align-items: center;
    justify-content: center;
}

.add_flight_contant h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

.add_flight_contant h2 {
    font-size: 16px;
    margin-bottom: 15px;
}

.remRow_box {
    margin-bottom: 1rem;
}

#typeElementRes>.row {
    margin: 0;
}

#typeElementRes .row {
    align-items: end;
}

.row.newGD.Goods {
    align-items: center;
}

.cid {
    font-size: 12px;
    font-weight: 400;
}

.edit_file_hed h3 {
    font-size: 18px;
}

.edit_file_hed p {
    font-size: 16px;
    color: #686868;
}

.per_order_add button {
    margin-top: 28px;
}

#bank_account_holder label {
    line-height: 1.2;
}

.id_proof,
.booking_disclaimer,
.booking_attachments,
.course_expense_box{
    background-color: #fff;
    padding: 25px;
    margin: 13px 0;
    border-radius: 10px;
    padding-bottom: 15px;
    box-shadow: 2px 2px 5px #00000017;
    display: inline-block;
    width: 100%;
}

.vander_dataview {
    background-color: #e7e8eb;
    padding: 25px;
    margin-bottom: 20px;
}

.booking_disclaimer {
    margin-top: 5px;
}

.add_flight_booking {
    background-color: #e7e8eb;
}

.booking_attachments h3 {
    font-size: 18px;
}

.booking_attachments {
    margin-bottom: 25px;
}

.amt_datlwarp .row.col-md-12 {
    align-items: end;
}

.amt_datlwarp .plus {
    margin-bottom: 1em;
}

#modal-body {
    width: 100%;
}

#modal-body>.row {
    margin: 0;
}

.vander_dataview h3 {
    font-size: 17px;
    margin: 0;
}

.high_light_sec {
    background-color: #7cacdd;
    padding: 10px 20px;
    border-radius: 10px;
    margin: 0;
    width: 100%;
}

.high_light_sec label {
    color: #fff;
}

.nav-pills.nav-sidebar {
    padding-bottom: 50px;
}

.course_expense_box .h4_hadding {
    padding-top: 0;
}

.id_proof_label {
    align-items: end;
}

.id_proof_label .form-group {
    margin: 0;
}

.vander_dataview .table-responsive {
    margin-bottom: 25px;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
}

.approve_form_cnt .vander_dataview {
    padding: 0 10px;
    margin-bottom: 0;
}

.approve_form_cnt .table-responsive {
    margin-bottom: 25px;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: auto;
}

.approve_form_cnt .table-responsive table {
    margin: 0;
}

.nature_label .form-group {
    margin-bottom: 0;
}

.nature_label button.plus {
    margin: 0;
    margin-left: 12px;
    position: relative;
    top: -12px;
}

.invoice_item_view p {
    font-size: 14px;
    color: #505050;
}

.invoice_item_view p strong {
    color: #000;
}

#orDate p,
.invoice_item p {
    font-size: 14px;
    color: #606060;
}

#orDate p br {
    display: none;
}

#orDate p strong,
.invoice_item p strong{
    color: #000;
}

.appr_btn i {
    font-size: 22px;
}

.mobile_labels label {
    display: none;
}

.appr_btn button {
    font-size: 0;
    min-width: 50px !important;
    margin: 5px;
}

.small-box {
    background-color: #fff !important;
    color: #000 !important;
    padding: 25px;
    box-shadow: 0px 2px 5px #00000024;
    border-radius: 20px;
    padding-bottom: 50px;
}

.small-box:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #ffc107;
    position: absolute;
    bottom: 20px;
    left: 50%;
    border-radius: 100%;
}

.small-box.bg-info:before {
    background-color: #17a2b8;
}

.small-box.bg-danger:before {
    background-color: #dc3545;
}

.small-box.bg-success:before {
    background-color: #28a745;
}

.small-box:after {
    content: "";
    width: 40%;
    height: 5px;
    position: absolute;
    left: 12%;
    bottom: 22px;
    background-image: linear-gradient(90deg, #ff000000, #ffc107);
}

.small-box.bg-info:after {
    background-image: linear-gradient(90deg, #ff000000, #17a2b8);
}

.small-box.bg-danger:after {
    background-image: linear-gradient(90deg, #ff000000, #dc3545);
}

.small-box.bg-success:after {
    background-image: linear-gradient(90deg, #ff000000, #28a745);
}

.small-box .inner {
    display: flex;
    flex-direction: column-reverse;
    padding: 0;
}

.small-box .inner h3 {
    font-size: 18px;
    color: #333;
}

.small-box .inner p {
    font-size: 14px;
    font-weight: 400;
    color: #979797;
    margin-bottom: 10px;
} 

.small-box .icon i {
    color: #333;
    font-size: 30px !important;
    right: 30px;
    top: 30px !important;
}

.small-box a.small-box-footer {
    background-color: transparent !important;
    color: #f37220 !important;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 0;
}

.small-box.bg-warning .icon i {
    color: #ffc107!important;
}

.small-box.bg-info .icon i {
    color: #17a2b8!important;
}

.small-box.bg-danger .icon i {
    color: #dc3545!important;
}

.small-box.bg-success .icon i {
    color: #28a745!important;
}

.mobile_show {
    display: none;
}

.main_serach {
    justify-content: start;
}

.claim_type_tbl .btn.btn-default {
    font-size: 14px;
    margin: 2.5px;
}

.course_expense_box.inv_div label {
    margin-top: 10px;
}

.datepicker table tr td, .datepicker table tr th {
    font-size: 13px;
}

.datepicker i {
    font-size: 13px;
}

.card-footer.appr_btn {
    text-align: center;
}




@media (max-width: 767.98px) { 
    
    .navbar-expand .navbar-nav .nav-link {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 14px;
        font-weight: 500 !important;
    } 
    
    .imgSection .editIcon {
        margin-top: 5px;
    }   
    
    #bank_account_holder {
        margin-bottom: 10px;
    }
    
    .pagination {
        max-width: 100%;
        overflow: auto;
    }
    
    .per_order_add button {
        margin-top: 5px;
        margin-bottom: 20px;
    }
    
    .content-header h1 {
        font-size: 20px;
        margin: 0;
    }
    
    .vander_dataview ul li {
        width: 100% !important;
        padding: 5px;
        overflow: auto;
    }
    
    .add_flight_contant h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .layout-fixed .main-sidebar {
        padding-bottom: 80px;
        overflow: auto;
    }
    
    .btn.add_morebtn {
        position: initial !important;
        margin-bottom: 20px;
    }
    
    .add_flight_contant h3 {
        font-size: 16px;
    }
    
    .id_proof,
    .booking_disclaimer,
    .booking_attachments,
    .course_expense_box {
        padding: 15px;
        margin: 10px 0;
        padding-bottom: 10px;
    }
    
    .booking_attachments h3 {
        font-size: 15px;
    }
    
    .card-title {
        font-size: 16px;
    }
    
    .vander_dataview {
        padding: 15px;
    }
    
    .vander_dataview ul li {
        padding: 8px;
    }
    
    .amt_datlwarp {
        padding: 0;
    }
    
    .amt_datlwarp .row.col-md-12 {
        padding: 0;
        margin: 0; 
    }
    
    .request_table {
        width: 100%;
        overflow: auto;
    }
    
    .request_table table {
        width: 850px;
    }
    
    #typeElementRes {
        padding: 0;
    }
    
    span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }
    
    #CourseIdData {
        width: 100%;
        overflow: auto;
    }
    
    table.table.summary_data tr th {
        font-size: 12px;
    }
    
    .AlreadyPaidView .text-center.mt-2 {
        margin: 5px 0 !important;
    }
    
    .card-body {
        padding: 10px;
    }
    
    .vander_dataview .table-responsive {
        overflow: auto;
    }  
    
    .vendor_excel_cnt .btn, .vendor_excel_cnt input {
        margin: 5px 0;
    } 
    
    .course_expense_table {
        width: 100%;
        overflow: auto;
    }
    
    .row.col-md-12.imgSection {
        margin: 0;
        padding: 0;
    }
    
    .high_light_sec {
        padding: 10px;
    }
    
    .Net_Payable td {
        width: 50%;
    }
    
    .po_invoice_table {
        width: 100%;
        background-color: #fff;
        padding: 12px;
        border-radius: 10px;
    }
    
    .yemm_serachbox .col-sm-12.col-md-3 {
        width: 100%;
    }
    
    .yemm_serachbox .col-sm-12.col-md-3 input.form-control {
        margin-bottom: 10px;
    }
    
    .yemm_serachbox .col-sm-12.main_serach {
        margin-top: 0px;
    }
    
    .id_proof>.col-md-11 {
        padding: 0;
    }
    
    .appr_btn button {
        font-size: 0px;
        min-width: auto !important;
    }
    
    .appr_btn i {
        display: inline-block;
    }
    
    .mobile_labels label {
        display: inline-block;
    } 
    
    .dastop_labels {
        display: none;
    }
    
    .mobile_show {
        display: block;
    }
    
    .nature_label button.plus {
        margin: 10px 0;
        margin-left: 7.5px;
        position: relative;
        top: 0;
    }
    
    .bluck_tbl {
        width: 94%;
        overflow: auto;
        margin: auto;
    }
    
    .paymnt_app_ct>div {
        margin-bottom: 10px;
    }
               
    .card-footer.appr_btn {
        display: block;
        text-align: center;
        width: 100%;
    }            
  
    
}

/* Preloader container */
.preloader {
  position: fixed; /* Fix the preloader to the screen */
  top: 0;
  left: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgba(255, 255, 255, 0.8); /* Optional: Light semi-transparent background */
  display: flex;
  justify-content: center; /* Centers content horizontally */
  align-items: center; /* Centers content vertically */
  z-index: 9999; /* Makes sure it's on top of other elements */
  visibility: hidden; /* Initially hidden */
}

/* Optional: For shake animation */
.animation__shake {
  animation: shake 1s ease-in-out infinite;
}

/* Shake animation keyframes */
@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-10px); }
  50% { transform: translateX(10px); }
  75% { transform: translateX(-10px); }
  100% { transform: translateX(0); }
}

/* Preloader spinner animation */
.spinner {
  border: 8px solid #f3f3f3; /* Light background for the spinner */
  border-top: 8px solid #3498db; /* Blue color for the spinning part */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite; /* Continuous rotation */
}

/* Spinner animation keyframes */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* If you are using the preloader image (e.g., AdminLTE logo) */
.preloader img {
  max-width: 100%;
  max-height: 100%;
}

/* Show the preloader when it has the 'active' class */
.preloader.active {
  visibility: visible;
}

/* Optional: Fade-in/out effect for the preloader */
.preloader.fade-in-out {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.preloader.fade-in-out.active {
  opacity: 1;
}

/* Center text or elements inside the preloader */
.preloader p {
  font-size: 1.2rem;
  color: #3498db;
  margin-top: 10px;
  font-weight: bold;
  text-align: center;
}

.sorting_sec {
    display: inline-block;
    float: right;
}
.sorting_sec a {
    display: block;
    line-height: 1;
}

.cout_table thead label {
    display: flex;
}

.cout_table thead label input {
    margin-right: 6px;
}