/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 0px;
	font-family:Open Sans;
	font-size:13px;
    /*background: #f6f7fa;*/
	background: #fff;
}
a{
text-decoration:none !important;
color:#000;
    outline: 0 !important;
}
a:focus{
#000;
}

.fRight{
float:right !important;
}

li{
list-style: none;

}
img{
    max-width: 100%;
}
label{
font-weight:600 !important;
    position: relative;
    top: 4px;
}

input[type="text"], input[type="password"], textarea, select {
    border: 1px solid #d9d9d9 !important;
    padding: 4px 10px !important;
	border-radius: 8px !important;
	background-color: #fff;
}
input:focus, textarea:focus, select:focus {
	box-shadow: 0px 0px 15px -4px #35a0ee !important;
    outline: 0 !important;

}

textarea.big {
    width: 90%;
    height: 120px;
}

.addproduct select{
    font-size: 14px;
    max-width: 350px;
}


.notclick{
    pointer-events: none;
opacity: .3;
}


/* dymek */
span#wzor01, span#wzor02, span#wzor_tla_01, span#wzor_tla_02, span#wzor_tla_03
{
	display:inline-block;
	overflow: hidden;
	font-family: Arial, Verdana, Times New Roman; font-weight: normal; font-size: 11pt; font-style: normal; color: blue;
}
span#wzor01 span, span#wzor02 span, span#wzor_tla_01 span, span#wzor_tla_02 span, span#wzor_tla_03 span
{
	opacity:0;
	position:absolute;
	z-index: 99999;
	overflow: hidden;
	visibility:hidden; 
	float: none;
	-webkit-transition: visibility 0.15s ease-out, opacity 0.17s ease-out;  /*, height 0.7s ease-out*/
	-moz-transition: visibility 0.15s ease-out, opacity 0.17s ease-out;
	-o-transition: visibility 0.15s ease-out, opacity 0.17s ease-out;
	transition: visibility 0.15s ease-out, opacity 0.17s ease-out;
}
span#wzor01:hover span, span#wzor02:hover span, span#wzor_tla_01:hover span, span#wzor_tla_02:hover span, span#wzor_tla_03:hover span
{
	background-color: #777777;
	position:absolute;
	z-index: 99999;
	overflow: hidden;
	visibility:visible; 
	border: 2px solid #888888;
	opacity: 1;
	-webkit-transition: opacity 0.15s ease-out 0.15s;
	-moz-transition: opacity 0.15s ease-out 0.15s;
	-o-transition: opacity 0.15s ease-out 0.15s;
	transition: opacity 0.15s ease-out 0.15s;
}
span#wzor01 span:before, #wzor01 span:after, span#wzor02 span:before, #wzor02 span:after, #wzor_tla_01 span:before, #wzor_tla_01 span:after, #wzor_tla_02 span:before, #wzor_tla_02 span:after, #wzor_tla_03 span:before, #wzor_tla_03 span:after {
	content: "";
}
/* wyłączam pole radio aby nie było widać oryginalnych przycisków tylko nowe, ostylowane ładne kółka */
input[type=radio] {  
    display: none !important;  
}
	



#selectAfter {
margin: 0;
float: left;
width: 100%;
}

#selectAfter label {
	float: left;
	width: 33.3%;
	margin: 0;
	margin-bottom: 0px;
	background-color: #EFEFEF;
	border-left: 1px solid #fff;
	overflow: auto;
	margin-bottom: 15px;
	background: #35a0ee !important;
	font-family: Exo;
	font-weight: 500 !important;
	color: #fff !important;
	border-radius: 20px;
}


#selectAfter label:hover, #selectAfter .print:hover {
	background: #0f6bae !important;
	color: #fff !important;
}

#selectAfter span:before {
	content:'';
	display:none !important;
}

#selectAfter label span {
	text-align: center;
	font-size: 22px;
	padding: 15px 0px;
	display: block;
	color: #fff !important;
}

#selectAfter label input {
    position:absolute;
    top:-20px;
opacity: 0;
}

