body{ margin:0; padding:0; background-color:#f2f2f2; color:#333; font-family: 'Open Sans', sans-serif; font-size:15px;line-height:1.6;font-weight:400; -webkit-text-size-adjust: 100%;font-style: normal;}
img{ max-width:100%;}

a{color:#333; text-decoration: none;
transition:all 300ms linear;
-webkit-transition:all 300ms linear;
-moz-transition:all 300ms linear;
-o-transition:all 300ms linear;}
a:hover,a:focus{outline:none; text-decoration:none; color:#333333;}


h1,h2,h3,h4,h5,h6{ font-weight:500; margin: 15px 0 15px 0; font-family: 'Roboto Condensed', sans-serif;}
h1{margin: 0 0 15px 0;font-size: 35px;}
h2{margin: 0 0 15px 0;}
h3{margin: 0 0 15px 0;}
.button{ border-radius: 0; padding: 8px 25px;}
.button i{ font-size: 20px;}

.log_wra{}
.full_wh{min-height: 100vh;}
.log_block{ padding: 30px 30px; background: #fff; text-align: center; box-shadow: 0 0.1rem 1rem rgba(0,0,0,.05);}
.log_block .bl{ padding-top: 15px;}
.log_block .hea{ margin: 0 0 15px 0; font-size: 25px; font-weight: 500;}
.log_block .f_g{ margin-bottom: 15px;}
.log_block .form-control{ height: 45px; border-radius: 0;}
.log_block .button{ width: 100%; height: 45px;}

.wel_wra{padding: 30px 0px;}
.wel_wra .f-wh{}
.wel_wra .top_t{ text-align: center;}
.wel_wra .top_t h4{ margin: 0 0 10px 0; font-size: 32px; font-weight: 500;}
.wel_wra .top_t p{margin: 0 0 0 0; font-size: 20px; font-weight: 500; color: #555}

.search{position: relative;box-shadow: 0 0 40px rgba(51, 51, 51, .1);}
.search input{height: 60px;text-indent: 32px;border: 2px solid #b3b3b3; border-radius: 0; padding: 10px 122px 10px 12px;}
.search input:focus{box-shadow: none;border: 2px solid #0d6efd;}
.search .fa-search{position: absolute;top: 20px;left: 16px;color: #bbb;font-size: 20px;}
.search button{position: absolute;top: 5px;right: 5px;height: 50px;
width: 110px;background: #0d6efd; border-radius: 0px; font-size: 18px;}
.ser_b{ margin: 20px 0 30px 0;}
.ser_b.search button{}

.box_w{ padding: 20px 20px; background:#e6fffa; margin: 25px 0 0 0; position: relative; border: 3px solid #9dbfb8; padding-top: 120px;}
.box_w .icon_t{ font-size: 60px; color: #55756f; position: absolute; left: 10px; top: 10px;}
.box_w .title_1{ margin: 0; padding: 0; font-size: 20px; font-weight: 500; color: #2e534c;}
.box_w .link{ display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.box_w .te{ margin: 10px 0 0 0; color: #2f2f2fc9;}

.box_w .boxs{}
.box_w.bo_2{ background: #fef5e5; border: 3px solid #cec3af;}
.box_w.bo_2 .icon_t{color: #a4957b;}
.box_w.bo_2 .title_1{ color: #62553e;}
.box_w.bo_3{ background: #ecf2ff; border: 3px solid #abb7d2;}
.box_w.bo_3 .icon_t{color: #8695b5;}
.box_w.bo_3 .title_1{ color: #3d4e73;}
.box_w.bo_4{ background: #fbf2ef; border: 3px solid #d2bfb9;}
.box_w.bo_4 .icon_t{color: #bfa298;}
.box_w.bo_4 .title_1{ color: #684d43;}

.bot_link{ margin: 35px 0 0 0; text-align: center;}
.bot_link .button{  padding: 12px 35px; background-color: #31a0b1; border-color: #31a0b1; }
.bot_link .button:hover{ background: #222; color: #fff; border-color: #222;}

.ov_panel{ padding: 25px 25px; box-shadow: 0 0 25px rgba(0, 0, 0, 0); margin: 25px 0 0 0; border-radius: 0px; background: #fff;}
.ov_panel .title{font-size: 32px; margin: 0 0 8px 0;padding: 0;font-weight: 400;color: #333;}
.ov_panel .sub{ color: #444;font-size: 17px;}
.over_tab tr th{ width: 190px; font-weight: 600;}
.over_tab tr td{ color: #444;}
.over_tab tr th{ color: #444;}
.ov_panel .bt{ display: inline-block; padding: 5px 8px; border: 1px solid #eee; color: #444; background: #eaeaeac4; margin: 3px 3px;}
.ov_panel .bt.b_1{ background: #ffd7a3; color: #534e49; border-color: #ffd7a3;}

.history_tab{ margin: 0; padding: 10px 0 0 0;}
.history_tab .h_tab{ margin: 0; padding: 0; list-style: none; margin: 0 0px 0 0; display: flex;}
.history_tab .h_tab li{ margin: 5px 5px; flex-grow: 1;}

.history_tab .h_top, .history_tab .s_top{ display: block; padding: 6px 28px; background: #83ceb2; color: #222;
font-weight: 500;}
.history_tab .h_top{padding: 8px 28px; font-weight: 600;}
.history_tab .s_top{ background: #f0f0f0; border: 1px solid #d5d5d5; position: relative; z-index: 1;}
.history_tab .s_top.light{ background: #ffbf00; border-color: #95824b;}
.history_tab .s_top input{position: absolute; opacity: 0; cursor: pointer;}
.history_tab .s_top {}
.history_tab .s_top input:checked ~ .checkmark {
position: absolute; left: -1px; top: -1px; bottom: -1px; right: -1px;
background: #ffbf00;z-index: -1; border: 1px solid #95824b;
}

.panel_1{background: #e5f9e2;}
.panel_1 .title{color: #50624e;}
.panel_1 .over_tab tr th,.panel_1 .over_tab tr td{ background: #fff0; border-color: #6168603d;}

.panel_2{ background: #cbe8f9;}
.panel_2 .title{color: #2a3e4a;}
.panel_3{ background: #dddbf8; margin-top: 25px;}
.panel_3 .title{color: #3c3780;}
.ac_trac{ margin-top: 25px;}
.ac_trac tr{ }
.ac_trac tr td{ background: #ffffff4f; margin: 4px 0px; border: none; border-bottom: 1px solid #ddd; color: #444;}
.ac_trac .can{ display: inline-block; padding: 0px 5px; background: #d90101; color: #fff; border-radius: 5px; font-size: 85%;}
.ac_trac .acti{ display: inline-block; padding: 0px 5px; background: #26b363; color: #fff; border-radius: 5px; font-size: 85%}

.n_panel{ padding: 25px 25px; background: #fff; margin: 25px 0 0 0; border-radius: 0px;}
.n_panel .lef_s{ display: flex; align-items: center;}
.n_panel .lef_s .nam{ font-size: 25px;}
.n_panel .lef_s .id_n{ margin: 0 0 0 15px; background: #ffd7a3; padding: 5px 15px; font-weight: 600; border: 2px solid #ffffff42;}

.n_panel .rig_s .name{ font-size: 17px; font-weight: 500; margin-bottom: 5px;}
.n_panel .rig_s{}
.n_panel .rig_s .ac_l{ display: flex; align-items: center; justify-content: end;}
.n_panel .rig_s .ac_l .but{ margin: 0 0 0 15px;}
.n_panel .rig_s .ac_l .acti{display: inline-block;padding: 0px 5px;background: #26b363;color: #fff;border-radius: 5px; font-size: 14px;}
.n_panel .rig_s .ac_l .can{display: inline-block;padding: 0px 5px;background: #d90101;color: #fff; border-radius: 5px; font-size: 14px;}
.a_over_wra{ padding: 10px 0 40px 0;}
.a_over_wra .title{ font-size: 24px;}

.accounts_table{ margin: 20px 0 0 0;}
.accounts_table .thead-dark .t_header{background: #1e6de3;color: #fff;font-weight: 600;}
.accounts_table .active{color: #00ac4b;font-weight: 600;}
.accounts_table .table td{ border-color: #b5b5b575;}

.uploa_b{ margin: 50px 0 35px 0;}
.uploa_b .title_u{ font-size: 20px; margin: 0 0 20px 0; font-weight: 500; color: #4c6277; text-align: center;}
.upload_b{ margin: 25px 0px; padding: 25px 20px; background: #f1f8ff; border: 2px solid #b4c3d2;}

.imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger{font-family: "Font Awesome 6 Pro";font-weight: 400;}
.imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger:before{content: "\f00d";}
.imageuploadify .imageuploadify-images-list span.imageuploadify-message{font-size: 17px; color: #555;}
.imageuploadify .imageuploadify-images-list{padding: 25px;background: #f9fcff;}
.imageuploadify .imageuploadify-images-list i{margin-top: 0px;}
.imageuploadify{min-height: 327px; border: 2px dashed #a9c3dd;}

.bulk-upload_w .ov_panel .sub{ margin-bottom: 8px; color: #555; font-size: 16px}

.invoice_amount_wra .right_b{ text-align: right;}

.invo_block{ margin: 25px 0 0 0; padding: 35px 20px; background: #fef5e5; color: #756242; border: 2px solid #4d412d4d}
.invo_block .top_sub{ margin: 0 0 20px 0; padding: 0; font-size: 18px; font-weight: 300; text-align: center;}
.invo_block .top_sub .cou{ font-weight: 600;}
.invo_block .mid_t{ text-align: center;}
.invo_block .mid_t h3{ margin: 0 0 8px 0; font-size: 18px; font-weight: 600; text-transform: uppercase;}
.invo_block .mid_t .num_t{font-size: 40px;font-weight: 700;line-height: 1.2}

.invoice_amount_wra .col_bloc:nth-child(2) .invo_block{ background: #e8f7ff; color: #486c80;border-color: #9cbed0;}
.invoice_amount_wra .col_bloc:nth-child(3) .invo_block{ background: #e6fffa; color: #3b7569;border-color: #89b9af;}
.invoice_amount_wra .col_bloc:nth-child(4) .invo_block{background: #fdede8;color: #715046; border-color: #c4a399;}

.invo_block_2{margin: 25px 0 0 0; padding: 35px 20px; background: #ecf2ff; color: #4e679d; border: 2px solid #99aedb; height: calc(100% - 25px);}
.invo_block_2 .ti{ font-size: 25px;}

.invo_tabi .table tr td{ font-size: 17px; color: #333; text-align: right; background: #ffffff6b;}
.invo_tabi .table tr td.pr{ color: #4e679d; font-weight: 600;}
.invo_tabi .table .total_tr td.pro{ font-size: 20px; font-weight: 600; color: #4e679d}
.invo_tabi .table .total_tr td.ti{ font-size: 18px; text-align: right; font-weight: 600;}
.invo_tabi .table .total_tr{ border-top: 1px solid #eee;}

.form_repo{padding: 25px 25px;background: #f0f6ff; border: 2px solid #8699b5; margin: 20px 0 35px 0;}
.form_repo .form_c{ margin: 0 0 10px 0;}
.form_repo .form-control{height: 45px;font-size: 14px;background: #ffffffdb;border: 1px solid #a8b6cc;
  border-radius: 0;}
.form_repo textarea.form-control{ height:210px;}
.form_repo .form_c .button{ width: 100%; margin: 18px 0 0 0;}

.top_text_c{ text-align: center;}

.dataTables_length{ margin: 0 0 15px 0;}
.dataTables_wrapper .dataTables_length select{border: 1px solid #dbdbdb;border-radius: 0px; margin: 0 5px; padding: 4px 6px;}
.dataTables_wrapper .dataTables_filter input{ border-radius: 0px; border: 1px solid #cacaca; margin-left: 6px;}
.dataTables_wrapper .dataTables_paginate{ padding-top: 18px;}

.bg_w{ background: #fff; height: 100%; position: relative; z-index: 1;}
.bg_w:before{ content: ''; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: -2;}

.bulk-upload_w.bg_w:before{ background: #f2f2f2;}

.his_in_wra .right_b{ text-align: right;}
.his_in_wra  .sub{ margin-bottom: 8px;}
.his_in_wra .history_tab{ padding-top: 30px;}

.right_b{ text-align: right;}

.ac_tab_block{ padding: 25px 0 0 0;}

.ac_tab_blo{padding: 25px 25px;margin: 0 0;background: #fff;border: 2px solid #d7d7d7; margin-top: -2px;}

.active_in .ov_panel{ background: #fff; box-shadow: none;}
.ac_tab_block .nav-tabs{border: none;}
.ac_tab_block .nav-tabs .nav-link{margin: 0;padding: 10px 30px;border-radius: 0; border: 2px solid #d7d7d7; background: #fff0; margin-right: 5px; color: #333;font-weight: 600; border-bottom: none;}
.ac_tab_block .nav-tabs .nav-link.active{background: #fff;}

.to_ti{display: flex;}
.to_ti .item{ font-size: 20px; color: #469943; margin: 15px 15px 15px 0;}
.to_ti .item .co{ color: #ffff;background: #09c103;padding: 0px 8px;}
.to_ti .item:nth-child(2){ color: #cc7d28}
.to_ti .item:nth-child(2) .co{background: #fd890d;}

.ac_tab_block .accordion-button{ font-size: 18px; background: #eaf3ff; color: #0d6efd;}
.ac_tab_block .accordion-button.collapsed{color: #364a68;}
.ac_tab_block .accordion-button .badge{ margin-left: 5px;}


.main-header .navbar{
  z-index: 99!important;
  position: absolute!important;
  top: 0px!important;
  right: 0px!important;
  left: 0px!important;
}
.create-new-record .form-group{padding-bottom: 15px;}
header.main-header {
  margin-bottom: 80px;
}
.history_tab .year-class{text-align: center!important; font-size: 20px; font-weight: 800;}
.cancelpackageform{display: contents;}
.reporting-box{height:300px!important;}

@media screen and (min-width: 1091px) {
.all-billing-download-form{
    position: absolute!important;
    bottom: 7%;
    left: 20%;
    width: 72%;
}
}
@media screen and (max-width: 1090px) {
.all-billing-download-form{
 margin-top:30px;
}
}

.dropdown.bootstrap-select.show-tick.form-control.form-select {
    border: 1px solid #dfdada !important;
}