
.label {margin-right:5px;margin-bottom:5px !important;display:inline-block;} #wrapper {
    position: relative;}

html {height: 100% !important;}



/*Login page*/

.logo-wrapper {margin: 60px auto 20px;padding: 15px;text-align: center;}
.logo-wrapper img {width:350px;}

.login-page, .content-wrapper {background-image: url("/adminlte/img/bg/bg-login.jpg");background-position: center bottom;
background-size: 100% 100%;background-repeat: no-repeat;background-color:#fff;}
.login-page .container-fluid {margin: auto auto;display: block;}
#login-wrapper {min-height: 100%;height: 100% !important;width: 360px;margin: 0 auto;}
#login-wrapper .panel-heading {color: #fff; background-color: transparent; border-color: transparent;text-align:center;font-size:23px;line-height: 130%;font-weight: 300;}
#login-wrapper .login-form {padding: 0px;}
#login-wrapper .login-form .panel {background: rgba(255,255,255,0.25);border: none;padding:10px 25px;}
#login-wrapper .input-icon {position: relative;left: 0;}
#login-wrapper .input-icon > i {color: #ccc;position: absolute;margin: 11px 2px 4px 10px;z-index: 3;width: 16px;font-size: 16px; text-align: center;left: 0;}

.login-form label {}
#login-wrapper .form-control {padding-left: 33px;}

#login-wrapper label {color: #fff;font-weight: 400;}
#login-wrapper .remember {position: relative;padding-left: 30px;margin-bottom: 15px;cursor: pointer;font-size: 14px;margin-top: 8px;display: inline-block;}
#login-wrapper .remember input {position: absolute;z-index: -1;opacity: 0;}
#login-wrapper .remember span {border: 1px solid #d9d9d9;position: absolute;top: 0;left: 0;height: 19px;width: 19px;}

#login-wrapper .remember span:after{left: 6px;top: 3px;width: 5px;height: 10px;border: solid #666;border-width: 0 2px 2px 0;transform: rotate(45deg);}
#login-wrapper .btn {display: inline-block;}

#register-wrapper {
    min-width: 360px;
    max-width: 600px;
    margin: 0 auto;

}
#register-wrapper .panel-default {
    border: transparent;
}

#register-wrapper .register-form .panel {background: rgba(255,255,255,0.25); padding: 20px 30px 15px;}