#selectAfter input:checked + span {
    background-color:#404040;
    color:#F7F7F7;
}

#selectAfter .send {
    background-color:#FFCC00;
    color:#333;
}

#selectAfter .print {
    background-color:#00BFFF;
    color:#333;
}

#selectAfter .nothing {
    background-color:#FF99FF;
    color:#333;
}

#selectAfter .green {
    background-color:#A3D900;
    color:#333;
}
#selectAfter .purple {
    background-color:#B399FF;
    color:#333;
}













/*
 * Global add-ons
 */
.kompensataHidden{
    display: none;
}
.sub-header {
  padding-bottom: 15px;
  font-size: 24px;
    font-family: Exo;
    font-weight: 500;
    padding-top: 10px;
}

.button {
	font-size:13px;
	padding: 8px 15px;
    display: inline-block;
    border-radius: 8px;
	transition: all .2s;
    font-weight: 600;
	border:none !important;
}
.bWhite{
    background: #FFF;
       color: #000;
}
.bBlack{
    background: #000;
       color: #FFF;
}
.button:hover{
background:#0f6bae;
color:#FFF;
}



.blueButton {
	margin-left:15px;
    float: left;
    background: #35a0ee;
    color: #FFF !important;
    font-size: 13px;
	position:relative;
    padding: 10px 20px 10px 40px;
	border-radius: 14px;
	border: 0px !important;
}

.blueButton:hover{
	background:#0f6bae !important;
	color:#FFF;
}


.greybutton{
    background: #595959;
}
.greybutton:hover{
	background:#383838;
	color:#FFF !important;
}

.blueButton i {
position: absolute;
    left: 14px;
    top: 15px;
}


.blueButton.nowaFaktura {
    padding: 3px 10px;
    font-size: 12px;
    margin: 0;
    float: none;
}
.bluesubmit {
    background: #35a0ee;
    color: #FFF;
    margin-right: 20px;
    border: 1px solid #35a0ee;
}
.wylogujB{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
}


.boldText {
    font-size: 13px;
    font-weight: 700;
    margin-top: 15px;
}

.vatHead {

    margin-top: 35px;
    display: inline-block;
    width: 100%;

}
.dateinput input{
width:90px;
}


.typefiltr {
    display: inline-block;
    border-top: 1px solid #dedede;
    width: 100%;
    padding-top: 20px;
}

.typefiltr label{
    margin-right: 10px;
    margin-top: 2px;
}
.typefiltr strong{
        position: relative;
    top: 4px;
    margin-right: 15px;
    font-size: 14px;
}
footer {
font-size:12px;
    border-top: 1px solid #d0d0d0;
    margin-top: 60px;
    padding-top: 20px;
    font-weight: 600;
}

footer div{
    padding: 0 !important;
}
footer img{
margin-left:5px;
}
.footerRight{
text-align:right;
margin-top: 4px;
}
/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}
.logo{
    height: 90px;
    background: #fff;
    padding: 35px;
    text-align: center;
	box-shadow: 0px 0px 13px -2px #000;
}

