/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */


main > .container {
  padding: 60px 15px 0;
  font-family: 'Open Sans', sans-serif;
}

.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.form-control-dark {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: var(--bs-gray);
}
.form-control-dark:focus {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: #fff;
  box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}
.center {
    text-align: center;
}

.text-small {
  font-size: 85%;
}

.dropdown-toggle {
  outline: 0;
}

.inf_user {
    color: #2b2b2b;
}
.user_info {
    display: flex;
    align-items: center;
}
.inf_user {
    margin-left: 10px;
    font-size: 18px;
    font-weight: 500;
}
.b_logut {
    border: 1px solid #2b2b2b;
    color: #2b2b2b;
    border-radius: 0px;
    padding: 10px 55px;
}
.top_bl {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #558B2F;
  color: #FFF;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.nav_button {
    background:#558B2F;
    border-radius: 0px;
    text-transform: uppercase;
}

.s_button {
    background:#558B2F;
    border-radius: 0px;
    text-transform: uppercase;
}
.block_s_tender {
    display: flex;
    align-items: center;
    padding-top: 10px;
}
.input_s {
    min-width: 89%;
}
.button_s {
    max-width: 9%;
    padding-left: 10px;
}
.input_s input {
    max-height: 47px;
}
.admin_p {
    padding-top: 15px;
}

.button_add_tender {
    background:#6DC8EB;
    border-radius: 0px;
    text-transform: uppercase;
}
.filter_admin_button {
    display: flex;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 5px 0px;
}
.filter_admin_button div {
    margin-right: 10px;
    padding: 10px 0px;
}
.varification {
    text-align: center;
    padding: 25px;
}
#group_tender_div .group_tender {
    height: 85px;
}
.top_bl_info_tender {
    background: #F0F5F2;
    padding: 25px;
    display: flex;
    justify-content: space-between;
}
.top_bl_info_tender p {
    margin-bottom: 0px;
}

.top_bl_info_tender .b1 {
    color:#454545;
    font-size: 30px;
    max-width: 69%;
    font-weight: 300;
}
.top_bl_info_tender .b2 {
    padding: 15px;
    max-width: 30%;
}
.b2 .bl_contact {
    background: #FFF;
    padding: 15px;
    text-align: center;
}
.bio {
   color: #599A4F;
   font-size: 18px;
}

.p_vartist {
    color: #599A4F;
    font-size: 14px;
    margin-bottom: 0px;
}
.p_vartist_price {
    color: #599A4F;
    font-size:40px;
    margin-bottom: 0px;
}
.div_vartist {
    text-align: right;
    margin-top: 25px;
}
.p_name_contact {
    color:#454545;
    font-size: 32px;
}
.bsp {
    color: #454545;
    font-size: 36px;

}
.bsps {
    color: #454545;
    font-size: 32px;
    padding: 15px 0px;
}
.block_info_title {
    font-weight: 500;
    width: 628px;
}
.block_info_flex {
    display: flex;
    color:#454545;
    padding-top: 25px;
}

.add_prop_button {
    background: #6DC8EB;
    color: #FFF;
    padding: 10px 15px;
    border: 0px;
}
.block_tender {
    padding-bottom: 35px;
}
.date_time {
    color: #000000;
    font-size: 19px;
    font-weight: 500;
}
.info_top_prop {
    border: 1px solid #CCC;
    padding: 10px 15px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    margin: 15px 0px;
}
.back_tender a {
    color: #000000;
    font-size: 16px;
    text-decoration: none;
}

