:root {
   --color-button-add: #167ac6;
   --color-button-akcept: #080;
   --color-green: #080;
   --color-gray: #c0ced2;
   --color-link-blu: #1587bb; 
   --color-link-blu-hover: #12678f;
   --color-button-test: #7f8e93;
   --color-button-test-bover: #7f8e93;

   --color-btn-edit: #080;
   --color-btn-navi: #1587bb;
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700&display=swap');
/*mport url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@300;400;500;700&display=swap');*/
html {
   font-size: 16px;
   height: 100%;
   line-height: 1.4;
}
body {
 background: #f2f2f2;
 background-image: url(images/cont.jpg);
 width: 100%;
 height: 100%;
 font-family: 'Inter', sans-serif;
 text-decoration:none;
 padding: 0;
 margin: 0;
}
a.btn, .btn {
   border-radius: 3px;
   padding: 8px 18px 7px;
   cursor: pointer;
   font-size: 1rem;
   text-transform: uppercase;
   line-height: 1;
   transition: color .3s, background .3s;
}
.btn-grid{
   display: grid;
   gap: 7px;
   padding: 16px;
}

body a.btn-blu,
.btn-blu {
   border: 1px solid var(--color-link-blu);
   background: var(--color-link-blu);
   color: #fff !important;
}
body a.btn-blu:hover,

body a.btn-green,
.btn-green {
   border: 1px solid var(--color-green);
   background: var(--color-green);
   color: #fff;
}
body a.btn-green:hover,
.btn-green:hover {
   background: #fff;
   color: var(--color-green);
}
body a.btn-green-contra,
.btn-green {
   border: 1px solid var(--color-green);
   background: #fff;
   color: var(--color-green);
}
body a.btn-green-contra:hover,
.btn-green:hover {
   background: var(--color-green);
   color: #fff;
}

body a.btn-gray,
.btn-gray {
   border: 1px solid var(--color-gray);
   background: var(--color-gray);
   color: #fff;
}
body a.btn-gray:hover,
.btn-gray:hover {
   background: #fff;
   color: #000;
}
body a.btn-red,
.btn-red {
   border: 1px solid red;
   background: #fff;
   color: red;
}
body a.btn-red:hover,
.btn-red:hover {
   background: red;
   color: #fff;
}
.choices {
  .choices__inner {
     box-sizing: border-box;
     padding: 7.5px 7.5px 7.5px;
     .choices__list--single {  
        box-sizing: border-box;
        .choices__item {
           text-align: start;
        }
     }
  }
  .choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item{
      padding: 5px;
      text-align: start;
   }
}

.btn-go {
   border: 2px solid var(--color-link-blu);
   background: var(--color-link-blu);
   color: #fff;
   &:hover {
     background: #fff;
     color: var(--color-link-blu);
  }
}


.btn:disabled,
.zapi:disabled {
   cursor: default;
   background: #999;
}
.btn:disabled:hover,
.zapi:disabled:hover {
   cursor: default;
   background: #999;
}
.buttonPlayManual { 
   background: var(--color-link-blu);
   color: #fff;
   border: 2px solid var(--color-link-blu);
}
.buttonPlayManual:hover {
  background: var(--color-link-blu-hover);
  border: 2px solid var(--color-link-blu-hover);
}
.btn {
  border-radius: 3px;
  padding: 8px 18px 7px;
  cursor: pointer;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1;
  transition: color .3s, background .3s;
  &.btn-edit {
    border: 1px solid var(--color-btn-edit);
    background: var(--color-btn-edit);
    color: #fff !important;
    &:hover {
       background: #fff;
       color: var(--color-btn-edit) !important;
    }
  }
  &.btn-navi {
    border: 1px solid var(--color-btn-navi);
    background: var(--color-btn-navi);
    color: #fff !important;
    &:hover {
       background: #fff;
       color: var(--color-btn-navi) !important;
    }
  }

}

.modal {
  position: fixed;
  background-color: #000a;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: grid;
  place-content: center;
  .modal-content{
    background: #fff;
    width: fit-content;
    padding: 30px;
    border-radius: 6px;
    box-shadow: 0 0 15px #0003;
    text-align: center;
    .title{ 
      text-transform: uppercase;
      font-size: 1.1rem;
      font-weight: 600;
      padding-top: 10px;
    }
    .action-modal{
      padding-top: 20px;
      display: flex;
      gap: 20px;
      justify-content: center;
    }
  }
}



.komunikatbez_nowylad {
  padding: 30px 0; 
  span {  color: red; }
  .title {
    color: red;
    font-weight: bold;
    font-size: 1.2rem;
    padding-bottom: 10px;
  }
  a:link, a:visited, a { color: var(--color-link-blu);}
  a:hover  { color: var(--color-link-blu-hover); }
}

word {display: none;}
img {border: none;}
a:link.menu_lewe { color:#000000; text-decoration: none }
a:visited.menu_lewe { color:#000000; text-decoration: none }
a:link { color: #000000; text-decoration: none }
a:visited { text-decoration: none }
textarea {width: 100%;}
p { margin-block-end: 0; margin-block-start: 0; }
input:focus {outline: none;}
input, select, option {  margin: 0;}
input{ padding: 7px;}
form {margin: 0;}
select { height: 32px; padding: 0 7px;}
div:target { color: red;}
.marg {margin: 21px 0;}
.red{color: red;}
.breadcrumbs {
   display: flex;
   gap: 4px;
   padding: 0 0 45px; 
}
.breadcrumbs a{ color: var(--color-link-blu); }
.breadcrumbs strong{ color: #888; font-weight: 500;}

/* ------------------------------------------------------ stare opisy -------------------------- */
/* ----------------------------------------------------- stare opisy --------------------------------------------*/
.hidde {
   opacity:0;
   height: 0;
   display: none;
}

.listDebProfil { display: grid; grid-template-columns: auto 2fr 1fr repeat(2, 0.6fr) 1fr; gap: 7px; margin: 30px 0px; }
.listDebProfil div { padding: 7px;}
.listDebProfil div:nth-child(-n+6) {background: #0072bc; color: #fff; border-bottom: 1px solid #0072bc;}
.listDebProfil a { text-decoration: none; color: #29509f;}
.listDebProfil .editDel { display: grid; grid-template-columns: 1fr 1fr; padding: 0px; text-align: center; background: #eee;}
.listDebProfil .editDel a { padding: 7px 0px; }
.listDebProfil .editDel a:hover {background: #0072bc; color: #fff; }
.listDebProfil .editDel .del:hover {background: red; color: #fff; }
.listDebProfil .titleListHead, .listDebProfil .titleList, .listDebProfil .cityList {text-align: left;}
.deb_nav, .debt_sv_nav { display: grid; grid-template-columns: .5fr .5fr; gap: 11px; }
.debt_info_del {
   display: grid; 
   grid-template-columns: auto auto; 
   justify-content: center;
   gap: 11px;
}
.debt_info_del div{text-align: right; color: #888;}
.tabAddDeb {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 7px;
    margin: 25px 0px;
}
.tabAddDeb label {text-align: right; margin-top: 4px;}
.tabAddDeb input, .tabAddDeb select {padding: 3px;}
.tabAddDeb select {height: 28px;}

.imgLoadView {
   display: grid;
   grid-template-columns: repeat(auto-fit, 65px);
   gap: 20px;
}
.imgLoadView .imgViewJs {
   width: 65px; 
   height: 65px;}
.imgLoadView .imgViewJs img{ width: 100%; }

#preview {     
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 20px;
}

#preview .img_module { height: 100px; width: 100px; 
    background: #fff;
    overflow: hidden;
    box-shadow: 1px 1px 6px #ccc;
    margin: 0 10px 10px 0;
}
#preview .img_module p { display: none;}
#preview .img_module img { width: 100%;}
 

.akceptTlo {
    background: #555a;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 350%;
    z-index: 999;
}
.topAction, .frameUp, .akceptAction {
    position: fixed;
    background: #fff;
    top: 25%;
    left: 25%;
    width: 50%;
    box-shadow: 0 0 8px #777;
    z-index: 999;
}
.akceptAction {
   display: grid;
   gap: 15px;
   padding: 20px;
}
.akceptAction .box_alert { margin: 0;}
.bodyAction {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
}
.bodyAction img, .bodyAction .centerAction { grid-column: span 2; margin: auto;}

.frameUp{
  width: 80%;
  margin: 0px auto;
  left: 10%;
}
.frameUp .row { margin: 21px; border-left: 35px solid #a1a93c; }
.frameUp input { height: 26px;}
.frameUp button { border: none; background: none;}
.frameUp button:focus { outline: none;}
.frameUp .close {
   position: absolute;
   top: 21px;
   right: 21px;
   cursor: pointer;
}
.topAction{
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: auto 32px;
   grid-template-areas: 
     "top top"
     "action1 action2";
   gap: 15px;
   margin: 21px;
}
.topAction img { grid-area: top; justify-self: center;}
.topAction span { grid-area: top; justify-self: center; font-size: 1.2em; margin: 21px 0px;}
.topAction .delete { grid-area: action1;}
.topAction .reset { grid-area: action2;}
.firstTel { 
   display: grid;
   grid-template-columns: auto 1fr 1fr;
   gap: 7px;
   margin: 25px 0px;
   min-height: 26px;
}
.firstTel button{ cursor: pointer; border: none;  border-radius: 3px;   background: #b90d0d; color: #fff; font-size: 1.1em;} 
.firstTel button:hover{ background: #9e121f;} 
.firstTel span{ padding-top: 5px; } 
/* .firstTel input, .formTel input {height: 26px; padding-left: 3px;} */
.hourOpen{display: grid; grid-template-columns: repeat(5, 1fr); margin-bottom: 11px; gap: 7px;}
.hourOpen span, .hourOpen p{text-align:right; padding-top: 5px;  border-bottom: 1px solid #ddd;}
.hourOpen span {}
.hourOpen input {text-align: center; height: 22px;}
#nipDIV { padding: 7px; font-size: 0.9em; color: red;}
.contact_cb{ margin-top: 7px;}
.podpis_red{text-align: right;}
.view_lupa_img{ margin: 0px 5px;}
.view_del_img{ margin: 0 0 0 11px; height: 14px;}
.view_log_img{ margin: 9px 3px 8px 0; width: 22px;}
.addimg_logo{height: 60px;}
.table_has, .table_has_list{width: 100%; margin: 21px 0px; display: grid; gap: 3px;}
.table_has { grid-template-columns: auto 1fr auto auto;}
.table_has_list { grid-template-columns: auto auto 1fr repeat(3, auto);}
.table_has_list div { border-radius: 3px;}
.cell_th{
    background: #6a93a0;
    padding: 5px;
    color: #fff;
}
.title_manual{ font-size: 1.2em; font-weight: bold; color: #1587bb; margin-bottom: 18px;}
.manual_pdf{margin: 0px 21px; display: grid;}
.block_manual{display: grid; grid-template-columns: auto 1fr; row-gap: 35px;}
.manual-play{ grid-column: span 2; padding: 0 0 16px; }
.manual-play iframe {width: 560px; height: 315px;}

.buttonPlayManual div { display: grid; grid-template-columns: auto auto; gap: 11px;}
.playHidde {display: none;}
.scribe_manual{border-left: 1px solid #1587bb; padding-left: 4px;} 
.scribe_manual_top{text-transform: uppercase; margin: 0 0 3px;}

.scribe_manual_sub{font-size: 0.95em; color: #555; }
.miejscowosc {
	font-size: 1em;
        font-style: normal;
        line-height: normal;
        color: #006600;
        font-weight: bold;
}

.miejscowo { margin-bottom: 11px; }
.img_glowna { margin: auto; width: 130px;}
.formularze_err {
        font-size: 1em;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        color: #ff0000;
}
.formularze {
        font-size: 10pt;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        color: #0010BB;
}
.raport .gielda{
padding: 20px 0;
}
.menu_number1 {
    background: #323506;
    padding: 0px 7px;
    min-width: 24px;
}
.wyloguj_title{ margin: 11px 0 0; }
.wyloguj {text-align: center; padding: 0px 11px; font-weight: bold; text-transform: uppercase; background: #5a5f17;  color: #fff; width: 100%; display: flex;}
.wyloguj:hover{color: #fff; background: #323506;} 
.back_old_new {text-align: center; padding: 11px 0px; font-weight: bold; text-transform: uppercase; background: #5a5f17;  color: #fff; width: 100%; border: none; margin-bottom: 3px; cursor: pointer;
   }
.back_old_new:hover{color: #fff; background: #323506;} 

.abonament_action { text-align: center; font-size: 1.2em; text-transform: uppercase; margin: 21px; font-weight: bold; color: brown; }

.alert_l {margin-bottom: 11px;  }
.alert_l2 {margin: 11px 0px;}
.alert_span_l {color: red; font-weight: bold; }
.alert_span_l2 {font-weight: bold; }
.podpowiedz{background: #f2f2f2; border: 1px solid #ccc; padding: 11px; margin: 21px 0px 0px 0px;}
.ofert_find, .ofert_box, .ramka_b, .oglo_row{
    border-radius: 6px;
    padding: 30px;
    box-shadow: 0 0 15px #0003;
    margin-bottom: 20px;
}
.ofert_find {padding: 11px;}
.ofert_box_id {color: #ea773c; font-weight: bold; margin: 5px 0px 27px 0px;} 
.ofert_box_header{font-weight: bold; color: #006600; font-size: 1.25em;} 
.ofert_box_dane{display: flex; width: 100%; justify-content: space-between; margin-top: 31px; color: #5d5c5a;} 
.ofert_box_right{flex:5; padding: 0px 21px 0px 0px;}
.ofert_box_row{padding: 1px 0px;}
.ofert_box_info{ background: antiquewhite; padding: 11px; }
.ofert_pref_contakt {color: #8a0000; font-weight: bold; text-transform: uppercase; margin-top: 11px;}
.ofert_box_left{
    width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 2;
}
.ofert_form_navi {width: fit-content; margin: 21px auto 21px auto; }
.ofert_box_blackspec{text-transform: uppercase; color: #000; padding: 0px 4px;}

.ofert_left{width: 100%; margin-right: 11px;}
.ofert_right{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   border-left: 1px solid #999;
   padding-left: 7px;
}

.alert_null_offerts{color: red; text-transform: uppercase; font-size: 1.2em; widtch: 100%; text-align: center; margin: 41px 0px; font-weight: bold;}
.offerts {
   .ofert{
      display:grid;
      grid-template-columns: 1fr auto;
      gap: 20px;
      padding: 10px 0 25px;
      border-top: 1px solid #aaa;
      .ofert-header{ 
          padding-bottom: 10px; 
       }
      .ofert-data { color: var(--color-green);} 
      .ofert-tytul{ 
         font-weight: bold;
         font-size: 1.1rem;
         span { color: #aaa; }
         a { color: var(--color-link-blu-hover);
            &:hover { color: var(--color-link-blu);}
            &:visited{ color: #aaa;}
         }
      }
   }
}
.ofert_id{margin-bottom: 27px; }
.ofert_opis, .ofert_id{color: #656565; hyphens: auto;}
.ofert_pola {display: table; margin: 21px auto; }
.ofert_row {display: table-row;}
.ofert_cell{display: table-cell; text-align: right;}
.ofert_single_dane{display:flex; justify-content: space-between; margin-top: 11px; border-top: 1px solid #d6d6d6; padding-top: 4px;}
.ofert_single_dane_left{}
.ofert_single_dane_right{}
.ofert_single_tytul{font-weight:bold; margin: 4px 0px 11px 0px; font-size: 1.1em;}
.ofert_single_op{color: #666;}
.ofert_single_opis{color: #000; font-size: 1.2em;}
.ofert_single_tresc{margin: 0px 0px 0px 7px; color: #9e121f;}
.ofert_single_tresc a{color: #1587bb; font-weight: bold;}
.ofert_single_row{display: flex; margin-top: 2px;}
.ofert_box_extrainfo{margin-top: 11px;}
.ofert_single_title{ font-weight: bold; color: #006600; font-size: 1.25em; text-transform: uppercase;}
.find_offert{display: grid; grid-template-columns: 3fr 1fr; margin: 20px 0 0 20px;}
.find_offert input[type=text] {border: 1px solid #aaa; border-radius: 0; height: 23px; padding-left: 4px;}
.find_offert input[type=submit] { border-radius: 0 3px 3px 0; height: auto;}
.input_ofer_find{ 
    border: 1px solid #ea773c;
    margin: 11px;
    text-align: center;
    padding: 3px;
    border-radius: 2px;
}
.trade_target{ text-align: left;  margin-left: 5px; }
.oglo_lista_body{ width: 100%;}
.oglo_row_th {
   display: flex; 
   background: #e2e2e2;
   padding: 8px;
   margin-bottom: 11px;
   justify-content: space-between;
}
.trade_box {
  display: flex; gap: 7px;
}

.flag-row{ 
  width: 100%; margin-bottom: 5px; display: flex; gap: 8px;
  align-items: center;
  &:hover {
    .flag-syg { box-shadow: 0 0 0 #0000; }
  }
  .lupe { width: 12px; object-fit: contain; }
  .flag-syg {
    display: flex;
    height: 18px;
    border: 1px solid #000;
    border-radius: 2px;
    box-shadow: 0 0 5px #0003;
    background: #fff;
    overflow: hidden;
    transition: box-shadow .3s;
    .syg {
      display: grid;
      place-items: center;
      line-height: 0;
      font-weight: 600;
      text-transform: uppercase;
      color: #000;
      font-size: .7rem;
      text-align: center;
      width: 22px;
    }
    .flag_trade{ width: 26px; object-fit: cover; border-left: 1px solid; }
  }
}


.oglo_row_s {display: flex; justify-content: space-between;}
.oglo_row_sx {display: flex; justify-content: space-between; padding-top:10px;}
.renewAds {
   display: grid;
   gap: 11px;
   grid-template-columns: 1fr 1fr 1fr;
   padding-top: 30px;
   align-items: center;
}
.renewAds span {
  text-align: right;
  background: #eee;
  height: 100%;
  border-radius: 3px;
  display: grid;
  place-content: center;
}
.img_ogl_edit{ height: 220px;}
.img_ogl_title{margin: 11px 0px 7px 0px; }
.oglo_row_sth {display: flex; width: 100%;}
.ogl_cel1th{width: 30px; border-right: 1px solid #777; padding: 0px 5px 0px 0px; }
.ogl_cel2th{width: 150px; border-right: 1px solid #777; padding: 0px 5px;}
.ogl_cel3th{padding: 0px 5px;}
.ogl_cel4th{width: 140px; border-left: 1px solid #777; padding: 0px 5px;}
.ogl_cel1{
    width: 35px; 
    padding: 0px 5px 0px 0px; 
    color: #666;
    font-size: 1.05em;
}
.ogl_cel2{width: 150px;}
.ogl_cel2 img{
   width: 100%;
   aspect-ratio: 1;
   object-fit: cover;
   border-radius: 3px;
}
.ogl_cel3{width: 100%; margin-bottom: 5px; }
.ogl_goog{margin: 0 0 11px 6px; text-transform: uppercase; }
.ogl_goog a{ color: #46646d;}

a.a_og{color: #1587bb;}
a.a_og:hover {color: #105271;}
.ogl_cel4{width: 150px; display: flex; flex-direction: column; padding: 0px 5px; justify-content: space-between;}
.ogl_count_flex{ display: flex; justify-content: space-between;}
.ogl_button { display: grid;}
.red_count{color: red; font-weight: bold;}
.button_ogl_l{ width: 60px; padding: 3px;}
.check_ogl{margin: 0px 11px; }
.adv_inp { height: 22px;}
.dodaj_pole{ 
  display: flex; 
  gap: 11px;
  margin-bottom: 4px; 
  justify-content: flex-end;
  align-items: center;
}
.dodaj_pole input{ width: 80%;}
.dodaj_l{
  text-align: right;
  font-weight: bold;
}
.dodaj_l2{width: 120px; text-align: right; margin-right: 7px;}
.dodaj_pole_2{
    margin: 21px 0px; 
    display: flex;
    text-align: start;
    font-size: .8rem;
}
.dodaj_pole_2_title{ margin-right: 21px; }
.input_ogl_pol2{margin: 0px 3px;}

.dodaj_body_wsp { display: table; width: 100%; margin-top: 21px;}
.dodaj_pole_wsp { display: grid; grid-template-columns: auto auto; gap: 11px; justify-content: center; }
.dodaj_are {
   text-align: left;
   padding: 0;
   font-size: 1.1rem;
   margin-top: 30px;
   border: none;
}
.dodaj_naglowek{text-align: center; } 
.akccept_dodaj{ background: #3c4e0e;  padding: 11px; margin-top: 21px; color: #fff;} 
.akccept_dodaj:hover{ background: #628016; }
.dodaj_p{}
.alert_delet {
   background: #9e121f;  
   color: #fff; 
   font-weight: bold; 
   font-size: 1.2em;
   text-transform: uppercase;
   margin: 21px 0px 0px 0px; 
   padding: 21px; 
   text-align: center;
   border-radius: 3px;
} 

.test{text-align: left;} 
.ciek_href{margin: 11px 0px;}
.ciek_body_inf{margin-top: 21px; text-align: center;}
.ciek_body_text{margin-top: 57px;}
.statement{color: #9e121f; font-size: 1.5em; padding: 45px 0;}

.report_title{ color: #006600; width: 100%; font-size: 2em; margin-bottom: 11px; }
.report_line{margin: 0px 0px 2px 0px; font-size: 1.15em; color: #000;}
.report_line1{margin: 31px 0px 5px 0px; font-size: 1.15em; color: #717171; border-top: 1px solid #83aa1d; padding: 3px 0px;}

.report_result{display: flex; color: #006600;}
.report_vip{font-weight: bold; color: #000; }
.report_result_title{margin: 7px 0px; }
.report_block{margin: 7px 0px 7px 21px;}
.report_block_num{margin: 36px 0px;}
.report_red{color: red; }
.report_block_log{ margin: 21px 0px 36px 0px; padding: 4px 0px; border-bottom: 1px solid #888;}
.r_block_log{font-weight: bold; color: #006600;}
.report_add_gielda{background: #1587bb; padding: 7px; text-align: center; font-weight: bold; color: #fff;}
.report_add_gielda:hover{background: #105473;}
.report_add_gielda a {color: #fff;}
.report_text{padding: 7px 0px 0px 11px;} 
.report_row{display: grid; grid-template-columns: 1fr auto; gap: 11px; background: aliceblue;}
.report_row a {height: auto;}
.report_end{ margin: 21px 0px;}

.imgLang:hover{ opacity: 0.7;}
.strefaLang{ display: grid; padding: 0px 21px; }
.strefaLang > a { padding: 0px; margin: 0px; }
.langDeAkctiv {filter: grayscale(0.75) opacity(0.4);}
.strefa { margin: 0px auto; text-align: end;}
.strefa_klienta{ font-size: 1em; color: #888; border-top: solid 1px; padding: 1px 0px 0px 0px; margin-top: 1px; text-transform: uppercase;}
.info_row{ display: flex;  justify-content: space-between; margin: 5px 0px; }
.log_img{ margin: auto; }
.img_flag{height: 16px; margin: 11px 6px 0px 6px;}
.info_row_flag div { display: flex; flex-wrap: wrap; }
.info_row_flag img {height: 16px; margin: 3px; }
.body_srodek{margin: 35px 17px;}
.image_single{ order: 1;}
.flagi{ margin: 2px; height: 14px;}

.menuBox .xcenter{
   background: #eee;
   display: grid;
   grid-template-columns: 1fr auto;
   border-bottom: 2px solid #000;
   padding: 15px 0px ;
   align-items: center;
   @media (max-width: 785px) { display: none; }
   .strefa{
     margin: 0;
     text-align: end;
     display: grid;
     justify-content: end;
     .strefa_klienta{
       font-size: 1em;
       color: #888;
       border-top: solid 1px;
       padding: 3px 0px 0px 0px;
       margin-top: 0;
       text-transform: uppercase;
       line-height: 1;
     }
  }
  .strefaLang {
    gap: 12px;
    display: grid;
    padding: 2px 36px 0;
    align-items: center;
    &>a {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      justify-items: center;
      line-height: 0;
      font-size: 1.1rem;
      font-weight: 700;
      padding: 0px;
      margin: 0px;
      &.langDeAkctiv { filter: grayscale(0.75) opacity(0.4);}
   }
   img{
     box-shadow: 0 0 0 1px #000;
     width: 34px;
     height: 21px;
     object-fit: cover;
     border-radius: 2px;
    }
  }
}
.menuBox .info_user {
  background: #283c49;
  padding: 10px;
  color: #fff;
  .info_sektor{
    margin: 0;
    .info_rowss{ margin: 5px 0 11px 0; font-size: 1.3rem;}
    .info_rows{ margin: 5px 0px; font-size: .9rem;}
  }
  .info_sektor_log{
     margin: 0;
     .info_row{ display: flex;  justify-content: space-between; margin: 5px 0; font-size: .9rem; }
  }
}
.menuBox .info_sektor_img{
  display: grid;
  .log_img{
    height: 100px;
    width: 85%;
    object-fit: contain;
    padding: 30px 0;
  }
  .info_row_flag{
    display: grid;
    gap: 5px;
    padding: 10px 10px 0;
    img{ width: 26px; height: 18px; margin: 0; box-shadow: 0 0 0 1px #000; object-fit: cover; }
    .label-flag{ font-size: .85rem; }
    .row-flag {
      display: flex; gap: 8px;
      a{
        transition: opacity .3s; display: contents;
        &a:hover{opacity: .3;}
      }
    }
  }
  .allInf{ padding-bottom: 10px; }
}

.menuBox {
  .infoLog {
    padding: 5px ;
    gap: 5px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: 1rem;
    .btn-blu, .btn-red { font-size: .9rem; font-weight: 500; padding: 7px;}
    .btn-blu{
       display: grid; place-content: center; text-align: center; 
    }
    .btn-red{
      background: red;
      display: flex;
      align-items: center;
      gap: 15px;
      color: #fff;
      justify-content: center;
      @:hover{
         background: #fff;
         color: red;
         .view_log_img{ filter: brightness(0.5); }
      }
      .wyloguj_title { margin: 0; padding: 0; 
      }
      .view_log_img{
         margin: 0; 
         width: 20px;
         transition: filter .3s;
         opacity: .8;
      }
    }
  }
}


.menu_top{
   margin: 0;
   background: #aaa;
  .button_top{
    color: #000; 
    margin:1px 0px; 
    display: grid;
    grid-template-columns: auto 1fr;
    place-items: center;
    gap: 15px;
    background: #283c49;
    transition: background .3s;
    &:hover{
      background: #b1b4b9;
      .men { &.title { color: #000; }}
    }
    &a:link {color: #000;}
    &.sel{
      background: #fff;
      background-image: url(images/cont.jpg);
      color: #000;
      .men { &.title { color: #000; }}
    }
    .men {
      font-size: .88rem;
      color: #fff;
      text-transform: uppercase;
      width: 100%;
      transition: color .3s;
      &.title {
        padding: 16px 0;
        word-spacing: 2px;
      }
      &.number {
        display: grid; place-items: center;
        width: 32px;
        margin: 4px;
        font-weight: 600;
        box-shadow: 1px 1px 5px #0002;
        background: #a1a93c;
        background: #3e5173;
        aspect-ratio: 1;
        text-align: center;
        border-radius: 150px;
        &:link {color: #fff;}
      }
    }
    &.new {
       &.sel { .men.title { color: #001 !important; }}
       .men{
         &.title { color: #f4ff00; font-weight: 500; }
         &.number {
            background: #0072bc;
            background: #f4ff00;
            color: #000;
         }
      }
    }
  }
}

.menu_flank { background: #fff; display: flex; flex-direction: column; justify-content: space-between;}
.sys_layout{display: grid; width: 100%; gap: 30px; grid-template-columns: 2fr 8fr;}
.content_sr{ width: 100%;}
.modul_sr{display: table;}
.modul_row{display: table-row;}
.modul_cell{display: table-cell;}
.lista_add_ogl, .lista_add_oglg, .lista_add_ogl2, .lista_add_gielda, .lista_add_ogl, .lista_add_filmy, .lista_add_cie 
{ color: #fff; font-weight: bold; font-size:1rem; padding: 15px 7px; text-align: center; text-transform: uppercase; border-radius: 3px; line-height: 1;}
.lista_add_ogl a, .lista_add_oglg a,  .lista_add_gielda a, .lista_add_ogl a, .lista_add_filmy a, .lista_add_cie a{ color: #fff;}
.lista_add_gielda { background: #1587bb; }
.lista_add_gielda:hover{ background: #105473;}
.lista_add_ogl { background: #148a25; width: 60%; padding: 15px; line-height: 1.6; }
.lista_add_ogl:hover{ background: #13561d;}
.lista_add_oglg { background: #148a25;}
.lista_add_oglg:hover{ background: #13561d;}
.lista_add_cie { background: #ff752e; }
.lista_add_cie:hover{ background: #ca5519;}
.lista_add_filmy { background: #1587bb; }
.lista_add_filmy:hover{ background: #1587bb;}
.lista_add_ogl2 { background: #888; width: 60%; padding: 21px; }
.lista_add_ogl2:hover{ background: #444;}
.h_client{ text-align: right; color: #777; padding: 0px 7px;}
.flex_row{ display: flex; }
.section_header {
   text-align: left;
   text-transform: uppercase;
   font-weight: 500; 
   margin: 0px 0px 11px 0px;
   color: #696868;
   padding: 4px 0;
   border-bottom: 1px solid #696868;
}

.min_profCont { height: 107px; width: 124px; overflow: hidden; margin: auto; margin-bottom: 3px;}
.noPay{background: red; padding: 11px; color: #fff; }
.noPay_link {text-align: right; }
.noPay_link a { color: #fff;}
.subscribe_exchange{display: flex; justify-content: space-between; margin-bottom: 5px; padding: 3px; }
.subscribe_exchange:hover{ border-bottom: 1px solid #aaa; padding: 3px 3px 2px 3px; background: #ddd;}
.scrib_yes, .scrib_no{
   width: 120px; padding: 4px;
   display: flex;
   justify-content: center;
   align-items: center; 
}
.scrib_link_exchange{padding: 3px; display: block;}
.scrib_yes{ }
.scrib_no{ background: #9cb34b; }
.scrib_yes a{color: #9cb34b;}
.scrib_no a{color: #fff;}
.scrib_yes:hover a{color: red;}
.scrib_no:hover{background: #5f7121;}
.name_exchange { display: flex; align-items: center; width: 60%; font-weight: bold; }
.name_exchange a{color: #222;} 
.name_exchange a:visited{ color: #aaa; }
.name_exchange a:hover{ color: #1587bb; }
.name_exchange a:hover:visited{ color: #777; }
.send_exchange{ display: flex; align-items: center; font-size: 0.9em; flex-wrap: wrap; justify-content: center;}
.send_exchange_red{font-size: 1.1em; color: darkred; font-weight: bold; width: 50px; text-align: center;}
.list_kat{ margin: 41px auto; width: 100%; color: #555; }
.list_kat_ul{margin: 4px 0px 0px 32px; color: #111; }
.szukaj {
  font-weight: bold;
  color: #ffe900;
  text-align: center;
  text-transform: uppercase;
}
.dane_tele{}
.krok_body .komunikat {
   text-align: center;
   font-size: 1.3rem;
   padding: 30px 0 55px;
}
.row {
  padding: 20px;
  border-radius: 6px;
  margin: 15px 0;
  box-shadow: 0 0 5px #0003;
}

.krok_body .end {  
   text-align: center;
   padding: 0px 8px;
   margin: 23px 0px 23px 17px;
}
.header_table { 
  text-align: left;
  text-transform: uppercase;
  font-weight: 400; 
  border-bottom: solid 1px #aaa; 
  color: #888;
  font-size: 1.2rem;
  margin: 80px 0 7px;
  img { 
     width: 32px; 
     border: 1px solid;
  }
}

.in_ciek_add{ margin: 72px 0px 11px 0px; color: darkred; font-weight: bold; font-size: 1.2em;} 
.ram_opis_ziel{
    background: #6a8c0d;
    padding: 11px;
    color: #fff;
    font-size: 1.1em; 
}
.row_green, .row_green_n{
    border-left: 2px solid #6a8c0d;
    margin: 23px 0 23px 17px;
}
.row_green_n{margin: 23px 0px 23px 0px;}
.info_syl{margin: 4%; text-align: left; }
.info_blu{color: #0076cb;}
.info_syla_text {margin: 4px 0px 0px 11px;;  }
.info_syla_red{color: darkred;}
.text_spec {width: 100%; text-align: center; font-size: 1.6em; font-weight: bold; margin: 55px 0px 75px 0px; color: #333;}
.op_input {margin: 21px 0px 11px 0px; font-weight: bold;}
.sub_row_green {padding: 11px 0px 0px 11px;}
.descrip{font-weight: bold; margin-top: 15px; font-size: 1.1em;}
.step-ogl {
  .header_table {
     img{ width: 32px; border: 1px solid; } 
  }
}
.flag_descrip{
  margin: 0px 3px 0px 0px;
  .field {
      display: flex;
      gap: 10px;
      align-items: center;
      text-transform: uppercase;
      font-weight: 500;
  }
  img { width: 32px; border: 1px solid; }
}
.area_descrip{margin: 4px 0px 0px 0px;}
.area_input{width: 100%;}
.help{font-size: 12px; color: #555; margin-bottom: 2px;}
.table_tele { 
   margin: 11px 0 11px 0;
   width: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr .5fr;
   gap: 7px;
}
.cell_tele, .cell_tele_b {
      background: #d2d2d2;
      color: #2f2f2f;
      margin: 0px; 
      padding: 4px 6px 2px 6px;
   }
.ctel_num { text-align: center; color: #3a3a3a;}
.ctel_0 {background: #bdb8b8;}
.input_tel{padding: 3px; font-size: 14px;}
.cell_right {margin: 3px 0px 0px 0px;}
.inp_form {
    width: 100%;
    font-size: 13px;
    padding: 3px;
  }
.box_info{font-weight: bold; text-align: center; margin-top: 52px; }
.box_alert{
   text-align: center;
   text-transform: uppercase;
   font-weight: bold;
   color: darkred;
   font-size: 1.2em; margin: 56px 0px;} 
.box_alert_bzp{
   margin: 95px 0px;
   text-align: center;
   text-transform: uppercase;
   font-weight: bold;
   color: darkred;
   font-size: 1.5em; }
.box_alert_bzp span{
   color: red;
}
.box_send1 {display:flex; flex-wrap: wrap; color: #fff; gap: 10px; }
.box_send1 a{color: #fff; text-align: center; display: grid !important;  align-items: center; }
.ikon_del{
}
.box_send, .box_send2 {display:grid; gap: 20px; }
.box_send  {grid-template-columns: 1fr 1fr;}
.box_send2 {grid-template-columns: 5fr 1fr; margin-top: 65px;}
.box_send_input {display:flex; width: 100%; margin: 21px 0px 0px 0px;}

/* ------- przyciski ponizej do usuniecia -------------*/
.blu_add, .blu_go, .red_go, .red_go2, .blu_go2, .red_go3, .blu_go3, .green_go{
  background: #6a93a0;
  padding: 7px 8px 5px;
  margin-top: 7px;
  text-transform: uppercase;
  text-align: right;
  border-radius: 1px;
  border: none;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
}
.red_go2, .blu_go2, .blu_go2w {text-align: center; color: #fff; border: none; border-radius: 5px; cursor:pointer;} 
.blu_go2{ background-image: url("/strefa/images/edit.png"); background-repeat: no-repeat;background-position: 90% 45%; background-size: 19px; }
.blu_go2:hover{background: #46646d; background-image: url("/strefa/images/edit.png"); background-repeat: no-repeat;background-position: 90% 45%; background-size: 19px; }
.red_go3, .blu_go3 {text-align: center; color: #fff; border: none;} 
.blu_go2w:hover{background: #46646d;} 
.red_go2 {background: darkred; background-image: url("/strefa/images/delete.png"); background-repeat: no-repeat;background-position: 90% 45%; background-size: 12px; }
.blu_go2w {background: #777; padding: 3px 0px; width: 100%; border-radius: 0px 5px 5px 0px;}
.blu_go2w:hover {background: #333; } 
.red_go2:hover {background: red; background-image: url("/strefa/images/delete.png"); background-repeat: no-repeat;background-position: 90% 45%; background-size: 12px;}

.green_go{background: #154815;}
.green_go:hover{background: #006600;}

.blu_go3:hover {background: #46646d;} 
.red_go3 {background: darkred;}
.red_go3:hover {background: red;}

.input_red, .input_blu, .input_green, .input_orange, .input_grey, .input_blu_file, .input_blu_short {
   border: none; border-radius: 5px;
   color: #fff;
   font-size: 1.1em;
   font-weight: bold;
   padding: 12px;
   width: 100%;
   text-transform: uppercase;
   cursor: pointer;
   transition: background .3s;
}

.input_orange {
  background: #ef7c00;
  &:hover {background: #cc5a20;}
}
.input_blu, .input_blu_file {background: #1587bb; width: auto; padding: 15px;}
.input_blu:hover {background: #04528a;}
.input_blu_short {
  background: #1587bb; width: 50%;
  &:hover {background: #04528a;}
}
.input_blu_short:hover {background: #04528a;}
.input_blu_file:hover {background: #04528a;}
.input_green {background: #027f02;}
.input_green:hover {background: #154815}
.input_grey {background: #c0ced2; color: #fff;}
.input_grey:hover {background: #858b90;}

.blu_add { background: #1587bb; font-size:1.2em; padding: 12px; text-align: center; margin: 12px 0px;}
.blu_add a{ color: #fff;}
.blu_add_word:hover{font-weight: bold;}

.tymczasowy {
   color: black;
   border-bottom: 1px solid #717171;
   padding: 21px 0px 2px 0px;
   margin: 0px 0px 61px 0px;
   font-size: 1.1em;
}
.red_go{
  background: #9e121f;flex-grow: 1;  margin-left: 2px; color: #fff; padding: 5px 8px; font-weight: bold;
  &:hover {background: red;}
}
.blu_go {
  flex-grow: 5; font-weight: bold; color: #fff;
  &.glow1 { flex-grow: 1; }
  &:hover {background: #2d434a;}
}



.aktual_logo { 
   display: flex;
   margin: 0px 0px 7px 0px;
   justify-content: space-between;
   padding-top: 3px;
}
.aktual_logo .imgLogo{display: grid; gap: 6px;}
.aktual_logo .imgLogo img { box-shadow: 0 0 6px #ccc;}
.upload_logo{ 
   display: flex;
   border-top: 1px solid #d0d0d0;
   border-bottom: 1px solid #d0d0d0;
   padding: 5px 0px;
   margin-bottom: 27px;
}
.op1{ padding-top: 3px; margin: 19px 15px; }
.op2{ margin: 19px 0px; }
/* rem 22-01-2024
.view_graf{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.view_graf .psc_img{
   font-size: .8rem;
}
*/
.min_prof{ margin: auto; }
.stopka_strefa{
    display: flex;
    padding: 21px 21px;
    background: #3e3b3b3d;
    text-align: right;
    justify-content: space-around;
    font-size: 1em;
   .stopka_copyr{flex: 2; font-size: .8rem; }
}
.dane_opiekuna_inc{ margin: 21px 11px 21px 0px; text-align: right;}
.dane_op{font-weight: bold; color: #999; font-size: 1.15em; margin-bottom: 5px; text-transform: uppercase; }
.dane_op_tresc{font-size: 1em;}
.menu_big_space{ margin-top: 210px;}
.srodek{
       width: 70%;
    margin: auto;
    text-align: center;
}
.row_send{text-align: right; margin-right: 0px; background: #8c8b8b45; border-radius: 0px 5px 5px 0px;}
[data-submit]{display: none; transition: all 1s; background: #5f9ea096;}
.alert_pass, .info_pass, .alert {font-weight: bold; color: red; margin: 35px 0px;  }
.info_pass{color: #006600;}
.pas_new {     
    border: 1px solid #d2d2d2;
    margin: 15px auto;
    padding: 5px;
    width: 100%; }
.pas_row { margin: 10px 0px;}
.pass_title{margin: 0px 0px 3px 0px;}
.pass_legend{border-top: 1px solid #d2d2d2; padding-top: 3px; margin: 21px 0px 3px 0px; color: #333333;}


.formTel { 
  display: grid;
  grid-template-columns: 45px 45px 1fr 1fr 1fr;
  gap:11px;
  margin-top: 25px;
}
.formTel .phoneCount{ 
   grid-column-start: 1;
   grid-column-end: 3;
}
.formTel div { border-bottom: 2px solid #aaa}
.formTel p { text-align: right; margin-top: 4px; font-weight: bold; font-size: 1.4em;}
.mod_tel {margin-top: 15px;}
.opt_zapis {
    font-size: 14px;
    padding: 4px 18px;
    background: #989797;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 1px;
    border: 1px solid #777777;
}
/* --- global  --- */
.row .wrapper-flex {
   display: flex;
   gap: 8px;
   &.koren {
      label {
        background: #0002;
        border-radius: 3px; 
        padding: 3px 7px;
      }
   }
}

/*---------------------------nowe przyciski----------------------------------------------*/

.zielony, .czerwony, .niebieski, .orange, .szary, .zapis {
    font-weight: bold;
    padding: 11px 18px;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    border-radius: 5px;
}

.zielony:focus, .czerwony:focus, .niebieski:focus, .pomaranczowy:focus, .szary:focus {outline: none; }
.zielony, .zapis { background: #080; }
.zielony:hover, .zapis:hover
{ background: #050; }
.czerwony { background: #d00; }
.czerwony:hover { background: #900; }
.niebieski { background: #1587bb;}
.niebieski:hover { background: #04528a; }
.orange { background: #ef7c00; }
.orange:hover { background: #cc5a20;}
.szary { background: #c0ced2; color: #444;}
.szary:hover { background: #a7afb1;}

.zielony.akcept{ padding: 11px 22px; width: 100%; margin-top: -5px; height: auto;}
.zielony.akceptogl { padding: 11px 22px; margin-top: -5px; height: auto;}
/*-------------------------reszte inputów bedziey usuwać------------------------------------------------------------*/
.zapis, .delete, .reset, .pokaz, .pokaz100, .zapis100 {
    font-weight: bold;
    height: auto;
    padding: 11px 26px;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    border-radius: 5px;
}
.pokaz100, .zapis100{width: 100%; padding: 8px 18px; }
.pokaz{ background: #ea773c; border: 1px solid #ea773c; padding: 3px 5px; text-align: center; }
.pokaz:hover {background: #a53800; border: 1px solid #a53800;}
.pokaz100{
   margin-top: 10px;
   background: #ea773c; border: 1px solid #ea773c; padding: 9px 7px;
   transition: color .5s, background .5s;
}
.pokaz100:hover {background: unset; color: #ea773c; }

.delete {  background: #bd0000; }
.delete:hover {background: #ea0101;}
.reset { background: #1587bb; }
.reset:hover {background: #00567d;}

.info_top{border-top: 1px solid #d2d2d2; padding-top: 3px;margin: 15px 0px 27px 0px; display: flex; justify-content: space-between;}
.sub_bull_butt{color:#aaa; cursor: default; padding: 3px 5px;}
.table_tele_prof{ display: grid; grid-template-columns: 1fr 1fr; gap: 3px; padding-bottom: 3px;}
.table_tele_prof .cell_tele{ border-radius: 3px; background: #e1dfdf; }
.infoTel {margin-bottom: 21px;}
.tel_edit {background: #1587bb; padding: 4px 8px; font-size: 0.9em; font-weight:bold; cursor: pointer; text-transform: uppercase; display: grid; align-items: center; border-radius: 3px; }
.tel_edit:hover {background: #083246; }
.tel_edit a, .tel_edit:visited, .tel_edit:link {color:#fff; }
.tel_edit a {    
   width: 100%;
   display: block;
}
.tel_translat{ text-align: center; font-size: 0.8em;}

.tel_del {
  display: grid;
  align-items: center;
padding: 0 7px;
  background: unset;
  text-transform: uppercase;
  font-weight: bold;
  background-image: url("/strefa/images/delete_grey.png"); 
  background-repeat: no-repeat;
  background-position: 50% 45%; background-size: 12px;
   font-size: 0;
   transition: background .5s, font-size .5s;
}
.tel_del:hover {
font-size: .8rem;
background: red; color: #fff;
background-image: url("/strefa/images/delete.png"); 
  background-repeat: no-repeat;
  background-position: 90% 45%; background-size: 12px;
border-radius: 3px;
}

.tel_refresh{
  background: #fff;
  height: 100%;
  padding: 0 11px; 
  text-transform: uppercase;
  font-size: 14px;
  display: grid;
  align-items: center;
}
.tel_refresh:hover a {color: #fff}
.tel_refresh:hover {background: green; color: #fff; }

.tel_del a:link{color:#555;}
.tel_del a {color:#555; }
.tel_del a:hover{color:#fff; }
.tel_del2{padding: 4px 20px;}

.dhp{ display: grid; grid-auto-flow: column; gap: 1px; justify-content: start; }
.dodajfon { font-size: 9pt; font-weight: bold; color: #FF0000; }
.dodajfoff { font-size: 9pt; color: #EEE; }
.kategoria{
    font-weight: bold;
    margin: 4px 0px 3px 0px;
    border-bottom: 1px #c7c7c7 solid;
    padding-bottom: 3;
}
.row_input{display: flex; gap: 10px;}
.inp_row{width: 100%; padding-left: 7px;}
.podpis_kat{ display: flex; justify-content: space-between;}
.data_kat{font-size: 12px; }
.flags{display: flex;}
.flag{margin: 0px 0px 0px 2px;}
.alert{color: red; font-weight: bold; text-transform: uppercase; }
.alert_bacgr{ font-weight: bold; text-transform: uppercase;  background: darkred;}

.table_type{
   width: 100%;
   margin: 10px 0;
   padding: 6px 0;
   border-bottom: 1px solid #dadada;
   border-top: 1px solid #dadada;
   display: grid;
   grid-template-columns: repeat(3, auto 1fr);
   gap: 6px;
}
.table_type input{ margin-top: -2px;}
.cont_head{ margin-bottom: 67px;}
.error{font-weight: bold; font-size: 1.5em; color: red; margin: 0px 0px 11px 0px; text-align: center; }
.error a{color: red;}
.error_button {font-weight: bold; font-size: 1.5em; color: red; margin: 0px auto 11px auto; text-align: center; background: #1587bb; width: fit-content; padding: 3px 11px; border-radius: 5px;} 
.error_button a{color: #fff;}
.error_button:hover{background: #0e6992; }
.etap2_naw{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
;}
.etap2_body{background: #fff; padding: 21px; margin: 0px 0px 21px 0px;  } 
.etap2_body img{ width: 100%;}
.etap2_content {
    display: grid;
    grid-template-columns: 1fr 5fr;
    gap: 20px;
    padding-top: 20px;
}
.etap2_content p{ font-size: 15px; }
.etap2_wstep{font-size: 1.7em; font-weight: bold; color: #777; width: 100%; text-align: center; margin: 21px 0px;}
.view_kat_etap2{ font-weight: bold; font-size: 1.2em;  color: #3e3e3e; margin-top: 21px; line-height: 2;} 
.etap2_haslo{font-weight: bold; color: #3e3e3e; }
.etap2_wiersz{ display: flex;}
.etap2_title2{ margin-right: 7px;}
.number_menu{
   line-height: 1;
   font-size: 4em;
   font-weight: bold;
   color: #717171;
}
.name_menu {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0 0 15px;
    font-size: 1.3em;
    text-transform: uppercase;
    color: #717171;
}
.menu_top_left {display: flex; width: 100%;} 
.menu_help { padding-bottom: 7px;}
.menu_help_opis{display: flex; padding-bottom: 4px;}
.menu_help_haslo{padding: 1px 7px 0px 0px;}
.row_head{
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 15px;
    border-bottom: 1px solid #717171;
    justify-content: space-between;
}
.cont_menu{
    margin-top: 7px;
    display: flex;
    justify-content: flex-end;
    font-size: 0.87em;
}
.divi_menu{ color: #000; margin: 0px 4px; }
.subname_menu{ color: #b50000; font-size: 0.8em; padding-top: 3px; }
.sub_bull{ margin: 0px 11px; }
.area_opis{ 
  width: 100%;
    margin: 7px 0px 3px 0px;
    box-shadow: 0 0 10px 0 #0003;
    padding: 25px;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff7;
}
.area_inp{
    padding: 3px;
    min-height: 160px;

}
.area_row{ display: flex; justify-content: space-between; }
.area_wer{
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 7px;
    font-size: 1.2em;
    color: darkred;
}
.krok_body {}
.form-check { display: grid; gap: 8px; padding: 32px 0 0; }
.form-check label { display: flex; gap: 10px; align-items: center; padding: 6px; background: #eee; }
.area_title{display: flex; justify-content: space-between;  padding: 0 0 6px; }
.area_title_smal{display: flex;}
.bold_spec{font-weight: bold; font-size: 1.1em;} 
.input_op{ margin: 7px 0px 0px 0px;}
.area_flag{padding: 3px; img{ width: 30px; border: 1px solid; }}
.sub_bull_button {text-transform: uppercase;}
.sub_bull_button:hover {color: #b51501;}
.sub_bull_row{ display: flex;}


.sub_bull_aktiv, .sub_bull_aktiv a{ color: #6a93a0; }
.ogloszenie{
    margin: 45px 0;
    padding: 7px 0;
    font-size: 14px;
    display: grid;
    grid-template-columns: auto 1fr;
    border-bottom: 1px solid #ccc;
}
.ogl_cont{width:100%;}
.ogl_cont_opis { 
   display: flex; 
   margin: 11px 0px 21px 0px;
   border-top: 1px solid #ccc;
   padding: 3px 0px 0px 3px;
}
.ogl_flag{ 
     margin: 3px 11px 0px 0px;
    img { width: 26px; box-shadow: 0 0 3px #0003;}
}
.ogl_img{
    margin: 0px 11px 0px 0px;
    border-right: 1px solid #ccc;
    max-width: 230px;
    padding: 0px 9px 0px 0px;
}
.form_add {width: 100%;}
.blu_add_input { cursor: pointer; color: #fff; width: 100%; background: #1587bb; font-size:1.2em; padding: 12px; text-align: center; margin: 12px 0px; border: none; border-radius: 5px; 
height: auto;
}
.blu_add_input:hover{font-weight: bold; background: #0f668e;}
.ogl_count{ margin-right: 11px; }
.ogl_cont_left{ display: flex; margin-right: 21px;}
.pagin_ogl {margin: 21px 0px; display: flex;}
.pagin_ogl_numbers {display: flex;}
.pagin_ogl_not, .pagin_ogl_this {margin: 0px 11px; }
.pagin_ogl_this a{color: red; font-weight: bold;}
.pagin_stref{display: flex; margin: 7px 0px; justify-content: space-between; padding: 35px 0 10px;}
.pagin_stref_title{ margin-top: 6px; color: #555;}
.pagin_stref_counter{display: flex;}
.pagin_stref_next,
.pagin_stref_prev {
  display: flex; 
  padding: 3px; 
  color: #6db630; 
  font-weight: bold; 
  text-transform: uppercase; 
  gap: 8px;
  transition: color .3s;
}
.pagin_stref_next:hover,
.pagin_stref_prev:hover {
   color: #337f36;
}
.pagin_stref_next img,
.pagin_stref_prev img { 
   width: 14px;
   height: auto;
   object-fit: contain;
}
.pagin_strefa_nexttitle{margin: 3px 4px 0px 4px; }
.pagin_stref_value {margin: 6px 7px 0px 7px;}
.view_eye {
    display: flex;
    flex-direction: column;
    width: 100%; 
    opacity: .60;
}
.view_find{
   display: flex; margin: 10px auto; justify-content: center; text-align: center; border: solid 1px #aaa; padding: 21px; 
   background: #ececec; 
}
.view_find_group{display: flex; margin: 5px;}
.view_find_group .zielony { 
   border-radius: 0 5px 5px 0;
   border: 1px solid #080;
}
.view_find_input{
   width: 100%;
   border-radius: 5px 0 0 5px;
   border: 1px solid #080;
}
.view_add_advert{margin: 10px auto; display: flex; justify-content: center;} 
.view_eye:hover{opacity: 1;}
.view_eye_img{width: 80px; margin: 0 auto 11px auto; }
.rows{display: flex; margin-top: 7px;}
.rows_rival{display: flex; margin-top: 7px; justify-content: space-between;}
.rows_black{font-weight: bold; margin-left: 5px;}
.rows_red{font-weight: bold; color:red; margin-left: 5px;}
.krok {
    margin: 25px 0 0 0;
    font-weight: bold;
    background: #83aa1d;
    padding: 6px 14px;
    font-size: 1.1em;
    color: #fff;
}
.step_blok{
   background: #ffcc3f;
   border: 1px solid #83aa1d;
   padding: 11px;
   text-align: center;
}
.step_blok2{
   border: 1px solid #83aa1d;
   padding: 25px;
   text-align: center;
}
.gielda_content {display: flex;     
    margin: 31px 0px;
    padding: 7px 0px;
    border-top: 1px solid #83aa1d;}
.gielda_img{margin: 0px 11px 0px 0px; } 
.step_info{margin-bottom: 27px;}
.step_info2{margin: 11px 0px 7px 0px; }
.step_info3{margin-bottom: 27px; text-align: left;}
.step_title{margin: 11px 0px; font-weight: bold; font-size: 1.05em; }
.step_input_select{border: 1px solid #83aa1d; text-align: center;} 
.step_content_frame { display: grid; grid-template-columns: 1fr 1fr; }
.stepContentOption{ border-top: 1px solid #83aa1d; padding-top: 15px; margin-bottom: 5px; }
.optionSprzedam{margin: 15px auto;}
.step_content_l, .step_img_navi{ text-align: left; flex: 1; padding-left: 11px;}
.step_content_l input[type=checkbox] { margin: 6px 9px 0;}
.step_content_r{ text-align: left; padding-left: 11px; border-left: 1px solid #83aa1d; }
.step_content_frame2 {display: grid; margin-top:27px; grid-template-columns: auto 1fr; } 
.step_img{
   width: 150px;
   margin-right: 15px;
}
#img_load2{width: 150px; }
.chcekCopyright{
   margin: 25px;
   color: darkred;
   font-size: 1rem;
}
.chcekCopyright > a {color: red; font-weight: bold;}
.chcekCopyright > span { color: black; }
.step_nav{ margin: 21px 0px; text-align: center;}
.step_nav .niebieski {width: 100%; }
@media (max-width: 1000px) {
   .cont_menu {flex-direction: column;}
   .sub_bull_button {margin-bottom: 7px;}
}
/* rem 22-01-2024
.add_img { margin: 35px auto; display: flex; flex-wrap: wrap;     justify-content: center;}
.add_img_single{
    width: 130px;
    height: 170px;
    margin: 9px; 
    padding: 3px 0px; 
    background: #e6e6e6;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 1px 1px 6px #bbb;
}
.add_img_width{ width: 130px; height: 120px;}

*/
.add_img_opcie { text-align: center;}
.labelInfoImage {margin: 0 0 15px;}
/* rem 22-01-2024
.psc_img{ margin-bottom: 3px; text-align: right; color: #747a7b; padding-right: 4px;}
.add_img_del {
   background: darkred;
   cursor: pointer; 
   padding: 4px 8px 3px 8px; 
   text-align: center; 
   color: #fff; 
   font-weight: bold;
   display: flex;
   justify-content: space-between;
}
.add_img_del a{ color: #fff;}
.add_img_del:hover { background: red;}
*/
.add_img_naw{
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 11px;
   margin-top: 21px;
}
.element_wstep_katmargin{margin: 21px 0px 0px 0px; }
.element_list_kat{margin: 11px 0px; }
.element_poz_kat{margin: 0px 0px 3px 5%; color: #006600;}
.elemnt_wstep_kat{margin: 11px 0px 21px 0px;}
.element_value_red{color: darkred; font-weight: bold;}
.element_ofert_single{margin: 21px 0px; background: #fff; border: 1px solid #aaa; padding: 11px; }
.element_legend{padding: 11px 0px 11px 0px; color: #006600; font-size: 1.1em;}
.element_border{border: 1px solid #fff;}
.element_content_ofert{display: flex; border-top: 1px solid #aaa; padding-top: 7px;}
.element_content_img{margin: 0px 11px 0px 0px;}
.element_content_link_company {margin: 11px 0px;}
.element_content_link_company a{color: #1587bb;}
.element_num_mail{color: red; text-align: right;}
.element_content_text{width: 100%;}
.element_pagin_num, .element_pagin_numAct {color: #1587bb; padding: 4px 11px;}
.element_pagin_numAct{color: #173868;}
.element_pagin_start{color: #555; padding: 0px 11px 0px 0px;}
.element_pagin_num:hover{color: #aaa;}
.element_end_info{margin: 61px 0px 21px 0px; }
.accept_ogl{margin: 21px 0px; }

.accept_img {} 
.accept_tresc_img {text-align: center;} 
.accept_body_kontakt{margin: 32px 0px; width: 100%; text-align: center;}
.accept_kontakt{display: flex; justify-content: center; margin: 17px;}
.accept_right_temat{text-align: right; margin-right: 17px; }
.accept_left_temat{text-align: left; font-weight: bold; color: teal;}
.accept_flag{ border-bottom: 1px solid #aaa; padding: 3px 0px; margin: 21px 0px 11px 0px; }
.accept_tresc_flag{text-align: left; }
.accept_naglowek{display: flex; width: 100%; justify-content: space-between; margin: 62px 0px 11px 0px; border-bottom: 1px solid #aaa;}
.accept_temat{font-size: 1.2em; color: green; font-weight: bold; }
.accept_miejscowosc{font-size: 1.2em;}
.block_delete{margin: 62px 0px 0px 0px; text-align: center;}
.block_delete_navi{
   display: grid;
   grid-template-columns: auto auto;
   gap: 11px;
   margin: 21px 0px; 
   justify-content: center;
}
.block_delete_commun{font-size: 1.2em;}
.block_delete_attention{text-align: center; padding: 21px 0px 0px 0px;}
.block_delete_link {color: #1587bb; padding: 7px 0px; padding-top: 7px;}
.block_delete_link a{color: #1587bb;}
.block_delete_back {text-align: center; font-size: 1.3em; font-weight: bold; color: #1587bb; padding-top: 21px;}
.block_state_navi { 
   display: flex; 
   margin: 61px 0px; 
   justify-content: space-around;
   border-top: 1px solid #ccc;
   padding-top: 11px;
}
.block_state_navi_unit a{color: #1587bb; text-transform: uppercase;}
.telegram_body_cb{margin: 21px 0px; border-bottom: 1px solid #aaa;}
.telegram_cb_title{margin-bottom: 3px; font-weight: bold;}
.telegram_cb_content{margin: 17px; border-left: 4px solid green; padding-left: 5px;}
.telegram_area{min-height: 80px;}
.telegram_ad_body{display: flex; margin-top: 11px;}
.telegram_ad_title{font-weight: bold;  width: 85px;}
.telegram_ad_content{ margin: 0px 11px; text-align: left; flex: 2;     border-bottom: 1px solid #aaa; margin-bottom: 11px; padding-bottom: 3px;}
.img_load_view{margin-bottom: 11px; text-align: center;}
.img_loads{max-height: 350px;} 
.img_loads_gielda{max-width: 150px;} 
.img_loads_inf{ margin: 11px; font-weight: bold;}
.header_table2{text-align: center; font-weight: bold; font-size: 1.2em; margin-bottom: 21px; }
.quick_contact{text-align: right; margin: 11px 0px;}
.quick_contact_input{ margin: 4px 0px; border-bottom: 1px solid #aaa; padding: 7px 0px 11px 0px; }
.quick_contact_title{color: #a53800;}
.quick_contact_label{margin: 1px 0px;}
.arch_offers_title{font-weight: bold; color: #1587bb; font-size: 1.1em;} 

.oferta_body{display: flex; justify-content: space-between; margin: 15px 0px;}
.oferta_body_podobne{display: flex; justify-content: space-between; margin: 15px 0px; flex-wrap: wrap;}
.oferta_co{ margin-bottom: 0px;}
.oferta_co a{color: #1587bb; font-weight: bold;}
.oferta_data_co {margin-bottom: 4px;}
.oferta_tresc{}
.oferta_kraj{margin:7px 0px 0px 0px;}
.oferta_opis{text-align: justify;}
.oferta_tresc_podobne{width: 23%; margin: 0px 0px 42px 0px; border-left: 1px solid #006600; padding: 5px 0px 5px 7px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.opis_oferty_podobne{font-size:18px; color: #27932e; font-weight: bold; text-transform: uppercase;  margin: 55px 0px 5px 0px;}
.archive_offer{margin: auto; width: 80%;}
.archive_offer_single{border-left: solid 2px #006600; padding-left: 11px; margin: 37px 0px;}
.linkFile { font-weight: bold; color: #1522bb;}
.body_adwers_single{background: white; padding: 11px; margin-bottom: 21px;}
.adwers_single_block_adress{display: flex; justify-content: space-between;}
.adwers_single_range{display: flex; justify-content: space-between; border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 21px;}
.adwers_single_img{text-align: center;}
.adwers_single_back{text-align: right; margin: 11px 7px; opacity: 0.7;   transition-duration:2s;}
.adwers_single_back:hover{opacity: 1; margin: 11px 28px;}
.adwers_single_text{border-bottom: 1px solid #ccc; padding: 3px 0px; margin: 21px 0px;}
.adwers_single_link{color: #1587bb;}
.adwers_single_num{color: darkred;}
.dluznik{display: flex;     justify-content: flex-end; with: max-conten;}
.label_link {display: grid; grid-template-columns: auto 1fr; gap: 11px; padding-bottom: 15px; }
.label_link label { margin-top: 6px; text-transform: uppercase; }
.blulink{color: #1587bb;}
.blulink a{color: #1587bb;}
.blulink:href{color: #1587bb;}
.back{ font-size: 1.5em; margin: 21px 0px;}
.back2{ 
   font-size: 0.9em; margin: 17px 0px 4px 0px;
   text-transform: uppercase;
   font-weight: bold;
}

.selectHaslo {display: grid; grid-template-columns: auto 1fr; gap: 8px; }
.selectHaslo input {margin-top: -2px;}
.selectHaslo .zielony {grid-column: span 2;}
.view_napisz_wsk {
    background-color: #78b8da;
    color: #fff;
    font-weight: bold;
    border-radius: 7px 7px 7px 7px;
    text-align: right;
}
.buttom_blu {
    background-color: #028ad4;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    border: none;
    padding: 6px 18px;
    text-transform: uppercase;
    cursor: pointer;
}
.mobile { display: none;}

@media (max-width: 1300px) {
    .oferta_tresc_podobne {width: 31%;}
}
@media (max-width:1000px) {
    .oferta_tresc_podobne {width: 48%;}
    .body_srodek {width: 70%;}
    .dane_form_zap { flex-direction: column; align-items: flex-end; padding-right: 23%; }
}
@media (max-width: 800px) {
  .menu_flank {width: 40%;}
  .body_srodek {width: 60%;}
  .step_content_frame2, .step_content_frame { grid-template-columns: 1fr; }
  .step_content_r{ 
     text-align: center; padding-right: 0; border: none; border-top: 1px solid #83aa1d;  
     margin: 11px auto 0;
     padding: 17px 0;
     width: 100%;
  }
  .optionSprzedam {
    margin: 15px auto 0;
  }
  .step_info2 { margin: 11px 0px 0px 0px; font-size: 0.92em;}
}
@media (max-width: 980px) {
   .row_head { grid-template-columns: 1fr;  justify-items: end;}
   .label_link {grid-template-columns: 1fr;}
   .oferta_tresc_podobne {width: 100%;}
   .body_srodek {width: 50%;}
   .oglo_row_sx { flex-direction: column; }

   .listDebProfil h2 {font-size: 1.15em;}
   .listDebProfil {grid-template-columns: auto 1fr repeat(2, 0.6fr); font-size: 0.85em;}
   .listDebProfil .lpList { grid-row: auto/span 3;  background: #ccc;}
   .listDebProfil .titleList { grid-column: auto/span 3;}
   .listDebProfil .editDel { grid-column: auto/span 3; border-top: 1px solid #0072bc;}

   .tabAddDeb {grid-template-columns: 1fr; gap:6px;}
   .tabAddDeb label { text-align: left; margin-top: 11px; }

}

@media (max-width: 785px) {
   .manual-play iframe {width: 320px; height: 180px;}
   .find_offert {grid-template-columns: 1fr; gap: 11px; margin: 15px 0 0 15px;}
   .find_offert input[type=submit] {border-radius: 5px;}
   .ogloszenie { grid-template-columns: 1fr;}
   .ogl_img { border: none;}
   .renewAds {grid-template-columns: 1fr auto;}
   .renewAds input[type=submit] { grid-column: span 2;}
   .renewAds input[type=text] { width: 64px;}
   .ogl_button {grid-template-columns: 1fr 1fr; gap: 11px;}
   .dodaj_pole_wsp {grid-template-columns: auto; }
   .row_green { margin: 3px 0 0 3px; }
   .sub_row_green {margin-bottom: 30px;}
   .report_block {margin-left: 0;}
   .report_row {grid-template-columns: 1fr;}
   .ofert_row {display: grid;}
   .ofert_row .ofert_cell {text-align: center;}
   .tel_del { padding: 4px 28px 0 6px; }
   .table_has { grid-template-columns: auto 1fr auto; }
   .table_has_list { grid-template-columns: auto auto auto 1fr auto auto; }
   .table_has .title{grid-column: span 2;}
   .table_has_list .title {grid-column: span 4;}
   .table_has .lps, .table_has_list .lps {grid-row: span 2;}
   .table_has_list .form {grid-column: span 2;}
   .archive_offer { width: 100%; }
   .menuBox {margin-top: 125px;}
   .mobile {
      position: fixed;
      top: 0;
      display: grid;
      background: #ddd;
      padding: 15px 15px 0;
      box-shadow: 0 1px 7px 0 #777;
      z-index: 99;
      width: 100%;
      box-sizing: border-box;
   }
   .mobile .MMenuDeactiv {
      width: 56px;
      position: relative;
      cursor: pointer;
   }
   .mobileMenu .mobmimg {opacity: .5; transition-duration: .4s;}
   .mobileMenu .mobmimg:hover {opacity: 1;}
   .menu_flank .menu_top, .menu_flank .allInf {display: none; transition-duration: 5s;}
   .mobileMenu .close {position: absolute; width: 52px; justify-content: center; top: 22px; left: 0; display: none;}
   .menu_flank .showMenu {display: block; transition-duration: 1s;}
   .menu_flank .hiddeMenu {display: none; transition-duration: 1s;}
   .mobileMenu {
      display: grid;
      padding: 15px 0 7px;
      grid-template-columns: 1fr 1fr 1fr;
      text-align: center;
      justify-items: center;
   }
   .titleM { 
      border-bottom: 1px solid #aaa; 
      display: grid;
      grid-template-columns: 1fr auto;
   }
   .titleM span { align-self: end; }
   .mobile .imgLang {margin: 0; width: 39px; height: 26px;}
   /* 05-05-2024 xcenter {display: none;} */
   .xcenterM {display: grid; border: none; padding: 0;}
   .xcenterM .strefa { padding: 0;}
   .xcenterM .strefaLang { 
       grid-template-columns: 1fr 1fr;  gap: 15px; 
       border-right: 1px solid #aaa;
   }
    .aktual_logo { display: grid; gap: 11px; justify-content: center; }
    .upload_logo { display: grid; justify-content: center;}
    .upload_logo .op1{margin: 0px; }
    .topAction, .frameUp { width: 100%; left: 0px; top: 10%;}
    .akceptAction {width: 80%; left: 5%; }
    .frameUp .row { margin: 21px; margin-left: 0px; padding: 0px 0px 0px 21px;}
    .formTel {grid-template-columns: 1fr 1fr;}
    .formTel div { margin-top: 11px; margin-bottom: 0px;}
    .formTel .phoneCount { grid-column: 1/3; grid-row: 1/2;}
    .formTel p { grid-column: 1/2; grid-row: 2/3;}
    .formTel .numkraj { grid-column: 2/3; grid-row: 2/3;}
    .formTel .phoneNumber { grid-column: 1/3; grid-row: 3/4;}
    .formTel .number { grid-column: 1/3; grid-row: 4/5;}
    .formTel .phoneOwner { grid-column: 1/3; grid-row: 5/6;}
    .formTel .owner { grid-column: 1/3; grid-row: 6/7;}
    .formTel .zapis { grid-column: 1/3;}
    .frameUp .descrip {width: 90%;}
    .formTel span { display: none;}
    .formTel input[type=submit] { margin-top: 55px; height: 40px;}
    .table_tele {grid-template-columns: 1fr 1fr 1fr;}
    .table_tele .cell_tele{ grid-column: 1/4;}
    .table_tele .tel_edit{ grid-column: 1/3;}
    .table_tele .tel_edit, .table_tele .tel_del{ margin-bottom: 21px;  padding-top: 5px;}
    .sys_layout { display: block; }
    .menu_flank { width: auto; border: none; border-bottom: 1px solid #a1a93c;}
    .body_srodek{ width: auto;}
    .step_content_l { padding: 0;}
    .step_img_navi { margin-top: 11px;}
    .etap2_naw { flex-wrap: nowrap; }
    .img_loads { width: 100%; }
    .dodaj_pole { flex-direction: column; margin-bottom: 17px; }
    .dodaj_l { text-align: left; margin: 0px 0px 3px 0px; }
    .dxx { width: 100%;}
    .row { margin: 23px 0px;}
    .adv_inp { width: 100%;}
    .zapis100no{ margin: 0px;} 
    .accept_img {width: 100%;}
    .menu_big_space { margin-top: 21px; }
    .ofert_single_dane { flex-direction: column;}
    .ramka_b { padding: 11px; }
    .subscribe_exchange { flex-direction: column; text-align: center; }
    .name_exchange { width: 100%; margin: 21px 0px 11px 0px; }
    .scrib_no, .scrib_yes { width: auto; justify-content: flex-end; border-bottom: 1px solid #9cb34b;  padding: 5px 7px 4px 0px;}
    .subscribe_exchange:hover { border: none; background: none;}
    .scrib_link_exchange { text-align: left;}
    .send_exchange { margin-bottom: 3px; justify-content: flex-end;}
    .ofert_box_dane { flex-direction: column; }
    .ofert_box_left {
       margin-top: 11px;
       width: 100%;
    }
    .oglo_row_s { flex-direction: column; }
    .trade_box { flex-direction: column; }
    .ogl_cel1 { border: none;}
    .ogl_cel2 {
       padding: 0px;
       margin: 11px auto; 
    }
    .ogl_cel4 { margin: 11px auto; width: 100%; }
    .blu_go2w { border-radius: 5px;}
   .blu_go {text-align: center;}
    .adwers_single_img {
       width: 100%;
       overflow: hidden;
    }
    .oglo_row_th { display: none;}
}