/*Home*/
#wrapper .home {background-color: transparent;border: none;}
.home.panel-default > .panel-heading {background: none;border: none;text-align: center;}
.home.panel-default > .panel-heading h1 {color: #fff;font-size:28px;text-transform: uppercase;font-family: 'Roboto Condensed';margin-bottom: 5px;line-height: 100%;}
.home.panel-default > .panel-heading h2 {color: #fff;font-size:15px;text-transform: uppercase;font-family: 'Roboto Condensed';margin-top: 0px;}


.box-icon {width: 100%;display: block;padding: 20px;background: rgba(0,0,0,0.3);text-align: center;margin:10px;}
.home-icons a {color:#fff;}
.home-icons a:hover, .box-icon a:hover > i {color:#8DBD6E;}
.box-icon i {color:#fff;font-size: 55px;display: block;padding: 10px;}
.box-icon span {font-size: 13px;line-height: 100%;font-weight: 500;min-height: 46px;text-transform: uppercase;font-family: 'Roboto Condensed';}


/*System*/
.skin-blue .main-header .logo:hover {background-color: none !important;}

/*Sidebar*/
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {background-color: #262a2d;}
.skin-blue .sidebar-menu > li > .treeview-menu {background: #0a0c09;}
.skin-blue .treeview-menu > li > a {/*color: #c0ccbc;*/}
.sidebar-menu > li {border-bottom: 1px solid #000;}
.sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {background: #1e282c;border-left-color: #8DBD6E !important;}
.sidebar-menu .treeview-menu > li {border-bottom: 1px solid #262a2d;}
.subitem::before {content: "\f105";/*padding-right: 5px;*/font-size: 14px;}


/*Content*/
.content {padding: 20px;}
#wrapper .panel:not(.home) {background-color: #ffffffb3;}
.page-title {color:#fff;text-transform: uppercase;font-size: 26px;margin-top: 0px;}
.panel-default:not(.home) > .panel-heading {display: none;}

#wrapper .panel#reports { background-color: #ffffff; }

/*Typo*/
h1, h2, h3, h4, legend, .page-title {font-family: 'Roboto Condensed';line-height: 150%;}

/*Tabele*/
table {border-bottom: none;margin: 10px 0px;}
table thead th, table thead td, table.dataTable thead th, .table-notes th, .partial table th {padding: 10px 18px;border-bottom: none;/*background-color: #FFA04280;*/background-color: rgba(255,160,66,0.7);}
table thead th {}
table.dataTable.no-footer {border-bottom: none;}

.table-striped > tbody > tr {background-color: #fff;}

.dataTables_length {margin-right: 15px;}
.dataTables_length label {font-weight: 400;}
table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {background-color: #E1F6D4;}

/*Over, Worker, Together*/

label {margin: 7px 0;}
.table-notes {margin-bottom: 0px;}
.table-notes label {width: 100%;text-align: center;cursor: pointer;margin: 0;padding: 5px 0;}
.table-notes label input {visibility: hidden;display: none;}
.table-bordered.table-notes td {background-color: rgba(255,255,255,0.7);border: 1px solid #ddd !important;}
.table-notes td.tdwithnote {padding: 0; background: #f5f5f5;vertical-align: middle; width: auto; min-width: 25px;}
.table-notes td.checked {background: #669746;color:#fff;}
.table-notes td.prechecked {background: #99b786;color:#fff;}

#over .section-group, #worker .section-group, #together .section-group {background-color: rgba(255,255,255,0.4);padding: 20px 20px;margin-bottom:0;}
#over h4, #worker h4, #together h4 {background-color: rgba(0,0,0,0.7);padding: 0px 15px;color:#fff;border-left: 6px solid #8DBD6E;line-height: 200%; cursor: pointer;}
#over legend, #worker legend, #together legend {border-bottom: 2px solid #8DBD6E;background-color: rgba(0,0,0,0.9);color:#fff;text-align: center;line-height: 180%;margin-bottom: 10px;}
#over label, #worker label, #together label  {float: right;}

.section-group .row.form-group {margin-bottom: 0;}
h4 { margin: 0; }
.partial .table th {text-align: center;}
span.h4tooltip {display: block; width: 100%;}

/*Tabs*/
.nav-tabs {border-bottom: 2px solid #796e6e;}
.nav-tabs > li > a { border: 1px solid transparent;background-color: #555;color: #f5f5f5;}
.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus { color: #fff;background: #333;}
.nav-tabs > li > a:hover {border: 1px solid #796e6e;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {color: #fff; cursor: default;background: #333;border: 2px solid #796e6e;}

.tab-content > .active {padding: 20px 10px;}


/*Icons*/
.main-sidebar .sidebar-menu i {width: 25px;color: #8dbd6e;}
.main-sidebar .treeview-menu i {width: 15px;}

/*Kolory*/
 .green {color: #8DBD6E;}
a, .orange {color: #FFA042;}
.skin-blue .main-header .navbar {background-color: #FFA042;}
.skin-blue .main-header .logo {background-color: #fff;}

a:hover {color: #d67514;}

/*Buttony*/
.btn, .btn-primary.focus, .btn-primary:focus {color: #fff;background-color: #8DBD6E;border: none;border-radius: 15px !important;overflow: hidden;padding: 6px 15px;margin: 2px;}
.btn:hover, .btn-primary:hover, .btn-primary:active, .btn-primary.hover {background-color: #669746;color:#fff;}

.dt-buttons a.dt-button, .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {border-radius: 5px;border-color: transparent;color: #fff !important;background-color: #666;background-image: none;border: none;}
.dt-buttons a.dt-button:hover, .dt-buttons a.dt-button:focus, .dt-buttons a.dt-button:active, a.dt-button:focus:not(.disabled), a.dt-button:hover:not(.disabled) {border-color: transparent;color: #fff;background-color: #222;background-image: none;border: none;}

.dt-buttons .dt-button {}
.dt-buttons .dt-button span::before {font-family: "Font Awesome 5 Free";padding-right: 8px;display: inline-block;font-style: normal;font-weight: 900;font-variant: normal;
    text-rendering: auto;-webkit-font-smoothing: antialiased;font-size: 13px;color: #8dbd6e;}
.buttons-copy span::before {content: "\f0c5";}
.buttons-csv span::before {content: "\f6dd";}
.buttons-excel span::before {content: "\f1c3";}
.buttons-pdf span::before {content: "\f1c1";}
.buttons-print span::before {content: "\f02f";}
.buttons-collection span::before {content: "\f070";}

div.dt-button-collection {background-color: transparent;background-image: none;border: none;box-shadow: none;}
div.dt-button-collection a.dt-button.active:not(.disabled) {background-color: #666;background-image: none;color: #fff;border: none;box-shadow: none;}
div.dt-button-collection a.dt-button {background-color: #bdbdbd;background-image: none;color: #6b6b6b;border: none;box-shadow: none;}

div.dt-button-collection a.dt-button:active:not(.disabled) {background-color: #ededed;background-image: none;border: none;box-shadow: none;}

.criterium_decription {
    background: rgba(255, 255, 255, 0.3);
    padding: 10px;
}

.table-notes th {
    cursor: pointer;
}

/* do skasowania poniżej: */

.main-header {
    background: #ffffff;
}

.skin-blue .main-header .logo {
    background: #ffffff;
}

.skin-blue .main-header .navbar {
    background: #ffffff;
}

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #000000;
}

span.logo-lg img, span.logo-mini img {
    width: 100%;
}

td.tdwithicons {

}

.navbar .user-info {
    padding: 8px 20px;
    text-align: right;
    background: #eee;
}