.logoBox{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


.logo img{
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.navbar-inverse {
background:#000 !important;
}

.headName{
	border-bottom: 1px solid #cccccc;
    font-size: 19px;
    padding: 20px 6px 20px 10px !important;
    margin: 0 -20px;
    margin-bottom: 15px;
    font-family: Exo;
    font-weight: 500;
    /*margin-top: 60px;*/
	background: #fff;
	margin-top: 0px !important;
	border-top: 1px solid #cccccc;
}

.headNameEmpty{
   margin-top: 88px;
}

.flagi{
	padding: 15px 0px 15px 0px;
	display: inline-block;
}

.sesja{
	display: inline-block;
	font-size: 1.1em;
	padding: 0px 0px 0px 15px;
	color: #0f6bae;
}

.czas{
	color: #000;
}

a.btnOdswiez{
	border: 1px solid #35a0ee;
	padding: 4px 10px;
	cursor: pointer;
	background-color: #35a0ee;
	color: #fff;
	border-radius: 12px;
}

a.btnOdswiez:hover{
	background-color: #0f6bae;
}

.col-lg-6{
	
}

.menu{
	float: right;
	margin-top: 10px;
}

.menu a {
    font-size: .85em;
    padding: 12px 25px;
    background: #fff;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 5px;
    margin-left: 20px;
    text-decoration: none !important;
    transition: all .5s;
}

.menu a:hover{
	background: #333;
	color: #000;
}

.msgSesTlo{
	position: absolute;
	z-index: 9999999;
	visibility: hidden;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000;
	filter:alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity:0.7;
	overflow: hidden;
	transition-duration: 330ms;
}

.msgSes{
	visibility: hidden;
	position: absolute;
	z-index: 99999991;
	min-width: 350px;
	min-height: 120px;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	background: rgba(255,255,255,1);
	margin: 20% 0% 0% 40%;
	filter:alpha(opacity=100);
    opacity:1;
    -moz-opacity:1;
}

.msgCzas{
	min-width: 100%;
	min-height: 100%;
	background-color: #fff;
}

.active_mo > li a:active{
	color: #35a0ee !important;
	background-color: none;
}

.submenu {
    background: #fff;
    width: auto;
	margin-top: 0px;
	/*
	margin-bottom: 10px;
	display: inline-block;
	*/
}

.submenu ul{
    padding: 0;
}

.submenu li{
    list-style: none;
	color: #aaaaaa;
	margin: 0px 5px 0px 0px;
}
.submenu li a{
    display: block;
    font-family: Exo;
    font-size: 12px !important;
    color: #aaaaaa;
    font-weight: 500 !important;
	transition:all .1s;
	padding: 2px 15px 2px 15px !important;
	margin-left: 30px;
}
.submenu li:first-child a{
	border-left: none;
}

.submenu li:last-child a{
	margin-bottom: 15px;
}

/* zachowanie submenu gdy element jest aktywny */
.submenu .active a{
	color: #fff !important;
	background-color:#35a0ee !important;
	padding: 5px 15px 10px 15px;
	border-radius: 12px;
}

.submenu .active a:hover{
	color: #fff !important;
	background-color:#0f6bae !important;
}
/* END */

/* zachowanie pozostałych elementów subnenu, któte nie są aktywne */
.submenu li a:hover{
	color:#35a0ee !important;
}
/* END */

#user_nagl{
	font-family: Exo;
	font-size: 17px;
	padding: 6px 0px 0px 0px;
	color: #5D5D5D;
	float: right;
}

.menu_strzalka_rozwin{
	padding: 2px 0px 0px 10px;
	background: url(../../img/ico/menu_strzalka_rozwin.png) no-repeat right center;
}

/*
.menu_gl{
	background: url(../../img/ico/menu_strzalka_rozwin.png) no-repeat top center;
}
*/

.meta {
    float: right;
    display: flex;
    position: relative;
    margin-top: -8px;
}

.meta2{
    float: right;
	margin-top:25px;
}

.meta2 a{
    
}
.metainvoices{
    margin-top: 10px;
}
.meta2 .blueButton {
    float: none;
	list-style: none;
    clear: both;
    display: list-item;
    margin-bottom: 10px;
    padding-left: 20px;
}
.buttonNoPadding{
    padding-left: 20px;

}

.hidelast tr:last-child td{
border:none;
background:none;
    text-align: center;
}


.tableLast tr td:last-child {
width:50px;
}

#pagination{
    display: inline-block;
    width: 100%;
}
#pagination li{
float:left;

}
#pagination li a{
    background: #35a0ee;
    margin-left: 3px;
    padding: 6px 15px;
color:#FFF;
font-weight:700;
}
#pagination li a.active{
	background:#0f6bae ;
}
form[name=zestawienie] {
    width: 100%;
    display: inline-block;
}
#pagination ul{

    float: right;
    margin-top: 35px;
    margin-bottom: 30px;
}
#pagination li a:hover{

background:#0f6bae ;
}

