body { font-size: 16px; }

h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 18px; }


.header { padding-left: 15px; }
.header h1{ font-size: 2em; }

.main-sidebar { background: #002752; /*margin-left: 0 !important;*/ }
.main-sidebar .nav-header { padding: 7px 10px 8px 10px; color: #888888; }
.main-sidebar .nav-item { padding: 7px 10px 8px 10px; }
.main-sidebar .nav a { padding: 7px 10px 8px 10px; color: #ffffff; border-bottom: 1px solid #666666; border-left: none; border-right: none; text-decoration: none; }
.main-sidebar .nav a.active { background: #007bff; border-bottom: 1px solid #000000; color: #fff; }
.main-sidebar .nav a.active i , .main-sidebar .nav a.active p { color: #ffffff; }
.main-sidebar .far, .main-sidebar .fas { font-size: 18px; margin-right: 10px; }
.main-sidebar .nav-link { border-radius: 0; }

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .nav-sidebar .nav-header {
        opacity: 0;
        display: block;
    }
}

.top-menu { margin-left: 15px; }
.top-menu .nav a { padding: 7px 10px 8px 10px; color: #fff; border-bottom: 1px solid #666; border-left: none; border-right: none; text-decoration: none; }
.top-menu .nav a:hover { background: #2D89EF; border-bottom: 1px solid #2D89EF; }

.row-content { width: 100%; min-height: calc(100vh - 39px); }


#content { padding: 10px 25px; }

.login { background-image: url("/images/login-background.jpg")  }
.login .container { overflow: hidden;  position: relative; height: 100%; }
.login .row { width: 100%; }
.login-box { width: 400px;
    margin: 100px auto;
    background: rgb(245,245,245);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 19%, rgba(255,255,255,1) 77%, rgba(245,245,245,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(19%,rgba(255,255,255,1)), color-stop(77%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1)));
    background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 77%,rgba(245,245,245,1) 100%);
    background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 77%,rgba(245,245,245,1) 100%);
    background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 77%,rgba(245,245,245,1) 100%);
    background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 77%,rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=0 );
    color: #000;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.15);
    box-shadow: 0 0 0 5px rgba(0,0,0,0.15);
    max-width: 80vw;

}
.login-box .input-prepend {
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    border-left: 3px solid #fff;
}

.datagrid { width: 100%; }
.datagrid .row-filters { border: 1px solid lightgrey; padding: 0 1em; margin-bottom: 2em; }
.datagrid .row-filter-header { color: white; background-color: #2D89EF; padding: 10px 15px; }
.datagrid-row-outer-filters-group { padding-left: 0; padding-right: 20px; }
.datagrid .col-akcie .btn { margin: 1px; font-size: 16px; padding: 1px 5px; }
.buttons-bellow-datagrid { padding: 0 1em 1em 1em; }
.buttons-bellow-client { padding: 0.5em 0 1em; }
.item-detail-content { padding: 15px; }

.item-detail .title { margin-top: 10px; }
.product-table { display: table; width: 100%; border: 1px solid #666666; }
.product-table-row { display: table-row; width: 100%; clear: both; }
.product-table-column { float: left; display: table-column; width: 33.333%; border: 1px solid grey; padding: 3px 5px; }
.product-table-column.number { text-align: right; }
.product-table-column.price { text-align: right; }
.product-table-header { font-weight: bold; }
.product-table-column-5 { float: left; display: table-column; width: 20%; border: 1px solid grey; padding: 3px 5px;  }

.datagrid .btn-xs { padding: 1px 7px; font-size: 18px; }
.datagrid-row-columns-summary { background-color: gold!important; }

.form-fw { width: 100%; }

.klient-label { width: 20px; height: 20px; text-align: center; line-height: 20px; float: left; margin-right: 3px; }
.label-success { background: #00A300 !important; border-color: #00A300 !important; color: #fff;}
.label-important { background: #EB3C00 !important; border-color: #EB3C00 !important; color: #fff;}
.label-info { background: #2D89EF !important; border-color: #2D89EF !important; color: #fff; }
.label-warning { background: #FFC40D !important; border-color: #FFC40D !important; color: #fff; }

.btn { cursor: pointer; font-size: 16px; padding: 4px 7px 6px; }
.btn-approve { background-color: #00a300; color: white; font-size: 16px; }
.btn-client { font-size: 16px; }
.far, .fas { font-size: 10px; }
.action-icon { width: 14px; font-size: 16px; }
.white { color: white; }

.flash { padding: 35px 15px; }
.danger { background-color: #ff2727; }
.success { background-color: #83be3b; }
.info { background-color: #3e7eff; }

th.money, td.money {
    text-align: right;
    padding-right: 10px;
}

.filter-h60 {
    min-height: 60px;
    height: auto;
}
.control-label{
    margin-bottom: 2px;
    margin-top: 8px;
}

.div-form-block {
    border: 1px solid lightgrey;
    padding: 0 15px 15px 15px;
    margin: 10px 0;
}
.div-form-block .header {
    background-color: #2D89EF;
    margin-top: 15px;
}
.div-form-block .header:first-child {
    margin-top: 0;
}

.div-form-block .header h2 {
    color: white;
    font-size: 16px;
    line-height: 16px;
    padding-top: 5px;
}
.div-form-block label {
    margin: 10px 0 0;
    width: 100%;
}
.div-form-block input {
    width: 100%;
}
.div-form-block .input-header {
    font-weight: bold;
}
.div-form-block input[type='radio']{
    height: 18px;
    width: 24px;
    float: left;
}



.fullwidth {
    width: 100%;
}
form.fullwidth {
    padding: 1em;
    width: 100%;
}
.form-control {
    font-size: 14px;
}


.modal {
    max-width: 100vw;
}

.modal-dialog {
    max-width: 600px;
}
.modal-content{
    max-height: 500px;
    overflow: auto;
}
.input {
    margin-top: 5px;
    font-weight: bold;
}

.table-access, .table-access tr, .table-access td, .table-access th { border: 1px solid grey; padding: 3px; text-align: center;}
.table-access td:first-child{text-align: left;}
.table-access td {padding: 0; height: 25px;}
.table-access td > div { position: relative; height: 100%; }
.table-access input[type=checkbox] { visibility: hidden; }
.table-access label { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: red; text-indent: -999em; height: 100%; }
.table-access input[type=checkbox]:checked  + label { background-color: green; }

.row h1 { width: 100%; }
.row p { width: 100%; }

.reset-filter { display: none; }

@media only screen and (max-width: 576px) {
    .row-content {
        margin: 0;
    }

    #content {
        padding: 10px;
    }

}

.navbar-mobile { text-align: center; }
.navbar-mobile .wrapper { background-color: #007bff; padding: 5px 15px; }
.navbar-mobile a { color: white; text-decoration: none; }
.nav-mobile a { text-decoration: none; color: #eeeeee; background-color: #888888; border: 1px solid #eeeeee; margin-top: -1px; padding: 5px; }

.selectize-control { padding: 0; height: auto; }
.selectize-dropdown-content { background-color: white; border: 1px solid grey; }

input[type=checkbox].checkbox-list { float: left; width: 20px; font-size: 6px; margin-right: 5px; }

.div-form-block input.chb-fake { width: 38px; height: 38px; }