.title_prop {
     font-family: 'Inter', sans-serif;
     font-size: 35px;
     font-weight: 500;
     margin: 15px 0px;
}
.title_tender {
    font-size: 16px;
    color: #000000;
    font-family: 'Inter', sans-serif;
    margin: 15px 0px;

}
.company_prop {
    border: 1px solid #54A3D5;
    border-radius:10px;
    padding: 15px 25px;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    margin: 15px 0px;
}
.company_prop span {
    font-size: 18px;
}
.doc_title {
    font-size: 19px;
    color: #000000;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}

.drop_document {
    border: 1px solid #EBEBEB;
    border-radius:10px;
    padding: 15px 25px;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    text-align: center;
    font-family: 'Inter', sans-serif;
    margin: 15px 0px;
}
.block_info_prop_flex {
    display: flex;
    align-items: center;
}
.block_info_title_prop {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    width: 465px;
    margin: 10px 0px 10px 0px;
}
.block_info_title_prop_tender {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    width: 400px;
    margin: 0px 0px 0px 0px;
}
.block_percent, .block_days, .block_postavka {
    display: flex;
}
.block_percent div, .block_days div, .block_postavka  div{
    margin: 10px;
    padding: 10px;
    cursor: pointer;
}
.tender_prop .block_percent div {
    margin:5px;
    padding: 5px;
}

.active_percent {
    background: #54A3D5;
    color: #FFF;
    border-radius: 10px;
    cursor: pointer;
}
.succes_file {
    display: none;
    text-align: center;
    padding: 15px;
}

.upload_file_prop {
    background: #6DC8EB;
    color: #FFF;
    padding: 10px 15px;
    border: 0px;
}

.input_prop {
    width: 500px;
}
.stavka_prop {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    margin: 15px 0px;
}
.dv_1 {
    margin-bottom: 15px;
    font-size: 16px;
    color: #000000;
    font-weight: 600;
}

.block_button_prop {
    display: flex;
}

.add_file_send,  .save_propozition  {
    border: 1px solid #22B14C;
    color: #22B14C;
    border-radius: 5px;
    padding: 10px;
}
.cancel_prop {
    margin-left: 10px;
}
.dia a {
    color: #22B14C;
}
.hidden_input {
    display: none;
}
.right_block {
    display: flex;
    align-items: center;
}

.right_block .inbox, .right_block  .notification, .right_block .company_setting, .right_block .user_setting {
    color:#558b2f;
    font-size: 30px;
    padding: 0 11px;
    position: relative;
    cursor: pointer;

}
.count_inbox, .count_notofication {
    font-size: 15px;
    background: #DDD;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50px;
    line-height: 24px;
    position: absolute;
    top: 0px;
    left: -5px;
}
.green_link {
    text-decoration: none;
    color: #006600;
}
.top_central_button {
    padding-bottom: 15px;
}
.base_rases_one {
    background: #e7e7e7;
    border: 2px solid #D0D4DC;
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0px;
    display: flex;
    justify-content: space-between;
}
.base_rases_one1 {
    background: #FFF;
    border: 2px solid #D0D4DC;
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0px;
    display: flex;
    justify-content: space-between;
}
.base_rases_one2 {
    background: #FFF;
    border: 2px solid #D0D4DC;
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0px;
    display: flex;
    justify-content: space-between;
}

.base_rases_one3 {
    background: #FFF;
    border: 2px solid #D0D4DC;
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0px;
    display: flex;
    justify-content: space-between;
}

.base_rases_one4 {
    background: #e7e7e7;
    border: 2px solid #D0D4DC;
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0px;
    display: flex;
    justify-content: space-between;
}

.poch_stavki_p {
    font-weight: 600;
}

.past_round img {
    width: 40px;
}
.base_rases_one_vn1, .base_rases_one_vn2, .base_rases_one_vn3, .base_rases_one_vn4 {
    display: flex;
    align-items: center;
}
.base_rases_one_vn1 p, .base_rases_one_vn2 p, .base_rases_one_vn3 p, .base_rases_one_vn4 p {
    margin-bottom: 0px;
}
.name_uch {
    padding-left: 15px;
}



.base_rases_one_vn5 {
    background: #F2F2F2;
    width: 324px;
    height: 54px;
    font-size: 22px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}
.curr_rases_one {
    color:#333333;
    font-size: 14px;
}
.rates_st1 {
    width: 40px;
    height: 41px;
    border-radius: 50px;
    border:2px solid #2b2b2b
}
.add_rates {
    background: #22B14C;
    color: #FFF;
    padding: 15px;
    border-radius: 5px;
    border:2px solid #22B14C;

}
.clear_rates {
    border:2px solid #22B14C;
    color:  #22B14C;
    padding: 15px;
    border-radius: 5px;
    margin-left: 10px;

}
.rates_panel {
    background: #FAFCE1;
    border: 2px solid #D0D4DC;
    display: flex;
    padding: 15px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;

}
.rates_panel_bottom {
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-top: 10px;
}
.stavka_oo {
    padding-bottom: 10px;
}
a {
    text-decoration: none;
    color:#558b2f;
}
.opus_edit {
    height: 150px !important;
}
.date_u {
    border: 1px solid #22B14C;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 5px;
    width: 205px;
}
.one_propozition {
    display: flex;

}
.one_propozition div {
    padding: 5px;
}
.past_date {
    background: #CCC;
    border: 1px solid #CCC;
}
.dia {
    font-size: 20px;
}
.cur_status {
    display: none;
    color: #009900;
}
.add_propozition_body {
    margin-bottom: 50px;
}
.all_setting {
    width: 300px;
    margin: 0 auto;

}
.all_setting div {
    padding: 5px;
}
.alert_rates {
    display: none;
    color: #FFF;
    padding: 5px;
    margin: 0 0 10px 0;
    text-align: center;
}
.error_rates {
   background: red;
}

.good_rates {
   background: #009900;
}
.fixed_rates {
    position: fixed;
    bottom: 0;
    width: 1280px;
}
.bottom_cont {
    padding-bottom: 150px !important ;
}
.fixed_rates {
    display: none;
}
.add_corporate_company {
    width: 300px;
    margin: 0 auto;
}
.hidden_custom {
    display: none;
}
.user_status {
    width: 150px;
}
.remove_button {
    color: #CC0000;
    cursor: pointer;
}
.cancel_prop {
    border: 1px solid #CC0000;
    color: #CC0000;
    border-radius: 5px;
    padding: 10px;
}

#drop_zone {
    display: flex;
    align-items: center;
    justify-content: center;
}

        #drop_zone {
            width: 100%;
            height: 200px;
            border: 2px dashed #ccc;
            text-align: center;
            padding: 10px;
            box-sizing: border-box;
            cursor: pointer;
            border-radius: 10px;
            margin-top: 15px;
        }

        #file_list {
            margin-top: 20px;
        }

        .file_item {
            margin-bottom: 5px;
        }

        .file_item button {
                margin-left: 5px;
            background: transparent;
            border: 0;
            cursor: pointer;
        }