.sumCron img{
    width: 14px;
}


.searchPanel div {
float:left;
margin-bottom:10px;
    margin-right: 10px;

}

.searchPanel label{
    margin-left: 0px !important;
}

.searchPanel {
margin-bottom: 10px;
}

.searchPanel{
float:left;
}

.stats p {
 font-size: 13px;
    font-weight: 700;
    margin-top: 15px;
}

.stats > div > div:first-child{
font-size:13px;
font-weight:700;
text-align:center;
    margin-top: 15px;

}

.stats > div > div:last-child{

background:#ececec;
border:1px solid #d9d9d9 ;
text-align:center;
    padding: 20px;
    margin-top: 10px;
font-weight:600;

}
.stats > div{
padding:0;
    margin-right: -1px;
}
.pageCount {
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
display: inline-block;
    width: 100%;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    text-align: center;
    line-height: 1.3;
    vertical-align: top;
    /*border: 1px solid #d9d9d9;*/
    background: #FFF;
    font-size: 13px;
    padding: 8px 4px;
    font-weight: 600;
	/*position: relative;*/
    /*min-width: 85px;*/
	border-top: 1px solid #eeeeee;
}

.table>tbody>th
{
	background:none;
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
    background: none;
    border: none;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
}

.table.table2 td{
    /*background: #ececec;*/
    /*border: 1px solid #d9d9d9;*/
	border-top: 1px solid #d9d9d9;
}

.table {
	border-collapse: unset;
	border-spacing: revert;
}

.table2 {
	margin-bottom:50px;
}

.back{
    padding-top: 8px;
    margin-left: 25px;
}
.back:hover{
opacity:.7;
}
.checkall {
    color: #000;
    font-size: 13px;

    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.checkall span{
    font-weight: 700;
}
.sort-up img{

    transform: rotate(180deg);
    position: relative;
    top: 5px;
}



.sort-down img{
    position: relative;
    top: -4px;
    margin-left: 3px;
}


.sort-up {
    margin-left: 7px;
}
.sort-up:hover img, .sort-down:hover img {
opacity:.6;
}

.table-responsive {
    margin-top: 25px;
}

.table-responsive {
    min-height: .01%;
    overflow-x: visible !important;
}


.invoiceSubmenu {
    background-color: #35a0ee;
    display: inline-block;
    padding: 15px 0;
	position:absolute;
	display:none;
	right: -2px;
    top: 22px;
	z-index: 9;
	border-radius: 15px;
}

.invoiceSubmenu a {
    float: left;
    width: 100%;
    clear: both;
    color: #FFF;
    font-size: 13px;
    font-weight: 500;
    padding: 2px 30px;
    text-align: left;
    white-space: nowrap;
}


.invoiceSubmenu a:hover {
	background:#0f6bae;
}

.invoiceSubmenu:before{
	content: " ";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 9px solid #35a0ee;
    position: absolute;
    top: -9px;
    right: 15px;
}
.invSettingsContainer{
	position:relative;
}

.removeBlocker {
    opacity: .7;
    font-size: 80%;
    font-style: italic;
}
.removeBlocker:hover {
background:none !important;

}


.invoiceSubmenuShow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
}
.table-responsive td:hover .invoiceSubmenu {
display:block;
}


.searchresult{
    display: inline-block;
    width: 100%;
background: #ececec;
    border: 1px solid #d9d9d9;
    text-align: center;
    padding: 20px;
    margin-top: 10px;
    font-weight: 600;

}


.helpBox{
    clear: both;
    float: left;
    color: #999;
}

.podsumowanie{
padding:20px; font-weight:600;
}



.newInvoice label{
    float: left;
    width: 130px;
}
.newInvoice .bottom_labels label{
    float: left;
    width: 190px;
}


.zw.otherLabel  {
    margin-bottom: 10px;
}

.row {
	padding-left: 0px !important;
	margin-left: 0px !important;
}

.newInvoice .row > div {
    display: flex;
	/*margin-right: 100px;*/
	margin-bottom:15px;
}

