.iz_login {

    background-image:url(images/login_top.webp);

    background-repeat:no-repeat;    

}



.iz_reg_checkbox_width {

    width:30px !important;

}



.hidden {

    visibility:hidden;

    display:none;

}



.visible {

    visibility:visible;

    display:inline-block;

}



.text-underlined {

    text-decoration: underline;

}



/*.bg-primary, .btn-info, .btn-outline {

    background-color: #333333 !important;

}*/



.locked {

    background-color: #dedede !important;

}

/*.table tr td:first-child, .table tr th:first-child {

    visibility: hidden;

    display: none;

}*/



/* Sticky Table Header */

.tableFixHead          { overflow: auto; height: auto; height:650px}          /* 650px collapsed, 1500px expanded */

.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }



.table_bg_color {

    background-color:#f3f3f3;    

}

.table_bg_color1 {

    background-color:#f1f1f1;    

}



.topnav {

    margin-top:96px !important;

}



.page-content {

    padding-top:165px !important;

}

@media (max-width:991.98px) {

    .page-content {

        padding-top:115px !important;

    }

}





.dataTable td {

    vertical-align: middle !important;

}





.hand {

    cursor: pointer;

    cursor:hand;

}



.select2-container--open,.select2-dropdown {

    z-index: 9999999

}



.max-w-100 {

    width:100px;

    max-width:100px;

}



.dropdown-item {

    color:#000000 !important;

}



.dropdown-item:hover {

    background-color:#cccccc !important;

}



body, table, td, div {

    color:#222222;    

}

#fullscreen {

    z-index:999999;

    position:absolute;

    top:0px;

    left:0px;

    width:100%;

    height:100%;

    background-color: #000000;

    opacity: 0.5;

}



.popup_invoice_line {

    background-color:none;

    padding:5px 0px;

}

.popup_invoice_line:hover {

    background-color:#ffeedd;

}



.myhr {

    height:1px !important;        

}

.col-number {

    width:50px;

}

.row-divider {

    height: 1px !important;

    border-bottom: 1px dashed #cccccc !important;

}





.report {    

    position:relative;

    width:157px;

    height:160px;

    margin:10px;

    opacity:1;    

    cursor:pointer;

    cursor:hand;

    background-repeat: no-repeat;

    background-position: 5px 14px;

    display:inline-block;

}

.reportee {

    background-image: url(images/pikto-elekt_gray.jpg);

}

.reportee_hover {

    background-image: url(images/pikto-elekt.jpg);    

}

.reportiab {

    background-image: url(images/pikto-bat_gray.jpg);    

}

.reportiab_hover {

    background-image: url(images/pikto-bat.jpg);  

}

.reportoe {

    background-image: url(images/pikto-oe_gray.jpg);    

}

.reportoe_hover {

    background-image: url(images/pikto-oe.jpg);  

}





.footer {

    height:140px !important;

}



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

    #layout-wrapper, #loginform {

        display:none;

        visibility:hidden;        

    }    

    .iz_login {

        background-image:none;

    }

    #reportadd_panel {

        height:1200px !important;

    }

    #no-mobile {

        display:block;

        visibility:visible;

    }

}

@media only screen and (min-width: 768px) {    

    #no-mobile {

        display:none;

        visibility:hidden;

    }

    #reportadd_panel {

        height:400px !important;

    }

}


html,body,table,td,input,select {
    font-size:14px;    
}

#import {
    font-family: courier;
}

.bg-info, bg-danger {
    background-color: #009DD3 !important;
    color: #ffffff !important;
}



.reportadd_pikto {
    filter: grayscale(100%) contrast(50%) brightness(2);   
    transition: filter 0.5s ease;
}
.reportadd_pikto:hover {
    filter: grayscale(0%);    
    cursor:pointer;
    cursor:hand;
}

.vertical-text {
    writing-mode: vertical-rl;
    text-orientation: upright;
}

#table_reportee thead th {
    border:1px solid #cccccc !important;
}



.ee_za_placilo {    
    font-weight:bold !important;
}

.ee_row td {
    padding:5px 2px !important;
    margin:0px !important;
}

.okd td {
    padding:5px 2px !important;
    margin:0px !important;
}


.card-body {
    border:none !important;
    margin:0 !important;
    padding: 0 !important;
    background:none;
}
.card {
    border:none !important;
    background:none;
}

.col-divider-left {
    border-left: 1px dashed #cccccc !important;
}
.line-divider-bottom {
    border-bottom: 1px dashed #cccccc !important;
}
.bg-info-light {
    background-color:#dcf2f8;
    color: #000000;
}