.l_button {
    border: 0;
    background: #0d6efd;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.dv_2 {
    width: 85px;
}

.dv_4 {
    width: 115px;
}
.dv_6 {
    width: 50px;
}
.all_lot, .header_lotu, .header_list_company {
    display: flex;
    justify-content: space-around;
}
.header_lotu {
    height: 80px;
    padding-top: 15px;
}

.header_lotu div {
    font-weight: 600;
    text-align: center;
}
.all_lot {
    border-bottom:1px solid #CCC;
}

.lot_1 {
    width: 30px;
}
.lot_2 {
    width: 160px;
}
.lot_3 {
    width: 60px;
    text-align: center;
}
.lot_4 {
    width: 100px;
}
.lot_5 {
    width: 100px;
}
.lot_6 {
    width: 100px;
}
.lot_7 {
    width: 100px;
}
.lot_8 {
    width: 50px;
}
.lot_9 {
    width: 350px;
}
.lot_10 {
    width: 200px;
}
.title_l {
    display: none;
}

.list_div_user, .header_user, .header_list_company, .all_list_company {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.header_user, .header_list_company {
    height: 50px;
    padding-top: 15px;
}
.list_div_user, .all_list_company {
    border-bottom: 1px solid #CCC;
    padding-bottom: 5px;
    padding-top: 5px;
}

.header_user div, .header_list_company div {
    font-weight: 600;
    text-align: center;
}
.u_col_1 {
    width: 30px;
}

.u_col_2 {
    width: 250px;
}
.u_col_3 {
    width: 200px;
}
.u_col_4 {
   width: 150px;
}
.u_col_5 {
   width: 250px;
}
.u_col_6 {
    width: 150px;
}
.u_col_7 {
   width: 50px;
}

.cool_com_1 {
    width: 30px;
}
.cool_com_2 {
    width: 250px;
}
.cool_com_3 {
    width: 250px;
}
.cool_com_4 {
    width: 250px;
    text-align: center;
}
.cool_com_5 {
    width: 130px;
}
.cool_com_6 {
    width: 50px;
}
.center {
    text-align: center;
}

.send_v_div {
    width: 100%;
    text-align: center;
    display: none;
}
.logo_user img {
    width: 50px;
    border-radius: 200px;
    border: 1px solid #CCC;
    height: 50px;
    overflow: hidden;
}
.open_mobile_menu {
    display: none;
    background: #006600;
    color: #FFF;
    cursor: pointer;
    border: 1px solid #CCC;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    text-align: center;
    padding-top: 5px;
    margin-right: 25px;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #006600;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 20px;
}

.sidenav a {
  padding: 5px 0px;
  text-decoration: none;
  font-size: 15px;
  color: #FFF;
  display: block;
  transition: 0.3s;
}
.menu_m_d {
    padding-left: 15px;
}

.sidenav a:hover {
  /*color: #f1f1f1;  */
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}
.corporate_dv_1 {
    width: 350px;
}
.row_item {
    border-bottom: 1px solid #CCC;
}
.logo_main {
    display: block;
    width: 350px;
    margin: 0 auto;
    margin-bottom: 25px;
}
.logo_main img {
    width: 100%;
}

.contact_block {
    text-align: center;
    padding-top: 10px;
    text-align: center;
    margin-top: 10px;
}
.doki {
    display: flex;
    flex-direction: column;
}
.w_350 {
    width: 350px;
}
.w_250 {
    width: 250px;
}

            .accordion {
                background-color: #FFF;
                color: #444;
                cursor: pointer;
                padding: 18px;
                width: 100%;
                border: none;
                text-align: left;
                outline: none;
                font-size: 15px;
                transition: 0.2s;
                border: 1px solid #558B2F;
                margin: 3px;
                position: relative;
            }

            .active, .accordion:hover {
                background-color: #558B2F;
                color: #FFF;
            }

            .accordion:hover .b_open .fa, .accordion:hover .title_tender {
                color: #FFF;
            }
            .active .b_open .fa, .active .title_tender  {
                color: #FFF;
            }


            .panel {
                padding: 0 18px;
                display: none;
                background-color: white;
                overflow: hidden;
                border: 1px solid #558B2F;
            }
            .vn_panel {
                display: flex;
                justify-content: space-between;
                padding: 10px;
            }
            .b_open {
                position: absolute;
                display: block;
                right: 16px;
                top: 7px;
                font-size: 29px;
                color: #558b2f;
            }
            .dv_1 {
                width: 350px;
            }
.vn_panet {
    padding: 15px;
}
.peremog {
    width: 300px;
    margin: 0 auto;
    padding: 5px;
}
.confirm_p, .mess_company {
    display: none;
}

@media screen and (max-width: 1440px) {
.input_s {
    width: 88%;
}
.button_s {
    max-width: 11%;
}
.w_350 {
    width: 290px;
}
.date_u {
    width: 195px;
}
.fixed_rates {
    width: 1100px;
}
.top_bl_info_tender .b1 {
    width: 70%;
}
.top_bl_info_tender .b2 {
    max-width: 25%;
}
.table>:not(caption)>*>* {
    padding: .2rem .2rem;

}

}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media screen and (max-width: 900px) {
.block_info_prop_flex {
    flex-direction: column;
}
.input_prop {
    width: 100%;
}
.block_percent div {
    margin: 5px;
}
.title_prop {
    font-size: 23px;
}

.fixed_rates {
    width: 90%;

}
.base_rases_one_vn5 {
    width: 140px;
}
.base_rases_one_price {
    font-size: 18px;
}

.rates_panel {
    flex-direction: column;
    padding: 10px 0px;
}
.rates_panel_bottom {
    padding-left: 0px;
}

.hide_mobile {
    display: none;
}
.block_info_title {
  width: 100%;
}

.open_mobile_menu  {
    display: block;
}
.tab {
    display: none;
}

.top_bl {
    flex-direction: column;
}
.inf_user {
    font-size: 13px;
    width: 290px;
}
.user_info {
    padding-bottom: 10px;

}
.user_info img  {
    width: 35px;
    height: 35px;

}
.vn_panel {
    flex-direction: column;
}
.dv_1, .dv_2, .dv_3, .dv_4, .dv_5, .dv_6, .dv_7, .dv_8 {
    width: 100% !important;
}
.block_s_tender .input_s {
    min-width: 69%;
}
.button_s {
    max-width: 100%;
    padding-left: 0px;
    padding: 5px;
}
.filter_admin_button {
    flex-direction: column;
}

.filter_admin_button div {
    padding: 5px 0px;

}
.header_lotu, .header_user, .header_list_company {
    display: none;
}
.all_lot, .list_div_user, .all_list_company {
   flex-direction: column;
}


.lot_1, .lot_2, .lot_3, .lot_4, .lot_5, .lot_6, .lot_7, .lot_8, .lot_9, .lot_10 {
    width: 100%;
    display: flex;
}
.u_col_1, .u_col_2, .u_col_3, .u_col_4, .u_col_5, .u_col_6, .u_col_7 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 5px;
}
.title_l {
    display: block;
    font-weight: 600;
    width: 150px;
}
.lot_3 {
    text-align: left;
}

.lot_1, .u_col_1, .cool_com_1  {
    display: none !important;
}
.lot_10 {
    margin-bottom: 15px;
}

.top_bl_info_tender {
  flex-direction: column;
}
.span_user_list {
    display: block;
    color: #558B2F;
}
.list_div_user .title_l {
    width: 125px;
}

.cool_com_1, .cool_com_2, .cool_com_3, .cool_com_4, .cool_com_5, .cool_com_6 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 5px;
}
.cool_com_4 {
    text-align: left;
}

.top_bl_info_tender .b2 {
  padding: 15px;
  max-width: 100%;
}
.block_info_flex {
   flex-direction: column;
}
.block_info_title {
   font-weight: 600;
}
.bsp {
  font-size: 25px;
  line-height: 30px;
}
.top_bl_info_tender .b1 {
  font-size: 25px;
  max-width: 100%;
  font-weight: 300;
  line-height: 30px;
}

.table_oo {
    overflow: scroll;
}
.form-floating > label {
    font-size: 12px;
    line-height: 23px;
}
.title_tender {
    width: 95%;
    display: block;
    margin: 0;
}

}