.newInvoice input, .newInvoice select, .newInvoice textarea {
    flex: 1;
}
.absoluteBox {
    display: none;
    padding: 14px 25px;
    border: 1px solid #CCC;
    position: absolute;
    margin-top: 55px;
    margin-left: 147px;
}

.newPayForm{
    display: none;
    margin: 0;
    padding: 10px 25px;
    border: 1px solid #CCC;
    position: absolute;
    z-index: 9;
    background: #f6f7fa;
    width: calc(100% - 30px);
top: 45px;
}

.newPayForm input{
    width: 100%;
}
.chooseButton{
	background: #35a0ee;
    color: #FFF;
    font-size: 15px;
    padding: 3px 12px;
    margin-left: 10px;
    position: absolute;
    right: -30px;
	border-radius: 10px;
}

.chooseButton:hover{
	background: #0f6bae;
    color: #FFF;
}

.redborder{
color: red;
}

.wybranyBox{
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;

    width: 100%;
    padding: 20px 0;
}

label,
input[type="radio"] + span,
input[type="radio"] + span::before,
label,
input[type="checkbox"] + span,
input[type="checkbox"] + span::before
{
    display: inline-block;
    vertical-align: middle;
}
 
label *,
label *
{
    cursor: pointer;
}
 

input[type="checkbox"]
{
    opacity: 0;
    position: absolute;
}
 

input[type="checkbox"] + span
{
    font: normal 11px/14px Arial, Sans-serif;
    color: #333;
}
 
label:hover span::before,
label:hover span::before
{
    -moz-box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
}
 
label:hover span
{
    color: #0190bf;
}
 
input[type="radio"] + span::before,
input[type="checkbox"] + span::before
{
content:" ";
    width: 18px;
    height: 18px;
    margin: 0 4px 0 0;
    border: solid 2px #d9d9d9;    
	line-height: 14px;
    text-align: center;
     
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
     
    background: #fff;
}
 
input[type="radio"]:checked + span::before,
input[type="checkbox"]:checked + span::before
{
	color: #999;
}
 
input[type="radio"]:disabled + span,
input[type="checkbox"]:disabled + span
{
    cursor: default;
     
    -moz-opacity: .4;
    -webkit-opacity: .4;
    opacity: .4;
}
 
