.app-main__inner {
    background-color: #f2f2f2;
    position:relative;
}

.app-sidebar__inner {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
border:10px solid #3d3d8c;
}

.app-sidebar__inner {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

.obrazekPrehled {
    width: 50px;
}

.backgroundWhite {
    background-color: White;
}

.tpProdejnaMesto,
.smallFont {
    font-size: 10px;
}

.form-control {
    font-size: 13px;
}

.dataTables_length {
    margin-top: 10px;
}

.red {
    color: Red;
}

#neuspesne_odeslani,
#uspesne_odeslani {
    line-height: 30px;
    text-align: center;
    margin-bottom: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.appPageTitlestav {
    display: none;
}

.statusProduktu1 td {
    color: Red !important;
}

.statusProduktu2 td {
    color: Orange !important;
}

.dt-button.buttons-columnVisibility {
    background-color: #e46565;
    color: white;
}

.dt-button.buttons-columnVisibility.active {
    background-color: #7ca75e;
}

/*
.dt-button-collection {
    max-width: 95%;
}
*/
/*
.dataTables_wrapper {border: 1px solid Red;
    max-width:100%;}

    .dt-buttons {border: 1px solid Green;
    overflow:hidden;
}*/

#modalInsertDodatecne {
    z-index: 999999 !important;
}

.sideMenuItem a,
.adminMenuItem a {
    background-position: 3px center !important;
    background-repeat: no-repeat !important;
}

.pageTitleIcon {
    background-position: center !important;
    background-repeat: no-repeat !important; 
    background-size: 80px 80px;   
}

.sideMenuItem3 a {
    background-image: url(pcs/stav-skladu.svg) !important;
}

.sideMenuItem1 a, .pageTitleIconpolozkyIcon {
    background-image: url(pcs/skladove-karty.svg) !important;
}

.pageTitleIconpolozkyIcon {
    background-image: url(pcs/skladove-karty.svg) !important;
}

.sideMenuItem2 a,  .pageTitleIconpohybyIcon {
    background-image: url(pcs/skladove-pohyby.svg) !important;
}

.sideMenuItem3 a,  .pageTitleIconstavIcon {
    background-image: url(pcs/stav-skladu.svg) !important;
}

.sideMenuItem4 a,  .pageTitleIconinventuraIcon {
    background-image: url(pcs/inventura.svg) !important;
}

.sideMenuItem5 a,  .pageTitleIconreportyIcon {
    background-image: url(pcs/mesicni-ucetni-pohyby.svg) !important;
}

.sideMenuItem6 a,  .pageTitleIconreportyinventuryIcon {
    background-image: url(pcs/inventury-ucetni.svg) !important;
}

.adminMenuItem10 a,  .pageTitleIconjednotkyIcon {
    background-image: url(pcs/ciselnik1.svg) !important;
}

.adminMenuItem11 a,  .pageTitleIcontiskarnyIcon {
    background-image: url(pcs/ciselnik1.svg) !important;
}

.adminMenuItem13 a,  .pageTitleIconuzivateleIcon {
    background-image: url(pcs/uzivatele.svg) !important;
}

.adminMenuItem14 a,  .pageTitleIconkonfiguraceIcon {
    background-image: url(pcs/konfigurace.svg) !important;
}

.adminMenuItem15 a,  .pageTitleIcontiskarnyIcon {
    background-image: url(pcs/ciselnik1.svg) !important;
}





.pageTitleIconpolozkyIcon {
    background-image: url(pcs/skladove-karty2.svg) !important;
}

.pageTitleIconpohybyIcon {
    background-image: url(pcs/skladove-pohyby2.svg) !important;
}

.pageTitleIconstavIcon {
    background-image: url(pcs/stav-skladu2.svg) !important;
}

 .pageTitleIconinventuraIcon {
    background-image: url(pcs/inventura2.svg) !important;
}

.pageTitleIconreportyIcon {
    background-image: url(pcs/mesicni-ucetni-pohyby2.svg) !important;
}

 .pageTitleIconreportyinventuryIcon {
    background-image: url(pcs/inventury-ucetni2.svg) !important;
}

 .pageTitleIconjednotkyIcon {
    background-image: url(pcs/ciselnik12.svg) !important;
}

 .pageTitleIcontiskarnyIcon {
    background-image: url(pcs/ciselnik12.svg) !important;
}

