/* Prevent horizontal scrolling */

html, body {
    overflow-x: hidden;
  }
  body {
    position: relative
  }



/* ***********************************************LOGIN PAGE************************************** */

/* Desktops responsive */



@media only screen and (max-width: 1450px) {

.reset .pretext, .main-content--right .pretext{
    font-size:24px;
}

.main-content--right{
    padding-right:0px;
}

}





@media only screen and (max-width: 1199px) {

    .customart-block #re a img{
        position: absolute;
        max-width: 60%;
        height: 600px;
        left: 0px;
        max-width: 100%;
        margin-top: -800px;
        
    }

    #tabHeader::before{
        left:0px;
        margin-left:0px;
    }

    .main-content--right{
        background: #ffff;
        position: relative;
        display: flex;
        flex-direction: column;
        overflow: visible;
        padding-top: 50px!important;
        padding-right: 50px;
        -webkit-box-shadow: 0px 2px 30px -8px rgba(193,138,230,0.72);
-moz-box-shadow: 0px 2px 30px -8px rgba(193,138,230,0.72);
box-shadow: 0px 2px 30px -8px rgba(193,138,230,0.72);
    }

    .tabs{
        max-width:100%;
    }

    .art-footer{
        height: intrinsic;          
        height: -moz-max-content;  
        height:fit-content;
    }

    .art-footer > .upper-fotter{
       height: intrinsic;          
       height: -moz-max-content;  
       height:fit-content;
    }


   .art-footer-inner{
      height: intrinsic;          
      height: -moz-max-content;  
      height:fit-content;
}
    
}

@media only screen and (max-width: 1050px) {
.secondary-header{
    font-size:26px;
}




}




@media only screen and (max-width: 1024px) {
    .secondary-header{
        font-size:26px;
    }
    .main-content--right{
        padding-left:50px;
    }
    
    
    
    }

@media only screen and (max-width: 700px) {


    .customart-block #re a img{
        position:relative;
        height:400px;
        width:auto!important;
        max-width:auto!important;
        margin-top:-50px;
    }

    .secondary-header {
        font-size: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #art-main .art-sheet{
        padding-left:15px!important;
        padding-right:15px!important;
    }

    .main-content--right{
        padding-left:15px!important;
        padding-right:15px!important;
        padding-top:15px!important;
        box-shadow:none!important;
    }

    .main-content--right .userdata .form-register-wrapper{
        flex-direction:column;
    }

    .form-register-wrapper .pretext{
      margin-bottom:20px!important;
    }

    .main-content--right .userdata .form-login-submit-wrapper{
        position:relative;
        margin-top:0px;
        display:flex;
        justify-content:center;
    }


    .userdata .art-button{
        float:inherit!important;
        display:flex;
        margin:0 auto;
    }

    #tabHeader #tab1{
      width:80%;
      height:fit-content!important;
      justify-content:center;
      padding:15px 20px!important;
    }

    #tabHeader #tab2{
     width:80%;
     height:fit-content!important;
     justify-content:center;
     padding:15px 20px!important;


    }


    .art-footer .art-footer-inner .art-content-layout .art-content-layout-row .art-layout-cell .art-nostylemenufooter .menumenufooter li{
        padding:5px;
    }


    .main-content--right .userdata .form-login-utilities{
        flex-direction:column;
    }
    .main-content--right .userdata .form-login-utilities a{
        font-size:16px;
    }

    .main-content--right .userdata .form-login-utilities #form-login-remember label{
        font-size:16px;
    }

    #form-login-remember input[type="checkbox"] {
     transform:scale(1.3);

    }

    .main-content--right .userdata .form-login-submit-wrapper .form-login-help p{
        font-size:16px;
    }

    .brand-image{
        margin-top:-10px;
    }
}






/* ***********************************************DASHBOARD************************************** */


@media only screen and (max-width: 1439px) {

    div#RozrachunkiMenu .DivMenuButton{
        font-size:18px!important;
    }


}

@media only screen and (max-width: 1250px) {
    div#RozrachunkiMenu .DivMenuButton{
        font-size:16px!important;
    }


}


@media only screen and (max-width: 1199px) {

    #art-main .art-content-layout-row{
     flex-direction:column-reverse;
}