input[type="checkbox"] + span::before
{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
 
input[type="radio"]:checked + span::before
{
    content: "\2022";
    font-size: 30px;
    margin-top: -1px;
}
 
input[type="checkbox"]:checked + span::before
{
    content: "\2714";
    font-size: 12px;
}

.fancybox-wrap{
max-width: 92%;
}
.fancybox-inner{
overflow-y: visible !important;

    overflow-x: scroll;
max-width: 100%;

}
.fancybody {
padding-top:0;
}
.fancy table{

width:100%;

}

.fancy td{
font-weight:600;
}
.fancy > div{



}
.fancy input{

}
.fancy label{
margin-right:10px;
float:left;
width:95px;
}
.fancy input{

}
    
.fancy {
background: #FCFCFC;
}
.fancy td{
    /*
	text-align: center;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #d9d9d9;
    background: #FFF;
    font-size: 14px;
    padding: 5px 4px;
    font-weight: 600;
    position: relative;
    min-width: 30px;
    font-family: Open sans;
	*/
	padding: 8px;
    text-align: center;
    line-height: 1.3;
    vertical-align: top;
    /* border: 1px solid #d9d9d9; */
    background: #FFF;
    font-size: 13px;
    padding: 8px 4px;
    font-weight: 600;
    /* position: relative; */
    min-width: 85px;
    border-top: 1px solid #eeeeee;
}
.fancy th{
    border-top: 0;
    background: none;
    border: none;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    padding: 15px 4px;
}
.fancy {
font-family:Open Sans;
padding: 35px;
min-height: 640px !important;
max-height: auto !important;
vertical-align: middle;
overflow: scroll !important;
}
.fancy .table-responsive{
margin-top: 35px;

}


.chooseproduct tr td:first-child{
    background: none;
    border: none;
         text-align: right;
    padding-top: 10px;
}
.chooseproduct tr td:last-child{
    background: none;
    border: none;
         text-align: left;

}

.finalInvoice span{
	/*width:200px;*/
}
.finalTD{
    background: #f6f7fa !important;
    border: none !important;
}
.finalTD{
    background: #f6f7fa !important;
    border: none !important;
}

.finalInvoice tr td:first-child{
    /*border-left: 1px solid #d9d9d9 !important;*/

}
.finalInvoice tr td:last-child{
    /*border-right: 1px solid #d9d9d9 !important;*/

}
.finalInvoice .finalTD:first-child{
text-align:right;
}

.finalInvoice .finalTD:nth-child(2){
text-align:left;
}

.finalInvoice tr:first-child td{
    width: 33.4%;

}
.finalInvoice .finalTD {
padding:10px 4px;
}


.tableNoBorder td{
border:none !important;
background:none !important;

}
.finalInvoice.tableNoBorder tr td:first-child {
border:none !important;
}
.finalInvoice.tableNoBorder tr td:last-child {
border:none !important;
}
.tableNoBorder {

}

.tableNoBorder {

}



.displayBox {
    display: block;
    position: relative;
    margin: 0;
    width: 100%;
    margin-right: 15px;
    border: none;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
}
.table.table3 td {
    background: #FFF !important;

}

.table.table3 .tableTr td{
    background: #ececec !important;
}


.sessionInfo{
    border: 1px solid #d9d9d9;
    background: #ececec;
    padding: 15px;
color:#000 !important;
}


.calendar thead tr:first-child td:first-child, .calendar thead tr:first-child td:last-child{

display:none;

}
.calendar thead tr:nth-child(2) td:first-child, .calendar thead tr:nth-child(2) td:last-child, .calendar thead tr:nth-child(2) td:nth-child(3){

display:none;

}

.calendar thead tr:nth-child(2){
    position: absolute;
    top: 5px;
    color: #FFF;
    padding: 0 14px;
    width: 100%;
}
.calendar thead tr:nth-child(2) div{
    font-size: 30px;
    font-weight: 100;

}

.calendar thead tr:nth-child(2) td:nth-child(4){

    float: right;
}
.calendar .nav{
background:none !important;
}


.hlite{
background:none !important;
border:none !important;
padding: 1px !important;
opacity:.6;
}
.calHead{
    cursor: move;
    background: #35a0ee !important;
    border: none !important;
    font-family: Exo;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 17px !important;
}


.calendar .daynames .name , .calendar .daysrow td{
    border: none !important;
    background: #ececec !important;
    font-weight: 600;
    font-family: Open Sans;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px 10px !important;
color:#000  !important;
}
.calendar .daysrow td{
text-align:center;
    background: #fff !important;

}

.calendar tbody .emptycell {
    visibility: visible !important;
}

.calendar .daysrow td.hilite{
background:#35a0ee !important;
border-radius:25px;
color:#000 !important;
}

.calendar, .calendar table {
background:#fff !important;
border:none !important;
}
.calendar{
    padding-bottom: 10px;
}

.calendar .daysrow td.selected,.calendar .daysrow td.today{
background:#35a0ee !important;
border-radius:25px;
color:#000 !important;
}


.calendar .daynames .name.wn, .calendar .daysrow .day.wn, .calendar .time, .calendar tfoot{

display:none;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: none !important;
}



.historia_wezwan #hor-zebra tr td:nth-child(1), .historia_wezwan #hor-zebra tr td:nth-child(55) {
    white-space: nowrap;
}

.historia_wezwan #hor-zebra tr td:nth-child(3) {
   width: 350px;
}


.note {
    width: 350px;
}

.mo_sub_nav > a{
	color: #888888 !important;
	font-size: 13px !important;
}

.mo_sub_nav a:active{
	color: #35a0ee !important;
}

.mo_sub_nav a:hover{
	color: #35a0ee;
}

.mo_sub_nav li a:target{
	color: #35a0ee !important;
}