.pageTitleIconuzivateleIcon {
    background-image: url(pcs/uzivatele2.svg) !important;
}

 .pageTitleIconkonfiguraceIcon {
    background-image: url(pcs/konfigurace2.svg) !important;
}


.novyZaznamButton {
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    background-color: #f0d56e;
    color: #332a66;
    border: none;
    position: fixed;
    top: 80px;
    right: 20px;
    text-decoration: none;
    text-transform: none;
    z-index: 9999;
    cursor: pointer;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;    
}

/*.app-header  {
background-color:#3D3D8C !important;
}*/



/* fix buttony */
.dt-button-collection {
    margin-top: 10px !important
}

thead th {
    background-color: #3D3D8C!important;
    color: White;
    font-weight: normal!important;
}

.btn.btn-danger {
background-color: #FFD060!important;    
border:1px solid #FFD060!important;    
}

/*e9e9f3*/


.appPageTitlepolozky {
    background-color: #e9e9f3!important;
}

.app-main__inner {
    background-color: White!important;
    background-color: #e9e9f3!important;
}

.app-theme-white .app-page-title {
    background-color: #e9e9f3!important;

}

.app-footer {display:none;}

.page-title-heading, .page-title-heading div {color:#3d3d8c;} 

.app-header__logo {
background-color: #3b3b88!important
}

.app-header__content {
    background-color: #3b3b88!important
}


.app-page-title {
    margin-bottom:  0;
}

.topLeftCorner {
background-image: url(pcs/top-left.png) !important;
background-position: center;
background-repeat: no-repeat;
width:50px;
height:50px;
position:absolute;
top:0;
left:0;
z-index:999;
}

.avatarInicialy {
    width:40px;
height:40px;
line-height:40px;
text-align: center;
background-color:#f0d56e;
color:#3d3d8c; 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-size: 22px;

        -webkit-font-smoothing: antialiased; /* Pouze pro Webkit-based prohlížeče (Chrome, Safari) */
        -moz-osx-font-smoothing: grayscale; /* Pouze pro Firefox na Macu */
}

@media screen and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) {
    .avatarInicialy {
        /* Specifický styl pro Apple zařízení */
        padding-top: 2px;
    }
}


.logoNew  {width: 165px;   
    height:55px;
background-image: url(pcs/logo-aplikace.png);
background-position: center;
background-repeat: no-repeat;
background-size: 165px 55px;
}

.logoSmall  {
width: 34px;   
height:55px;
background-image: url(pcs/logo-aplikace-small.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 34px 55px;
}

table.table, table.dataTable {
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
border-radius: 10px !important;
}


tbody {
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
border-radius: 10px !important;
}

.tableRadius {

}




/* Zakulacení rohů kontejneru DataTables */
.xdataTables_wrapper {
    border-radius: 10px !important;
    overflow: hidden; /* Aby byly rohy opravdu zakulacené */
    
}

/* Zakulacení rohů tabulky */
.dataTables_wrapper .dataTables_scrollHead table,
.dataTables_wrapper .dataTables_scrollBody table,
.dataTables_wrapper .dataTables_scrollFoot table {
    border-radius: 10px !important;
    overflow: hidden; /* Aby byly rohy opravdu zakulacené */
    
}

/* Zakulacení rohů samotné tabulky */
table.dataTable {
    border-radius: 10px !important;
    overflow: hidden; /* Aby byly rohy opravdu zakulacené */
    
}


.konecInventuraButton {
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    background-color: #f0d56e;
    color: #332a66;
    border: none;
    text-decoration: none;
    text-transform: none;
    z-index: 9999;
    cursor: pointer;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;    
}

.table-responsive {
    overflow-x: visible;
    }


.closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo {
    width: 125px;
}

.app-main {
background-color: #3f3284 !important;
/*background-color: Red !important;*/
}



.dt-button {
color:#536af9;    
border:1px solid White;
background-color:   #e9e9eb;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 5px 10px;
}

.buttonInventura {
    background-color: White;
    color:#c63286;
    height:35px;
    line-height:35px;
    text-align: center;
    font-weight: normal;
    display:block;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;    
}

.buttonInventura1 {width:150px;}
.buttonInventura2 {width:220px;}


.bodyInventura {
    background-color:#e9e8f2;
}