#WyboryRozrachunki .PolaDane #dane-klienta div .klient-info-dane, #WyboryRozrachunki .PolaDane #dane-klienta div .klient-info-ustawienia, #WyboryRozrachunki .PolaDane #dane-klienta div .klient-info-podsumowanie{
    width:100%;
}
#art-main .art-content-layout-row .art-content{
    width:100%;
}

#art-main .art-sheet{
    padding-left:20px;
    padding-right:20px;
}

.art-postcontent div a img {
    position:relative!important;
}

#art-main .art-content-layout-row .art-content{
    width:100%!important;
}

}

@media only screen and (max-width: 800px) {


    div#RozrachunkiMenu .DivMenuButton{
    padding:4px 15px!important;
    margin-bottom:5px!important;
    max-width: fit-content!important;
    width: intrinsic;          
    width: -moz-max-content;    


    }

    div#RozrachunkiMenu {
        flex-direction: column;
        height:fit-content!important;
        height: intrinsic;          
        height: -moz-max-content;   
        width:fit-content!important;
        margin:0 auto!important; 
    }
    
 

    .dataTables_wrapper th{
        font-size:14.5px!important;
    }

    #art-main .art-sheet{
        padding-left:5px!important;
        padding-right:5px!important;
    }

.klient-info-podsumowanie{
    display:flex!important;
}


.paging_simple_numbers{
    display:flex;
    width:100%;
}


#dokumenty_previous, #dokumenty_next, #Windykacja_previous, #Windykacja_next, #aktywnosci_previous, #aktywnosci_next, #windykTable_previous, #windykTable_next, #example_previous, #example_next, #blokady_previous, #blokady_next, #dyspozycje_previous, #dyspozycje_next, #example1_previous, #example1_next, #example2_previous, #example2_next{
    display:flex;
    margin:0 auto;
    font-size:14px;
}


/* Test hide zuzycie */

#odczyt-holder{
    display:none;
}


table#FakturyUstawienia tr, table#Podaj_odczyt_TAB tr{
    flex-direction:column;
    align-items: flex-start;
}


#Roz_Pod_Dat{
    width:250px;
    margin-bottom:20px;
}


#data_od, #data_do{
    width:200px;
}
.jd_top_navi td{
    margin-right: 0px;
    font-weight: 500;
    width: 44%;
    border: 2px solid #00063B!important;
    font-size: 12px;

}

.jd_top_navi tr{
    justify-content:space-between!important;
}


.jd_cat_subheader{
    padding-bottom:120px;
}

.jd_cat_subheader td{
    width:100%;
}

.jd_sort_order{
    text-align: left!important;
    position: absolute;
    width: 100%;
    left: 10px;
    margin-top:30px;
    font-size:14.8px;
}

.art-postcontent table:not([class]) tbody > tr:first-of-type > td b a{
    font-size:13px!important;
}

.art-postcontent table:not([class]) tbody > tr:last-of-type > td:first-of-type small{
    font-size:12px!important;
}


.art-postcontent table:not([class]) tbody > tr:first-of-type > td img{
    height:30px;
    width:auto;
}

.art-pager{
    display:flex;
}

.art-pager span{
    font-size:12.5px!important;
}
#example td{
    font-size:12px!important;
   }

#example_paginate{
    display:flex;
    flex-direction:column;
}


#example_paginate span {
    display:flex;
   justify-content:center;
   margin-top:15px;
   margin-bottom:15px;
}


.dataTables_wrapper .dataTables_paginate .paginate_button{
    height:fit-content;
}


.art-vmenublock {
  padding-top:50px;
}

#RozrachunkiMenu #BTNakt, #RozrachunkiMenu #BTNpod_odcz, #RozrachunkiMenu #BTNdokumenty, #RozrachunkiMenu .DivMenuButton{
    font-size:16px!important;
    padding:4px 15px!important;
    margin-bottom:5px!important;
    
}

.componentheading{
    font-size:16px!important
}

.art-nostylemod-link td{
    display:flex!important;
    margin:0 auto;
    justify-content:center;
}

#Roz_Pod_Dat{
    background:transparent!important;
}


#tabContentContainer .tabContent-inner p{
  font-size:15px!important;
}

#tabContentContainer .tabContent{
    max-width:95.5%;
}

}