.sidebar .nav>li a:hover{
	color: #35a0ee;
    padding-left: 45px;
}












/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
  width: 250px;
}

@media (min-width: 1200px) and (max-width: 1500px) {

.newInvoice .col-lg-3{
width:33%;
}

}

@media (min-width: 768px) {

.navbar-collapse.collapse {
    display: none!important;

}
.collapse.in {
    display: block !important;
}
.navbar-toggle {
    display: block;
}
.navbar-header {
    float: none;
}
.navbar-nav>li {
    float: none;
}
.navbar-right {
    float: none!important;
    margin-right: -15px;
}

}



@media (min-width: 992px) {
	
.col-md-7 {
  width: 100% !important;
}


.onlyTable .sub-header{
    margin: 0;
    padding: 0;
    margin-top: -20px;
}

.onlyTable .finalInvoice .finalTD {
    padding: 5px 4px;
}


.navbar-right {
    float: right!important;
    margin-right: -15px;
}
.navbar-nav>li {
    float: left;
}
.navbar-header {
    float: left;
}
  .sidebar {
    position: fixed;
    top: 0px;
    bottom: 0; 
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    border-right: 1px solid #eee;
    background: #fff;    
	padding-top: 35px;

  }

.sidebar .nav .active a {
    background: #fff;
    padding-left: 45px;
	color: #35a0ee;
}
.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
    color: #35a0ee;
	background-color: none;
}

.nav>li>a:focus {
    background: none !important;
	color: #35a0ee;
}
.sidebar .nav>li a{
    color: #333;
    text-transform: capitalize; 
    font-family: Exo;
	font-size: 14px !important;
    padding: 0px 0px 5px 0px;
	padding-left: 45px;
	transition:background .1s;
}
.sidebar .nav>li a:hover{
    background: none;
    padding-left: 45px;
	color: #35a0ee;
}
.sidebar .nav>li a img {
	margin-top: 0px;
    position: absolute;
    margin-left: -35px;
}


.hideDes{
display:none !important;
}
.navbar-toggle {
    display: none;
}
}


@media (max-width: 992px) {

.table-responsive {

    border: none !important;
}


.navbar-nav a img{
margin-right:20px;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    text-transform: uppercase;
    padding: 10px 20%;
}
.wylogujB {
    position: absolute;
    top: 6px;
    transform: translateY(0%);
    right: 85px;
}
}

@media (max-width: 992px) {
.meta {
    margin-top: 0px;
}
.searchPanel input[type=submit] {
    float: right !important;
    margin: 20px 0 !important;
    margin-top: 0 !important;
}
.searchPanel div {
 
    display: flex;
    width: 100%;
}
.searchPanel input {
 flex:1;
}
.searchPanel{
float:none;
}
.submenu li {
    width: 100%;
}
.submenu li a {
    padding: 13px 6px;
  
}


}

@media (max-width: 768px) {

body{
padding-top:0;
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: relative;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0 !important;
    margin: 0;
}

.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
    white-space: normal !important;
}

}




/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 10px;
  margin-left: -20px;
    margin-top: 10px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}


/*
 * Main content
 */

.main {
  padding: 0px 20px 20px 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {

body {
    padding-top: 45px;
}


}
@media (min-width: 992px) and (max-width: 1340px) {

.sidebar .nav>li a{
	font-size: 14px;
    padding: 10px 0;
    padding-left: 45px;
}
.sidebar .nav>li a img{
    width: 18px;
    margin-left: -30px;
    margin-top: 0px;
}

.sidebar .nav .active a{
    padding-left: 45px;
}

.sidebar .nav>li a:hover{
	color: #35a0ee;
    padding-left: 45px;
}

.active_mo:hover{
	color: #ff0000 !important;
	background-color: none;
}

}

@media (min-width: 992px){
.navbar-inverse{
display:none;
}
}


.main .page-header {
    margin-top: 0;
    font-family: Exo;
    font-size: 48px;
    margin-top: 15px;
    border: none;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}