/* Webfont: Poppins */
/*
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Regular.ttf');
    font-weight: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Bold.ttf');
    font-weight: bold;
}
@font-face {
    font-family: 'PoppinsBold';
    src: url('../fonts/Poppins/Poppins-Bold.ttf');
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Light.ttf');
    font-weight: lighter;
}
@font-face {
    font-family: 'PoppinsItalic';
    src: url('../fonts/Poppins/Poppins-BlackItalic.ttf');
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Italic.ttf');
    font-style: italic;
}*/
/* Webfont: LatoLatin-Regular */

@font-face {
    font-family: 'LatoLatinWeb';
    src: url('../css/LatoLatin-Regular.eot');
    /* IE9 Compat Modes */
    src: url('../css/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        /* url('../css/LatoLatin-Regular.woff2') format('woff2'), Modern Browsers */
        url('../css/LatoLatin-Regular.woff') format('woff'),
        /* Modern Browsers */
        url('../css/LatoLatin-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
}

.modal#kolumny {
	z-index: 99999;
} 

/* REQ INPUT */

.reqInput label + div{
	position:relative;
}
.reqInput label + div::before {
    content: "*";
    position: absolute;
    right: 19px;
    top: 2px;
    color: #ff0000;
    font-size: 18px;
	z-index:3;
}
.reqInput2 .fR::before {
    content: "*";
    position: absolute;
    right: 19px;
    top: 26px;
    color: #ff0000;
    font-size: 18px;
	z-index:3;
}

.reqInput.rightButton label + div::before  {
	right:65px;
}

.reqInput.calendar label + div::before  {
	right:28px;
}


/* END */

.no-label label {
	display:none;
}

.costCategoryTree ul {
	padding:0;
}

.costCategoryTree ul li {
    display: flex;
    flex-wrap:wrap;
    justify-content: start;
    align-items: center;
    border:1px solid #dfdfdf;
    border-bottom:0;
    min-height:initial !important;
    height:initial !important;
}


.costCategoryTree ul li:last-of-type {
	border-bottom:1px solid #dfdfdf;	
}

.costCategoryTree ul li .ico.rozwin {
    height: 40px;
    margin: 0;
    background-position-y: -732px;
    width: 50px;
    background-position-x: 10px;
    border-right: 1px solid #dfdfdf;
}

.costCategoryTree ul li .ico.zwin {
    height: 40px;
    margin: 0;
    background-position-y: -766px;
    width: 50px;
    background-position-x: 10px;
    border-right: 1px solid #dfdfdf;
}

.costCategoryTree ul li .name {
	width: calc(33% - 50px);
	border-right: 1px solid #dfdfdf;
	margin: 0;
	display: flex;
	height: 100%;
	align-items: center;
	padding: 10px;
}

.costCategoryTree ul li:nth-child(2n+1) {
	background: #f7f7f7;
}

.costCategoryTree ul li .toolBox a {
	cursor:pointer;
}

.costCategoryTree ul ul {
	margin-left:0 !important;
    position: relative;
	width:100%;
	outline: 1px solid #7caf39
}

.costCategoryTree ul ul::after {
	content:"";
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #7caf39;
	position:absolute;
	top:-6px;
	left:0;
}

.costCategoryTree ul ul ul li .toolBox{
	width:59% !important;
}

.costCategoryTree ul ul li {
	background:#d1d1d1 !important;
}

.costCategoryTree ul li .toolBox {
    width: 60% !important;
    margin: 0 !important;
    display: flex;
    height:40px;
}

.costCategoryTree ul li .toolBox .ico.dodaj {
	width:40%;
	display:flex;
	margin:0 !important;
	border-right: 1px solid #dfdfdf;
	height:100%;
    background-position-y: -156px;
    background-position-x: 50%;	
}

.costCategoryTree ul li .toolBox .ico.edit { 
	margin: 0 !important;
    width: 20%;
    border-right: 1px solid #dfdfdf;
    height: 100%;
    background-position-y: -93px;
    background-position-x: 19px;
}

.costCategoryTree ul li .toolBox .ico.del {
    width: 20%;
    border-right: 1px solid #dfdfdf;
    margin: 0 !important;
    height: 100%;
    background-position-x: 50%;
    background-position-y: 1px;
}

.costCategoryTree ul li label {
    font-weight: normal;
    width: 20%;
    border-right: 0;
	height:100%;
    display: flex;
    align-items: center;
    justify-content: center;	
}

.costCategoryTree ul li label input{
	margin: 0 !important;
}

.costCategoryTree ul li label input::after {
	left: -4px;
}
.costCategoryTree ul li label input::before {
	right:-2px;
}


.costCategoryTree .headCont{
	display:flex;
	background: #3f4247;
	height:34px;
	font-size:11px;
	font-weight:bold;
}
.costCategoryTree .headCont * {
	color: #fff;
}

.costCategoryTree .headCont .show-tree{
	width:50px;
	height:40px;
    align-items: center;
    justify-content: center;
	display:flex;
	border-right:1px solid #fff;
}

.costCategoryTree .headCont .category-name{ 
	width: calc(40% - 50px);
    align-items: center;
    justify-content: center;
	display:flex;
	border-right:1px solid #fff;	
}

.costCategoryTree .headCont .functions{
	width: calc(70% - 50px);
	display:flex;
	border-right:1px solid #fff;	
}

.costCategoryTree .headCont .functions .function1{
    display: flex;
    width: 40%;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #fff;	
	height:40px;
}

.costCategoryTree .headCont .functions .function2{
    display: flex;
    width: 20%;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #fff;
	height:40px;
}

.costCategoryTree .headCont .functions .function3{
    display: flex;
    width: 20%;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #fff;	
	height:40px;
}

.costCategoryTree .headCont .functions .function4{
    display: flex;
    width: 20%;
    align-items: center;
    justify-content: center;
	height:40px;
}

.costCategoryTree ul ul li.expanded {
	margin-left: 0 !important;
    display: flex !important;
    width: 100% !important;
}

/* Webfont: LatoLatin-Bold */

@font-face {
    font-family: 'LatoLatinWeb';
    src: url('../css/LatoLatin-Bold.eot');
    /* IE9 Compat Modes */
    src: url('../css/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        /* url('../css/LatoLatin-Bold.woff2') format('woff2'), Modern Browsers */
        url('../css/LatoLatin-Bold.woff') format('woff'),
        /* Modern Browsers */
        url('../css/LatoLatin-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
    font-display: swap;
}


/* Webfont: LatoLatin-Italic */

@font-face {
    font-family: 'LatoLatinWeb';
    src: url('../css/LatoLatin-Italic.eot');
    /* IE9 Compat Modes */
    src: url('../css/LatoLatin-Italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../css/LatoLatin-Italic.woff2') format('woff2'),
        /* Modern Browsers */
        url('../css/LatoLatin-Italic.woff') format('woff'),
        /* Modern Browsers */
        url('../css/LatoLatin-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
}

@font-face {
    font-family: 'fontello';
    src: url('../css/fontello.eot?47569059');
    src: url('../css/fontello.eot?47569059#iefix') format('embedded-opentype'), url('../css/fontello.woff2?47569059') format('woff2'), url('../css/fontello.woff?47569059') format('woff'), url('../css/fontello.ttf?47569059') format('truetype'), url('../css/fontello.svg?47569059#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-size: 14px;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

#ewidencjaDlg .modal-content {
	max-height: 90vh;
    overflow-y: scroll;
}

.w-100{
	width:100%;
}

.w-100-i{
	width:100% !important;
}

.w-100-submit input[type="submit"]{
	width:100%;
}

.veryfication-documnent {
	font-size:15px;
	font-weight:400;
	margin-bottom:20px;
}

.veryfication-documnent .btn {
	color:#3e640d;
	border:1px solid #3e640d;
	width:100%;
	max-height:32px;
}

.veryfication-documnent .btn:hover {
	background:#3e640d;
	color:#fff;
}

.veryfication-documnent .info {
	margin-bottom:0;
	border-left: 4px solid #93c354;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	margin-bottom:10px;
}

.veryfication-documnent .info strong {
	color:#638d2b;
}

.veryfication-documnent .info.error {
	color:#ff0000;
	border-color: #ff0000;
}

/* STAMPS */
#krdSystem img, #krdAf img {
	max-width:160px;
	margin-bottom:10px;
	border: 1px dotted #c3c3c3;
	padding: 5px;
    background: #fff;
	border-radius:10px;
}

#krdSystem, #krdAf {
	padding:0 3px;
}

#krdOwn .dz{
	margin-top:0;
	margin-bottom:0;
}

#krdOwn #krdSign table {
	margin-top:5px;
}

#krdOwn #krdSign table div {
	margin-left:10px;
	margin-top:-10px;
	line-height: 1.9em;
}

#krdOwn #krdSign table td {
	position:relative;
}

#krdOwn #krdSign tr.fl td img {
	width: 100px;
	height:auto;
}

.stamp-container {
	margin-left:20px;
    display: flex;
    flex-wrap: wrap;	
}

.stamp-container .configDataRow * {
	width:100%;
	padding-left:0;
	padding-right:0;
}

.stamp-container .hr {
	display:none;
}

.icon-trash:before {
    content: '\e800';
}

/* '' */
.icon-pencil:before {
    content: '\e801';
}

/* '' */
.icon-eye:before {
    content: '\e802';
}

/* '' */
.icon-floppy:before {
    content: '\e803';
}

/* '' */
.icon-download:before {
    content: '\e804';
}

/* '' */
.icon-cancel:before {
    content: '\e805';
}

/* '' */
.icon-up-big:before {
    content: '\e806';
}

/* '' */
.icon-down-big:before {
    content: '\e807';
}

/* '' */
.icon-ok:before {
    content: '\e808';
}

/* '' */
.icon-block:before {
    content: '\e809';
}

/* '' */
.icon-mail:before {
    content: '\e80a';
}

/* '' */
.icon-cog:before {
    content: '\e80b';
}

/* '' */
.icon-sort-numeric:before {
    content: '\e80c';
}

/* '' */
.icon-user:before {
    content: '\e80d';
}

/* '' */
.icon-th-list:before {
    content: '\e80e';
}

/* '' */
.icon-truck:before {
    content: '\e80f';
}

/* '' */
.icon-wrench:before {
    content: '\e810';
}

/* '' */
.icon-edit:before {
    content: '\e811';
}

/* '' */
.icon-help:before {
    content: '\e812';
}

/* '' */
.icon-umbrella:before {
    content: '\e813';
}

/* '' */
.icon-left-open:before {
    content: '\e814';
}

/* '' */
.icon-print:before {
    content: '\e815';
}

/* '' */
.icon-off:before {
    content: '\e816';
}

/* '' */
.icon-arrows-cw:before {
    content: '\e817';
}

/* '' */
.icon-wrench-1:before {
    content: '\e818';
}

/* '' */
.icon-users:before {
    content: '\e819';
}

/* '' */
.icon-cog-alt:before {
    content: '\e81a';
}

/* '' */
.icon-users-1:before {
    content: '\e81b';
}

/* '' */
.icon-right-open:before {
    content: '\e81c';
}

/* '' */
.icon-left-open-1:before {
    content: '\e81d';
}

/* '' */
.icon-login:before {
    content: '\e81e';
}

/* '' */
.icon-th-large:before {
    content: '\e81f';
}

/* '' */
.icon-doc:before {
    content: '\e820';
}

/* '' */
.icon-docs:before {
    content: '\f0c5';
}

/* '' */
.icon-list-numbered:before {
    content: '\f0cb';
}

/* '' */
.icon-money:before {
    content: '\f0d6';
}

/* '' */
.icon-mail-alt:before {
    content: '\f0e0';
}

/* '' */
.icon-download-cloud:before {
    content: '\f0ed';
}

/* '' */
.icon-bell-alt:before {
    content: '\f0f3';
}

/* '' */
.icon-spinner:before {
    content: '\f110';
}

/* '' */
.icon-reply:before {
    content: '\f112';
}

/* '' */
.icon-attention-alt:before {
    content: '\f12a';
}

/* '' */
.icon-dollar:before {
    content: '\f155';
}

/* '' */
.icon-doc-text-inv:before {
    content: '\f15c';
}

/* '' */
.icon-box:before {
    content: '\f187';
}

/* '' */
.icon-file-image:before {
    content: '\f1c5';
}

/* '' */
.icon-paper-plane:before {
    content: '\f1d8';
}

/* '' */
.icon-paper-plane-empty:before {
    content: '\f1d9';
}

/* '' */
.icon-history:before {
    content: '\f1da';
}

/* '' */
.icon-sliders:before {
    content: '\f1de';
}

/* '' */
.icon-chart-line:before {
    content: '\f201';
}

/* '' */
.icon-commenting:before {
    content: '\f27a';
}

/* '' */
.icon-commenting-o:before {
    content: '\f27b';
}

/* '' */
.icon-address-card:before {
    content: '\f2bb';
}

/* '' */
.icon-address-card-o:before {
    content: '\f2bc';
}

/* '' */
.icon-doc-text:before {
    content: '\f0f6';
}

.icon-language:before {
    content: '\f1ab';
}

.icon-cancel-1:before {
    content: '\e805';
}

.icon-list-alt:before {
    content: '\e821';
}

/* '' */
.icon-calendar:before {
    content: '\e822';
}

/* '' */
.icon-hammer:before {
    content: '\e823';
}

/* '' */
.icon-bell:before {
    content: '\e824';
}

/* '' */
.icon-balance-scale:before {
    content: '\f24e';
}

/* '' */
.icon-calc:before {
    content: '\f1ec';
}

/* '' */
.icon-language:before {
    content: '\f1ab';
}

/* '' */
.icon-doc-text:before {
    content: '\f0f6';
}

/* '' */
.icon-plus-circled:before {
    content: '\e825';
}

.btn [class^="icon-"]:before,
.btn [class*=" icon-"]:before,
.txtLink [class^="icon-"]:before,
.txtLink [class*=" icon-"]:before {
    margin-right: 5px;
}

.caret.caret-left{
    transform: rotate(90deg);
}
.icon-white-circle-ok {
    background-image: url("./../../../layout/images/white-circle-ok.png");
    background-size: contain;
}

.icon-black-circle-ok {
    background-image: url("./../../../layout/images/black-circle-ok.png");
    background-size: contain;
}

.icon-ok-green::before {
    position: relative;
    content: '\2714';
    color: #7caf39;
    font-size: 24px;
    margin: 0;
}

.icon-dark-green-circle-minus {
    background-image: url("./../../../layout/images/dark-green-circle-minus.png");
    background-size: contain;
}

.icon-svg-sm {
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-mask-size: 2500%;
    mask-size: 2500%;
    vertical-align: middle;
    -webkit-mask-image: url("./../../layout/svg/icons-funkcje-lista-dokumentow.svg");
    mask-image: url("./../../layout/svg/icons-funkcje-lista-dokumentow.svg");
    background-color: #929292;
}

.icon-svg-sm.statistic {
    -webkit-mask-position: -526px -416px;
    mask-position: -526px -416px;
}

.icon-svg-sm.remind-square {
    -webkit-mask-position: -582px -609px;
    mask-position: -582px -609px;
}

.icon-svg-sm.demand-square {
    -webkit-mask-position: -714px -662px;
    mask-position: -714px -662px;
}

.btn .icon-svg-sm {
    margin-right: 10px;
}

.btn-green .icon-svg-sm {
    background-color: #fff;
}

/*----------ikony ustawień----------*/
.icon-svg-settings {
    display: inline-block;
    width: 25px;
    height: 25px;
    -webkit-mask-size: 2500%;
    mask-size: 2500%;
    vertical-align: middle;
    -webkit-mask-image: url("./../../layout/svg/icons-ustawienia.svg");
    mask-image: url("./../../layout/svg/icons-ustawienia.svg");
    background-color: #8b8b8b;
}

.icon-svg-settings.data {
    -webkit-mask-position: 622px -483px;
    mask-position: 622px -483px;
}

.icon-svg-settings.numer {
    -webkit-mask-position: 586px -483px;
    mask-position: 586px -483px;
}

.icon-svg-settings.unit {
    -webkit-mask-position: 553px -483px;
    mask-position: 553px -483px;
}

.icon-svg-settings.email {
    -webkit-mask-position: 521px -483px;
    mask-position: 521px -483px;
}

.icon-svg-settings.delivery {
    -webkit-mask-position: 488px -483px;
    mask-position: 488px -483px;
}

.icon-svg-settings.configuration {
    -webkit-mask-position: 456px -483px;
    mask-position: 456px -483px;
}

.icon-svg-settings.docLayout {
    -webkit-mask-position: 423px -483px;
    mask-position: 423px -483px;
}

.icon-svg-settings.status {
    -webkit-mask-position: 389px -483px;
    mask-position: 389px -483px;
}

.icon-svg-settings.onlinePayment {
    -webkit-mask-position: 357px -483px;
    mask-position: 357px -483px;
}

.icon-svg-settings.users {
    -webkit-mask-position: 326px -483px;
    mask-position: 326px -483px;
}

.icon-svg-settings.sms {
    -webkit-mask-position: 293px -483px;
    mask-position: 293px -483px;
}

.icon-svg-settings.notes {
    -webkit-mask-position: 260px -483px;
    mask-position: 260px -483px;
}

.icon-svg-settings.graficalFoot {
    -webkit-mask-position: 227px -483px;
    mask-position: 227px -483px;
}

.icon-svg-settings.apiKey {
    -webkit-mask-position: 159px -483px;
    mask-position: 159px -483px;
}

.icon-svg-settings.wrench {
    -webkit-mask-position: 194px -483px;
    mask-position: 194px -483px;
}

.icon-svg-settings.safety {
    -webkit-mask-position: 127px -483px;
    mask-position: 127px -483px;
}

.icon-svg-settings.help {
    -webkit-mask-position: 29px -483px;
    mask-position: 29px -483px;
}

.icon-svg-settings.subscription {
    -webkit-mask-position: 63px -483px;
    mask-position: 63px -483px;
}

.icon-svg-settings.brutto {
    -webkit-mask-position: 94px -483px;
    mask-position: 94px -483px;
}

.icon-svg-settings.smeo {
    -webkit-mask-position: 63px -483px;
    mask-position: 63px -483px;
}

.icon-svg-settings.rodo {
    -webkit-mask-position: -4px -517px;
    mask-position: -4px -517px;
}

.icon-svg-settings.import {
    -webkit-mask-position: -37px -517px;
    mask-position: -37px -517px;
}

/*icony porady SVG*/
.icon-svg-tips {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    -webkit-mask-size: 1130%;
    mask-size: 1130%;
    vertical-align: middle;
    -webkit-mask-image: url("./../../layout/svg/icons-tips.svg");
    mask-image: url("./../../layout/svg/icons-tips.svg");
    background-color: #8b8b8b;
}

.category-box:hover .icon-svg-tips,
.active-cat .icon-svg-tips {
    background-color: #fff;
}

.icon-svg-tips.Podatki {
    -webkit-mask-position: 275px -6px;
    mask-position: 275px -6px;
}

.icon-svg-tips.Firma {
    -webkit-mask-position: 242px -6px;
    mask-position: 242px -6px;
}

.icon-svg-tips.Handel {
    -webkit-mask-position: 206px -6px;
    mask-position: 206px -6px;
}

.icon-svg-tips.Prawo {
    -webkit-mask-position: 170px -6px;
    mask-position: 170px ​-6px;
}

.icon-svg-tips.Marketing {
    -webkit-mask-position: 135px 312px;
    mask-position: 135px 312px;
}

.icon-svg-tips.Sprzedaż {
    -webkit-mask-position: -5px -6px;
    mask-position: -5px -6px;
}

.icon-svg-tips.Finanse {
    -webkit-mask-position: 63px -6px;
    mask-position: 63px -6px;
}

.icon-svg-tips.KSeF {
    -webkit-mask-position: 31px -6px;
    mask-position: 31px -6px;
}

.icon-svg-tips.Podobne {
    -webkit-mask-position: 29px ​-561px;
    mask-position: 29px ​-561px;
}

/*-----------koniec ikon----------*/
* {
    box-sizing: border-box;
}

.contentWidth1920 {
    max-width: 1920px;
    margin: 0 auto;
}

.height-auto {
    height: auto !important;
}
.width-auto{
    display: inline-block;
    width: auto;
}
.width150 {
    width: 150px;
}
.width300 {
    width: 300px;
    max-width: 100%;
}
.width100proc {
    width: 100%;
}
.width100 {
    width: 100px;
}
.width200 {
	width:200px
}
.width50procLg {
    width: 49%;
}

.noSubInfo {
    display: block;
    height: 30px;
    line-height: 30px;
    background-color: red;
    color: #fff;
    font-weight: bold;
    text-align: center;

}

@media (max-width: 991px) {
    .width50procLg {
        width: 100%;
    }
}

.d-inline-block {
    display: inline-block;
}

.d-flex {
    display: flex;
}

.flex-wrap {
	flex-wrap:wrap;
}

.align-items-center {
	align-items:center;
}

.d-block {
    display: block;
}

.space-between {
    justify-content: space-between;
}
.flex-end {
    justify-content: flex-end;
}
.flex-column{
    flex-direction: column;
}
.flex-row{
    flex-direction: row;
}
.space-between{
    justify-content: space-between;
}
.flex-end{
    justify-content: end;
}
@media (max-width: 1400px) {
    .flex-column-md {
        flex-direction: column;
    }
}
@media (max-width: 991px) {
    .flex-column-sm {
        flex-direction: column;
    }
	
	#payPop .calendar .selectOverbox {
		width:100%;
	}
}
@media (min-width: 1300px) {
    .col-xl-6{
        width: 50%;
    }
    .col-xl-3{
        width: 25%;
    }
}

.relative {
    position: relative;
}

.breadcrunbs-container {
    padding: 10px 15px 5px;
    margin: 0 15px;
}

.breadcrumbLink {
    color: darkgray;
}

.label {
    color: #000;
}

.label-reverse-subtitle {
	display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.label-reverse-subtitle label{
	font-size: 9px;
    line-height: 1.2em;
    margin-top: 5px;
	letter-spacing: 0.3px;
}

.label-text-left {
    text-align: left !important;
}

.pointer-label label,
.pointer-label,
.pointer {
    cursor: pointer;
}
.grab{
    cursor: grab;
}
td[data-i="margin"] input  {
	padding: 5px 15px !important;
    margin: 5px;
    max-width: calc(100% - 10px);	
}
#marginKindRow {
    display: flex;
    align-items: center;	
	margin-bottom:10px;
}
#marginKindRow .fR {
	padding-right:10px;
	min-width:250px;
	
}
#marginSumInfo {
	padding: 0 0 20px 0;
	display: flex;
    justify-content: end;
    flex-wrap: wrap;
}

#marginSumRow {
	padding: 10px 14px;
	width:100%;
}

.radios-table {
	display:flex;
	align-items:center;
	justify-content:start;
	min-width:170px;
}
.radios-table label {
	display:initial !important;
	text-align:left !important;
	display:flex !important;
}

.radios-table input {
	position:relative !important;
	margin: 0 5px 0 10px !important;
	width: auto !important;
	left: 0;
}
.radios-table > label:first-of-type input {
	margin-left:3px !important;
}
.radios-table > label:last-of-type {
	padding-right:5px;
}
.radios-table input::before, .radios-table input::after {
	left:0;
}

.radios-table .radio {
	padding-left:0px;
	padding-top:4px;
	padding-bottom:10px;
}


.radio-label {
    width: 100%;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0;
}



.radios-table.one-column {
	flex-wrap: wrap;
    min-width: inherit;	
}

.radios-table.one-column label {
	padding-bottom:0;
	padding-top:0;
}

.radios-table.one-column *, .radios-table.one-column input, .radios-table.one-column  > label:first-of-type input {
	margin-left:0 !important;
}
.radios-table.one-column * {
	font-size:11px;
}

.radios-table.one-column input, .radios-table.one-column  > label:first-of-type input {
	margin-left:4px !important;
}

.radios-table.one-column input[type="radio"]:checked::before {
	top:5px;
}

.radios-table.one-column input[type="radio"]::after {
	top:4px;
}

.radios-table.one-column span {
	display: flex;
    align-items: center;
	padding-left:2px;
}

.background-radioVertical{
    padding: 5px 5px 5px 23px;
    background: #f3f3f3;
}
.btn.radius30-top-right,
.radius30-top-right {
    border-top-right-radius: 30px;
}

.btn.radius30-top-left,
.radius30-top-left {
    border-top-left-radius: 30px;
}

.radius30-bottom-left {
    border-bottom-left-radius: 30px;
}

.radius30-bottom-right {
    border-bottom-right-radius: 30px;
}

.btn.radius15-top-right,
.radius15-top-right {
    border-top-right-radius: 15px;
}

.btn.radius15-top-left,
.radius15-top-left {
    border-top-left-radius: 15px;
}

.radius15-bottom-left {
    border-bottom-left-radius: 15px;
}

.radius15-bottom-right {
    border-bottom-right-radius: 15px;
}

.btn-disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
}

.unit td.radio-td {
    padding: 0;
}

.img-inline-box {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    margin: 50px 0 0 0;
}

.img-inline-box p {
    margin-top: 20px;
}

.line-horizontal {
    width: 100%;
    display: inline-block;
    height: 1px;
    background-color: #4a4d52;
}

.form-horizontal .control-label {
    font-weight: 100;
}

/*
.form-control {
    font-weight: bold;
}*/
#calcPop .form-control[readonly]{
    cursor: auto;
}

.no-results {
    font-weight: bold;
    margin-bottom: 50px;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    border: 1px dashed #1f1f1f;
    font-size: 24px;
    color: #1f1f1f;
}

input[type="text"],
td input,
.ivoiceProductList  input[name="price[]"],
.ivoiceProductList  input[name="rebate[]"],
input[type="password"],
textarea,
select {
    background: #fff;
    /*padding: 10px;*/
    padding: 5px 15px;
    width: 100%;
    border-radius: 6px;
    /*box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2);*/
    border: 1px solid lightgray;
    min-height: 34px;
}

.ivoiceProductList  input[name="amount[]"] {
    background: #fff;
    /*padding: 10px;*/
    padding: 5px 5px;
    width: 100%;
    border-radius: 6px;
    /*box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2);*/
    border: 1px solid lightgray;
    min-height: 34px;	
	min-width:80px;
}

@media(max-width: 500px){
    input[type="text"] + input[type="submit"],
    input + input{
        margin-top: 5px;
    }
}
input::placeholder,
textarea::placeholder {
    color: lightgray;
}

input.input-green:focus {
    background-color: #fff;
    outline: 1px solid #7caf39;
}

input.input-green::placeholder {
    color: #7caf39;
    font-weight: bold;
}
input.input-blue:focus {
    background-color: #fff;
    outline: 1px solid #397CAF;
}

input.input-blue::placeholder {
    color: #397CAF;
    font-weight: bold;
}

input[type="checkbox"],
input[type="radio"] {
    position: relative;
    margin-right: 5px;
    width: 10px;
}
#wrapper input[type="radio"],
#wrapper table input[type="radio"]  {
    margin: -4px 0 0 -20px;
}
#wrapper #subForm input[type="radio"]{
    margin: 5px 5px 0 5px;
}
#wrapper .configConfig input[type="radio"]{
    margin: -4px 5px 0 0px;
}
input[type="checkbox"]::after,
input[type="radio"]::after,
.input-checkbox {
    position: absolute;
    height: 17px;
    width: 17px;
    border: 1px solid lightgray;
    content: '';
    background: #fff;
    cursor: pointer;
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2);
}

input[type="checkbox"]:checked::before,
.input-checkbox.input-checkbox-checked::before {
    position: absolute;
    content: '\2714';
    z-index: 5;
    color: #7caf39;
    top: -6px;
    left: 2px;
    font-size: 16px;
}
table td input[type="checkbox"],
table td input[type="radio"]{
    min-height: 14px;
}
label input[type="checkbox"]{
    margin-right: 10px;
}
input[type="radio"]::after {
    border-radius: 50%;
    left: -1px;
}

input[type="radio"]:checked::before,
input[type="radio"].radio-checked::before {
    font-size: 22px;
    position: absolute;
    content: '\2022';
    z-index: 5;
    color: #7caf39;
    top: 1px;
    text-align: center;
    height: 15px;
    line-height: 15px;
    width: 15px;
}

input[type="checkbox"].big-checkbox,
input[type="checkbox"].big-checkbox::after {
    height: 25px;
    width: 25px;
    vertical-align: sub;
}

input[type="checkbox"].big-checkbox:checked::before {
    top: -11px;
    left: 3px;
    font-size: 29px;
}

.noSelect {
    -webkit-appearance: listitem;
    background: transparent;
}

input.error,
select.error,
textarea.error,
div.error {
    border: 1px solid red;
    position: relative;
}

input.error::placeholder,
textarea.error::placeholder {
    color: red;
    font-weight: normal;
}

.headerUnderlay.invList #isSendBox label,
.headerUnderlay.invList #isPaidReclamationBox label {
    float: none;
}
.radioOneLine-box{
    background: #e0e2e1;
    padding: 5px;
    border-radius: 5px;
}
.radioOneLine-box .radioLabelClass{
    border-bottom: 1px solid lightgray;
    margin-bottom: 5px;
    display: block;
}
.radioOneLine input{
    margin: 0px 7px 0 12px;
}
.radioOneLine label{
    cursor: pointer;
}

.no-br br {display:none}
.no-br #marginKindBox {}
.no-br label {margin-right:15px;}
.no-br #marginKindBox label {margin-right: 8px;}

.error.validBankAccount {
	border: 1px solid red;
    position: relative;
    margin-bottom: 30px;
    padding: 9px;
    text-align: center;
    color: #fff;
    background: #ff0000;	
}

.errorInfo {
    position: absolute;
    right: 20px;
    height: 34px;
    top: 0;
    line-height: 100%;
    display: flex;
    z-index: 2;
}

.errorInfoMsg {
    position: relative;
    border-radius: 50%;
    background: red;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    cursor: pointer;
    align-self: center;
}

.errorInfoMsgContent {
    display: none;
    width: 200px;
    position: absolute;
    right: 10px;
    line-height: 1em;
    background-color: red;
    padding: 10px;
    border-radius: 3px;
    z-index: 500;
    top: 30px;
    color: #fff;
}

.errorInfoMsgContent::before {
    background-color: transparent;
    border-bottom: 5px solid red;
    border-right: 5px solid red;
    border-left: 5px solid transparent;
    height: 10px;
    width: 10px;
    position: absolute;
    content: '';
    top: -8px;
    right: 0;
    border-top: 5px solid;
}

.errorInfoMsg:hover .errorInfoMsgContent {
    display: block;
}

.checkErrorInfo {
    display: inline-block;
}

.checkErrorInfo label {
    text-decoration: underline;
    text-decoration-color: red;
}

.checkErrorInfo .errorInfo {
    right: -25px;
}

.calendar .errorInfo {
    right: 30px;
}
.calendar #payTime + .errorInfo {
    right: 50px;
    z-index: 50;
}
.input-group .errorInfo {
    right: 54px;
}
.corrReasonDiv .errorInfo {
    top: 23px;
    right: 6px;
}
.subEndError3, .subEndError2, .subEndError1{
	padding:15px 0;
    background:#fff;
    overflow:auto;
    display: flex;
	padding-right:30px;
	border-top:3px solid #fc1b04;
	border-bottom:3px solid #fc1b04;
}
.subEndError3 img{
    height: 300px;
}

.subEndError3 .workInfo, .subEndError2 .workInfo, .subEndError1 .workInfo{
    padding:15px 20px !important;
    background:transparent;
	line-height:31px;
	margin:0 !important;
}
.subEndError3 .workInfo .title, .subEndError2 .title, .subEndError1 .title{
    font-size: 27px;
    display: inline-block;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 15px;	
	margin-bottom: 20px;
	line-height:1.3em;
	width:100%;
}
.subEndError3 .workInfo .title span{
	color:#428bca
}

.subEndError3 .workInfo p {
	margin-bottom:0;
}

.subEndError3 .workInfo span{
    font-size:30px
}
@media(max-width: 991px){
    .subEndError3 img{
        height: 200px;
    }
    .subEndError3 .workInfo span{
        font-size:25px;
    }  
}
@media(max-width: 500px){
    .subEndError3 img{
        height: 100px;
        align-self: center;
    } 
}
.h110 {
    height: 110px;
    overflow: hidden;
}

/* marginesy */
.mH25 {
    margin: 0 25px;
}

.mBot0 {
    margin-bottom: 0px !important;
}

.m0 {
    margin: 0 !important;
}

.m0upload .dz{
	margin:0 !important;
}

.mBot0{
    margin-bottom: 0px !important;
}

.mBot5{
    margin-bottom: 5px;
}

.mBot10 {
    margin-bottom: 10px !important;
}

.mBot10-xs {
    margin-bottom: 0;
}

.mTop0 {
	margin-top:0 !important;
}

.mBot20 {
    margin-bottom: 20px !important;
}

.mBot40 {
    margin-bottom: 40px !important;
}

.mTop10 {
    margin-top: 10px !important;
}

.mTop20 {
    margin-top: 20px !important;
}

.mTop30 {
    margin-top: 30px !important;
}
.mTop40 {
    margin-top: 40px !important;
}

.mTop-40 {
    margin-top: -40px;
}
.mTop100-md {
    margin-top: 100px;
}

.mRight5 {
    margin-right: 5px;
}

.mRight10 {
    margin-right: 10px !important;
}

.mLeft15 {
    margin-left: 15px !important;
}

.mLeft5 {
	margin-left: 5px !important;
}

.mLeft10 {
	margin-left: 10px !important;
}

.pad5-10 {
    padding:5px 10px;
}
.pad10 {
    padding: 10px;
}
.pad30 {
    padding: 30px;
}

.pad50 {
    padding: 50px;
}

.padR0 {
    padding-right: 0px !important;
}

.padR20 {
    padding-right: 20px !important;
}

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

.padL5 {
    padding-left: 5px !important;
}

.padL15 {
    padding-left: 15px;
}

.padR15 {
    padding-right: 15px;
}
.padL20 {
    padding-left: 20px;
}
.padL30 {
    padding-left: 30px;
}

.padR60 {
    padding-right: 60px !important;
}

.padL60 {
    padding-left: 60px !important;
}

.padH35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
}
.padH35-lg {
    padding-left: 35px !important;
    padding-right: 35px !important;
}
.padH60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.padR50 {
    padding-right: 50px !important;
}

.padR50-lg {
    padding-right: 50px !important;
}

.padL50 {
    padding-left: 50px !important;
}

.padH50,
.padH50-md {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.padV10 {
    padding-top: 10px;
	padding-bottom:10px;
}

.padV20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padV40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padH60-md {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.padL60-md {
    padding-left: 60px !important;
}
.padR60-md {
    padding-right: 60px !important;
}
.padR40-lg {
    padding-right: 40px !important;
}

@media (max-width: 768px) {
    .mBot10-xs {
        margin-bottom: 10px;
    }
    .mTop100-md{
        margin-top: 30px;
    }
    .padH60-md {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .padH50-md {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .padL60-md {
        padding-left:0 !important;
    }
    .padR60-md {
        padding-right: 0 !important;
    }
}

@media (max-width: 991px) {
    .padH35-lg {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .padR50-lg {
        padding-right: 0px !important;
    }

    .padR40-lg {
        padding-right: 0 !important;
    }
    .mBot0-sm{
        margin-bottom: 0;
    }
    .mBot20-sm{
        margin-bottom: 20px;
    }
    .padL0-sm{
        padding-left: 0;
    }
}
@media (max-width: 1400px) {
    .visible-above-1400{
        display: none;
    }
}

.mr-5 {
    margin-right: 5px;
}

.pl-15 {
    padding-left: 15px;
}
.border-gray{
    border: 1px solid lightgray;
    border-radius: 6px;
}
.border-blue-2px, input[type="text"].border-blue-2px{
    border: 2px solid cornflowerblue;
    border-radius: 6px;
}
.border-red-2px, input[type="text"].border-red-2px{
    border: 2px solid red;
    border-radius: 6px;
}
.borderR {
    border-right: 1px dashed lightgray;
}

.borderT {
    border-top: 1px dashed lightgray;
}

.borderGreen {
	border:1px solid #3c763d;
}
.borderRed {
	border:1px solid #a94442;
}

.icon-bordered {
    width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 23px;
    border-radius: 4px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
}

.icon-bordered.black {
    border: 1px solid #000;
}

.icon-bordered.green {
    border: 1px solid #76A000;
}

.icon-bordered.red {
    border: 1px solid #cc0000;
    color: #cc0000!important;
}

.icon-bordered.blue {
    border: 1px solid #0e9fdc;
}
.icon-bordered.blue-dark {
    border: 1px solid #397CAF;
}
.icon-bordered.gray {
    border: 1px solid #929292;
}
.colInfo {
    min-width: 150px;
}
.colInfo .prodInfo{
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    padding: 5px;
    background: rgba(255, 255, 255, .3);
    margin-top: 5px;
}
.colInfo .prodInfo h6{
    margin-top: 0;
    margin-bottom: 5px;
}
.docList .colInfo .row {
    margin-top: 10px;
}

.docList .colInfo .row .col-xs-12 {
    max-width: 150px;
}

.colInfo .row a {
    opacity: 0.4;
}

.colInfo .row a:hover {
    opacity: 1;
}

.colInfo .icon-bordered {
    margin: 1px;
}

@media(max-width: 1199px) {
    .borderR {
        border-right: none;
    }
}


/*//polozenie///*/

.text-right-sm-upper {
    text-align: right;
}

@media(max-width: 768px) {
    .text-right-sm-upper {
        text-align: left;
    }
}

.btn-xs {
    margin: 5px;
}

.btn.ico {
    min-height: 34px;
    display: inline-block !important;
}

.btn-contact {
    width: 80%;
    margin: 50px auto 20px;
    padding: 30px 0;
    font-size: 20px;
    font-weight: bold;
}

.btn-gray {
    background: #eee;
    color: #000;
}

.btn-gray:hover {
    text-decoration: none;
    background: #ddd;
}

.btn-dark-gray {
    color: #fff;
    background: #9c9c9c;
}

.btn-dark-gray:hover {
    color: #fff;
    background: #747474;
}

.btn-black {
    color: #fff;
    background: #1f1f1f;
}

.btn-smeo-red {
    color: #fff;
    background: #ce2d4f;
    position: relative;
    padding: 15px 80px 15px 35px;
    font-size: 18px;
    margin-top: -100px;
    margin-left: 40px;
    transition-duration: .4s;
}

.btn-smeo-red img {
    width: 25px;
    position: absolute;
    right: 15px;
    top: 11px;
    transition-duration: .4s;
}

input.btn-smeo-red {
    background-image: url(../images/smeo/smeo-arrow-right-red.png);
    background-position: 170px 9px;
    background-repeat: no-repeat;
    background-size: 12%;
}

input.btn-smeo-red:hover {
    background-position: 175px 9px;
}

.btn-smeo-red:hover {
    color: #fff;
    box-shadow: 0px ​6px 8px rgba(206, 45, 79, .3);
}

.btn-smeo-red:hover img {
    right: 10px;
}

@media(max-width: 600px) {
    .btn-smeo-red {
        margin-top: 20px;
        margin-left: 0;
        padding: 10px 60px 10px 17px;
    }

    .btn-smeo-red img {
        width: 21px;
        top: 9px;
    }
}


.btn-black:hover,
.btn-black:focus,
.btn-black:active {
    background-color: #454545;
    color: #7caf39;
}

.list th a.btn-trash,
.btn-trash {
    color: #fff;
    border: 2px solid rgba(255, 255, 255, .3);
    border-radius: 15px;
    margin: 0 4px;
    padding: 5px 5px;
    cursor: pointer;
}

.list th a.btn-trash:hover,
.btn-trash:hover {
    background: #6d9b31;
    color: #fff;
    text-decoration: none;
}

.btn-red {
    background: red !important;
}

.red-bg {
    background: rgba(204, 0, 0, .4);
}

.red-bg-op1 {
    background: rgba(204, 0, 0, 1);
    color: #fff;
}

.dark-bg {
    background: rgb(224, 226, 225);
    padding: 30px 10px;
    border-radius: 5px;
}
.bg-red{
    background: red!important;
}
.bg-white {
    background: #fff;
}
.bg-gray-green {
    background: #BAC9A6;
}
.bg-green {
    background: #7caf39;
}

.bg-dark-green {
    background: #5D802E;
}
.bg-darker-green {
    background: #3C5B12;
}

.bg-dark-blue {
    background: #70B3C6;
}

.bg-light-green {
    background: #93c354;
}

.bg-black {
    background: #000;
}

.bg-lightgray {
    background: #f2f2f2;
}

.bg-gray {
    background: #efefef;
}

.bg-dark-gray {
    background: #a6a6a6;
}
.yellow-alert-bordered{
    background: rgba(248, 248, 177, 1);
    border: 1px solid #82AB18;
    padding: 10px;
}
div#msgErr .yellow-alert-bordered{
    background: transparent;
    border: none;
    padding: 0px;
}
.box-lightgray-radius-top-left {
    background: #f2f2f2;
    border-top-left-radius: 15px;
    padding: 30px;
}

.green-bg {
    background: #3e640d;
}

.dark-bg-pad10 {
    background: rgb(224, 226, 225);
    padding: 10px;
    border-radius: 5px;
}

.gray-bg {
    background: #f1f1f1;
}

.light-gray-bg {
    background: #f1f1f1;
    border-bottom: 1px solid #d7d7d7;
}

.lighter-gray-bg {
    background: #f9f9f9;
}

.white-bg {
    background: #fff;
}

.font8 {
    font-size: 8px;
}

.font10 {
    font-size: 10px;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}
.font16 {
    font-size: 16px;
}

.font15 {
    font-size: 15px;
}
.font18 {
    font-size: 18px;
}
.font20 {
    font-size: 20px;
}
.font26{
    font-size: 26px;
}
.h4-gray-border-bot {
    color: #9d9d9d;
    font-size: 20px;
    border-bottom: 1px solid #d7d7d7;
}

.text-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-underline {
    text-decoration: underline;
}
a.hover-underlined:hover,
.hover-underlined:hover {
    text-decoration: underline;
}
a.hover-black:hover,
.hover-black:hover {
    color: #000;
}

.text-right-md-up {
    text-align: right;
}

@media (max-width: 991px) {
    .text-right-md-up {
        text-align: left;
    }
}

.text-pink {
    color: #ca3179;
}

.text-white {
    color: #fff;
}

.text-black {
    color: #000;
}

.text-red {
    color: #f00;
}

.text-gray {
    color: #9d9d9d;
}

.text-black {
    color: #000;
}

.text-blue-light {
    color: #0e9fdc;
}

.text-blue-dark {
    color: #397CAF;
}

a.text-blue-dark:hover {
    text-decoration: underline;
}

.text-dark-red,
.text-dark-red:before {
    color: #cc0000 !important;
}

.list td a.text-green,
.text-green,
.text-green:before {
    color: #7caf39 !important;
}
.text-middle-green{
    color: #6ba61d;
}
.text-dark-green,
.text-dark-green:before {
    color: #3e640d !important;
}

.list td a.text-green:hover,
a.text-green:hover {
    color: #89B74C;
    text-decoration: underline;
}

.list td a.text-blue,
.text-blue {
    color: #397CAF;
    opacity: 1;
    background: rgba(57, 124, 175, .1);
}

.list td a.text-blue:hover,
a.text-blue:hover {
    color: #0e9fdc;
    text-decoration: underline;
}

.bor-bot-gray {
    border-bottom: 1px solid #d7d7d7;
}

.bor-top-gray {
    border-top: 1px solid #d7d7d7;
}
.bor-right-gray {
    border-right: 1px solid #d7d7d7;
}
th.tal {
    text-align: left !important;
}

.multiClientList .selectCur select {
    width: 80px;
}

.multiClientList input[type="text"] {
    height: 40px;
    vertical-align: text-bottom;
}

.multiClientList td {
    padding: 5px 5px;
    padding: 5px 5px;
    border: 1px solid #e1e1e1;
    padding: 12px 5px;
    font-size: 12px;
    color: #151618;
    text-shadow: 0px 0px 1px #aaa;
    background: #fff;
}

.multiClientList tbody tr:nth-child(even) td {
    background: #f2f2f2;
}

.select-list {
    height: 35px;
    position: relative;
    border-radius: 4px;
}

.select-list .first-label>p {
    background: #1f1f1f;
    color: #fff;
    border-radius: 3px;
    padding: 3px;
    display: inline;
}

.select-list .select-list-container {
    height: 0;
    position: absolute;
    overflow: hidden;
    background: #fff;
    width: 200%;
    z-index: 1;
    border-radius: 4px;
    bottom: 40px;
    padding: 0 0 10px 0;
    border: 1px solid #ccc;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 100;
}

@media(max-width: 768px) {

    #mailPop .select-list .select-list-container,
    #printPop .select-list .select-list-container {
        /* position: fixed; */
        width: 450px;
        max-width: 80%;
        z-index: 5;
        bottom: auto;
        top: 10px;
    }
}


.select-header {
    background-color: #e9e9e9;
    border-bottom: #e5e5e5;
    padding: 8px;
    margin-bottom: 10px;
}

.select-header a.ico.close-select {
    margin-right: 0px;
    margin-top: 0;
    height: 26px;
    line-height: 29px;
    padding-top: 0;
}

.select-list .ph {
    opacity: 0.3;
    font-weight: bold;
}

.select-list .pinkButton {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    height: 34px;
    line-height: 34px;
    width: 35px;
    padding: 0;
    text-align: center;
    cursor: pointer;
}

.inlineBlock {
    display: inline-block !important;
}

.form-control-inline {
    width: 475px;
    max-width: 40%;
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, height .2s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, height .2s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, height .2s;
}

.form-control-inline-auto-width {
    width: auto;
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    margin: 0 15px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, height .2s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, height .2s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, height .2s;
}

.flex-end-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.view-img {
    cursor: pointer;
    height: 30px;
    position: relative;
}

.view-img+img {
    position: absolute;
    display: none;
    top: 10px;
    right: 230px;
    border: 1px solid lightgray;
    border-radius: 4px;
    z-index: 30;
}

.view-img:hover+img {
    display: block;
}

.second-header {
    padding: 20px 0 0;
}

.invoiceHeaderSearchForm {
    padding: 10px 0;
}

.invoiceHeaderSearchForm h1 {
    font-size: 28px;
    font-weight: bold;
    margin-top: 5px;
}

.invoiceHeaderSearchForm .abc.calendar {
    float: left;
    display: inline-block;
    width: 140px;
}

.invoiceHeaderSearchForm #idUser,
.invoiceHeaderSearchForm #idPayKind {
    width: calc(100% - 270px);
    margin-left: 30px;
    float: right;
    margin-right: 15px;
}

.invoiceHeaderSearchForm#invoiceForm #searchBtn,
.invoiceHeaderSearchForm #searchBtn {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 75px;
    text-transform: uppercase;
    border-radius: 6px;
    background: rgb(142, 202, 62);
    background: linear-gradient(180deg, rgba(142, 202, 62, 1) 24%, rgba(129, 182, 58, 1) 86%);
}

@media(max-width: 768px) {

    .invoiceHeaderSearchForm #idUser,
    .invoiceHeaderSearchForm #idPayKind {
        width: calc(100% - 230px);
        margin-left: 0;
    }
}

@media(max-width: 1200px) {

    .invoiceHeaderSearchForm#invoiceForm #searchBtn,
    .invoiceHeaderSearchForm #searchBtn {
        width: 150px;
        height: 35px;
    }
}

#jpkForm input[type="radio"],
#genKindBox input[type="radio"] {
    margin: 0 5px 0 15px;
}

.h25 {
    height: 25px;
}

.h30 {
    height: 30px !important;
}

.dropdown-menu {
    white-space: nowrap;
}

li.dropdown .dropdown-menu>.active>a,
li.dropdown .dropdown-menu>.active>a:hover,
li.dropdown .dropdown-menu>.active>a:focus {
    background: transparent;
    color: #000;
}

@media (max-width: 767px) {
    .dropdown-menu {
        height: auto !important;
    }
}

.chbxwithRM input[type="checkbox"] {
    margin-right: 5px;
}

.chbxwithRM label {
    cursor: pointer;
}

.navbar-default .navbar-nav>.active ul.sildeMenu,
.navbar-default .navbar-nav>.active.open ul.sildeMenu {
    position: absolute;
    top: 40px;
    right: 0px;
    display: none;
    background: #7caf39;
    padding-left: 0;
}

.sildeMenu li {
    display: block;
    padding: 0 20px;
    border-top-left-radius: 15px;
}

.sildeMenu li:hover {
    background: #547d1e;
}

#header .dropdown-menu.horizontal-menu .sildeMenu a {
    padding: 9px 10px 9px 10px;
    display: block;
    text-align: left;
    font-weight: bold;
    height: 35px;
    line-height: 19px;
}


#ddSrc,
#ddDest {
    list-style: none;
    border: 1px solid #ccc;
    min-height: 266px;
    display: block;
    background: #eee;
}

#ddSrc li,
#ddDest li {
    padding: 2px 5px
}

#ddSrc li:active,
#ddDest li:active {
    background: red;
}

#ddDest li span {
    float: right;
    cursor: pointer;
    display: block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 13px;
    border: 1px solid #bbb;
    color: #bbb;
    border-radius: 3px;
    margin-top: 2px;
}

#ddDest li span:hover {
    color: #111;
    border: 1px solid #111;
}

#ddSrc .ui-draggable-dragging,
#ddDest .ui-draggable-dragging {
    border: 1px solid #ccc;
    background: #fff;
}

#ddDest.ui-droppable-active {
    border-color: #981c75;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(152, 28, 117, 0.6);
    background: #fff;
}

#number+.input-group-btn>button {
    padding: 5px 12px 6px 12px;
    height: 34px;
}

.inputFixedClass {
    position: fixed;
    z-index: 10000;
}

.inputFixedTwo:hover {
    color: #000 !important;
    background: #9bc027 !important;
}

#alternativeHeaderSell,
#alternativeHeaderBuy {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;
}

#alternativeHeaderSell:after {
    content: '>';
    font: 11px "Consolas", monospace;
    color: #aaa;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 8px;
    top: 2px;
    padding: 0 0 2px;
    border-bottom: 1px solid #ddd;
    position: absolute;
    pointer-events: none;
}

#lastNewsBox {
    font-size: 12px;
    border-bottom: 1px solid #82AB18;
    display: none;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 11px;
    padding-bottom: 4px;

    position: relative;
    z-index: 4;
    /*width: calc(100% + 30px);*/
    background: rgba(248, 248, 177, 1);
}

@media(min-width: 1921px) {
    #lastNewsBox {
        padding-right: calc(50vw - 955px);
        padding-left: calc(50vw - 955px);
    }
}

#lastNewsBox .newsOneBar {
    position: relative;
}

#lastNewsBox .newsOneBar:before {
    position: absolute;
    left: -5px;
    display: block;
    content: '\f12a';
    font-family: "fontello";
}

#lastNewsBox a {
    cursor: pointer;
    color: #000;
}

/*
.txtPage #lastNewsBox span.bold{
 margin:0;
}*/
.doc-desc-page {
    padding-bottom: 100px;
}

.doc-desc-page .contentWidth1920 {
    padding: 0 15px;
}

#lastNewsBox2 {
    font-size: 12px;
    border-bottom: 1px solid #82AB18;
    display: none;
    padding: 7px 20px;
    background-color: #f8f8b1
}

#lastNewsBox2 a {
    cursor: pointer
}

.monospace {
    font-family: monospace
}

#lastNewsBox a:hover {
    text-decoration: underline
}

#lastNewsBox2 a:hover {
    text-decoration: underline
}

#payNull {
    float: left;
    margin-right: 15px;
    display: inline-block;
    line-height: 28px
}

#payNull:hover {
    text-decoration: underline;
    cursor: pointer
}
.noLogin, .noSubInfoPop, .noAcSub, .noPro {
    opacity: .5;
}
.noSubInfoPop .noSubInfoCover{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 5;
}
.noLogin [pink-t-title]:after, 
.noSubInfoPop [pink-t-title]:after, 
.noAcSub [pink-t-title]:after,
 .noPro [pink-t-title]:after{
    opacity: 1;
}
#noLoginPop,
#noAcSub {
    z-index: 1051
}

#noLoginPop .modal-dialog,
#noAcSub .modal-dialog,
#noLogin1 .modal-dialog {
    margin: 200px auto 30px;
}

.mod-popular-bar {
    text-shadow: 0 1px 0 rgba(50, 50, 50, 0.6)
}


.permission-table td {
    font-family: 'Poppins', sans-serif;
    color: #1f1f1f;
    font-size: 13px;
}

.permission-table label {
    font-size: 13px;
    margin-bottom: 0
}

.greenHeader,
.greenHeader h1 {
    color: #82AB18;
    font-size: 32px;
    padding: 40px 20px 20px 0;
    font-weight: bold;
    display: inline-block;
    font-family: inherit
}

.grayHeader {
    color: #333;
    font-size: 20px;
    padding: 40px 20px 20px 0;
    display: inline-block
}

#preload {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    height: 200%;
    left: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 1051;
    display: none;
    text-align: center
}

li.twitter {
    height: 36px;
    width: 36px;
    float: left;
    margin-top: -14px;
}

li.twitter a,
li.twitter a:hover {
    height: 36px;
    width: 36px;
    border-radius: 50%;
}

li.facebook {
    height: 36px;
    width: 36px;
    float: left;
    margin-top: -14px;
    margin-left: 15px !important;
}

li.facebook a,
.navbar-default .navbar-nav>li.facebook a:hover {
    height: 36px;
    width: 36px;
    border-radius: 50%;
}

li.facebook a:hover {
    background-color: #222;
}

li.twitter a:hover {
    background-color: #222;
}

li.twitter a {
    background: #598dca url('../images/social_icons.png') center left;
    display: block;
}

li.facebook a {
    background: #3a589b url('../images/social_icons.png') -35px 0;
    display: block;
}

ul.socials {
    list-style-type: none;
}

#preload div:first-child {
    background: url("../images/load.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 128px;
    margin-top: 15%
}

#preload div:nth-child(2) {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bolder;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
}

.list td .changeInvoiveLink:visited {
    color: red
}

.list td .changeInvoiveLink.icon-bordered:visited {
    color: black;
}

.h {
    display: none;
}

.s {
    font-weight: bold
}

.i,
#exchangeRateTxt,
#exchangeNumberTxt {
    color: #808080;
    font-style: italic
}

#exchangeRateTxt,
#exchangeNumberTxt {
    padding-left: 20px;
}

.o {
    color: #00FF00;
    font-style: italic
}

.a>a {
    margin: auto 10px;
    color: #808080
}

.cr {
    background-color: #FF0000
}

.change {
    background-color: #FFCCCC
}

.green {
    color: #006400
}

.red {
    color: #FF0000
}

header {
    line-height: 25px;
    text-align: center;
    font-size: 18px;
    font-weight: bold
}

header>span {
    font-style: italic
}

div.b500 {
    width: 500px
}

div.c50 {
    width: 50%
}

input.n {
    text-align: right
}

div.sR {
    text-align: center;
    margin-top: 10px
}

div.sR>input {
    width: 150px
}

div.cR {
    width: 400px;
    text-align: center;
    padding: 3px 0px;
    position: relative;
    max-width: 100%;
}

div.cR>input {
    width: 12px;
    height: 12px;
    margin: 0px;
    margin-right: 5px
}

div.la>a {
    margin: auto 2px;
    color: #808080;
}

div.la>a.s {
    color: #000000
}

div.la>a:hover {
    font-weight: bold
}

.revers {
    unicode-bidi: bidi-override;
    direction: rtl;
}

table {
    width: 100%;
}

table .lp {
    width: 40px;
}

div.tabs>div {
    width: 120px;
    background-color: #D3D3D3;
    border: 1px solid #000000;
    cursor: pointer
}

div.tabs>div:hover {
    background-color: #E0FFFF;
    border: 1px solid #00008B
}

div.tabs>div.s {
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF
}

div.selBox {
    width: 250px;
    max-height: 200px;
    overflow: auto;
    position: absolute;
    border: 1px solid #858585;
    background-color: #FFFFFF;
    text-align: justify;
    z-index: 499
}

div.selBox>table {
    width: 100%;
    padding: 0px
}

div.selBox>table>tbody>tr {
    padding: 0px 2px
}

div.selBox>table>tbody>tr:nth-child(odd) {
    background-color: #E0FFFF
}

div.selBox>table>tbody>tr:hover {
    background-color: #6495ED
}

div.msgBox {
    /* width: 200px; */
    /* position: absolute; */
    /* padding: 10px; */
    /* background-color: #fff; */
    text-align: justify;
    z-index: 499;
    font-size: 11px;
    display: block;
    border-radius: 5px;
    /* border: 1px solid #f00; */

    margin: -6px 6px 0 0;
    color: red;
    text-align: right;
}

div.msgBox span {
    display: block;
    width: 20px;
    height: 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAExJREFUeNqszMEJACAMA8B0QPcfp1rRj2hNrYFAHuGgqnALlFYdte3+OWyGQHmMRGMYgcaxC/qGOeg7dkBz2AbNYwsqNvr8ERFUAQYAANolar+1b3MAAAAASUVORK5CYII=');
    float: left;
    margin-top: -20px
}

div.msgBox:hover {
    z-index: 500
}

.msgBoxMargin {
    position: static;
    padding: 0;
    display: none;
    background: transparent;
    border: 0
}

div.gal>img {
    border: 2px solid #FFFFFF;
    margin: 5px;
    cursor: pointer
}

div.gal>img:hover {
    border: 2px solid #FF6347
}

div.galMain {
    position: fixed;
    display: none;
    z-index: 1005
}

div.galMain>div#f {
    position: absolute;
    top: 0px;
    left: 80px
}

div.galMain>div#n {
    position: absolute;
    bottom: 0px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF
}

div.galMain>div.l,
div.galMain>div.r {
    width: 64px;
    height: 64px;
    background-image: url('../arrB.png');
    cursor: pointer;
    position: absolute;
    margin-top: -32px;
    top: 50%
}

div.galMain>div.l {
    left: 0px;
    background-position: -128px -128px
}

div.galMain>div.l:hover {
    background-position: -128px 0px
}

div.galMain>div.r {
    right: 0px;
    background-position: -192px -128px
}

div.galMain>div.r:hover {
    background-position: -192px 0px
}

div.galMain>div>img {
    position: absolute;
    top: 0px;
    left: 0px
}

div.up {
    width: auto
}


/*

div.up div {

    float: left;

    display: block

}*/

div.up div.h {
    display: none
}

div.up div.dz {
    margin-top: 10px;
    border: 1px dotted #a5a5a5;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    background: #f4f4f4;
    border-radius: 10px;
    padding: 15px 30px;
    color: #7caf39;
    font-weight: bold;
}

div.up div.dz:hover,
div.up div.dz:active {
    background-color: #9bc027;
    color: #000;
}

div.up>div.ub {
    display: none !important
}

div.up>div.ub>span {
    cursor: pointer;
    text-align: center;
}

div.up table {
    width: 590px;
    margin: 5px;
    max-width: 100%;
}

div.up table.h {
    display: none
}

div.up tr.it {
    height: 20px;
    line-height: 20px
}

div.up tr.it>td:nth-child(1) {
    width: 20px;
    background-image: url('../file.png');
    background-position: 2px 2px;
    background-repeat: no-repeat
}

div.up tr.it>td:nth-child(2) {
    width: auto
}

div.up tr.it>td:nth-child(3) {
    width: 75px;
    text-align: right
}

div.up tr.it>td:nth-child(4) {
    width: 300px;
    display: none
}

div.up tr.it>td:nth-child(4)>span {
    width: 45px;
    display: inline-block;
    text-align: right;
    line-height: 20px
}

div.up tr.it>td:nth-child(5) {
    width: 20px
}

div.up tr.it>td:nth-child(5)>a {
    width: 16px;
    height: 16px;
    display: block;
    margin: 2px;
    background-image: url('../del.png')
}

div.up tr.fl>td:nth-child(1) {
    width: 130px
}

div.up tr.fl>td>img {
    border: 1px dotted #c3c3c3;
    margin: 4px;
    padding: 5px;
    background: #fff;
	border-radius:10px;
}

div.up tr.fl>td>img:hover {
    border: 1px solid #330099
}

div.up tr.fl>td>div {
    width: 100%;
    /* text-align: right */
}

div.up tr.fl>td>div>input {
    width: 350px
}

div.up tr.fl>td>div>textarea {
    width: 350px;
    min-width: 350px;
    max-width: 350px
}

div.up tr.fl>td>div>span {
    display: inline-block;
    /* width: 356px; */
    width: 200px;

    text-align: left
}

div.up tr.fl>td:nth-child(3) {
    width: 40px
}
#docf.up table{
    width: 100%;
    color: gray;
}
#docf.up tr.fl>td:nth-child(2){
    width: calc(100% - 175px);
}
#docf.up tr.fl>td>div>textarea{
    width: 80%;
    min-width: 80%;
    max-width: 80%;
    margin-left: 20px;
    float: right;
}
#docf.up tr.fl>td>div:nth-child(1){
    text-align: right;
}
#docf.up tr.fl>td:nth-child(2)>div:nth-child(2){
    margin-top: 80px;
    margin-left: -120px;
    max-width: 120px;
}
#docf.up tr.fl>td:nth-child(2)>div:nth-child(3){
    display: none;
}
#docf.up tr.fl>td>div>span{
    width: auto;
}
#docf.up tr.fl>td>img {
    margin: -20px 4px 0;
}
/*

div.up tr.fl>td:nth-child(3)>a {

    width: 16px;

    height: 16px;

    display: block;

    margin: 2px;

    background-image: url('../del.png')

}

*/

div.up tr.it>td>div.p {
    width: 250px;
    height: 18px;
    border: 1px solid #006600;
    border-radius: 4px
}

div.up tr.it>td>div.p>div {
    width: 0%;
    height: 18px;
    margin: -1px;
    border: 1px solid #009933;
    border-radius: 4px;
    background-image: url('../bar.gif')
}

div.up>input[type="file"] {
    display: none
}

div.tree {
    line-height: 20px;
    text-align: left
}

div.tree input[type="checkbox"] {
    line-height: 20px;
    margin: 2px;
    width: 16px;
    height: 16px
}

div.tree input[type="radio"] {
    width: auto
}

div.tree li {
    display: block;
    float: left;
    width: 100%;
    line-height: 28px
}

div.tree .cat-actions {
    margin-left: 25px;
}

div.tree li>span.h {
    display: none
}

div.tree li>ul {
    display: none;
    width: 100%
}

div.tree input {
    width: 200px;
    display: inline
}

div.tree input.n {
    width: 50px
}

div.tree a {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin: 2px
}

div.pi {
    position: fixed;
    width: auto;
    padding: 20px;
    border-radius: 15px;
    z-index: 1005;
    display: none;
    background: #f6f6f6;
    border: 0;
    font-size: 12px;
    color: #1f1f1f;
    box-shadow: 0 0 5px 5px #444
}

div.pi>div.c {
    width: 32px;
    height: 32px;
    float: right;
    cursor: pointer;
    margin-right: -36px;
    margin-top: -36px
}

div.pib {
    margin: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #000000;
    opacity: 0.8;
    z-index: 1004
}

div.dh {
    position: absolute;
    background-color: #FFFFFF;
    overflow: auto;
    max-height: 380px;
    font-size: 1em;
    z-index: 9999999 !important;
    border: 1px solid #aaa;
    background: #fff;
    color: #333;
}

div.dh>div {
    padding: 5px;
    text-align: left;
    cursor: pointer;
    border-top: 1px solid #bbb;
}

div.dh>div:hover {
    background: #9bc027;
    color: #fff;
}

div.dR {
    width: 400px;
    text-align: right;
    padding: 3px 0px;
    position: relative
}

div.dR>select {
    height: 20px;
    margin-left: 5px;
    border: 1px solid #858585;
    text-align: center
}

div.dR>a {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    border: 1px solid #858585
}

div.dR>select:nth-child(1) {
    width: 45px
}

div.dR>select:nth-child(2) {
    width: 127px
}

div.dR>select:nth-child(3) {
    width: 70px
}

div.dsR {
    width: 400px;
    text-align: right;
    padding: 3px 0px;
    position: relative
}

div.dsR>select {
    height: 20px;
    margin-left: 5px;
    border: 1px solid #858585;
    text-align: center
}

div.dsR>a {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    border: 1px solid #858585
}

div.dsR>input {
    width: 15px;
    margin: 0 0 0 5px
}

div.dsR>select:nth-child(2) {
    width: 257px;
    height: 20px;
    margin-left: 5px;
    border: 1px solid #858585
}

div.dsR>select:nth-child(5) {
    width: 45px
}

div.dsR>select:nth-child(6) {
    width: 112px
}

div.dsR>select:nth-child(7) {
    width: 65px
}

#jpkEditContainer #calendarT,
.border-box #calendarT,
.jpk-container #calendarT {
    width: 316px;
}

#calendarT {
    width: 210px;
    border: 1px solid #999;
    position: absolute;
    top: 32px;
    right: 50px;
    background-color: #FFFFFF;
    text-align: center;
    z-index: 499;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 0 2px 2px #555
}
#payListBody #calendarT,
.clientAdd-container #calendarT,
.invForm-jobAdd #calendarT{
    top: auto;
    bottom: 10px;
    left: 100%;
}

#payList .col-md-6{
	border:0;
	background:transparent;
	padding-bottom:0;
	-webkit-transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3;
	-o-transition: ease-in-out 0.3;
	transition: ease-in-out 0.3;
}

#payList.active .col-md-6{
	background: #fff;
    padding-bottom: 20px;
    border: 1px solid #8eca3e;
}

.calendarOnRight #calendarT {
    right: -50px;
}
@media(max-width: 768px) {
    #calendarT {
        left: 10px;
        right: auto;
    }
}
@media(max-width: 500px) {
    #payListBody #calendarT,
    .clientAdd-container #calendarT,
    .invForm-jobAdd #calendarT {
        top: 40px;
        bottom: auto;
        left: 0;
    }
}

.prevMonth,
.nextMonth {
    height: 24px;
    width: 24px;
    text-align: center;
    border: 3px solid #7caf39;
    border-radius: 12px;
    margin: 3px 8px;
    line-height: 18px
}

.prevMonth:hover,
.nextMonth:hover {
    border: 3px solid #7caf39;
    cursor: pointer;
    background: #7caf39;
    color: #fff;
}

#calendarT div.head div,
#calendarT div.head div:hover {
    border-bottom: 1px solid #555;
    width: 36px;
    margin: 0 3px;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    cursor: auto
}

.nextMonth {
    float: right !important
}

#calendarT div.head {
    margin-bottom: 2px;
    height: 28px;
    line-height: 28px;
}

#calendarT div.head div:last-child {
    color: #f00
}

#calendarT div {
    font-size: 12px;
}

#calendarT div.n {
    color: #f00
}

#calendarMSelect,
#calendarYSelect {
    float: left;
    font-size: 11px;
    color: #111;
    margin: 0 8px 0 7px;
    width: auto;
}

select#year {
    width: auto;
}

@media (max-width: 768px) {
    select#year {
        margin-left: 0;
        margin-bottom: 5px;
    }
}

#calendarT .week div.s:hover,
#calendarT .week div.s {
    border-radius: 2px;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px 2px #333;
    background: #7caf39;
}

.calendar-clear {
    width: 100%;
    clear: both;
}

.calendar-clear:hover {
    cursor: pointer;
    text-decoration: underline;
}

#calendarT .week div:not(.x) {
    border: 1px solid #eee;
}

#jpkEditContainer #calendarT .week div,
.jpk-container #calendarT .week div,
.border-box #calendarT .week div {
    width: 42px;
    height: 28px;
    line-height: 28px;
}

#calendarT .week div:not(.x):hover {
    border-radius: 3px;
    cursor: pointer;
}

#calendarT>div:first-child>span {
    width: 150px;
    display: block;
    float: left
}

table.lt {
    background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    margin: 5% auto 0;
    overflow: hidden;
    border-spacing: 0
}

table.lt td {
    border-right: 1px solid #E0E0E0;
    border-top: 1px solid #E0E0E0;
    padding: 7px;
    font-family: tahoma;
    font-size: 12px;
    background: #fff
}

table.lt thead tr td {
    border-top: none;
    font-weight: bold
}

table.lt thead a {
    text-decoration: none;
    color: #000
}

table.lt thead tr td {
    background: linear-gradient(to bottom, #fcf9f9 9%, #e8e8e8 100%) !important;
    padding-top: 22px;
    text-shadow: 1px 1px 1px #FFFFFF
}

table.lt tbody tr:nth-child(even) td {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%)
}

.la a {
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
    background-color: #ededed;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff
}

.la a:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
    background-color: #dfdfdf
}

.la a:active {
    position: relative;
    top: 1px
}

.lt a {
    line-height: 20px
}

.lt a:hover {
    text-decoration: underline;
    color: #333
}

.la {
    margin-bottom: 5px
}

.red {
    color: #f00
}

/*
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
input,
form a,
big,
code,
img,
q,
s,
center,
ol,
ul,
li,
table,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}*/

tr.top td {
    vertical-align: top;
    padding-right: 10px;
}

a {
    color: #7caf39;
}

a.link-gray {
    color: gray;
}

a.link-gray:hover {
    text-decoration: underline;
}

a:link,
a:visited {
    text-decoration: none;
    outline: 0
}

a:focus {
    outline: none
}

.clear {
    clear: both
}

.pageWidth {
    width: 1000px;
    margin: 0 auto;
    position: relative
}

body {
    font-family: 'LatoLatinWeb';
    min-height: 100vh;
    position: relative;
    /* padding-bottom: 1065px; */
    box-sizing: border-box;
}
@media(max-width: 1346px) {
    body {
        /* padding-bottom: 1200px; */
    }
    .footer-newsy{
        min-height: 300px;
    }
}

@media(max-width: 991px) {
    body {
        /* padding-bottom: 1400px; */
    }
}

@media(max-width: 767px) {
    body {
        /* padding-bottom: 1885px; */
    }

    div#footer {
        /* bottom: 114px; */
    }
    .footer-newsy{
        min-height: 800px;
    }
}
@media(max-width: 500px) {
    body {
        /* padding-bottom: 2000px; */
    }
}
@media(max-width: 320px) {
    body {
        /* padding-bottom: 2340px; */
    }
}

label {
    display: inline-block;
    color: #3e4146;
    font-size: 13px;
    font-weight: 600
}

.formRow {
    padding: 3px 0;
    overflow: auto
}

.formRow.visible {
    overflow: visible
}

.formRow.select label {
    float: left
}

.formRow.radio label {
    text-align: left
}

.formRow .preetyTextInput {
    width: 305px
}

.selected-row td {
    background: rgba(124, 175, 57, .3) !important;
}

textarea.aHeight {
    height: 16px;
    resize: vertical;
    overflow: hidden;
    transition: height 0.2s;
}

.ivoiceProductList textarea.aHeight {
    resize: both
}

.aHeight2 {
    resize: vertical;
    overflow: hidden;
    transition: height .4s;
}

h1 {
    color: #1f1f1f
}

h3 {
    color: #1f1f1f;
    font-weight: lighter;
    font-size: 28px;
}

h3 small {
    color: inherit;
    font-size: .4em;
    line-height: 1.4em;
    font-weight: inherit;
    display: block;
}

h3.text-white small {
    color: #fff;
}

h4 {
    color: #1f1f1f;
    font-size: 20px;
    font-weight: 400;
    margin: 5px 0
}

h3 span,
h4 span {
    font-weight: 600;
}

.overflow-h {
    overflow: hidden;
}

div#header {
    position: relative;
    background: #1f1f1f;
    height: auto;
    z-index: 100;
}

#header .navbar {
    min-height: 110px;
    z-index: 5;
    background: #1f1f1f;
}

#header.startPage {
    position: absolute;
    width: 100%;
    z-index: 101;
    max-width: 1920px;
    margin-left: calc(50vw - 960px);
}

@media(max-width: 1900px) {
    #header.startPage {
        padding-left: 15px;
        margin-left: 0;
    }
}

#header.startPage,
#header.startPage .navbar {
    background: transparent;
}

#header.startPage .navbar-default .navbar-nav>li>a:hover {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

div#header.noPaddingBottom {
    padding-bottom: 0;
}

#topLogo {
    margin: 0;
}

#header .brand {
    max-width: 200px;
    padding: 0 15px 0 0;
    float: left;
    height: 70px;
    line-height: 70px;
}

#header.startPage .brand {
    background: #1f1f1f;
}

#header .brand a {
    display: block;
    height: 70px;
}

#header .brand img {
    max-width: 100%;
    margin-top: 12px;
}

#top-header .brand {
    max-width: 50px;
    position: relative;
    z-index: 120;
    overflow: hidden;
    margin-left: 5px;
}

#top-header .brand a {
    display: block;
    padding: 10px;
}

#top-header .brand a img {
    margin-top: -10px;
}

@media(max-width: 1210px) {
    #header.startPage .brand {
        max-width: 160px;
    }
}


#header h1 {
    font-size: 15px;
    color: #b6b6b6;
    font-family: Tahoma;
    margin: 0;
    text-transform: uppercase;
    font-style: italic;
}

#header .navbar-default .navbar-collapse {
    border: none;
    width: 100%;
    overflow: hidden;
}

#header .navbar-default .navbar-nav>li.active.open>a,
#header .navbar-default .navbar-nav>li.active>a {
    background: transparent;
    color: #7caf39;
}

#header .navbar-default .navbar-nav .dropdown-container {
    position: relative;
    z-index: 300005;
}

#header .navbar-default .navbar-nav .dropdown-container>ul.dropdown-menu {
    margin-top: 0;
    background: #3e640d;
}

#header .navbar-default .navbar-nav>.active.open .dropdown-container:hover>.dropdown-menu {
    display: block;
}

@media(min-width: 768px) {

    #header .navbar-default .navbar-nav>.active ul.horizontal-menu,
    #header .navbar-default .navbar-nav>.active.open ul.horizontal-menu,
    #header .navbar-default .navbar-nav>li>.dropdown-container:hover>.dropdown-menu {
        display: block;
    }

    #header .navbar-default .navbar-nav>.active ul,
    #header .navbar-default .navbar-nav>.active.open ul,
    #header .navbar-default .navbar-nav>.active.open .dropdown-container>.dropdown-menu {
        display: none;
    }

    #header .navbar-default .navbar-nav>.active ul.horizontal-menu>li.active,
    #header .navbar-default .navbar-nav>.active ul.horizontal-menu>li:hover {
        background: #547d1e;
        /* border-top-left-radius: 15px; */
    }

    #header .navbar-default .navbar-nav .dropdown-container>ul.dropdown-menu {
        margin-top: 0;
        background: #3e640d;
    }

    #header .navbar-default .navbar-nav>.active ul.horizontal-menu>li.active a {
        font-weight: bold;
        text-decoration: underline;
    }

    #header .navbar-default .navbar-nav .horizontal-menu-container {
        position: absolute;
        height: 40px;
        left: 0;
        width: 100%;
        bottom: 0;
    }

    #header .navbar-default .navbar-nav .horizontal-menu-container .hamburger-item {
        height: 40px;
        padding: 5px 0;
    }

    #header .navbar-default .navbar-nav>.active ul.horizontal-menu,
    #header .navbar-default .navbar-nav>.active.open ul.horizontal-menu {
        background: transparent;
        border-bottom: none;
        box-shadow: none;
    }
}

#header .dropdown-menu {
    width: 570px;
    white-space: normal;
    display: none;
    /* border-bottom-right-radius: 30px; */
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 30px;
}

@media(max-width: 767px) {
    #header .navbar-default .navbar-nav .horizontal-menu-container {
        display: none;
    }

    #header .dropdown-menu {
        width: 100%;
    }

    #header .navbar-default .navbar-nav>.active.open .dropdown-container>.dropdown-menu {
        display: block;
    }

    #header .navbar-default .navbar-nav>.active.open>.dropdown-container>a {
        background-color: #7caf39;
        color: #fff;
    }
}

#header .navbar-default .navbar-nav>li.active>.dropdown-container>a,
#header .navbar-default .navbar-nav>li:hover>.dropdown-container>a,
#header .navbar-default .navbar-nav>li.active:hover>a {
    color: #fff;
}

#header .navbar-default .navbar-nav>li.active,
#header .navbar-default .navbar-nav>li:hover {
    background-color: #3e640d;
    /* border-top-left-radius: 15px;
    border-top-right-radius: 0; */
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}


#header.startPage .navbar-default .navbar-nav>li>a.btn-blue {
    background-color: rgba(6, 73, 210, .8);
    font-weight: bold;
    font-size: 12px;
    padding: 16px 25px 15px;
}

#header.startPage .navbar-default .navbar-nav>li>a.btn-green {
    background-color: rgba(124, 175, 57, .8);
    font-weight: bold;
    padding: 16px 25px 15px;
}

#header.startPage .navbar-default .navbar-nav>li>a.btn-blue:hover {
    background-color: #1b60eb;
}

#header.startPage .navbar-default .navbar-nav>li>a.btn-green:hover {
    background-color: #99bf26;
}

.startPage .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 25px;
    padding-left: 25px;
}

@media(min-width: 768px) {
    .startPage .navbar-nav>li {
        margin-right: 0px;
        background: #1f1f1f;
    }

    #header.startPage .navbar-nav>li.btn-opacity {
        background: transparent;
        margin-left: 10px;
    }

    #header.startPage .navbar-nav>li.btn-opacity:hover a.btn {
        /* border-top-left-radius: 30px!important; */
        color: #000 !important;
    }
}

@media(max-width: 1330px) {
    .startPage .navbar-nav>li>a {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media(max-width: 1200px) {

    #header .navbar-default .navbar-nav>.active ul,
    #header .navbar-default .navbar-nav>.active.open ul {
        margin-top: 0;
    }

    #header.startPage .navbar-default .navbar-nav>li>a.btn-green,
    #header.startPage .navbar-default .navbar-nav>li>a.btn-blue {
        padding: 10px 25px 11px;
    }
}

@media(max-width: 768px) {

    #header .navbar-default .navbar-nav>.active ul,
    #header .navbar-default .navbar-nav>.active.open ul {
        background: #595959;
        border-bottom: none;
        color: #7caf39;
        border-radius: 0;
        padding: 10px;
    }

    #header .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    #header .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    #header .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #7caf39;
        background-color: transparent;
    }

    #header .navbar-default .navbar-collapse {
        background: #1f1f1f;
    }

    #header .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
        white-space: normal;
    }
}



#header .dropdown-menu.horizontal-menu {
    width: 100%;
    display: none;
    padding: 0;
}

#header .dropdown-menu.horizontal-menu a {
    color: #fff;
    border-bottom: none;
    height: 40px;
    line-height: 34px;
}

#header .dropdown-menu>li {
    display: inline-block;
    width: 50%;
}

#header .dropdown-menu.horizontal-menu>li {
    float: left;
    width: auto;
}

#header .dropdown-menu>li>a {
    color: #fff;
    border-bottom: 1px dotted #496328;
    padding: 0;
}

#header .dropdown-menu.horizontal-menu>li:nth-child(2),
#header .dropdown-container .dropdown-menu>li:nth-child(2) {
    padding-left: 0 !important;
}

#header.startPage .dropdown-container .dropdown-menu>li:nth-child(2) {
    padding-left: 10px !important;
}

#header.startPage .dropdown-menu>li {
    padding: 5px 10px;
}

#header .dropdown-menu>li>a:hover,
#header .dropdown-menu>li>a:focus {
    color: #fff;
    background: transparent;
    text-decoration: none;
}

#header .dropdown-container .dropdown-menu>li>a:hover,
#header .dropdown-container .dropdown-menu>li>a:focus {
    color: #fff;
    text-decoration: underline;
}

#topNav a {
    font-size: 14px;
    display: block;
    line-height: 38px
}

#topNav ul {
    list-style: none
}

#topNav li {
    float: left
}

#topNav>ul>li {
    margin-right: 5px
}

#topNav>ul>li>a {
    color: #fff;
    padding: 0 14px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

#topNav>ul>li:hover>a,
#topNav>ul>li.active>a {
    background: #fff;
    color: #1f1f1f
}

#topNav>ul>li>div {
    display: none
}

#topNav>ul>li:hover div {
    z-index: 4;
    border-bottom: 1px solid #dfdfdf
}

#topNav>ul>li.active div {
    z-index: 3;
    border-bottom: 1px solid #82ab18
}

#topNav>ul>li:hover div,
#topNav>ul>li.active>div,
.tmpline {
    background: #fff;
    display: block;
    position: absolute;
    width: 100%;
    left: 0
}

.border-box #lastNewsBox {
    margin-left: -15px;
    margin-right: -15px;
}

.border-box #lastNewsBox2 {
    margin-left: -15px;
    margin-right: -15px;
}

.tmpline {
    z-index: 2;
    border-bottom: 1px solid #dfdfdf;
    height: 38px
}

#topNav>ul>li ul>li>a {
    color: #333;
    padding: 0px 10px
}

#topNav>ul>li ul>li.active>a {
    font-weight: bold;
    color: #1f1f1f;
    padding: 0 9px
}

#topNav>ul>li ul>li:hover>a {
    color: #111
}

.logowanie i {
    display: inline-block;
    width: 90px
}


#container {
    min-width: 1000px
}

.infoBoxContainer {
    background-color: #fff;
    font-family: 'LatoLatinWeb';
    padding-top: 40px;
    padding-bottom: 20px;
}

.infoBoxContainer h2 {
    color: #424242;
    font-family: 'LatoLatinWeb';
    font-size: 28px;
    margin: 0 0 26px;
    font-weight: bold;
}

.infoBoxContainer .img-responsive {
    margin: 0 auto
}

.infoBoxContainer .infoBox .hovImg {
    display: none;
}

.infoBoxContainer .infoBox:hover .regImg {
    display: none;
}

.infoBoxContainer .infoBox:hover .hovImg {
    display: block;
}

.infoBoxContainer h5,
.infoBoxContainer h6 {
    display: inline;
    font-weight: bold;
}

.infoBoxContainer .right-infoBox,
.infoBoxContainer .left-infoBox {
    width: calc(50% - 45px);
    display: inline-block;
}

.infoBoxContainer .right-infoBox {
    margin-left: 90px;
}

.infoBox {
    padding: 25px 15px 40px;
    border-bottom: 1px solid #e2e3e4;
    position: relative;
}

.infoBoxContainer .container .col-sm-12+.col-sm-12 .row:last-child .infoBox {
    border-bottom: none;
}

.infoBox .infoBoxImg {
    height: 120px;
    padding-left: 0;
    width: 120px;
    display: inline-block;
}

.infoBox-text-container {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 140px);
    margin-top: 0;
    margin-left: 20px;
}

.infoBox img {
    vertical-align: middle
}

.infoBox h3 {
    font-size: 24px;
    color: #c22d78;
    text-align: left;
    font-family: 'LatoLatinWeb';
    margin-bottom: -5px;
    font-weight: bold;
}

.infoBox p,
.infoBox .infoBoxText {
    color: #323539;
    text-align: left;
    font-size: 15px;
    line-height: 1.1
}

.infoBox:hover {
    background: #1f1f1f;
    cursor: pointer;
}

.infoBox:hover h3 {
    color: #b7d838;
}

.infoBox:hover .infoBoxText {
    color: #fff;
}

.infoBox:after {
    border-top: 12px solid #0f1010;
    border-right: 12px solid #0f1010;
    border-left: 12px solid #fff;
    border-bottom: 12px solid #fff;
    display: none;
    content: '';
    position: absolute;
    bottom: -24px;
    left: 0;
    width: 24px;
    height: 24px;
}

.infoBox:hover:after {
    display: block;
}

@media (max-width: 850px) {

    .infoBoxContainer .left-infoBox {
        width: 80%;
        display: block;
        margin: 0 auto;
    }

    .infoBoxContainer .right-infoBox {
        display: none;
    }

}

#newsSection {
    font-family: 'LatoLatinWeb';
    background: rgba(235, 241, 241, 1);
    background: -moz-linear-gradient(top, rgba(235, 241, 241, 1) 0%, rgba(240, 250, 250, 1) 100%);
    background: -webkit-gradient(bottom, top, color-stop(0%, rgba(235, 241, 241, 1)), color-stop(100%, rgba(240, 250, 250, 1)));
    background: -webkit-linear-gradient(top, rgba(235, 241, 241, 1) 0%, rgba(240, 250, 250, 1) 100%);
    background: -o-linear-gradient(top, rgba(235, 241, 241, 1) 0%, rgba(240, 250, 250, 1) 100%);
    background: -ms-linear-gradient(top, rgba(235, 241, 241, 1) 0%, rgba(240, 250, 250, 1) 100%);
    background: linear-gradient(to top, rgba(235, 241, 241, 1) 0%, rgba(240, 250, 250, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ebf1f1', endColorstr='#f0fafa', GradientType=1);
    padding-bottom: 20px;
}

#newsSection h3 {
    color: #626262;
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'LatoLatinWeb';
    font-weight: bold;
}

#newsSection .news {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#newsSection .news h3 {
    color: #1f1f1f;
    text-transform: none;
    font-size: 24px;
    font-family: 'LatoLatinWeb';
    margin-bottom: 0;
}

#newsSection .news .date {
    color: #b0467b;
    font-size: 14px;
    font-family: 'LatoLatinWeb';
}

#newsSection .news p {
    margin: 10px 0 20px;
    line-height: 2;
    color: #323539;
    text-align: justify
}

#newsSection .news a.more {
    font-style: italic;
    text-transform: uppercase;
    width: 116px;
    height: 48px;
    line-height: 35px;
}

#WhatWeOffer {
    font-family: 'LatoLatinWeb';
    color: #1f1f1f;
    padding-bottom: 120px;
}

#WhatWeOffer h2 {
    margin: 60px 0;
}

#WhatWeOffer h2 small {
    color: #000;
}

#WhatWeOffer ul {
    font-family: 'LatoLatinWeb';
    font-weight: lighter;
    color: #7caf39;
    list-style-type: none;
    padding-left: 0;
}

#WhatWeOffer ul li {
    margin-bottom: 10px;
}

#WhatWeOffer .black-box,
#contactPage .black-box {
    background-color: #1f1f1f;
    padding: 40px 60px;
    color: #fff;
    width: 60%;
    border-top-left-radius: 50px;
    margin-top: -60px;
    position: relative;
    z-index: 2;
}

#contactPage .black-box {
    margin-top: 30px;
    padding: 40px;
    width: 75%;
}

#WhatWeOffer .black-box h3 {
    color: #fff;
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 40px;
}

#contactPage .black-box h3 {
    color: #fff;
    font-size: 26px;
}

#contactPage .black-box h3 small {
    color: #fff;
    display: block;
    font-size: 20px;
}

#WhatWeOffer .black-box h3 span {
    font-weight: lighter;
}

#WhatWeOffer .black-box .big-a,
#contactPage .black-box .big-a {
    text-decoration: underline;
    color: #7caf39;
    font-size: 120px;
    font-weight: bold;
    line-height: 120px;
    margin-bottom: 40px;
}

#WhatWeOffer .black-box .black-box-foto,
#contactPage .black-box .black-box-foto {
    position: absolute;
    border-bottom-right-radius: 50px;
    overflow: hidden;
    top: 40%;
    left: 85%;
    width: 350px;
    z-index: 3;
}

#contactPage .black-box .black-box-foto {
    width: 250px;
    top: 27%;
}

#WhatWeOffer .black-box .green-box,
#contactPage .black-box .green-box {
    background: #7caf39;
    height: 100px;
    width: 100px;
    border-top-right-radius: 50px;
    position: absolute;
    top: 30%;
    left: 100%;
    z-index: 1;
}

#contactPage .black-box .green-box {
    width: 70px;
    top: 15%;
}

@media(max-width: 1200px) {

    #WhatWeOffer .black-box,
    #contactPage .black-box {
        width: 50%;
        margin-top: 0;
    }
}

@media(max-width:991px) {

    #WhatWeOffer .black-box,
    #contactPage .black-box {
        width: 70%;
    }
    .news.col-sm-6{
        max-width: 45%;
    }
}

@media(max-width: 768px) {
    .news.col-sm-6{
        max-width: 100%;
    }
    #WhatWeOffer h2 {
        margin: 30px 0;
    }

    #WhatWeOffer .black-box {
        padding: 20px;
        margin-top: 40px;
    }

    #contactPage .black-box {
        padding: 20px;
    }

    #WhatWeOffer .black-box h3 {
        font-size: 25px;
        line-height: 35px;
    }

    #WhatWeOffer .black-box .green-box,
    #contactPage .black-box .green-box,
    #contactPage .black-box .black-box-foto,
    #WhatWeOffer .black-box .black-box-foto {
        display: none;
    }

    #WhatWeOffer .black-box,
    #contactPage .black-box {
        width: 100%;
    }
}

#simpleProg {
    padding: 50px 0;
}

#simpleProg h2 {
    margin-bottom: 60px;
}

#simpleProg h2 small {
    color: #000;
}

#simpleProg h3 {
    padding-right: 60px;
}

#simpleProg h3 {
    margin-top: 0;
    margin-bottom: 50px;
}

#simpleProg p {
    color: #8d8d8d;
}

#simpleProg p strong {
    color: #1f1f1f;
}

#simpleProg .list-container {
    position: relative;
}

#simpleProg .list-buttons {
    position: absolute;
    width: 30px;
}

#simpleProg .list-buttons #upElement,
#simpleProg .list-buttons #downElement {
    transition-duration: .4s;
    position: absolute;
}

#simpleProg .list-buttons #downElement {
    top: 40px;
}

#simpleProg .list-buttons #upElement:hover {
    margin-top: -3px;
}

#simpleProg .list-buttons #downElement:hover {
    top: 43px;
}

#simpleProg .list-buttons #upElement img {
    transform: rotate(180deg);
}

#simpleProg .list-content {
    margin-left: 40px;
    height: 370px;
    overflow: hidden;
}

#simpleProg .list-content ul {
    list-style-type: none;
    transition-duration: .4s;
}

#simpleProg .list-content ul li {
    font-weight: bold;
    margin-bottom: 10px;
}

#helpSection h5 {
    background: url('../images/help-bg.png') no-repeat left 0;
    line-height: 33px;
    padding-bottom: 16px;
    padding-left: 43px;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Arial', sans-serif;
    border-bottom: #ededed 1px solid
}

#helpSection .helpInfo {
    line-height: 1.5;
    margin-top: 7px;
    padding-bottom: 7px;
    border-bottom: #ededed 1px solid;
    color: #1f1f1f;
    font-family: 'Arial', sans-serif;
}

#helpSection h4 {
    color: #862b68
}

div#footer {
    background: #1f1f1f;
    clear: both;
    padding-bottom: 100px;
    position:relative;
    z-index: 5;
}

.footer-content {
    max-width: 1920px;
    margin: 0 auto;
}

.footer-newsy,
.footer-newsy h5,
.footer-newsy h4 {
    color: #ababab;
}

.footer-newsy p {
    font-size: 12px;
}

.footer-newsy h5 {
    height: 40px;
}

#footer .footer-box h3 {
    color: #ababab;
    font-size: 14px;
    font-family: 'LatoLatinWeb';
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.footer-logo-box {
    height: 80px;
    line-height: 80px;
    margin-top: 50px;
}

.footer-logo-box img {
    max-width: 200px;
    display: inline-block;
    margin-right: 50px;
}

.footer-logo-box .line-horizontal {
    width: calc(100% - 250px);
}

@media(max-width: 768px) {
    #footer .footer-box {
        text-align: center;
    }

    #footer .footer-box ul {
        list-style-type: none;
    }
}

#footer .footer-box ul {
    margin: 10px 0 0 0;
    color: #7e8081;
    padding-left: 12px;
}

#footer .footer-box ul li {
    margin: 5px 0
}

#footer .footer-box ul li a {
    color: #cac8c8;
    font-size: 13px
}

#footer .footer-box ul li a:hover {
    text-decoration: underline;
    color: #aac83a
}

#footer-copy {
    background: #1f1f1f;
    color: #cac8c8;
    padding-top: 25px;
    padding-bottom: 25px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    font-size: 12px;
}

/*Pages before Login*/
.pageHeaderNoLogin {
    height: 100px;
    margin-bottom: 50px;

}

.pageHeaderNoLogin h1 {
    font-weight: bold;
    color: #7caf39;
    text-decoration: underline;
}

#registerLeft h2 {
    margin: 60px 0 40px 0;
    color: #1f1f1f;
    font-weight: 400;
    font-size: 22px
}

#registerLeft h2 span {
    color: #cb60a7
}

#registerLeft ul {
    list-style: none
}

#registerLeft ul li {
    padding: 16px 0 16px 82px;
    border-bottom: #eeeeee 1px solid;
    color: #929499;
    font-weight: 400;
    font-size: 13px
}

#registerLeft ul li.l1 {
    background: url('../images/register/1.png') no-repeat 20px center
}

#registerLeft ul li.l2 {
    background: url('../images/register/2.png') no-repeat 20px center
}

#registerLeft ul li.l3 {
    background: url('../images/register/3.png') no-repeat 20px center
}

#registerLeft ul li.l4 {
    background: url('../images/register/4.png') no-repeat 20px center
}

#registerLeft ul li.l5 {
    background: url('../images/register/5.png') no-repeat 20px center
}


#regOkInfo {
    text-align: center;
    color: #1f1f1f;
    background-size: contain;
    background-position-x: 100%;
    background-position-y: bottom;
    height: 530px;
    width: 1480px;
    margin: 50px auto 0;
    max-width: 100%;
}

.list-check {
	padding:0; list-style:none; text-align:left;
}

.list-check li {
	font-size:18px;
	position:relative;
	padding-left:30px;
	line-height:35px;
}

.list-check li::before {
	content:"\2714";
	color:#8eca3e;
	font-size:25px;
	position:absolute; left:0; top:0;
}

@media(max-width: 1100px){
    #regOkInfo {
        width: 100%;
        text-align: left;
    } 
}
@media(max-width: 768px){
    #regOkInfo {
       background: none;
    } 
}

.hr {
    background: #dbdddd;
    width: 100%;
    height: 1px
}

.hr-dotted {
    width: 100%;
    border-bottom: 1px dashed lightgray;
}

.hr-bold {
    height: 3px;
    background: lightgray;
}

.doubleVerInfo a {
    position: absolute;
    color: red;
    top: 5px;
    left: 241px;
}

.doubleVerInfo span {
    font-weight: bold;
}

#loginPage,
#registerRight {
    padding: 50px 0 130px;
    text-align: center;
    width: 670px;
    margin: 0 auto;
    max-width: 95%;
}

#registerRight {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    border-radius: 5px;
    width: 950px;
}

#loginPage .loginImg.loginImg-mob,
#registerRight .loginImg.loginImg-mob {
    width: 30px;
    margin-right: 10px;
    display: inline-block;
}

#loginPage .loginImg,
#registerRight .loginImg {
    width: 50px;
    margin: 0 auto;
}

#loginPage .loginForm-container {
    position: relative;
    border-top-left-radius: 30px;
    /*background-image: url('../../file/slider/fakturowanie-online-slider-bg.png');
    background-size: contain; */
    height: 300px;
}

#registerRight .regForm-container,
#loginPage .passRemForm-container  {
    position: relative;
    border-top-left-radius: 30px;
    background: #7caf39;
    min-height: 500px;
}
#loginPage .passRemForm-container  {   
    min-height: 460px;
}

#loginPage .loginForm-container:before {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #7caf39;
    content: '';
    left: 0;
    border-top-left-radius: 30px;
}

#loginPage .loginForm-container .loginForm,
#loginPage .passRemForm-container .passRemForm,
#registerRight .regForm-container .regForm {
    position: absolute;
    background: #fff;
    height: 100%;
    width: 50%;
    right: 0;
    border-top-left-radius: 30px;
    text-align: left;
}

#registerRight .regForm-container .regForm {
    width: 70%;
}

#loginPage .loginForm-container .loginForm form,
#loginPage .passRemForm-container .passRemForm form,
#registerRight .regForm-container .regForm form {
    height: 100%;
    width: 100%;
    position: absolute;
    background: #fff;
    padding: 30px 40px;
    border-top-left-radius: 30px;
}
#loginPage .passRemForm-container .passRemForm form{
    padding: 140px 40px 0;
}

#registerRight .regForm-container .regForm form {
    width: 55%;
}

.forgotPasswordLink {
    background: url('../images/forgotIcon.png') no-repeat right center;
    padding-right: 20px;
    margin-top: 7px;
    display: inline-block;
    color: #a4a4a4;
    font-size: 10px;
}

.forgotPasswordLink:hover {
    text-decoration: underline;
}

.loginRow2 label {
    color: #a4a4a4;
    font-weight: normal;
    font-size: 10px;
}

#loginPage .registerContainer,
#loginPage .loginContainer,
#registerRight .loginContainer {
    font-weight: bold;
    font-size: 18px;
    position: absolute;
    bottom: 22px;
    left: 30px;
    width: 40%;
    text-align: left;
}
#loginPage .loginContainer{
    padding-right: 30px;
    width: 45%;
}

#registerRight .loginContainer {
    width: 30%;
}
#loginPage .loginContainer .passRemInfo ol{
    font-size: 14px;
    color: #fff;
    font-weight: 100;
    padding-left: 20px;
}
@media(max-width: 768px){
    #loginPage .loginContainer .passRemInfo ol{
        font-size: 12px;
    }
}
@media(max-width: 991px) {
    #registerRight .loginContainer {
        width: 40%;
    }

    #registerRight .regForm-container .regForm {
        width: 50%;
    }

    #registerRight .regForm-container .regForm form {
        width: 100%;
    }
}

#loginPage .loginContainer .regInfo p,
#registerRight .loginContainer .passRemInfo p {
    color: #fff;
    font-size: 25px;
    line-height: 35px;
}

#registerRight .loginContainer .regInfo p.bigFormInfo {
    font-size: 40px;
    margin-bottom: 90px;
    margin-top: 30px;
}

#registerRight .loginContainer .text-white {
    font-size: 18px;
}

#registerRight .registrationErrorInfo {
    background: #fff;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 300px;
    right: -320px;
    display: none;
}

#registerRight .registrationErrorInfo img {
    max-width: 100%;
    width: 350px;
}

@media(max-width: 600px) {

    #loginPage,
    #registerRight {
        padding: 20px 0 60px;
    }

    #loginPage .loginForm-container {
        background-size: cover;
        height: 410px;
    }

    #registerRight .regForm-container {
        background-size: cover;
        height: 630px;
    }
   
    #loginPage .registerContainer
    #registerRight .loginContainer {
        width: 100%;
        text-align: right;
        right: 30px;
        left: auto;
    }
    #loginPage .loginContainer {
        width: calc(100% - 60px);
        bottom: 10px;
    }
    #loginPage .loginForm-container .loginForm {
        height: 75%;
        width: 100%;
    }

    #registerRight .regForm-container .regForm {
        height: 80%;
        width: 100%;
    }
    #loginPage .passRemForm-container .passRemForm {
        height: 150px;
        width: 100%;
    }

    #registerRight .regForm-container .regForm form,
    #loginPage .passRemForm-container .passRemForm form,
    #loginPage .loginForm-container .loginForm form {
        padding: 20px 30px;
        right: 0;
        width: 100%;
    }
    
    #registerRight .loginContainer .regInfo {
        display: none;
    }

    #registerRight .loginContainer .text-white {
        margin-bottom: 15px;
    }

    #loginPage .loginImg,
    #registerRight .loginImg {
        display: none;
    }

    #loginPage .loginImg.loginImg-mob,
    #registerRight .loginImg.loginImg-mob {
        display: inline-block;
        width: 20px;
    }
}
@media(max-width: 470px) {
    #loginPage .passRemForm-container{
        min-height: 630px;
    }
}

/*Newsy*/
#newsPage {
    padding-top: 10px;
}

#newsPage #news {
    display: flex;
    padding-bottom: 100px;
}

#newsPage #leftNews {
    width: 280px;
    padding: 0 10px;
}

#newsPage #rightNews {
    width: calc(100% - 280px);
    padding: 0 10px;
    display: flex;
    padding-top: 20px;
}

#newsPage #rightNews h1 {
    font-size: 30px;
    margin-top: 0;
}

#newsPage #searchSection {
    position: relative
}

#newsPage #searchSection span {
    color: #1f1f1f;
    font-weight: 600;
    font-size: 14px
}

#searchSection .preetyTextInput {
    width: 240px
}

#newsPage .sort {
    margin: 30px 0;
    padding-bottom: 20px;
    border-bottom: #eef0f0 3px solid
}

#newsPage .sort>a {
    padding: 0 15px;
    border-right: 1px solid gray;
}

#newsPage .sort>a:hover,
#newsPage .sort>a.s {
    color: #7caf39;
}

.news-list-container {
    margin: 10px 0;
}

.news-list-container h3,
.news-list-container h2 {
    margin-top: 5px;
    font-size: 22px;
    color: #1f1f1f;
    font-weight: lighter;
}

.news-list-container h3:hover,
.news-list-container h2:hover {
    text-decoration: underline;
}

.news-list-container .news-row-container {
    padding: 10px;
    margin: 10px 0;
    transition-duration: .4s;
}

.news-list-container .news-row-container a.news-link-more {
    color: black;
}

.news-list-container .news-row-container a.news-link-more:hover {
    color: #7caf39;
}

.news-list-container .news-row-container:hover {
    box-shadow: 2px 2px 10px lightgrey;
}

.news-list-container .news-row-container:nth-child(2n) {
    background: #f7f7f7;
}

.news-list-container .news-row {
    display: flex;
}

.col-news-image {
    min-width: 210px;
    max-width: 210px;
    margin-right: 10px;
}


.news-list-container .news-image {
    height: 150px;
    position: relative;
}

.news-list-container .news-image a {
    max-height: 100%;
    position: relative;
    overflow: hidden;
}

.news-list-container .news-image a img {
    max-height: 100%;
}

.news-list-container .news-image .btnMore {
    position: absolute;
    right: -20px;
    bottom: 0px;
}

#newsPage .links {
    padding-bottom: 20px
}

#newsPage .links a {
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    display: inline-block;
}

#news h1 a {
    color: #1f1f1f;
}

#leftNews img {
    border-radius: 6px;
    margin: 10px 0;
    width: 100%;
}

#leftNews img.pin-it {
    width: 50px;
}

#leftNews p {
    color: #7c7e81;
}

#leftNews p>span {
    color: #1f1f1f;
    font-weight: 600
}

.right-col-news {
    padding-left: 10px;
    width: calc(100% - 280px);
}

/* do wywalenia po uploadzie na proda*/

#commentAdd {
    background: #e6e8e8;
    margin: 20px 0;
    border-radius: 6px
}

#commentAdd h3 {
    background: url('../images/comment-title.png') no-repeat 40px center;
    margin-bottom: 6px;
    line-height: 48px;
    padding: 10px 20px 10px 100px;
    border-bottom: 1px solid #dbdddd
}

#container #commentAdd div.cpBox {
    margin: 10px 50px;
    width: 440px;
    float: left
}

.font-weight-400 {
	font-weight:400;
}

/*-----------------*/

#writeComment {
    background: #e6e8e8;
    margin: 20px 0;
    border-radius: 6px;
    padding: 0 50px;
}

#writeComment h3 {
    padding: 10px 20px 10px 0;
}

#container #writeComment div.cpBox {
    margin: 10px 50px;
    width: 440px;
    float: left
}

#commentsList {
    border: 2px solid #e6e8e8;
    margin: 20px 0;
    border-radius: 6px;
    padding: 0 50px;
}

#commentsList h3 {
    font-weight: 400
}

#newsPage .comment {
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: #dedfdf 1px solid;
    position: relative
}

#newsPage .comment h3 {
    font-size: 16px;
    font-weight: 400
}

#newsPage .comment h3>span {
    color: #981c75
}

#newsPage .comment .i {
    color: #7c7e81;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    top: 0
}

#newsPage .comment .i>span {
    color: #1f1f1f;
    font-weight: 600
}

#newsPage .comment .date {
    right: 140px;
    top: 33px;
}

#newsPage .comment .answer {
    right: 0px;
    top: 33px;
}

#newsPage p {
    color: #6E6D6D;
}
#newsPage img{
    max-width: 100%;
}
#newsPage .comment .content {
    margin: 10px 0;
    color: #7f7f80;
    font-size: 14px;
    font-weight: 400
}

#newsPage .comment a.button {
    margin: 10px 14px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    float: right;
    color: #000000;
    display: inline-block;
    font-size: 13px;
    font-weight: 400
}

#newsPage .comment a.button:hover {
    background: url('../images/button-bg1.png') repeat-x 0 0;
    color: #fff
}

#newsPage .content a:hover {
    text-decoration: underline;
    color: #1f1f1f
}

@media(max-width: 768px) {
    #newsPage #news {
        flex-direction: column;
    }

    #newsPage #rightNews,
    #newsPage #leftNews,
    .right-col-news {
        width: 100%;
    }

    .tipBanner {
        display: none;
    }
}

.faqPage,
.tipsPage {
    color: #6E6D6D;
    margin-top: 30px;
}

.tipsPage {
    display: flex;
    min-height: 500px;
}

.faqPage iframe,
.tipsPage iframe {
    max-width: 100%;
}

ul.faqCat {
    background: #f2f2f2;
    width: 320px;
    float: left;
    list-style: none;
    margin-bottom: 200px;
    padding: 50px 30px;
    border-top-left-radius: 30px;
    border-bottom: 5px solid #7caf39;
}

li.faqCat-header {
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 30px 20px;
    font-weight: bold;
}

.tipsPage ul.faqCat,
.helpPage ul.faqCat {
    background: transparent;
    width: 280px;
    float: left;
    list-style: none;
    margin-bottom: 20px;
    padding: 0;
    border-bottom: none;
    box-shadow: none;
}
.tipsPage ul.faqCat .manuBanner {
    border-top-left-radius: 15px;
    width: 100%;
    margin: 40px 0;
}

.tipsPage ul.faqCat .manuBanner a {
    padding: 0;
}

@media(max-width: 1100px) {
    .tipsPage ul.faqCat,
    .helpPage ul.faqCat {
        background: #f2f2f2;
        left: -290px;
        top: -30px;
    }
}

ul.faqCat #menu-btn {
    position: absolute;
    right: -37px;
    padding: 11px 10px 7px;
    top: 0px;
    background-color: #1f1f1f;
    border: none;
    cursor: pointer;
    z-index: 5;
    display: none;
}

ul.faqCat.open-menu {
    left: -20px !important;
}

ul.faqCat.open-menu #menu-btn {
    padding: 4px 10px 7px;
    height: 40px;
    right: -44px;
}

ul.faqCat #menu-btn .icon-bar {
    width: 17px;
    display: block;
    height: 2px;
    background: #fff;
    margin-bottom: 4px;
    transition: 0.3s;
}

ul.faqCat.open-menu #menu-btn .icon-bar {
    width: 24px;
}

ul.faqCat.open-menu #menu-btn .icon-bar:nth-child(1) {
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -webkit-transform: rotate(-45deg);
    /* Safari */
    transform: rotate(-45deg);
    margin-top: 5px;
    width: 24px;
}

ul.faqCat.open-menu #menu-btn .icon-bar:nth-child(2) {
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Safari */
    transform: rotate(45deg);
    width: 24px;
    margin-top: -5px;
}

ul.faqCat.open-menu #menu-btn .icon-bar:nth-child(3) {
    display: none;
}
.mainFunctions{
    display: flex;
}
.faqPage .faqContent,
.tipsPage .faqContent,
.mainFunctions .mainFunctions-content {
    width: calc(100% - 325px);
    display: inline-block;
    padding-left: 20px;
}

@media(min-width: 1401px) {
    .faqPage.helpPage ul.faqCat {
        width: 450px;
    }

    .faqPage.helpPage .faqContent {
        width: calc(100% - 455px);
    }
}

.faqPage .faqContent .faqContentHeader,
.tipsPage .faqContent .faqContentHeader {
    padding: 10px 0;
    margin: 0 30px;
    border-bottom: 1px solid #f3f3f3;
}

.faqPage .faqContent .faqContentHeader img,
.tipsPage .faqContent .faqContentHeader img {
    display: block;
    width: 40px;
}

.faqPage .faqContent .faqContentHeader h1,
.tipsPage .faqContent .faqContentHeader h1 {
    margin: 0;
}

.faqPage .faqContent img,
.tipsPage .faqContent img {
    max-width: 100%;
}

.tipsContentHeader h1 {
    font-size: 30px;
}

.tipThemeImg {
    width: 100%;
    height: 275px;
    margin-bottom: 20px;
    background: #d3d3d3;
}

.tipThemeImg img {
    max-height: 100%;
    height: 100%;
    border-top-left-radius: 15px;
    border-right: 30px solid #efefef;
}

.tipContentContainer {
    display: flex;
    margin-bottom: 100px;
}

.tipContentIthem {
    width: calc(100% - 320px);
}

.tipBanner {
    width: 320px;
    border-top-right-radius: 15px;
    margin-left: 10px;
    overflow: hidden;
}

.tpiBanner-head {
    color: #fff;
    background: #1f1f1f;
    padding: 20px;
    font-weight: bold;
}

.tpiBanner-head p.small,
#newsPage .tpiBanner-head p.small {
    font-size: 14px;
}

.tpiBanner-head p.big {
    font-size: 26px;
}

.tpiBanner-head .btn {
    margin-top: 15px;
    text-transform: uppercase;
}

.tpiBanner-content {
    background-color: #7caf39;
    padding: 20px;
    position: relative;
    padding-bottom: 45px;
}

.tpiBanner-content ul {
    list-style-type: none;
    padding-left: 0;
}

.tpiBanner-content li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    line-height: 35px;
}

.tpiBanner-content li a img {
    width: 25px;
    margin-right: 10px;
}

.tpiBanner-content .btn-bottom {
    background: #1f1f1f;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.tpiBanner-content .img-bg {
    position: absolute;
    bottom: 40px;
    right: 0;
}

.tpiBanner-content .btn-bottom:hover,
.tpiBanner-content li a:hover {
    text-decoration: underline;
}

@media(max-width: 991px) {
    .tipContentContainer {
        flex-direction: column;
    }

    .tipContentIthem {
        width: 100%;
    }

    .tipBanner {
        width: 100%;
        margin-left: 0;
    }
    #newsPage .tipBanner,
    .faqPage .tipBanner  {
       display: none;
    }
    #newsPage .right-col-news,
    .faqPage .right-col-news {
        width: 100%;
    }
    .mainFunctions .tipBanner{
        display: none;
    }
    .mainFunctions .mainFunctions-content {
        width: 100%;
    }
}

.faqContent p {
    margin: 0
}

.faqContent ul {
    padding-left: 15px;
}

.gray-faq-box {
    background: #f2f2f2;
    padding: 30px;
    height: 275px;
    margin-bottom: 30px;
    transition-duration: .3;
}

.gray-faq-icon {
    width: 40px;
}

.gray-faq-icon .white-img {
    display: none;
}

.gray-faq-text {
    color: #1f1f1f;
    height: 62px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.gray-faq-box:hover {
    background: #7caf39;
    box-shadow: 7px 7px 16px lightgrey;
}

.gray-faq-box:hover .gray-faq-icon .white-img {
    display: block;
}

.gray-faq-box:hover .gray-faq-icon .green-img {
    display: none;
}

.gray-faq-box:hover h3 {
    color: #fff;
    text-decoration: underline;
}

.gray-faq-box:hover .gray-faq-text {
    color: #fff;
}

@media(max-width: 1100px) {

    .faqPage,
    .tipsPage {
        position: relative;
    }

    ul.faqCat {
        left: -335px;
        position: absolute;
        transition: 0.3s;
        z-index: 5;
        height: 100%;
        top: -30px;
        box-shadow: 7px 0 10px lightgrey;
    }

    .faqPage .faqContent,
    .tipsPage .faqContent {
        width: 100%;
        margin-left: -15px;
        margin-right: -15px;
    }

    .faqPage.headerUnderlay,
    .tipsPage.headerUnderlay {
        padding-top: 20px;
    }

    ul.faqCat #menu-btn {
        display: block;
    }
}

@media(max-width: 430px) {
    ul.faqCat {
        width: 250px;
        left: -265px;
    }

    ul.faqCat.menu-porady-biznesowe {
        width: 280px;
        left: -295px;
    }
}

.faqCat a {
    display: block;
    padding: 0 20px;
    border-bottom: 1px dotted lightgray;
}

.faqCat li:last-child a {
    border-bottom: none;
}

ul.faqCat a>h2 {
    color: #1f1f1f;
    font-size: 14px;
    line-height: 40px;
    min-height: 40px;
}

.faqCat li:hover a h2,
.faqCat .active a h2 {
    color: #7caf39;
    text-decoration: none;
}

ul.faqCat .category-box {
    background: #e2e2e2;
    border-top-left-radius: 15px;
    margin-bottom: 10px;
    overflow: hidden;
    border-right: 5px solid #7caf39;
}

ul.faqCat .category-box .category-name a {
    font-size: 16px;
    padding: 10px 20px 10px 15px;
    color: #7e7e7e;
}

ul.faqCat .category-box a {
    padding: 0 40px;
}

ul.faqCat .category-box.active-cat {
    /* background: gray; */
}

ul.faqCat .category-box.active-cat .category-name>a,
ul.faqCat .category-box:hover .category-name>a,
ul.faqCat .category-box .category-name.active>a {
    color: #fff;
    background: #1f1f1f;
}

#header .navbar-nav {
    width: auto;
    margin-top: 20px;
    height: 90px;
}

@media(max-width: 1370px) {
    #header .navbar-nav {
        margin-top: 0;
        width: 100%;
    }

}

@media(max-width: 767px) {

    #header .navbar-nav,
    #header.startPage .navbar-nav {
        padding-top: 70px;
        margin: 0;
        height: auto;
    }
}

.loadProductBox {
    padding: 20px 0 0 0;
    display: flex;
}
.loadProductBox > a{
    display: block;
}
#contactPage {
    padding-bottom: 100px;
}

.contactInfo h4 {
    font-size: 16px;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 0;
}

.contactInfo .black-box h3 span {
    font-size: 35px;
}

.contactInfo .gray-small {
    font-size: 11px;
    margin-top: 40px;
    color: #ababab;
}

.contactInfo .gray-small h6 {
    font-weight: bold;
    color: #fff;
}

.contact-form {
    margin-top: 50px;
    width: 500px;
    max-width: 100%;
}

#contactRight h3 {
    font-size: 40px;
    line-height: 60px;
    font-weight: bold;
}

#contactRight h3 small {
    display: block;
    color: inherit;
    font-weight: inherit;
    font-size: .4em;
    line-height: 1.4em;
}
@media(max-width: 768px){
    #contactRight h3 {
        font-size: 22px;
        line-height: 30px;
        margin-top: 30px;
    } 
    #contactRight h3 small {
        font-size: .7em;
    }
    #contactRight h3 br{
        display: none;
    }
}
#aboutUs .time-line-box {
    color: #8d8d8d;
}

#aboutUs .time-line-box strong {
    color: #626262;
}

.unit {
    border: 1px solid #dedede;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: Tahoma;
    text-align: center
}

.unit td {
    border: 1px solid #dedede;
    background: #fff;
    padding: 8px;
    vertical-align: middle;
}

.unit td.edit-col {
    min-width: 100px;
}

.unit .form-control {
    vertical-align: middle;
}

.bankAccountNumber {
    min-width: 300px
}

.ul ul,
ol ul,
ol ol,
ul ol {
    margin-left: 15px;
}

.gray-thead tr th,
.list th.gray,
th.gray {
    padding: 10px 3px 10px 3px;
    color: #fff;
    font-weight: bold;
    border-right: 1px solid #d6d3d3;
    border-top: 1px solid #d6d3d3;
    background: #3f4247;
    text-align: center;
}
.ivoiceProductList  .gray-thead tr th select
{
    border: 0px;
    padding: 3px 2px;
    min-height: 20px;
    display: block;
    margin-top: 5px;
}
th.gray a:hover{
    text-decoration: underline;
    color: #7caf39;
}
.docList .gray-thead tr th {
    padding: 10px 0px;
}

.docList td {
    vertical-align: top;
}

.docList .gray-thead tr th.tal {
    padding: 10px 0px 10px 5px;
}

.listNo,
.docList .listNo,
.costList .listNo {
    cursor: pointer;
    width: 35px;
}

th.gray:last-child {
    border-right: 0
}

.gray-thead tr th a {
    color: #7caf39;
}

.gray-thead tr th a:hover {
    color: #d6d3d3;
}

.gray-thead select {
    color: #000;
}

.preetyTextInput {
    border-radius: 4px;
    color: #444;
    font-size: 13px;
    font-weight: 400;
    padding: 7px 14px 7px 14px;
    border: 1px solid #cccccc;
}

.preetyTextInput.noRight {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}

.preetyTextInput:focus,
.selectOverbox select:focus {
    border-color: #981c75;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(152, 28, 117, 0.6);
}

.preetyTextInput.noTop {
    box-shadow: none;
    border-left: 1px solid #e2e3e3;
    border-right: 1px solid #e2e3e3;
    border-bottom: 1px solid #e2e3e3;
    border-top-left-radius: 0px
}

tr.edit td {
    border-bottom: 1px solid #acacac;
    border-right: 1px solid #bdbebe;
    background: #dedfdf
}

tr.edit td:last-child {
    border-right: 0
}

.stat-container {
    background: #fff;
    border-top-left-radius: 30px;
    padding: 10px;
    margin: 0 auto;
    width: 100%;
}

.statBox h4 {
    font-size: 20px;
    font-weight: bold;
}


.start-page .statBox {
    padding-left: 0;
    padding-right: 0;
}

.statBoxInner {
    margin: 10px;
    padding: 10px;
    color: #1f1f1f;
    border-radius: 8px;
    position: relative;
    box-shadow: 2px 2px 7px lightgrey;
}

.statBoxInner .icon {
    width: 40px;
    height: 40px;
    -webkit-mask-size: 2500%;
    mask-size: 2500%;
    vertical-align: middle;
    -webkit-mask-image: url("./../../layout/svg/icons-funkcje-lista-dokumentow.svg");
    mask-image: url("./../../layout/svg/icons-funkcje-lista-dokumentow.svg");
    background-color: #929292;
}

.statBoxInner .icon.icon-pig {
    -webkit-mask-position: -635px -459px;
    mask-position: -635px -459px;
}

.statBoxInner .icon.icon-money {
    -webkit-mask-position: -590px -455px;
    mask-position: -590px -455px;
}

.statBoxInner .icon.icon-bill {
    -webkit-mask-position: -543px -459px;
    mask-position: -543px -459px;
}

.statBoxInner .icon.icon-prod {
    -webkit-mask-position: -257px -123px;
    mask-position: -257px -123px;
}

.statBoxInner .icon.icon-expired-docs {
    -webkit-mask-position: -13px -459px;
    mask-position: -13px -459px;
}

.statBoxInner .icon.icon-demand {
    -webkit-mask-position: -433px -559px;
    mask-position: -433px -559px;
}

.statBoxInner .mainSum {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    border-bottom: 3px solid #d0d0d0;
    text-align: right;
    min-height: 34px;
}

.statBoxInner .prevM {
    color: #979494;
    font-size: 14px;
    margin: 10px 0 0 0;
    width: 55%;
    display: inline-block;
}

.statBoxInner .prevMonyhSum {
    color: #979494;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    float: right;
    margin-top: 10px;
}

.statBox:last-child {
    border: 0
}

.statBox .number {
    font-size: 28px;
    font-weight: bold;
    display: block;
}

.statBoxInner .doc-item {
    border-bottom: 2px solid #d0d0d0;
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

.statBoxInner .doc-item .doc-item-remind a,
.statBoxInner .doc-item .doc-item-demand a {
    font-size: 10px;
    font-weight: bold;
    padding: 10px;
    border-radius: 4px;
    display: block;
    transition: .4s;
}

.statBoxInner .doc-item .doc-item-remind a:hover,
.statBoxInner .doc-item .doc-item-demand a:hover {
    background: #f4f4f4;
}

.statBoxInner .doc-item .doc-item-remind .icon-svg-sm {
    background-color: #7caf39;
}

.statBoxInner .doc-item .doc-item-demand .icon-svg-sm {
    background-color: red;
}

.statBoxInner .doc-item .doc-item-info .name {
    color: #000;
    font-weight: bold;
    margin-bottom: 0;
}

.statBoxInner .doc-item .doc-item-info .name a {
    color: #000;
}
.statBoxInner .doc-item .doc-item-info .name a:hover {
    text-decoration: underline;
}

.statBoxInner .doc-item .doc-item-info .date {
    font-weight: bold;
    color: #979494;
    font-size: 10px;
    margin-bottom: 0;

}

.windykacja-banner {
    background: url("../../layout/images/windykacja-bg.png");
    background-size: cover;
    min-height: 190px;
    position: relative;
}

.windykacja-banner h4 {
    color: #fb441a;
    font-size: 30px;
}

.windykacja-banner .btn {
    background-color: #fb441a;
    color: #fff;
    border-radius: 30px;
    padding: 10px 20px;
    cursor: pointer;
    transition-duration: .4s;
}

.windykacja-banner .btn:hover {
    background-color: #000;
}

.windykacja-banner .text-on-left {
    position: absolute;
    left: 20%;
    top: 50px;
}

.windykacja-banner .text-on-right {
    position: absolute;
    right: 10%;
    top: 60px;
}

@media(max-width: 1600px) {
    .windykacja-banner .text-on-right {
        right: 30px;
    }

    .windykacja-banner .text-on-left {
        left: 25%;
    }
}

@media(max-width: 1280px) {
    .windykacja-banner .text-on-left {
        display: none;
    }

    .windykacja-banner .text-on-right {
        background: rgba(256, 256, 256, .8);
        padding: 20px;
        top: 40px;
    }
}

.col2 {
    width: 2%
}

.col6 {
    width: 6%
}

.col20 {
    width: 20%
}

.col10 {
    width: 10%
}

.col3 {
    width: 3%
}

.col33 {
    width: 33%
}

.col17 {
    width: 17%
}

.col50 {
    width: 50%
}

.icon48 {
    background-image: url('../images/icons48.png');
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 6px
}

.sprocket {
    background-position: -11px -107px
}

.arrow {
    background-position: -15px -6px;
}

.hamburger {
    background-position: -15px -142px
}

.document {
    background-position: -14px -57px
}

.box670 h3 {
    margin: 5px 0 10px 0
}

.box670 h3 {
    color: #1f1f1f;
    font-size: 20px;
    font-weight: 400
}

.headerUnderlay h3 {
    color: #1f1f1f;
    font-size: 26px;
    font-weight: bold;
    margin: 0;
}

.headerUnderlay.configMail label {
    display: block;
    font-size: 18px;
    color: #787a7d;
    min-height: 48px;
    margin-top: 5px;
    text-align: left
}

.headerUnderlay.producerList label {
    display: block;
    font-size: 18px;
    color: #787a7d;
    height: 48px;
    line-height: 48px;
    text-align: left
}

.headerUnderlay.producerList input[type="text"] {
    width: 310px;
    padding: 9px 14px
}

.headerUnderlay.configMail {
    padding-bottom: 24px
}

.headerUnderlay.producerList .sR {
    width: 338px;
    text-align: right
}

.headerUnderlay.producerList .pinkButton {
    width: 100px;
    font-size: 12px;
    box-shadow: 0 1px 1px 0 #CCCCCC;
    vertical-align: middle;
    height: 37px;
    line-height: 37px
}

.headerUnderlay.producerList .pinkButtonPlus {
    width: 120px;
    font-size: 12px;
    height: 37px;
    box-shadow: 0 1px 1px 0 #CCCCCC;
    vertical-align: middle;
}

.configMail .pinkButton {
    float: right
}

.configMail input.pinkButton {
    float: right;
    width: 88px
}

.configMailRow label {
    display: block;
    padding: 10px 0;
    text-align: left
}

.configMailRow.short {
    clear: both
}

.configMailRow.short label {
    float: left;
    width: 230px
}

.configMailRow label span {
    font-size: 14px;
    color: #1f1f1f
}

#configMailOther h3 {
    margin: 0;
    padding: 5px 0 10px
}

#configMailOther .i {
    font-size: 12px;
    padding: 5px 0
}



.configMailRow input[type="text"].short {
    text-align: center;
    width: 45px
}

.tplTabs {
    height: 39px;
    border-bottom: 1px solid #E2E3E3;
    position: relative
}

.tplTabs .addNew {
    height: 36px;
    line-height: 31px;
    float: left;
    padding: 0 20px 0 20px;
    font-size: 25px;
}

.tplTab a.del {
    position: absolute;
    right: 10px;
    bottom: -25px
}

.tplTab a.df {
    position: absolute;
    right: 40px;
    bottom: -34px;
    text-decoration: underline
}

.tplTab a.df:hover {
    color: #111
}

.tplTab span.defTpl {
    position: absolute;
    right: 14px;
    bottom: -34px;
    color: #333;
    visibility: hidden
}

.tplTab.active span.defTpl {
    visibility: visible
}

.tplTab.active a {
    visibility: visible
}

.tplTab a {
    visibility: hidden
}

.configMail .tplTab {
    float: left;
    font-size: 12px;
    height: 36px;
    border-top: 1px solid #e2e3e3;
    border-right: 1px solid #e2e3e3;
    border-left: 1px solid #e2e3e3;
    background: #fff;
    border-radius: 5px;
    margin-right: 4px;
    color: #971c72;
    line-height: 36px;
    padding: 0 5px;
}

.configMail .tplTab:hover {
    text-decoration: underline
}

.tplTab.active {
    margin-bottom: -1px;
    height: 40px;
    text-decoration: underline;
    color: #fff;
    background: #3f424a;
    background: linear-gradient(to bottom, #63676e 0%, #3f424a 100%);
    border-top: 1px solid #41444c;
    border-right: 1px solid #41444c;
    border-left: 1px solid #41444c;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px
}

.hr {
    background: #d9d9d9;
    clear: both;
    margin: 30px 0;
    height: 2px
}

h3 label {
    font-size: 12px;
    font-style: italic;
    font-family: Tahoma;
    float: right;
    padding-top: 10px
}

.inputIcon {
    background-image: url('../images/input_icon.png');
    background-repeat: no-repeat;
    padding-right: 25px
}

.ico1 {
    background-position: right 2px
}

.ico2 {
    background-position: right -32px
}

.ico3 {
    background-position: right -96px
}

.ico4 {
    background-position: right -96px
}

.ico5 {
    background-position: right -126px
}

.ico {
    background-image: url('../images/icons.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    min-width: 20px
}

table.unit td>a.ico {
    background-image: none;
    height: auto;
    min-width: 0;
}

td.link-cell {
    position: relative;
    padding: 0 0 5px 0 !important;
    background: transparent;
}

td.link-cell.colInfo .btn-colInfo{
    height: auto;
    display: flex;
    width: auto;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #222;
}

td.link-cell.colInfo .btn-colInfo:hover {
	color:#7caf39;
	font-weight:bold
}
td.link-cell.colInfo .btn-colInfo:hover * {
	border-color:#7caf39;
	color:#7caf39;
}
td.link-cell.colInfo .btn-colInfo:hover i::before {
	color:#7caf39;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

td.link-cell.colInfo .btn-colInfo .icon-pencil{
	display: flex;
    align-items: center;
	margin-right:5px;
}

td.link-cell.colInfo {
	padding: 10px 10px 0px !important;
    box-sizing: initial;
}

td.link-cell a,
td.link-cell .icon-container {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

td.link-cell .cell-info1 {
    display: block;
    margin-top: -12px;
    line-height: 12px;
    position: absolute;
    bottom: 0;
}

td.link-cell .cell-info2 {
    display: block;
    width: 75%;
    line-height: 20px;
    margin-top: 15px;
    padding-left: 10px;
}

td.link-cell .cell-info2 .debtCollectionLink {
    position: relative;
    z-index: 5;
}

td.colDate.link-cell a {
    padding-left: 57%;
}

td.colDate.link-cell a.text-left-btn {
    padding-left: 15%;
    width: 75%;
    text-align: left;
    color: #cc0000;
    font-weight: bold;
    top: -2px;
}

.docList td.link-cell.colPayed .cell-info2 {
    text-align: left;
    padding-left: 10px;
}

td.colPayed.link-cell a {
    padding-top: 0;
    padding-left: 73%;
}

td.colPayed .icon-bordered {
    font-size: 16px;
}

td.colSend.link-cell .cell-info1 {
    margin-top: 20px;
}

td.colSend.link-cell a,
td.colDate.link-cell a,
td.colPayed.link-cell a {
    top: 0;
}

td.colDocOperations {
    width: 290px;
    white-space: nowrap;
}

td.client-list-options {
    width: 220px;
    white-space: nowrap;
}

td.colDocOperations a,
td.client-list-options a {
    width: 90px;
    margin-bottom: 3px;
    float: left;
}
td.client-list-options a {
    width: 80px;
}
.list td.colDocOperations a:hover,
td.client-list-options a:hover {
    color: #7caf39;
    font-weight: bold;
}

.list td.colDocOperations a:hover .icon-bordered,
.list td.colKsef a:hover .icon-bordered,
td.client-list-options a:hover .icon-bordered {
    border: 1px solid #7caf39;
}

.list.docList td.colDocOperations a:hover [class^="icon-"]:before,
.list.docList td.colDocOperations a:hover [class*=" icon-"]:before,
.list.docList td.colKsef a:hover [class^="icon-"]:before,
.list.docList td.colKsef a:hover [class*=" icon-"]:before,
td.client-list-options a:hover [class^="icon-"]:before,
td.client-list-options a:hover [class*=" icon-"]:before  {
    color: #7caf39;
    text-decoration: none;
    text-shadow: none;
}

td.link-cell .icon-bordered {
    margin: 0 auto;
}

.colInfo span.invNo {
    font-size: 14px;
}

.list.docList tr:hover {
    background: #dedede;
}

.list.docList .colInfo [class^="icon-"]:before,
.list.docList .colInfo [class*=" icon-"]:before {
    vertical-align: baseline;
    margin-left: 5px;
}

#page-content-wrapper table a.ico,
.jpk-container table td>a.ico,
.masterDocTable table td>a.ico,
.list.docList [class^="icon-"]:before,
.list.docList [class*=" icon-"]:before,
.table-gray [class^="icon-"]:before {
    margin: 0 5px;
    background-image: none;
    font-size: 16px;
    color: #000;
}

.client-list-options {
    width: 80px;
}

.client-list-options [class*=" icon-"]:before {
    background-image: none;
    font-size: 16px;
    color: #000;
}

.list.docList [class^="icon-"]:before,
.list.docList [class*=" icon-"]:before {
    opacity: .6;
    margin: 0;
    vertical-align: sub;
}

.list.docList a:hover [class^="icon-"]:before,
.list.docList a:hover [class*=" icon-"]:before {
    opacity: 1;
    text-shadow: 2px 2px 1px rgba(150, 150, 150, 1);
}

div.up tr.fl>td:nth-child(3)>a:hover i:before,
#page-content-wrapper table .ico:hover,
.jpk-container table a.ico:hover,
.masterDocTable table a.ico:hover,
.table-gray a.ico:hover,
.client-list-options a:hover [class*=" icon-"]:before {
    text-shadow: 2px 2px 1px rgba(150, 150, 150, 1);
}

span.ico {
    vertical-align: middle
}

.config2 {
    background-image: url('../images/config2.png');
}

.sms-icon {
    background-image: url('../images/ico-sms.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    min-width: 14px
}

.wicon {
    background-image: url('../images/wicons.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    min-width: 14px
}

.wicon.del {
    background-position: -6px -150px
}

.wicon.down {
    background-position: -5px -187px
}

.wicon.print {
    background-position: -8px -11px
}

.wicon.rempay {
    background-position: -8px -117px
}

.wicon.selpayed {
    background-position: -6px -81px
}

.wicon.send {
    background-position: -8px -46px
}

.list .ico {
    vertical-align: middle
}

.list-expand span {
    font-weight: normal;
}


div.close,
div.close-select,
a.close,
a.close-select {
    right: 5px;
    top: 5px;
    position: absolute;
    width: 30px;
    height: 36px;
    padding-top: 10px;
    background: #c62020;
    text-align: center;
    color: #fff;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    border-radius: 6px;
}

div.close.close-xs,
div.close-select.close-xs, 
a.close.close-xs,
a.close-select.close-xs {
    width: 20px;
    height: 20px;
    padding-top: 3px;
    line-height: 18px;
}
div.close:before,
div.close-select:before,
a.close:before,
a.close-select:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e805';
}
div.close:hover,
div.close-select:hover,
a.close:hover,
a.close-select:hover {
    background-position: -3px -1285px;
    cursor: pointer;
    background: #000;
    text-decoration: none;
}

a.zwin {
    background-position: -7px -774px
}

a.zwin:hover {
    background-position: -7px -802px
}

.zwin3 {
    background-position: -7px -776px
}

a:hover .zwin3,
.zwin3:hover {
    background-position: -7px -804px
}

.zwin2 {
    background-position: -6px -546px
}

a:hover .zwin2 {
    background-position: -6px -578px
}

.config {
    background-position: -5px -902px;
    vertical-align: middle
}

a:hover .config {
    background-position: -5px -933px
}

a.view {
    background-position: -5px -1413px;
    vertical-align: middle;
    margin: 0 3px
}

a.view:hover {
    background-position: -5px -1446px
}

a.branch {
    background-image: url('../images/users.png');
    height: 25px;
    width: 25px;
}

a.branch:hover {
    background-image: url('../images/users.png');
    height: 25px;
    width: 25px;
}

a.contactMan {
    background-image: url('../images/contact-person.png');
    height: 25px;
    width: 25px;
}

a.contactMan:hover {
    background-position: -3px -1575px
}

.save {
    background-position: -5px -965px;
    vertical-align: middle
}

a.save:hover {
    background-position: -5px -997px
}

a.rozwin {
    background-position: -6px -739px
}

a.rozwin:hover {
    background-position: -6px -707px
}

.rozwin3 {
    background-position: -6px -742px
}

a:hover .rozwin3,
.rozwin3:hover {
    background-position: -6px -710px
}

.rozwin2 {
    background-position: -5px -1225px;
}

.a:hover .rozwin2 {
    background-position: -5px -1255px;
}

a.dodaj {
    background-position: -6px -164px;
    height: 22px
}

a.dodaj:hover {
    background-position: -6px -196px
}


.invoiceListLegend i:before {
    font-size: 16px;
    vertical-align: sub;
}

.del,
.invoiceListLegend a.del:hover {
    background-position: -6px -6px
}

a:hover .del {
    background-position: -6px -38px
}

a.addCorrect {
    background-position: -6px -1604px;
    width: 20px;
    height: 20px;
}

.docList a.addCorrect {
    margin-top: -45px;
}
.itemActionsContainer a.addCorrect {
    padding: 0;
    margin: 5px 5px 0 5px;
}
a.addCorrect>.btn {
    background-position: -6px -1604px;
    width: 20px;
    height: 20px;
    margin: 0;
}
.docList select,
.colStatus select {
    color: #000;
    width: 90px;
}
td.colGtu{
    width: 80px;
    min-width: 80px;
}
.docList th select {
    background: #6d9b31;
}

a.addCorrect:hover,
a.addCorrect.active {
    background-position: -6px -1635px
}

a.addCorrect.active.red-bg-op1 {
    background: rgba(204, 0, 0, .4);
}

tr.rowAfterCorrection {
    border-bottom: 2px solid deepskyblue;
    border-right: 2px solid deepskyblue;
    border-left: 2px solid deepskyblue;
    font-weight: bold;
}
tr.rowCorrected {
    border-top: 2px solid deepskyblue;
    border-right: 2px solid deepskyblue;
    border-left: 2px solid deepskyblue;
}
tr.rowCorrected+tr.productAditionalInfoRow {
    border-right: 2px solid deepskyblue;
    border-left: 2px solid deepskyblue;
}

tr.rowAfterCorrection td a.del,
tr.rowAfterCorrection td a.icon-edit  {
    float: left;
    border-right: 1px solid #000;
    display: block;
    width: 18px;
    margin-right: 2px;
    margin-top: -4px;
}

.edit,
.invoiceListLegend a.edit:hover {
    background-position: -7px -102px
}

a:hover .edit a.edit:hover {
    background-position: -7px -134px
}

.similar,
.invoiceListLegend a.similar:hover {
    background-position: -6px -357px
}

a:hover .similar {
    background-position: -6px -389px
}

.print,
.invoiceListLegend a.print:hover {
    background-position: -6px -293px
}

a:hover .print {
    background-position: -6px -325px
}

a.send,
.invoiceListLegend a.send:hover {
    background-position: -6px -229px
}

a.send:hover,
a.sent {
    background-position: -6px -261px
}

a.payChange,
.invoiceListLegend a.payChange:hover {
    background-position: -2px -1850px;
    width: 32px;
}

a.payChange:hover {
    background-position: -2px -1874px;
}

.up:hover a:hover .up {
    background-position: -6px -615px
}

.up {
    background-position: -6px -647px
}

.down:hover,
a:hover .down {
    background-position: -6px -546px
}

.down {
    background-position: -6px -578px
}

a.sms {
    background-position: -6px -1737px;
    opacity: 0.4;
    margin: 0 0 0 10px;
}

a.sms:hover {
    opacity: 1;
    background-position: -6px -1768px;
}

.ico.cycle {
    background-position: -6px -1796px;
    vertical-align: text-top;
}

.ico.cycle:hover {
    background-position: -6px -1824px;
}

.ico.payBack {
    background-position: -3px -1897px;
    width: 25px;
    display: inline-block;
}

.ico.payBack:hover {
    background-position: -3px -1923px;
}

a.timeout {
    background-position: -6px -424px
}

a.timeout2 {
    background-position: -6px -456px
}

a.timeout:hover,
a.timeout2:hover {
    background-position: -5px -679px
}

th a.timeout2.s,
th a:hover.timeout2 {
    opacity: 1
}

.square-plus {
    background-position: -5px -868px
}

.roundPlus {
    background-position: -5px -1156px
}

.separator {
    background: transparent;
}

a:hover .roundPlus {
    background-position: -5px -1189px
}
.actionlist a{
    display: block;
    margin-bottom: 3px;
    color: blue;
}
.actionlist a:hover{
    font-weight: bold;
    text-decoration: underline;
}
.pink-icon {
    background-repeat: no-repeat;
    background-image: url('../images/pink-icons.png');
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.pink-icon.plus {
    background-position: 0px -48px
}

.pink-icon.load {
    background-position: 0px -16px
}

.pink-icon.scrollUp {
    background-position: 0px -32px
}

.pink-icon.scrollDown {
    background-position: 0px -64px
}

.box670 {
    width: 670px;
    margin: 0 auto
}

.box1000 {
    width: 1000px;
    margin: 0 auto;
    max-width: 100%;
}

.underlayGray {
    background: #ebecec
}

.headerUnderlay.userPanel {
    min-height: 65px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid lightgray;
    margin-left: 10px;
}

.headerUnderlay.userPanel.headerUnderlay-mBot0 {
    margin-bottom: 0;
}

.headerUnderlay.userPanel h3 {
    line-height: 32px;
    margin-top: 40px;
}

.headerUnderlay.userPanel h3 .btn-green {
    margin-left: 50px;
}

.headerUnderlay.userPanel h3 span {
    display: inline-block;
    margin-right: 20px;
}

@media (max-width: 1024px) {
    .headerUnderlay.userPanel h3 .btn-green {
        margin-left: 0px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .headerUnderlay.userPanel h3 {
        margin-left: 20px;
        margin-top: 30px;
    }

    .headerUnderlay.userPanel h3 span {
        margin-bottom: 15px;
    }
}

@media(max-width: 767px) {
    .headerUnderlay.userPanel h3 {
        margin-top: 15px;
        margin-left: 0;
    }
}
.green-before-head{
    position: relative;
    padding: 5px 0 5px 30px;
    border-bottom: 1px solid #d7d7d7;
}

.userPanel.configDataRow div.up>div.dz-container {
    width: calc(100% - 140px);
    float: right;
}

.userPanel.configDataRow div.up>div.dz-container p {
    margin-top: 10px;
}

.userPanel.configDataRow div.up {
    position: relative;
    margin-bottom: 10px;
    min-height: 70px;
}

.userPanel.configDataRow div.up tr.fl>td:nth-child(3) {
    position: absolute;
    bottom: 0;
    margin-left: 10px;
}

.userPanel.configDataRow div.up tr.fl>td:nth-child(2) {
    /* position: absolute; */
    bottom: 0;
    margin-left: 10px;
    color: #3e4146;
}

.userPanel.configDataRow div.up tr.fl>td>img {
    margin: 0;
}

.headerUnderlay2 {
    background: #e8e8e8;
    border-bottom: 1px solid #d7d7d7;
    overflow: auto;
}

.blackButton {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    padding: 0 20px 0 20px;
    border: 1px solid #3f4040;
    border-radius: 4px;
    height: 31px;
    line-height: 31px;
    background-color: #575a5f;
    background: linear-gradient(to bottom, #575a5f 0%, #323739 100%)
}

.pinkButton {
    display: inline-block;
    color: #fff;
    padding: 0 20px;
    height: 34px;
    line-height: 35px;
    /* background-color: #7caf39; */
    z-index: 50;
    border: none;
    /* border-top-left-radius: 15px; */
    font-weight: bold;
    border-radius: 6px;
    background: rgb(142, 202, 62);
    background: linear-gradient(180deg, rgba(142, 202, 62, 1) 24%, rgba(129, 182, 58, 1) 86%);
}

.pinkButtonBig {
    height: 55px;
    line-height: 55px;
}

.pinkButton200 {
    width: 200px;
    font-size: 14px;
    text-transform: uppercase;
    min-height: 34px !important;
    height: auto !important;
    line-height: 34px !important;
}

.pinkButton span.btn-text-long {
    line-height: 18px;
    display: block;
    margin: 14px;
}

.pinkButton:hover {
    background-color: #99bf26;
    color: #000;
}

.configVat a.ico,
.configUnit a.ico,
.configPayDelivery a.ico,
.configData a.ico {
    margin-left: 7px;
    margin-right: 7px
}

.pinkButtonPlus:hover {
    cursor: pointer;
    border-color: #6d8f13;
    background: #9bc027;
    background-image: url('../images/icons.png');
    background-repeat: no-repeat;
    background-position: right -63px;
    background: url(../images/icons.png) right -63px no-repeat, linear-gradient(to bottom, #9bc027 0%, #729713 100%)
}

.pinkButtonPlus {
    display: inline-block;
    color: #fff;
    padding: 0 20px 0 20px;
    border: 1px solid #7caf39;
    border-radius: 4px;
    height: 31px;
    line-height: 31px;
    padding: 0 30px 0 20px;
    background-color: #7caf39;
    background-image: url('../images/icons.png');
    background-repeat: no-repeat;
    background-position: 49px -63px;
    background: url(../images/icons.png) 49px -63px no-repeat, linear-gradient(to bottom, #7caf39 0%, #7caf39 100%)
}

input.pinkButtonPlus {
    height: 35px;
    line-height: 35px;
    background-color: #7caf39;
    background-image: url('../images/icons.png');
    background-repeat: no-repeat;
    background-position: right -63px;
    background: url(../images/icons.png) right -63px no-repeat, linear-gradient(to bottom, #7caf39 0%, #7caf39 100%)
}

.btn {
    border-radius: 6px;
    border: none;
    max-width: 100%;
    white-space: normal;
}

.btn-uppercase {
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px 30px;
    font-size: 12px;
}

.btn-uppercase-sm {
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 20px;
    font-size: 12px;
}

.btn-full-width {
    width: 100%;
}

a.btn-green,
.btn-green, #invForm .invAddMenu a.btn-green  {
    background: rgb(142, 202, 62);
}

a.btn-green:hover,
.btn-green:hover {
    background: #99bf26;
    color: #000;
}
.btn-dark-green,
a.btn-dark-green {
    color: #fff;
    background: #3e640d;
}
.btn-dark-green:hover,
a.btn-dark-green:hover,
.btn-dark-green:focus,
a.btn-dark-green:focus {
    background: #547d1e;
    color: #fff;
}
#invForm .invAddMenu a.btn-blue,
.btn-blue {
    color: #fff;
    background: #397CAF;
}
#invForm .invAddMenu a.btn-blue:hover,
.btn-blue:hover {
    background: #2D638C;
    color: #fff;
}

.btn-white {
    background: #fff;
    color: #7caf39;
}

.btn-white:hover {
    background: #f2f2f2;
}

.btn-white-black {
    background: #fff;
    color: #000;
}

.btn-white-black:hover {
    background: #f2f2f2;
    box-shadow: 2px 2px 2px gray;
}

a.btn-pink {
    background: rgba(156, 29, 117, 1);
    border-radius: 4px;
}

a.btn-pink:hover {
    background: #c22d78 !important;
}

.btn-icon {
    display: inline-block;
    width: 20px;
    text-align: right;
}

.btn-text {
    display: inline-block;
}
@media(max-width: 990px){
    .btn {
        margin-top: 5px;
    }
}
.icon-circled {
    border: 1px solid #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: block;
    line-height: 18px;
    text-align: center;
}

.tac {
    text-align: center
}

.tal {
    text-align: left
}

.tar {
    text-align: right
}

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

.normal {
    font-weight: normal
}

.italic {
    font-style: italic
}

.fll {
    float: left
}

.flr {
    float: right
}

.configVatInfo {
    padding: 15px 0;
    font-size: 12px;
    color: #1f1f1f
}

.list2 {
    border: 1px solid #e3e3e3;
    border-collapse: collapse;
    overflow: hidden;
    max-width: 800px;
    table-layout: fixed;
    width: 100%;
}

.list2 th {
    background: #3f4247;
    border-right: 1px solid #919191;
    border-top: 1px solid #ADADAD;
    color: #FEFEFF;
    font-weight: bold;
    padding: 10px 0 10px 2px;
    white-space: nowrap
}

#productPop .list2 th {
    padding: 10px 12px;
}

#productPop .list2 {
    max-width: 100%;
}

.list2 td {
    overflow: hidden;
    padding: 4px 6px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DEDEDE
}

.list2 tr:nth-child(2n+1) td {
    background: #efefef;
    border: 1px solid #ddd
}

.list2 tr:hover td {
    background: #B3B3B2;
    cursor: pointer
}

.list {
    border: 1px solid #d6d3d3;
    border-collapse: collapse;
    margin: 20px 0;
}

#page-content-wrapper .table-responsive {
    overflow-x: scroll;
}
#page-content-wrapper .table-responsive .table {
    overflow-x: scroll;
    display: block;
}
.table-responsive {
    overflow: auto;
}
@media(min-width: 1150px){
    .table-responsive {
        overflow: visible;
    }  
}

.tableContainer .list,
.table-responsive .list {
    margin: 0;
    overflow: auto;
}

.list tr td input[type="checkbox"] {
    opacity: 0.8;
    transition: all 0.4s ease;
    cursor: pointer;
}

.list tr td input[type="checkbox"]:checked {
    opacity: 1;
    /* outline: 1px solid #aaa; */
    outline: none;
}

.list tr:hover td input[type="checkbox"] {
    opacity: 1;
    visibility: visible;
    transition: all 0.4s ease;
}

.list tr td .ico {
    opacity: 0.5;
    transition: opacity 0.4s ease;
}

.list tr:hover td .ico {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease;
}

.list input[type="text"]:focus {
    background-color: #FFFFA8;
    border-color: transparent;
    outline: 1px solid #981c75;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(152, 28, 117, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(152, 28, 117, 0.6);
}

.list input[type="text"] {
    background-color: transparent;
    border: 1px solid #d6d3d3;
    height: 25px;
    width: 100%
}

.list th {
    color: #151618;
    font-weight: bold;
    font-size: 11px;
    border: 1px solid #d6d3d3;
    background: #e6e6e6;
    padding: 5px 9px 7px 9px;
    white-space: nowrap;
}

.list.docList th {
    padding: 10px 5px;
}

.list thead th {
    border-top: none
}

.list thead.gray th {
    color: #fff;
    background: #3f4247;
    text-align: center;
}

.list tfoot th {
    border-bottom: none
}

.list td.colDateRed {
    color: #c62020
}

.list td.np {
    padding: 0
}

.list th a {
    color: #7caf39;
}

.list th a:hover {
    text-decoration: underline
}

.list tr:nth-child(2n+1) {
    background: #f7f7f7
}

.list tr:nth-child(2n) {
    background: #fff;
}

.list tr:hover td {
    background: #EBECEC;
    border-top: 1px solid #d6d3d3
}

.list td {
    background: transparent;
    font-size: 11px;
    border: 1px solid #e3e3e3;
    font-family: 'Tahoma', sans-serif;
    padding: 8px;
    color: #000;
}

.docList.list td {
    padding: 11px 9px;
}

.list.listp9 td {
    padding: 6px 9px
}

.list td a {
    color: #222
}

.list .proEnd td,
.list .archivedDoc td {
    color: #B5AFA4
}

.list .proEnd td a,
.list .archivedDoc td a{
    color: #B5AFA4
}
.list .archivedDoc td .icon-bordered.black{
    border: 1px solid #B5AFA4;
}
.list.docList .archivedDoc i,
.list.docList .archivedDoc .icon-bordered{
    opacity: .5;
}
.list td a:hover {
    color: #7caf39;
    text-decoration: underline
}

.colDel,
.list .colDel {
    width: 30px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0
}

.colDel a {
    padding: 14px 7px
}

.colEdit,
.list .colEdit {
    width: 62px;
    padding-right: 0;
    padding-left: 0;
    text-align: center
}

.colSimilar,
.list .colSimilar {
    width: 61px;
    padding: 0;
    text-align: center
}

.colPrint,
.list .colPrint {
    width: 53px;
    padding: 0;
    text-align: center
}

.colSend,
.list .colSend {
    width: 80px;
    min-width: 50px;
    padding-right: 0;
    padding-left: 0;
    text-align: center
}

.colSend .sendHistory {
    min-width: 200px;
    top: calc(50% + 15px);
}

.colSend,
.list .colDate {
    width: 132px;
    padding-right: 0;
    padding-left: 0;
    position: relative;
}

.list td .text-after-icon {
    width: 60px;
    margin-left: 10px;
    vertical-align: inherit;
    line-height: 12px;
    display: inline-block;
}

.colImg,
.list .colImg {
    width: 120px;
    padding: 0;
    text-align: center;
    line-height: 90px
}

.colImg img {
    display: inline-block;
    vertical-align: top
}

.list .colDate.red {
    color: #c62020
}

.list tr td.colPayed {
    position: relative;
    width: 140px !important;
    min-width: 140px !important;
    background-color: rgb(221,227,232);
    background-repeat: repeat-y;
    /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAABCAYAAAAFILFrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAACRJREFUeNpifPV993+GUTAKiASiHC6Mo6EwCogFAAAAAP//AwCgNQP/9k7zrQAAAABJRU5ErkJggg=='); */
    background-image: url(../images/colPayed-bg1.png);
}

.list tr td.colPayed .text-after-icon {
    width: 80px;
}

.configNum .legend,
#configNumPop .legend {
    font-size: 11px
}

.configNum .legend .nagl,
#configNumPop .legend .nagl {
    padding: 5px 0;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 5px;
    margin-top: 10px
}

.configNum .legend span,
#configNumPop .legend span {
    display: inline-block;
    width: 49%
}

.configNumExample {
    font-size: 14px;
    color: #1f1f1f
}

.configNum .pinkButton {
    display: block;
    margin: 40px auto 0;
}

.configNumBox {
    font-size: 12px;
    color: #1f1f1f;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px
}

.configNumBox .legend {
    background: #ebecec;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 15px 15px;
}

.configNumRow>label,
.configNumRow>.label,
.configNumBox label,
.configNumBox .label {
    /*color:#85878C*/
    font-size: 14px
}

.configNumRow>.label {
    height: 60px;
    float: left
}

.configNum .info {
    display: inline-block;
    font-size: 11px
}

.configNumBox .list td {
    padding: 7px 9px
}

#numPeriodBox label:hover {
    color: #2c539e
}


/* @media(max-width: 1400px){
    .currencyHeadPart{
        flex-direction: column;
    }
} */
#idCurrency {
    width: 150px;
    display: inline-block;
    max-width: 100%;
}

#popColumn #idCurrency {
    width: auto;
}

#popColumn label {
    cursor: pointer;
}

#popColumn .modal-body .text-left:hover {
    background-color: lightgrey;
    cursor: pointer
}

#popColumn .modal-body .text-left:hover label {
    color: #7caf39;
}

#popColumn input {
    cursor: pointer;
}

.invFormBottom #idCurrency,
.invFormBottom #idCurrencyExchange {
    margin: 10px 0 0px 10px;
    width: 100px;
}
/* .invFormBottom #currencyFields>.row{
    margin-top: 20px;
} */
.statHeaders #idCurrency {
    width: 100%;
}

.jpk-container #calendarT,
.statHeaders #calendarT {
    top: 52px;
    right: -140px;
}


#periodBox .docType label {
    text-align: left;
    white-space: nowrap;
}

#periodStep {
    width: 65px;
    margin-left: 15px;
    display: inline-block;
}

.invFormSummary #periodTime {
	max-width:145px;
}

#periodPop #periodStep {
    width: 43px;
    margin-left: 15px;
    display: inline-block;
}

#periodDoc {
    margin-top: 0;
}

#periodPop .spec-label {
    padding-left: 12px;
    white-space: nowrap;
}

#periodPop [pink-t-title] {
    right: -2px;
}

.configNumBox a {
    font-weight: bold;
    color: #1f1f1f;
    display: block;
    width: 180px
}

.configNumBox a[pink-t-title] {
    width: auto;
    color: #7caf39;
}

.configNum .exNumber {
    font-size: 14px;
    color: #1f1f1f;
    padding: 20px 5px;
    background: #f1f1f1;
    border-bottom: 1px solid #d7d7d7;
}

.configNum .exNumber span,
#configNumPop .exNumber #ex {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    color: #7caf39;
    font-size: 22px;
    font-weight: bold;
}
.configNum .exNumber span{
    margin-right: 312px;
    margin-left: 10px;
}
@media (max-width: 767px) {
    .configNum .exNumber span {
        margin-right: 0;
        display: block;
        margin-top: 15px;
    }
    #configNumPop .exNumber #ex{
        font-size: 16px;
    }
}

.headerMenu {
    list-style: none;
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: top;
    padding-left: 0;
}

.headerMenu li {
    float: left;
    background: transparent;
    border: 1px solid #aaa;
    margin-right: 4px;
    border-radius: 6px;
}

.headerMenu:not(.not-last-child-style) li:last-child {
    float: right;
    margin-right: 0;
    background: #b5b5b5;
}

.headerMenu:not(.not-last-child-style) li:last-child a {
    color: #fff;
    text-transform: uppercase;
}

.headerMenu a {
    font-size: 12px;
    color: #9c9c9c;
    font-weight: bold;
    padding: 0 9px;
    display: inline-block;
    height: 32px;
    line-height: 32px
}

.headerMenu a:hover {
    text-decoration: underline
}

.headerMenu li.active {
    border-color: #7caf39;
}

.headerMenu .active a,
.headerMenu li:hover a {
    color: #fff;
    text-decoration: none;
    background: #7caf39;
}

.pagination {
    /* height: 47px; */
    height: auto;
    /* line-height: 47px; */
    text-align: center
}

#productPop .pagination {
    min-height: 30px;
    line-height: 30px;
}

@media(max-width:991px) {
	.pagination-container {
		flex-wrap:wrap;
	}
}

.pagination a {
    display: inline-block;
    height: 25px;
    margin: 0 1px;
    line-height: 25px;
    min-width: 19px;
    padding: 0 3px;
    font-size: 16px;
    color: #636363;
    text-align: center
}

.pagination a:hover,
.pagination a.active {
    text-decoration: none;
    cursor: pointer;
    color: #7caf39;
    background: #f4f4f4;
    border: 1px solid #6666;
}

.pagination a.s {
    border-radius: 50%;
    padding: 0 6px;
    font-size: 20px;
}

.pagination a[title="Pierwsza strona"],
.pagination a[title="Poprzednia strona"],
.pagination a[title="Ostatnia strona"],
.pagination a[title="Następna strona"] {
    font-size: 30px;
    vertical-align: text-bottom;
}

.noDocsMsg {
    padding-top: 20px;
}

.noDocsMsg,
.noDocsMsg .txtLink {
    font-size: 24px;
}

.noDocsMsg h3 {
    font-size: 30px;
    font-weight: bold;
    color: #0e9fdc;
}

.blue-bold,
#smsLenght,
#smsPoints {
    color: #0e9fdc;
    font-weight: bold;
}

.listLetters {
    /* height: 20px; */
    line-height: 20px;
    font-family: 'Tahoma', sans-serif;
    margin-top: 5px;
}

.listLetters a,
.listCount a {
    color: #8c8e91;
    font-family: 'Tahoma', sans-serif;
    font-weight: bold;
    font-size: 13px;
    border-right: 1px solid #777a80;
    padding: 0 10px;
    text-transform: uppercase;
    display: inline-block;
    height: 10px;
    line-height: 10px
}

.listLetters a:first-child {
    text-transform: none
}

.listLetters a.s,
.listCount a.s {
    text-decoration: underline;
    color: #555
}

.listLetters a:last-child,
.listCount a:last-child {
    border: 0
}

.listLetters a:hover,
.listCount a:hover {
    text-decoration: underline;
    color: #222
}

.listCount {
    float: right;
    height: 32px;
    line-height: 32px;
    font-family: 'Tahoma', sans-serif;
    font-size: 13px;
    color: #8c8e91;
}

.listCount.listCountSmall {
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
}

@media(max-width: 767px) {
    .listCount {
        float: none;
    }
}

.tableColumnManagementToggle,
.productTableColumnManagementToggle {
    color: #fff;
    font-family: 'Tahoma', sans-serif;
    font-weight: bold;
    font-size: 13px;
    line-height: 32px;
    background: #7caf39;
    padding: 7px;
    margin-right: 1px;
}

.tableColumnManagementToggle:hover,
.productTableColumnManagementToggle:hover {
    text-decoration: underline;
    color: #000;
    background: #99bf26;
}
#itemActionsToggle{
    padding: 3px;
    display: block;
}
#itemActionsToggle:hover{
    text-shadow: 2px 2px 2px lightgrey;
}
.itemActionsContainer {
    background: #fff;
    position: absolute;
    padding: 8px 10px;
    z-index: 100;
    left: 90%;
    top: -34px;
    width: auto;
    box-shadow: 2px 0px 5px darkgrey;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
}
.itemActionsContainer a{
    color: black;
    padding: 5px;
    display: block;
    white-space: nowrap;
    font-weight: normal;
}

.itemActionsContainer a:hover{
    text-decoration: underline;
}
.itemActionsContainer i.icon-cancel-1{
    position: absolute;
    right: 5px;
    cursor: pointer;
}
.itemActionsContainer i.icon-cancel-1:hover{
    text-shadow: 2px 2px 2px lightgrey;
}
.tableColumnManagementContainer{
    background: #fff;
    position: absolute;
    padding: 5px 20px;
    z-index: 100;
    right: 0;
    width: auto;
    box-shadow: 2px 0px 5px darkgrey;
    text-align: left;
}
.productTableColumnManagementContainer{   
    padding: 5px  5px 0 20px;
    z-index: 100;    
    width: auto;
    text-align: left;
}
.invFormBottom .productTableColumnManagementContainer .label{
    font-size: 11px;   
} 
@media(max-width: 991px){
    .productTableColumnManagementContainer{
        background: #fff;
        position: absolute;
        padding: 5px 20px;
        z-index: 100;
        right: 0;
        width: 180px;
        box-shadow: 2px 0px 5px darkgrey;
        text-align: left;
        display: none;
        top: 22px;
    }  
    .productTableColumnManagementContainer .d-flex{
        flex-direction: column;
    }
}
.tableColumnManagementContainer hr,
.productTableColumnManagementContainer hr {
    margin: 10px 0;
}
.productTableColumnManagementContainer .label{
    display: inline-block;
    margin-left: 12px;
    font-size: 13px;
    font-weight: 600;
}
/* .productTableColumnManagementContainer span.h{
    display: none;
} */
.productTableColumnManagementContainer span.checkDiv,
.productTableColumnManagementVisibleContainer span.checkDiv{
    width: 20px;
    height: 12px;
}
.tableColumnManagementContainer ul {
    list-style: none;
    width: 180px;
    padding-left: 0;
}

.selectOverbox {
    width: 325px;
    float: left;
    color: #444;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    height: 31px;
    line-height: 31px;
    position: relative;
    display: block
}

.selectOverbox.noRight {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background: #fff;
}

.selectOverbox select {
    border: 1px solid #ccc;
    width: 323px;
    color: #444444;
    font-size: 13px;
    padding: 6px 2px;
    font-style: italic;
    border-radius: 4px;
}

.configData input[name="bic"] {
    width: 120px;
    text-align: center
}

.configDataRow div.up div {
    float: none
}

.configDataRow div.up div.dz {
    width: auto;
    float: none;
    margin-bottom: 5px;
}

.configDataRow div.up table {
    width: auto;
    margin: 0
}

.configDataRow div.up tr.fl>td>div>span {
    width: auto
}

.configData h3 {
    position: relative
}

.proEnd .btn {
    opacity: 0.5
}

.proEnd:hover .btn {
    opacity: 1
}

.invoiceProformaLink {
    margin-left: 10px;
    border-radius: 50px;
    border: 1px solid #444;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 18px;
}

.invoiceProformaLink:hover {
    text-decoration: none !important;
    ;
}

.nowyOddzial {
    display: block;
    float: right;
    font-size: 11px;
    color: #222;
    padding-left: 20px;
    width: 135px;
    height: 30px;
    text-align: left;
    border: 0;
    background: url('../images/icons.png') -6px -161px no-repeat;
    color: #971c72;
}

.nowyOddzial:hover {
    text-decoration: underline;
    background-position: -6px -193px
}

.optionMenu {
    line-height: 45px;
    font-size: 12px;
    display: none;
}

.optionMenu.optionMenuVisible {
    display: block;
}

.optionMenu button {
    opacity: 0.4;
    transition: opacity .3s ease-in-out;
}


.optionMenu.optionMenuVisible button {
    opacity: 1;
    transition: opacity .5s ease-in-out;
    color: #707070;
    box-shadow: 2px 2px 2px lightgrey;
}

.optionMenu>span {
    display: inline-block;
    width: 100px;
    float: left;
    line-height: 14px;
    color: #1f1f1f;
    vertical-align: middle;
    padding-top: 15px;
    margin-right: 10px;
    padding-left: 60px;
    height: 40px;
    background-image: url('../images/arrow.png');
    background-repeat: no-repeat
}

.optionMenu>span.up {
    background-position: 23px 11px
}

.optionMenu>span.down {
    background-position: 23px -63px
}

.optionMenu button,
.optionMenu input[type="button"] {
    font-family: 'Tahoma', sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #9c9c9c;
    height: 32px;
    border: none;
    padding: 0 12px;
    background: #fff;
    border-radius: 6px;
}

.optionMenu.optionMenuVisible button:hover {
    border: none;
    cursor: pointer;
    background: #7caf39;
    color: #fff;
}

.optionMenu.optionMenuVisible .counterSum-container{
	position:fixed;
	width:100%;
	background:#f8f8b1;
	border-top:1px solid #97b83d;
	bottom:50px;
	left:0;
}

.greenButton {
    font-family: 'Tahoma', sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    height: 32px;
    border: 1px solid #688c0a;
    padding: 0 12px;
    background: #9bc027;
    background: linear-gradient(to bottom, #9bc027 0%, #729713 100%)
}

#payAll {
    font-weight: bold;
    color: #fff;
    height: 42px;
    line-height: 42px;
    padding: 0px 42px;
}

.optionMenu button span {
    vertical-align: middle
}


.greenButton:hover {
    border: 1px solid #41444c;
    cursor: pointer;
    background: #63676e;
    background: linear-gradient(to bottom, #63676e 0%, #3f424a 100%)
}

.invoiceListLegend {
    line-height: 33px;
    font-size: 11px;
    padding: 0 100px 20px 4px;
    margin-bottom: 20px;
}

@media (max-width: 1500px) {
    .invoiceListLegend {
        padding: 0 0 20px 4px;
    }
}

.invoiceListLegend .icon-bordered.black {
    opacity: .4;
}

.invoiceListLegend a {
    margin-left: 10px;
    vertical-align: middle
}

.noResult {
    min-height: 250px;
    text-align: center;
    color: #f00;
    line-height: 50px;
}

.h32 {height:32px !important;}

.userError {
    height: 250px;
    text-align: center;
    color: #f00;
    line-height: 200px;
    background: url("../images/userError.png") no-repeat 91% 12%;
    font-size: 40px;
}

.invoiceListSearch label {
    text-transform: uppercase
}

.reg p {
    padding-right: 10px;
    font-size: 12px;
    color: #1f1f1f;
    text-align: justify
}

.regAccept {
    background: #fff;
    border-radius: 6px;
    margin: 10px;
    padding: 10px;
    text-align: center;
    color: #1f1f1f;
    border: 1px solid #f00
}

.regAccept div {
    font-weight: bold
}

.regAccept a {
    text-decoration: underline
}

.reg .pinkButton {
    margin: 10px auto;
    float: right
}

.clientAdd label:not(.control-label) {
    width: 110px;
    vertical-align: top;
    padding-top: 4px
}

.clientAdd {
    background: #d9d9d9
}

.clientAddLeft {
    background: #ebecec;
    padding-bottom: 40px
}

.clientAdd h3,
.productAdd h3 {
    padding-bottom: 10px;
    padding-top: 25px
}

.productAddLeft .buttons {
    margin-top: 100px;
    margin-bottom: 30px;
    text-align: center;
}

@media (max-width: 1200px) {
    .productAddLeft .buttons {
        position: fixed;
        bottom: 30px;
        left: 50%;
        margin-left: -130px;
        z-index: 2;
    }
}

.productAdd a[pink-t-title] {
    right: -10px;
    top: 7px;
}

.clientAdd-container div.up table,
.productAdd div.up table {
    width: 100%;
}

.clientAdd-container div.up tr.fl>td>div {
    text-align: left;
}

.clientAdd-container div.up tr.fl>td:nth-child(3) {
    width: 40px;
}

.clientAdd-container div.up tr.fl>td>div>span,
.productAdd div.up tr.fl>td>div>span {
    width: 100px;
}

.clientAdd-container div.up div.dz,
.productAdd div.up div.dz,
.example div.up div.dz {
    line-height: 40px;
}

.headerUnderlay.productList {
    padding-bottom: 10px
}

.headerUnderlay.productList label {
    width: 105px;
    float: left;
    line-height: 21px;
    height: 28px;
    padding-top: 4px
}

.headerUnderlay.productList .selectOverbox {
    width: 214px
}

.headerUnderlay.productList .selectOverbox select {
    width: 212px
}

.headerUnderlay.productList input[type="text"] {
    float: left
}

.category:hover>a,
.category:hover>span,
.category:hover>label {
    background-color: #ddd;
}

.category .ico {
    height: 24px;
    width: 24px;
    padding-right: 10px
}

.category label {
    margin-bottom: 0;
    line-height: 24px;
    vertical-align: top;
    padding-right: 8px;
    height: 24px;
    font-size: 11px;
}

.category .categoryName {
    vertical-align: top;
    line-height: 24px;
    padding-right: 15px;
    height: 24px
}

.category {
    margin-bottom: 5px;
}

#catsTree {
    line-height: 20px;
    text-align: left
}

#catsTree a {
    height: 24px;
    width: 24px;
    margin-right: 5px
}

#catsTree .name {
    font-size: 13px;
    float: left;
    min-width: 190px;
    max-width: 100%;
}

#catsTree>ul>li>.name {
    font-weight: bold;
    position: relative;
}

#catsTree ul>li:hover .name {
    text-decoration: underline;
    cursor: pointer;
}

#catsTree li {
    border-left: 1px dotted #999999;
    display: block;
    padding-bottom: 5px;
    width: 100%
}
#catsTree li .cat-first-step{
    display: flex;
}
@media(max-width: 500px){
    #catsTree li .cat-first-step{
        flex-direction: column;
        margin-bottom: 20px;
    }  
}
#catsTree li .cat-first-step a{
    padding-left: 25px;
    width: auto;
}
#catsTree .cat-name{
    padding-left: 25px;
    position: relative;
}
#catsTree a.cat-name-link {
    height: auto;
    min-width: 182px;
}
#catsTree .cat-name::before {
    border-top: 1px dotted #999999;
    display: block;
    height: 5px;
    width: 23px;
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
}

#productForm textarea.aHeight {
    height: 16px
}

.formRow div.up table {
    width: 332px;
    margin: 0 0 0 134px
}

.formRow div.up tr.fl>td>div {
    width: 200px;
    vertical-align: middle
}

.formRow div.up tr.fl>td>div>span {
    width: auto
}

.formRow .up div {
    float: none
}

.productAdd .pinkButtonPlus,
.clientAdd .pinkButtonPlus {
    float: right;
    margin-right: 41px
}

.newLink {
    background: url('../images/icons.png') no-repeat scroll -6px -161px rgba(0, 0, 0, 0);
    border: 0 none;
    color: #222222;
    display: inline-block;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    margin-left: 50px;
    padding-left: 25px;
    text-align: left;
    width: 80px
}

.newLink:hover {
    text-decoration: underline;
    background-position: -6px -193px
}

.clientCat input[type="text"] {
    width: 305px
}

.clientCat .tree label {
    padding-top: 4px;
    vertical-align: top;
    height: 22px;
    line-height: 22px;
    float: left;
    font-size: 11px;
}

.clientCat .pinkButtonPlus {
    float: right;
    margin-right: 200px
}

a.backLink {
    font-size: 12px;
    text-decoration: underline
}

a.backLink:hover {
    color: #333
}

a.txtLink,
button.txtLink {
    color: #000;
    cursor: pointer;
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    text-shadow: 0 0 1px #ccc
}
.list td a.txtLinkGray,
a.txtLinkGray,
button.txtLinkGray {
    color: #929292;
    cursor: pointer;
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    text-shadow: 0 0 1px #ccc
}
.list td a.txtLinkBlue,
a.txtLinkBlue,
button.txtLinkBlue {
    color: #397CAF;
    cursor: pointer;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 0 1px #ccc
}

.txtLinkGreen,
a.txtLinkGreen,
button.txtLinkGreen {
    color: #7caf39;
    cursor: pointer;
    font-family: tahoma;
    font-size: 12px;
    text-shadow: 0 0 1px #ccc
}
a.txtLinkRed,
button.txtLinkRed {
    color: red;
    cursor: pointer;
    font-family: tahoma;
    font-size: 12px;
    text-shadow: 0 0 1px #ccc
}

#footerPop .modal-body a.txtLink,
#annotationPop .modal-body a.txtLink {
    font-size: 16px;
}

.txtLink:hover,
.txtLinkBlue:hover,
.txtLinkGreen:hover,
.txtLinkRed:hover {
    text-decoration: underline;
}

.invFormBottom .newRow {
    margin-bottom: 20px;
}

.invFormBottom .cashSum input[type="text"] {
    width: 148px
}

.customTable,
.ivoiceProductList,
.ivoiceVatList{
    border-collapse: collapse;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.ivoiceProductList {
    /* border-collapse: collapse;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1; */
    min-width: 1000px
}

.ivoiceVatList,
.ivoiceVatListCor {
    /* border-collapse: collapse;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1; */
    margin-bottom: 17px
}

/* .ivoiceVatListCor {
    border-collapse: collapse;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 17px
} */

.ivoiceVatList td,
.ivoiceVatList th {
    width: 25%
}

.ivoiceVatListCor td,
.ivoiceVatListCor th {
    width: 20%
}
.customTable th{
    font-size: 11px;
}

.ivoiceVatList td,
.ivoiceVatListCor td,
.customTable td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E1E1E1;
    color: #151618;
    font-size: 12px;
    padding: 8px 5px;
    text-shadow: 0 0 1px #AAAAAA
}

.ivoiceProductList tbody tr:nth-child(even) td,
.unit tbody tr:nth-child(even) td {
    background: #f2f2f2;
}

.ivoiceProductList .colAmount,
.ivoiceProductList .colEan,
.ivoiceProductList .colPkwiu {
    width: 70px;
    text-align: center
}

.colAmount input {
    width: 100%;
    padding: 12px 4px;
    text-align: right;
}

.ivoiceProductList .colName input {
    width: 100%;
    padding: 12px 1px;
}

.ivoiceProductList .colName textarea {
    width: 100%;
    padding: 12px 5px;
    vertical-align: middle;
    min-height: 43px;
    border: 0
}

.ivoiceProductList .colPrice {
    width: 100px;
    text-align: center
}
.ivoiceProductList .colCountable,
.ivoiceProductList .colPriceR{
    width: 80px;    
}

.colPrice input {
    width: 100%;
    padding: 12px 4px;
    text-align: right;
}

.ivoiceProductList .colRabat {
    width: 80px;
    text-align: center
}
.ivoiceProductList .colRabatPrice {
    width: 62px;
    padding: 10px 2px;
}

.colRabat input {
    width: 100%;
    padding: 12px 4px;
    text-align: center;
}

.ivoiceProductList .colAction.np {
    line-height: 1px;
    position: relative;
}

.ivoiceProductList .colAction.np a {
    vertical-align: super
}
.ivoiceProductList td.productAditionalInfo{
    padding: 5px 5px 1px 5px;
}
.ivoiceProductList select {
    border: 0px;
    padding: 6px 2px;
}

.ivoiceProductList tr:hover td,
.docList tr:hover td {
    border-bottom: 1px solid #7caf39;
}

.ivoiceProductList td {
    border: 1px solid #e1e1e1;
    padding: 12px 5px;
    font-size: 12px;
    color: #151618;
    text-shadow: 0px 0px 1px #aaa;
    background: #fff;
}

.ivoiceProductList td input:focus,
.ivoiceProductList td select:focus,
.ivoiceProductList td textarea:focus {
    outline: none;
    /* outline: 1px solid #981c75;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(152, 28, 117, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(152, 28, 117, 0.6); */
}

.ivoiceProductList td.np {
    padding: 0
}

.ivoiceProductList .colLNo {
    cursor: grab;
}

.ivoiceProductList .colLNo:active {
    cursor: grabbing;
}

.ivoiceProductList th,
.ivoiceVatList th,
.ivoiceVatListCor th,
.docList th,
.list th,
.multiClientList th {
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 13px;
    padding: 5px 3px 5px 3px;
    font-weight: bold;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #3f4247;
}

.ivoiceVatList th,
.ivoiceVatListCor th,
.list th {
    padding: 15px 5px;
}

.ivoiceProductList th:first-child,
.ivoiceVatList th:first-child,
.ivoiceVatListCor th:first-child,
.docList th:first-child,
.unit th:first-child {
    width: 50px;
    /* border-top-left-radius: 30px; */
    /* border-left: 1px solid transparent;
    border-top: 1px solid transparent; */
}

.list thead th:first-child {
    /* border-top-left-radius: 30px;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent; */
}

.ivoiceProductList th:nth-child(2) {
    width: 50px;
}

.ivoiceVatList tfoot tr td,
tr.tr-bg-gray td{
    background: #929292!important;
    color: #fff;
}

.ivoiceProductList .prodReceipt0,
.ivoiceProductList .prodReceipt1 {
    width: 20px;
    height: 20px;
    margin: 0 auto;
}
.ivoiceProductList .colLNo .adtionIcons{
    display: flex;
    flex-direction: column;
    border-right: 1px solid #000;
    float: left;
}
tr.rowAfterCorrection td .adtionIcons a.del, 
tr.rowAfterCorrection td .adtionIcons a.icon-edit{
    border-right: none;
}
tr.rowAfterCorrection td .adtionIcons a.del{
    margin-bottom: 4px;
}
/*==================TABELA dodawania produktów na mobilkach=========*/
.ivoiceProductList td label,
td.colPrice .bruttoSwitchMob {
    display: none;
}

@media (max-width: 767px) {
    .sell-mobile-styles {
        padding-bottom: 10px;
        border-bottom: 1px dashed gray;
        background-color: lightgray;
    }

    .invFormMiddle h3 {
        height: 70px;
    }

    .loadProductBox {
        padding: 10px 0;
    }

    .invFormBottom #currencyFields {
        margin-bottom: 0;
    }

    #alternativeHeaderSell,
    #alternativeHeaderBuy {
        font-size: 18px;
        /* margin: 0 15px;
        width: calc(100% - 30px); */
    }

    .mobile-table-head {
        background: #3f4247;
        color: #fff;
        font-weight: bold;
        padding: 10px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .ivoiceProductList td,
    .ivoiceProductList .rowAfterCorrection td.colName,
    .ivoiceProductList .rowAfterCorrection td.colLNo {
        width: 100% !important;
        display: block;
        margin: 5px 0;
        background: none;
        border: none;
        text-align: left;
    }

    .ivoiceProductList td textarea,
    .ivoiceProductList td select,
    .ivoiceProductList td input {
        border: 1px solid #e1e1e1 !important;
        border-radius: 4px;
        text-align: left;
        padding: 10px !important;
    }

    .ivoiceProductList td label {
        display: block;
        text-align: left;
    }

    .ivoiceProductList td:nth-child(1) {
        width: calc(50% - 30px) !important;
        right: 25px;
        height: 47px;
        display: inline-block;
        text-align: center;
        margin-top: 0px;
        padding: 0;
        line-height: 55px;
        margin-bottom: 0px;
    }

    .ivoiceProductList td:nth-child(2) {
        width: 50% !important;
        display: inline-block;
    }

    .ivoiceProductList td.mobile-width30 {
        width: 33% !important;
        display: inline-block;
    }

    .ivoiceProductList .colAction.np a {
        vertical-align: unset;
        width:auto;
        box-sizing: border-box;
        /* background-color: #e0e2e1;
        border: 1px solid #d4d6d5; */
        margin-right: 2%;
        height: 41px;
        border-radius: 6px;
    }

    .ivoiceProductList .colAction.np a.addCorrect {
        background: rgba(204, 0, 0, 1);
        width: 35px;
        line-height: 35px;
        margin: 0;
        vertical-align: bottom;
        height: 35px;
    }

    .ivoiceProductList .colAction.np a.addCorrect:hover,
    .ivoiceProductList .colAction.np a.addCorrect.active {
        background: rgba(204, 0, 0, .4);
    }

    .ivoiceProductList .colAction.np a.del {
        background-position: -4px 3px;
    }

    .ivoiceProductList .colAction.np a.save,
    .ivoiceProductList .colAction.np a:hover.save {
        background-position: 38px -954px;
    }

    .ivoiceProductList .colAction.np a:hover {
        background-color: #d4d6d5;
    }

    a.addCorrect:hover,
    a.addCorrect.active,
    a.addCorrect {
        background-position: 34px -1596px;
    }

    .invFormBottom .table-responsive,
    .ivoiceProductList {
        border: none;
    }

    .ivoiceProductList .colAction.np {
        text-align: center;
        /* position: absolute;
        line-height: 38px; */
        display: inline-flex;
        justify-content: space-around;
        line-height: 31px;
        margin-bottom: 0;
        margin-top: 1px;
        padding: 4px;
    }
    .ivoiceProductList .colLNo {
        float: left;      
    }
    
    .itemActionsContainer{
        left: auto;
        right: 0px;
        top: 41px;
        width: 230px;
    }
    .ivoiceProductList .colLNo {
        text-align: center;
        background: #e0e2e1;
    }

    #productTable tr,
    #correctTable tr,
    #positionTable tr {
        border: 1px solid #d4d6d5;
        padding: 10px;
        margin-top: 10px;
        display: block;
    }

    .ivoiceProductList td.colPrice {
        text-align: left;
    }

    td.colPrice input {
        width: 130px;
    }

    td.colPrice .bruttoSwitchMob {
        display: inline-block;
    }

    td.colPrice .bruttoSwitchMob a {
        height: 37px;
        line-height: 36px;
        padding: 0 15px;
        margin: 0 0 0 15px;
    }
}

.bg-invFormMiddle {
    background: #e0e2e1;
    border-top: 1px solid #d4d6d5;
    border-bottom: 1px solid #d4d6d5;
}

.invFormMiddle {

    padding: 0 0 10px 0;
    max-width: 1920px;
    margin: 0 auto;
}

.invFormMiddle .form-group {
    margin-bottom: 5px;
}

.invFormMiddle h3 {
    margin-top: 9px
}
.invFormMiddle .col-sm-4,
#clientForm .col-sm-4{
    padding-right: 0;
}
.dataBranch-container {
    background: #f5f5f5;
    padding: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #7caf39;
}

a#branchScroll,
a#payScroll {
    border-top: 1px solid #7caf39;
    display: block;
    margin-top: 10px;
    padding-top: 5px;
    position: relative;
}

#nameSell,
#nameBuy {
    height: 34px;
}

.invFormTop label:not(.control-label) {
    padding-top: 4px;
    vertical-align: top;
    width: 115px;
    line-height: 20px;
    float: left
}

.invFormMiddle label:not(.control-label) {
    padding-top: 4px;
    vertical-align: top;
    width: auto;
    line-height: 20px;
    float: left
}
.invTopDate{
    text-align: right;
}
.invTopDate label {
    padding-top: 4px;
    width: 140px;
    line-height: 20px;
    margin-right: 5px !important;
    vertical-align: top;
    text-align: right;
}

.jpk-container .label-tip {
    font-weight: normal;
}

.invTopDate label.dateSell {
    height: 25px;
    padding-top: 0px;
    line-height: 16px;
}

@media (min-width: 768px) {
    .border-box .ivoiceProductList {
        min-width: 930px
    }
   
}
@media (max-width: 768px) {
    .invTopDate{
        text-align: left;    
    }
    .invFormMiddle .col-sm-4{
        padding-right: 15px;
    }
}

.config-btn,
.btn-input {
    position: absolute;
    width: 36px;
    color: #7caf39;
    height: 34px;
    right: 0;
    top: 0;
    z-index: 5;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}
.config-btn{
    right: 15px;
}
.config-btn:hover,
.btn-input:hover {
    color: #547d1e;
}

.invFormMiddle .rightSide .formRow,
.invFormMiddle .rightSide h3,
.invFormMiddle .rightSide h2 {
    padding-left: 30px
}

.invFormTop input[name="place"] {
    width: 342px
}

.invFormTop input[name="noOrder"] {
    width: 140px
}

.invFormTop input[name="number"] {
    width: 140px
}

.invFormTop input[name="numberInv"] {
    width: 140px
}

.corrReasonDiv {
    width: 380px;
    max-width: 100%;
}

#reason {
    width: 380px;
    max-width: 100%;
}

.invFormBottom>div {
    min-width: 1000px;
    margin: 0 auto
}

#nipBuy.form-control,
#nipPay.form-control,
#bankName1Sell.form-control {
    width: 100%;
    display: table-cell
}

@media only screen and (max-width:1024px) {
    .invFormBottom>div {
        width: 1000px
    }
}

#reg-form div.msgBox {
    width: auto;
}

#inFuture .modal-body,
#noSaveError .modal-body,
#noSaveCorError .modal-body {
    font-size: 24px;
    font-weight: bold;
    line-height: 50px;
}
#noSubInfoPop.modal,
#noLoginPop.modal,
.upper-modal.modal{
    z-index: 12000;
}

.invFormTop {
    padding-bottom: 12px;
    padding-top: 20px;
}

.invFormTop h3 {
    float: left;
    margin: 0 5px 0 0;
    width: 240px;
    text-align: right
}

.invFormTop label {
    width: 145px;
    margin-right: 5px;
}

.invFormTop label.dateSell {
    width: 115px;
    margin-right: 5px;
    height: 25px;
    padding-top: 0px;
    line-height: 16px
}

#dateBeginMonth,
#dateSellMonth,
#dateCreateMonth,
#payTimeMonth,
#dateEndMonth,
#dateStartMonth,
#dateEnd2Month,
#payListBody .dateCreate select{
    display: none;
}

#dateBeginYear,
#dateSellYear,
#dateCreateYear,
#payTimeYear,
#dateEndYear,
#dateStartYear,
#dateEnd2Year {
    display: none
}

#dateBeginDay,
#dateSellDay,
#dateCreateDay,
#payTimeDay,
#dateEndDay,
#dateStartDay,
#dateEnd2Day{
    display: none
}

#idcardDateDay,
#idcardDateMonth,
#idcardDateYear,
#inventaryPublicationDateDay,
#inventaryPublicationDateMonth,
#inventaryPublicationDateYear,
#dateCreateInvDay,
#dateCreateInvMonth,
#dateCreateInvYear,
#dateSellInvDay,
#dateSellInvMonth,
#dateSellInvYear,
#dateEndInvDay,
#dateEndInvMonth,
#dateEndInvYear,
#exchangeDatePopDay,
#exchangeDatePopMonth,
#exchangeDatePopYear,
#dateFirstDay,
#dateFirstMonth,
#dateFirstYear,
#periodFirstDay,
#periodFirstMonth,
#periodFirstYear,
#dateStartSearchDay,
#dateEndSearchDay,
#dateStartSearchMonth,
#dateEndSearchMonth,
#dateStartSearchYear,
#dateEndSearchYear,
#docDateDay,
#docDateMonth,
#docDateYear,
#dateValueDay,
#dateValueMonth,
#dateValueYear,
#DataZakupuMonth,
#DataZakupuDay,
#DataZakupuYear,
#DataSprzedazyMonth,
#DataSprzedazyDay,
#DataSprzedazyYear,
#DataWplywuDay,
#DataWplywuMonth,
#DataWplywuYear,
#DataWystawieniaMonth,
#DataWystawieniaDay,
#DataWystawieniaYear,
#datePaymentFormYear,
#datePaymentFormMonth,
#datePaymentFormDay,
#cycleDateDay,
#cycleDateYear,
#cycleDateMonth,
#idcardDateSellDay,
#idcardDateSellYear,
#idcardDateSellMonth,
#dtWalutaPobranieDay,
#dtWalutaPobranieMonth,
#dtWalutaPobranieYear {
    display: none;
}

.calendar .selectOverbox {
    width: 145px;
    text-align: left;
    height: 34px;
    font-size: 12px;
    border: 1px solid lightgray;
    position: relative;
    padding-left: 15px;
    border-radius: 6px;
}

.abc.calendar {
    /*float: left;*/
    position: relative;
    display: inline-flex;
}
@media(max-width: 768px) {
    .abc.calendar{
        width: 150px;
        display: block;
    }
    .invTopDate label{
        width: 100%;
        text-align: left;
    }
}
.jpk-container .abc.calendar {
    float: none;
}

[data-action="skontoDel"]:hover {
	text-decoration:underline;
}
.invFormSummary #skontoBox,
.invFormSummary #periodBox {
	display:flex;
	flex-wrap:wrap;	
	margin-top:40px;
}

.invFormSummary #skontoBox.h,
.invFormSummary #periodBox.h {
	display:none;
}

.invFormSummary #skontoBox .form-group,
.invFormSummary #periodBox .form-group{
	width:100%;
}
 
.invFormSummary #skontoBox fieldset{
	width: 100%;
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 20px;
}

.invFormSummary #skontoBox fieldset:first-of-type a[data-action="skontoDel"] {
	display:none !important;
}




.invFormSummary .abc.calendar #skontoDateDay,
.invFormSummary .abc.calendar #skontoDateMonth,
.invFormSummary .abc.calendar #skontoDateYear {
	display:none;
}

.calendar select {
    border: 1px solid #ccc;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-left: 5px;
}

.calendar select:focus {
    border-color: #981c75;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(152, 28, 117, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(152, 28, 117, 0.6)
}

.formRow.data {
    overflow: visible;
    min-height: 32px
}

#calendarT div {
    float: left
}

.input_search_ico {
    background: url('../images/search_ico.png') 0 -1px no-repeat;
    width: 30px;
    height: 33px;
    display: inline-block;
    vertical-align: middle
}

.config2icon {
    background: url('../images/config2icon.png') -3px -3px no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: bottom;
}

a:hover .config2icon {
    background-position: -3px -41px
}
#invForm .input-group.input-group-1-btn{
    width: calc(100% - 40px); 
    margin-left: 24px;
}
#clientForm .input-group.input-group-1-btn{
    width: calc(100% - 20px); 
    margin-left: 18px;
}
@media (max-width: 768px){
    #invForm .input-group.input-group-1-btn{
        width: calc(100% - 20px); 
        margin-left: 0;
    }
    #clientForm .input-group.input-group-1-btn{
        width: 100%; 
        margin-left: 0;
    }
    #invForm .input-group.input-group-1-btn .input-group-btn,
    .input-group.input-group-1-btn .input-group-btn{
        vertical-align: bottom;
    }
    
}
.input-group-btn .btn {
    width: 30px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    min-height: 32px;
    text-align: center;
    padding: 0;
    line-height: 32px;
}

.input-group-btn .calendar_ico {
    border: 1px solid #a92e71;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 34px;
    background-position: -31px -1px;
}

.input-group-btn:hover .calendar_ico {
    border: 1px solid #95ba24;
}

.input-group .clear-input {
    position: absolute;
    top: 3px;
    right: 73px;
    cursor: pointer;
    padding: 5px 10px;
    height: 28px;
    background: #f1f1f1;
    line-height: 19px;
    border-radius: 6px;
}

.input-group .clear-input:hover {
    background: lightgray;
}
form .input-group input[name="phrase"]{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
form .input-group-btn input[type="submit"]{
    margin-top: 0;
}
.calendar_ico {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 0;
    color: #7caf39;
    text-align: center;
}

.calendar_ico:hover {
    color: #547d1e;
}

.cal_txt.form-control {
    font-style: italic;
    font-size: 13px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

.input-group-btn .input_gus_ico {
    border: 1px solid #a92e71;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.input-group-btn:hover .input_gus_ico {
    border: 1px solid #95ba24;
}

.input-group-btn .input_rozwin_ico {
    border: 1px solid #a92e71;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.input-group-btn:hover .input_rozwin_ico {
    border: 1px solid #95ba24;
}

.input_eugus_ico {
    background: #3e640d;
    /* width: 30px; */
    width: auto;
    height: 32px;
    display: inline-block;
    color: #fff;
    margin-left: 1px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 33px;
    text-align: center;
    padding: 0 2px;
    border-radius: 6px;
    min-width: 25px;
}

.input_eugus_ico:hover {
    background: #547d1e;
    text-decoration: none;
}

@media(max-width: 768px) {
    .input_eugus_ico {
        margin-top: -4px;
    }
}

.input_rozwin_ico {
    background: url('../images/input_button.png') -1px -1px no-repeat;
    width: 30px;
    height: 34px;
    display: inline-block;
    vertical-align: middle
}

.input_rozwin_ico:hover {
    background-position: -1px -35px
}

/*top Menu*/
#topMenu {
    position: relative;
    margin-bottom: 30px;
}

#topMenu.menubar {
    position: fixed;
    z-index: 10;
    padding-left: calc(50vw - 960px);
}

@media(max-width: 1920px) {
    #topMenu.menubar {
        padding-left: 15px;
    }

}

#topMenu.menubar.scrollXMenu {
    padding-left: 0;
}

#topMenu-prev,
#topMenu-next {
    position: absolute;
    color: #fff;
    background: #3e640d;
    height: 40px;
    width: 40px;
    border-radius: 6px;
    top: 5px;
    text-align: center;
    line-height: 41px;
    cursor: pointer;
    display: none;
}

#topMenu-prev:hover,
#topMenu-next:hover {
    background: #547d1e;
    color: #fff;
}

#topMenu-prev {
    left: 0;
}

#topMenu-next {
    right: 0;
}

#topMenu.menubar #topMenu-prev {
    left: 5px;
    top: 5px;
}

#topMenu.menubar #topMenu-next {
    right: 5px;
    top: 5px;
}

#topMenu.scrollXMenu #topMenu-prev,
#topMenu.scrollXMenu #topMenu-next {
    display: block;
}


#topMenu-container {
    width: 100%;
    margin-left: 0px;
}

#topMenu.scrollXMenu #topMenu-container {
    width: calc(100% - 110px);
    margin-left: 55px;
    overflow: hidden;
}


/* /topMenu*/
.invAddMenu {
    display: inline-block;
    /*height: 60px;*/
    margin: 5px 0;
    padding-left: 0;
    white-space: nowrap;
    transition-duration: .4s;
}

.hidden-xs.invAddMenu {
    margin-top: 17px
}

.invAddMenu li {
    display: inline-block;
    margin-right: 2px;
}

#invForm .invAddMenu li:hover a {
    background-color: #547d1e;
    cursor: pointer;
    color: #fff;
}

.invAddMenu.menubar li:first-child {
    margin-left: calc(50vw - 970px);
}

@media(max-width: 1920px) {
    .invAddMenu.menubar li:first-child {
        margin-left: 15px;
    }
}

#invForm {
    margin-bottom: 150px;
}

#invForm .docKind {
    font-size: 25px;
    font-weight: bold;
    padding: 0 0 0 15px;
}

#invForm input#number {
    font-weight: bold;
    color: #000;
}

#invForm .input-group,
.signs .input-group {
    width: 100%;
}

#invForm label {
    font-weight: 100;
}

#invForm .invAddMenu a {
    display: block;
    padding: 12px 15px 12px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #1f1f1f;
    background-color: #e1e2e1;
    border-radius: 6px;
    border: 1px solid #436813;
}

#invForm .invAddMenu a i {
    margin-right: 5px;
    background: #efefef;
    color: #1f1f1f;
    padding: 6px 3px;
    border-radius: 6px;
}

#invForm h2,
.inv_txt h2  {
    font-size: 18px;
    color: #1f1f1f;
    font-weight: bold
}

#invForm .h2 {
    font-size: 18px;
    color: #1f1f1f;
    font-weight: bold;
    margin: 20px 0 10px;
}

#invForm .rozwin {
    background-position: 34px -1225px;
    padding-right: 30px;
    margin-left: 30px
}

#invForm .rozwin:hover {
    background-position: 34px -1255px
}

.extraFields-container {
    padding-top: 140px;
}

@media(max-width: 991px) {
    .extraFields-container {
        padding-top: 0;
    }
}

.signs {
    padding: 30px 0;
    max-width: 380px;
}

.signs label {
    display: block;
    font-size: 13px;
    font-style: italic;
    text-align: center;
    clear: both;
    margin: 0 0 10px 0
}

.toPay {
    font-size: 16px;
    color: #1f1f1f;
}

.toPay span {
    font-weight: bold;
    color: #1f1f1f;
    display: block;
    font-size: 22px;
}

.toPayWord {
    font-size: 16px;
    color: #1f1f1f;
}

.toPayWord span {
    font-weight: bold;
}

.cashSum label {
    float: left;
    width: 115px;
    margin-left: 175px;
    padding-top: 5px;
    margin-left: 0;
    margin-right: 25px
}

.cashSum .formRow {
    width: 350px;
    float: right;
    clear: both
}

.invFormBottom .selectOverbox.noRight.calendar,
.invFormBottom .selectOverbox.noRight.calendar select {
    width: 145px
}

.invProdActions,
.invProdActions2 {
    padding: 5px 0 4px 0;
    font-size: 12px;
}

.invProdActions2 > .loadProductBox {
	width:auto;
}

.invProdActions2 > .loadProductBox #updatePrice {
	margin-left:20px;
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    padding-right: 15px;
	padding-left:15px;
}

.invProdActions2 > .loadProductBox #loadProduct {
	margin-right: 15px;
    border-right: 1px solid #dbdbdb;
    padding-right: 15px;
}

.invProdActions2 > div:last-of-type {
	float: inline-end;
}

.invProdActions2  #currencyFields {
	width:auto;
}

.invProdActions>a {
    float: left;
    line-height: 31px;
    margin-right: 30px;
    display: inline-block;
    height: 31px
}

.invProdActions a.loadProduct {
    padding-right: 34px;
}

.invProdActions #currencyFields select {
    width: 150px;
}

.loadProduct {
    background-position: -6px -1095px
}

a:hover .loadProduct {
    background-position: -6px -1127px
}

.invProdActions .loadProductDoc {
    background-position: 182px -1025px
}

.invProdActions .loadProductDoc:hover {
    background-position: 182px -1058px
}

.invProdActions .h {
    display: none
}

.txtLink.ico.save {
    padding-right: 30px;
    background-position: 100px -968px;
    vertical-align: bottom;
    margin-top: 10px
}

.txtLink.ico.save:hover {
    background-position: 100px -1000px
}

#salesOpen,
#jpkGenBtn {
    vertical-align: middle;
    padding: 6px 12px;
    margin-right: 2px;
}

#iRestore {
    margin-top: -4px;
}

.invList #jpkGenBtn {
    padding: 6px 12px;
    margin-top: 0;
}

#exchangePop label {
    margin-right: 0;
    text-align: left;
}

tr.danger td,
tr.danger:nth-child(2n+1) td {
    background-color: #f2dede;
}

tr.success td,
tr.success:nth-child(2n+1) td {
    background-color: #dff0d8;
}

#salesPop .modal-body h3,
#ewidencjaDlg .modal-body h3 {
    margin-top: 10px;
    font-size: 16px;
    margin-bottom: 5px
}

#gusPop input[type="text"] {
    width: 200px
}

.range input[type="text"] {
    width: 70px;
    float: left;
}
.range-date input[type="date"], .range-date label {
    width: 124px;
    float: left;
}

.range-date div {
	padding-right:0;
}

.currency-product .form-group div{
	float:left;
	padding-left:15px;
	width: calc(100% - 140px);
}


.range label {
    float: left;
}

.fakInfo textarea.preetyTextInput {
    width: 970px
}

.fakInfo label {
    width: 100%;
    text-align: center;
    margin: 0
}

.fakInfo {
    padding-bottom: 15px
}

#bankPop table,
#personPop table,
#dataPop table,
#productPop table,
#clientPop table,
#branchPop table,
#docprodPop table {
    width: 100%;
    min-width: 250px;
    font-size: 13px;
    table-layout: auto
}

#productPop input[name="amountAdd"] {
    width: 60px;
    display: block;
    height: 28px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 28px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#docprodPop .list2 td input[type="checkbox"] {
    opacity: 0.2;
    transition: all 0.4s ease;
}

#docprodPop .list2 tr:hover td input[type="checkbox"] {
    opacity: 1;
    visibility: visible;
    transition: all 0.4s ease;
}

#docprodPop .list2 tr td input[type="checkbox"]:checked {
    opacity: 1;
    outline: 1px solid #aaa
}

#docprodPop .list2 tr:hover td {
    background: #d5d5d5;
    cursor: pointer
}

#docprodPop .list2 tr:hover td.darker {
    background: #b3b3b2
}

#docprodPop .list2 tr.added td {
    opacity: 0.5
}

#docprodPop .list2 input[type="checkbox"] {
    margin-top: 0
}

@media (min-width:768px) {
 
    #mailPop .modal-dialog,
    #accountantPop .modal-dialog,
    #printPop .modal-dialog,
    #remPop .modal-dialog {
        width: 970px;
        max-width: 98%;
    }
    #ksefXmlPop .modal-dialog,
    #configNumPop .modal-dialog {
        width: 1000px;
        max-width: 98%;
    }

    #docprodPop .modal-dialog {
        width: 850px
    }

    #productPop .modal-dialog {
        width: 1030px
    }

    #dataPop .modal-dialog {
        width: 700px
    }

    #clientPop .modal-dialog {
        width: 700px
    }

    #annotationPop .modal-dialog,
    #footerPop .modal-dialog {
        width: 800px
    }

    #periodPop .modal-dialog,
    #kolumny .modal-dialog {
        width: 780px
    }
}

@media (min-width:1280px) {
	.range input[type="text"] {
		width: 60px;
	}

	.range-date input[type="date"], .range-date label {
		width: 95px;
		float: left;
	}
	
	.currency-product .form-group div {
		width: calc(100% - 110px);
	}

    #productPop .modal-dialog,
    #salesPop .modal-dialog {
        width: 1300px;
    }

    #clientPop .modal-dialog {
        width: 1250px
    }

    #clientPop .modal-dialog .list2 {
        max-width: 1190px;
    }

    #procedureJPKPop .modal-dialog {
        width: 1100px;
    }

    #procedureJPKPop .modal-dialog .form-group-sm {
        margin-bottom: 12px;
    }
}

#mailPop #attachments table {
    margin: 0;
    width: 100%;
}

#mailPop #mailTitle+a,
#accountantPop #accountantTitle+a {
    left: -10px;
    right: auto;
}

#mailPop #attachments .dz {
    background: #f6f6f6;
    border-color: #333;
    margin-bottom: 10px;
    text-align: center
}

#mailPop #attachments .dz:hover {
    background: #ddd;
}

#mailPop #attachments tr.fl>td:nth-child(1) {
    width: 45px;
}

#mailPop #attachments tr.fl>td:nth-child(1) img {
    width: 45px;
}

#mailPop #attachments td {
    line-height: normal;
}

#mailPop #attachments tr.fl>td>div>span {
    width: 200px;
}

#mailPop #attachments div.ub>span {
    margin: 0
}

#mailPop #attachments div.ub {
    text-align: right;
    float: none;
    padding-bottom: 10px;
    display: none !important;
    ;
}

#mailPop #attachments div {
    float: none;
    text-align: left;
}

#mailPop #attachments .fl td {
    vertical-align: middle;
    border-bottom: 1px solid #aaa;
    padding: 2px;
}

#mailPop #attachments .fl:last-child td {
    border-bottom: 0
}

#mailPop #attachments .it td {
    vertical-align: middle;
    border-bottom: 1px solid #aaa;
    padding: 2px;
}

#mailPop #attachments .it td:nth-child(3) {
    text-align: right;
}

#mailPop #attachments .it:last-child td {
    border-bottom: 0
}

#mailPop #attachments .fl div,
#mailPop #attachments .it {
    font-size: 12px
}

#mailPop hr,
#accountantPop hr {
    margin-top: 15px;
    margin-bottom: 15px;
}

#mailPop .left,
#accountantPop .left {
    border-bottom-left-radius: 15px;
    padding-top: 7px;
    border-right: 1px solid #eee;
}

#mailPop .left label,
#accountantPop .left label {
    margin-bottom: 4px;
    margin-right: 0;
    font-weight: normal;
    text-align: left;
}

#mailPop .left label:hover,
#accountantPop .left label:hover {
    text-decoration: underline;
}

#mailPop .left .label,
#accountantPop .left .label {
    color: #1f1f1f;
    font-size: 14px;
    font-weight: normal;
    padding-left: 0px;
    text-align: right;
    width: auto;
    display: inline-block;
}

#mailPop .left label .label,
#accountantPop .left label .label {
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 3px;
    font-weight: normal;
}

#mailPop label {
    font-weight: normal;
}

#mailPop label:hover,
#mailPop .left label:hover span,
#accountantPop .left label:hover span {
    text-decoration: underline;
}

#mailPop .left label:hover,
#accountantPop .left label:hover {
    cursor: pointer;
}

#mailPop .formRow,
#accountantPop .formRow {
    padding: 2px 25px;
    line-height: 30px
}

#mailPop td,
#accountantPop td {
    line-height: 25px;
    text-align: left
}

#mailPop .hr,
#accountantPop .hr {
    margin: 10px 0
}

#mailPop textarea,
#accountantPop textarea {
    min-height: 160px
}

#mailPop .right .label,
#accountantPop .right .label {
    color: #1f1f1f;
    font-size: 18px;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 0px;
    line-height: 30px;
    white-space: initial
}

#mailPop .right .label span,
#accountantPop .right .label span {
    font-weight: normal;
}

#mailPop .hidden-radio,
#accountantPop .hidden-radio {
    display: none;
}

#mailPop .hidden-radio+label,
#accountantPop .hidden-radio+label {
    min-height: 21px;
}

#mailPop .hidden-radio:checked+label span,
#accountantPop .hidden-radio:checked+label span {
    color: #eee
}

#mailPop .hidden-radio:checked+label,
#accountantPop .hidden-radio:checked+label {
    background: #1f1f1f;
    border-radius: 3px
}

#mailPop .hidden-radio:checked+label img,
#accountantPop .hidden-radio:checked+label img {
    opacity: 1
}

#mailPop label img,
#accountantPop label img {
    opacity: 0.8;
    margin: 2px 0px 3px 4px
}

#mailPop .right hr,
#accountantPop .right hr {
    border-color: #aaa -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin: 20px 0 10px 0;
}

.cashSum .idTime.formRow {
    width: 316px;
    clear: none
}

.cashSum .idTime+.formRow {
    width: auto;
    clear: none
}

.headerUnderlay.invList label {
    /* float: left; */
    font-size: 14px;
    color: #1f1f1f;
    font-weight: bold;
}

.headerUnderlay.invList .headerMenu {
    margin-top: 20px
}

.headerUnderlay.invList .rowYear {
    float: right
}

.headerUnderlay.invList input[type="text"]:not(.form-control) {
    width: 200px;
    margin-right: 20px
}

.headerUnderlay.invList input[name="phrase"]:not(.form-control) {
    width: 325px;
    max-width: 98%;
}

.headerUnderlay.invList .selectOverbox {
    margin-right: 20px;
}

.border-box .tableContainer {
    padding: 5px 0 0 0;
    min-height: 700px;
}

.tableContainer {
    padding: 0 5px
}

.preetyTextInput.error {
    border-color: #a94442;
}

#remPop hr {
    border-color: #D1D1D1;
    margin-top: 15px;
    margin-bottom: 15px
}

#remPop #remTpls {
    width: 220px;
}

#remPop h3:not(.modal-title) {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 0
}

#remPop h3 a:hover {
    color: #9bc027;
    cursor: pointer
}

#remPop h3 span {
    font-size: 28px;
}

#printPop label {
    margin-bottom: 4px;
    margin-right: 0;
    font-weight: normal;
}

#printPop label:hover,
#periodPop label:hover{
    text-decoration: underline;
}

#remPop textarea {
    min-height: 250px;
    height: auto;
}

#remPop select,
#remPop select option {
    font-weight: bold;
    width: auto;
}

#remPop .control-label {
    font-weight: 100;
}

#remPop .icon-cog-alt {
    display: inline-block;
    height: 37px;
    vertical-align: top;
    margin-left: -6px;
}

#remPop .icon-text {
    display: inline-block;
    color: #000;
    font-weight: bold;
    line-height: 12px;
}

#remPop #remTSend-link:hover .icon-text,
#remPop #remTLast-link:hover .icon-text {
    color: #9bc027;
}

#remPop .icon-cog-alt:before {
    color: #7caf39;
    border: 1px solid #7caf39;
    border-radius: 3px;
    width: 37px;
    height: 37px;
    font-size: 20px;
    line-height: 37px;
}

#remPop #remTSend-link:hover .icon-cog-alt:before,
#remPop #remTLast-link:hover .icon-cog-alt:before {
    color: #9bc027;
    border: 1px solid #9bc027;
}

#printPop label img {
    opacity: 0.8;
    margin-left: 4px;
    margin-bottom: 3px;
    margin-top: 2px;
    margin-right: 2px
}

#printPop .hidden-radio {
    display: none;
}

#printPop .hidden-radio:checked+label span {
    color: #eee
}

#printPop .hidden-radio:checked+label {
    background: #1f1f1f;
    border-radius: 3px
}

#printPop .hidden-radio:checked+label img {
    opacity: 1
}

#printPop label:hover img {
    border-color: #888;
}

#printPop label:hover span {
    text-decoration: underline;
}

#printPop label:hover {
    cursor: pointer;
}

#printPop .label {
    color: #1f1f1f;
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    padding-left: 0px
}

#printPop hr {
    margin-bottom: 10px;
}

#printPop .modal-footer {
    font-size: 12px
}

.modal-open .modal {
    overflow-x: auto;
    overflow-y: auto;
}

.modal-content .i {
    font-size: 12px;
}

.modal-header {
    border-top-left-radius: 10px;
    padding: 6px 15px;
    margin-bottom: 0;
}

.modal-header:after {
    width: 90px;
    height: 6px;
    position: relative;
    background: #7caf39;
    content: '';
    display: inline-block;
    margin-left: 20px;
}

.modal-header .h3,
.modal-header h3 {
    font-size: 24px;
    font-weight: bold;
    color: #7caf39;
    margin: 10px 0 5px 20px;
    width: calc(100% - 50px);
}

.modal-body {
    padding: 5px 15px 15px 35px;
    position: relative;
    font-family: 'LatoLatinWeb';
}
.modal-body xmp{
    white-space: break-spaces;
}
#jpkErrorsPop .modal-body {
    padding: 15px;
    position: relative;
    max-height: 80vh;
    overflow-y: scroll;
}

.modal-content {
    background-clip: padding-box;
    border-radius: 15px;
    box-shadow: 0 0px 15px 5px rgb(0 0 0 / 60%);
    outline: 0 none;
    position: relative;
    background: #fff;
    border: 10px solid #7caf39;
}

.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 11000;
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
}

#dataFill.modal {
    display: block;
}

.modal-open {
    overflow: hidden;
    padding-right: 17px
}

.modal-dialog {
    margin: 10px;
    position: relative;
    width: auto;
}

.modal-body .bg-section {
    margin-left: -15px;
    padding: 15px;
    border-radius: 6px;
}

.pink-config-ico {
    display: block;
    width: 37px;
    height: 37px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAABMBJREFUeNrsmFtMVFcUhr9z5srMcB8ZFLmoFBBERVpLQ8HGaKixtl7a2EZDMT6YtE1MmrbRpqm17UN9MK2VNJA0amI0NU2tbZogjqJItRqKLaiD1hGQCsww3IfLMDPnnD5MM0i8hIQRfHC9nX3O3vnOWmv/a68tKIqi8ISZ+t4Hb88Qno6+KYfQWSLQmcPHQymSjG3XT7SdqCMic9aUQ406BwhLiiXn22I00UYERVGUlgPVeBz9ZOxcA4IwLSGz7z/FcIuLhXs3IQJ0nb9B3MoF0wYEMHfbcjqrbAABKFmSEVXitCa3qFUje/1jUE+aPYV6bFCKXwJFwe/2IPukxy+eE7G/tx9GUIm4b3ZgKcomYe2zGJLNCCHcKBNeqbPKRk3RHrpqbuLtHsSQGMudQzVcWLOXvr/uTL2nFEnG2+1mtHOAnO9KML+YDsDgPw5qt5Tz77FL6CwRGBJjp85TvbVN2D47jqUoOwgEYEqLJ2lzPl01N/D1jzxwrrd78PFAxeSlEp07B/3M6Pve6eOjQAFBDFSDuz9e5mz+bvqv3aWp7Aznln2J89TV0Idv0O6kt64Zv9tD6rsrENSqsVw7cx3djHBc1Y2EJUTjONmAr2+Yyxv3B79pP1HHcIuLoWYXmbvWI+o1k4cypVoosO6gZuVXXHnnEHO3LUel19J69CKuszbiVy3idqmVprIqFL+EIAoYUmagiQhj0O7EVd2Iq7oRBIHkLYWEp80MjSSojTrMhRnIoz5qi8tAEBB1arJ2b8A4Lw7XWRuSx0fkoiSy97wZTHrZ6+fO4d+x76tEFaYNjPkkRI1q8lCaSAM5pW/TW9eMKkzLM9tfpueynaglKThONiD7JAzJZnLLt6IO148rtHO2vgSSzK19lfyx7hsisxN5/of3Jg813NqNs7KB1qMX8Q+M0J5Sh3lZBi0Hz9N2vBaAlJLCcUD3WnJxAU3lVUgeH8a5caEJX9vPf9JpvUrW56+jNum4ta8Sb88gycUF9F5pZrili/DMhIdvc70GQ7KZQbuT9I9embwkDNjaaDlQzfxP12EuSCcqJ4XFX2/GUVGPx9kfkAXA2+1+5Dq+/hEUSaa2uAxFkicHZUiKRRdrQhtjGnNxuB5Egebvz9FzyR6Qh9PXH/5j19vwOPpAEFBkefKeUnwSkdmJ2PefQhrxokgy9lIrEVmzyfj4VVK2FBI2O4b2X+pwWu8XSm/PENd2HgMga/cG8n/74JEFfEI5pYk2kvjWC9hLrZwr+AJRo8I4z8LM1YuJyEwgIjOB0S43HXd7aHj/CJaihcStWIDaqMN9o53WoxcZ7RwIeKyxjQSeC02ix+SlsjQvldYjF4heMgdBJWJKix9rkzoHEFQimigDjop6HBX14+YnbsxjpKMPc35a6M9TSZvyHzieU1qCt28IXYyJ07mfIKhEZr+xlPZfryCN+EjfsQZRqw5d7ZuIqQxawgwBxU77cDXaaCOzXsvFsjIb2eufMFBIoe61lJLCcWF/2s08hXoioFQ6DdKob1pBpBFv8LwlAsSvWoSjoj6oulMONOzldqmVWWtzAQL3UygKTeVVtBw8H2wAptJkv4RlxQLm71qPSq/5HypYeRV8bs/U33Ga9OOc8d8Ans/HdpZhNcwAAAAASUVORK5CYII=');
}

@media (min-width:768px) {
    .modal-dialog {
        width: 650px;
        margin: 30px auto
    }
}

.modal-header {
    min-height: 16.43px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-footer {
    border-top: 1px solid #e5e5e5;
    padding: 15px;
    text-align: right;
}

#debtCollectionReg {
    z-index: 1052
}

span.debtCollectionLink {
    cursor: pointer;
    display: none;
}

span.debtCollectionLink:hover {
    text-decoration: underline;
}

#payPop .pinkButton {
    float: right
}

#payPop h3 span {
    font-size: 28px;
}

#payDateDay,
#payDateMonth,
#payDateYear {
    display: none
}

#payPop .formRow {
    clear: both;
    padding: 0 4px
}

#payPop .formRow.data {
    overflow: visible
}

#payPop .formRow.data label {
    float: left;
    text-transform: uppercase;
    width: auto;
    height: auto;
    line-height: 30px;
    margin-right: 10px
}

#payPop .formRow label {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
    height: 44px;
    line-height: 44px;
    font-size: 14px
}

#payPop .preetyTextInput {
    width: 437px;
    margin-bottom: 15px
}

#payPop #payAll {
    float: right
}

#payAPop .pinkButton {
    margin-top: 20px
}

#infoRODO .modal-dialog {
    width: 750px;
}

#infoRODO .modal-body {
    padding: 15px 35px;
    overflow-y: scroll;
    max-height: 80vh;
}

#container div.cpBox div:nth-child(3)>div {
    background-color: #fff;
    border: 1px solid #333
}

#container div.cpBox>div:nth-child(1) {
    width: auto;
    float: none;
    font-size: 13px;
    color: #1f1f1f
}

#container div.cpBox>div:nth-child(2) {
    float: right;
    height: 85px
}

#container div.cpBox>div:nth-child(2) input {
    background: transparent
}

#container div.cpBox>div:nth-child(2) div {
    float: right
}

#container div.cpBox>div:nth-child(3) {
    margin-top: 5px;
    max-width: 245px;
    padding-right: 32px;
    background: url('../images/catpthaArrow.png') no-repeat scroll center right
}

#container #loginPage div.cpBox>div:nth-child(3) {
    width: 135px
}

#container div.cpBox {
    width: auto;
    margin: 10px 20px;
    color: #1f1f1f;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    overflow: auto
}

.greenicon {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #9bc027;
}

.greenicon:hover {
    border-top-color: #83ac19
}

.clsWalutaNazwa td:nth-child(1):hover {
    cursor: pointer;
}

.menubar {
    position: fixed;
    top: 0px;
    z-index: 4;
    left: 0;
    border-radius: 0;
    width: 100%;
    text-align: left;
    background: #436812de;
    margin-top: 0;
}

.invAddMenu.menubar li:first-child {
    border-radius: 0
}

.invAddMenu.menubar li:last-child {
    border-radius: 0
}

.invAddMenu.menubar li {
    float: none;
    display: inline-block
}

#okAdd2,
#okSave2 {
    font-size: 20px
}
#okAdd2 div.close,
#okSave2 div.close, 
#okAdd2 a.close,
#okSave2 a.close {
    margin-right: 0px;
    margin-top: 0px
}

.backLink {
    float: right;
    margin-right: 35px;
    color: #464A51
}

.backLink:hover {
    color: #111
}

#productAddInfobox {
    line-height: 20px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px
}

#busyNumber .pinkButton {
    margin: 10px
}

#editInfo .pinkButton {
    margin: 10px
}

div#msgOk,
div#msgErr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #FFFFFF #FFFFFF;
    border-image: none;
    border-right: 1px solid #FFFFFF;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    font-size: 16px;
    line-height: 30px;
    position: fixed;
    top: 0;
    width: 100%;
    right: -100%;
    z-index: 50000000;
    text-align: center;
    font-family: Arial;
    font-weight: bold
}

#msgOk .showAlert,
#msgErr .showAlert {
    position: absolute;
    left: 0;
    width: 30px;
    cursor: pointer;
}

.err {
    background: url('../images/bg_alert.png') repeat scroll 0 0 #F90000;
    color: #FFFFFF
}

.ok {
    background: url('../images/bg_alert.png') repeat scroll 0 0 #8EEB8E;
    color: #000000
}

.newsRow {
    border-bottom: 1px solid #e1e1e1;
    padding: 20px 2px
}

.newsRow .newsTxt a {
    font-size: 12px;
    color: #1f1f1f
}

.newsRow a {
    color: #862b68;
    font-size: 14px;
    font-family: Arial
}

.newsRow a:visited {
    color: #1f1f1f
}

.newsRow a:visited:hover {
    text-decoration: underline;
    color: #111
}

.shortcuts {
    margin-top: 10px;
    margin-bottom: 20px;
}
.shortcuts .vertical-line{
    background: lightgray;
    margin: -25px 10px;
    display: inline-block;
    height: 50px;
    width: 1px;
}
.shortcuts .btn-dark-gray{
    height: 44px;
    line-height: 33px;
    margin-top: 5px;
}
.dashboard-header{
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid lightgray;
    display: flex;
}
.dashboard-header h2{
    border-left: 4px solid #3e640d;
    border-right: 1px solid lightgray;
    display: inline-block;
    padding: 7px 15px 0 15px;
    margin: 0 15px 0 0;
}
.dashboard-header  .account-info{
    padding-top: 7px;
}
.dashboard-header .btn{
    height: 33px;
    margin-top: 10px;
    margin-left: 30px;
}

@media (max-width:768px) {
    .dashboard-header{
        flex-direction: column;
    }
    .dashboard-header .btn{
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .start-page .container {
        width: 1519px;
        max-width: 100%;
    }
}
.statContainerExtended{
    display: flex;
    justify-content: space-between;
}
.statContainerExtended .docs-summary{
    width: 50%;
}
.statContainerExtended .docs-expired{
    width: 48%;
}
.circularPhoto {
    margin: 10px auto;
    width: 150px;
    height: 150px;
    border-radius: 150px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    display: block;
    background-position: center center;
}

a:hover .circularPhoto {
    box-shadow: 0 0 2px rgba(0, 0, 0, .4);
}

.activatePage .pinkButton {
    margin: 30px
}

.activatePage {
    padding-bottom: 100px;
    padding-top: 15px
}

.headerUnderlay.faqPage h1,
.headerUnderlay.faqPage h3,
.headerUnderlay.tipsPage h1,
.headerUnderlay.tipsPage h3 {
    display: inline-block
}

.headerUnderlay.faqPage h3,
.headerUnderlay.tipsPage h3 {
    color: #63666a
}

.workInfo {
    background: url('../images/bg_alert.png');
    padding: 10px;
    color: #111;
    font-size: 14px
}

.workInfo a:not(.btn) {
    text-decoration: underline
}

.workInfo a:hover:not(.btn) {
    color: #111
}

.stat-legend {
    color: #1f1f1f;
    font-family: "Tahoma", sans-serif;
    font-size: 11px;
    margin: 10px 0;
}

.stat-legend-box {
    display: inline-block;
    height: 15px;
    width: 30px;
    margin-left: 10px;
    margin-right: 5px;
    border-radius: 2px;
    vertical-align: text-bottom;
}

.stat-legend-box-red {
    border: 2px solid rgba(255, 0, 0, 1);
    background: #ff7f7f;
}

.stat-legend-box-blue {
    border: 2px solid rgba(66, 139, 202, 1);
    background: rgba(66, 139, 202, 0.75)
}

.stat-legend-box-gray {
    border: 2px solid rgba(220, 220, 220, 1);
    background: rgba(220, 220, 220, 0.75)
}

.stat-legend-box-green {
    border: 2px solid rgba(131, 172, 25, 1);
    background: rgba(131, 172, 25, 0.75)
}

#suggetstion {
    position: fixed;
    right: 0;
    bottom: 10%;
    padding: 7px 3px;
    border-top: 2px solid red;
    border-left: 2px solid red;
    border-bottom: 2px solid red;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: block;
    line-height: 13px;
    text-align: left;
    font-family: Arial;
    color: #fff;
    font-weight: 600;
    z-index: 1001;
    background: red;
    text-align: center;
    text-transform: capitalize;
}

#suggetstion:hover {
    cursor: pointer;
    opacity: 1;
    text-decoration: none;
    background: #1f1f1f;
    border-color: #1f1f1f;
}

@media (max-width: 768px) {
    #suggetstion {
        right: auto;
        left: 15px;
        bottom: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 10px;
        padding: 4px;
        font-size: 11px;
    }
}

#sugesterForm textarea {
    min-height: 130px;
}

#sugesterForm span.nagl {
    color: #1f1f1f;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    padding-right: 4px;
    display: block;
    text-align: left
}
#hiddenApiKey .btn{
    width: 183px; 
    margin-left: 99px;
}
@media(max-width: 459px){
    #hiddenApiKey .btn{
        margin-left: 0;
    } 
}
#container div.cpBox>div:nth-child(2) input:hover {
    text-decoration: underline;
    cursor: pointer
}

@media only screen and (max-width:1024px) {
    .pageWidth {
        width: auto
    }

    .invFormBottom>div {
        width: auto;
        min-width: 0
    }

    .ivoiceProductList {
        min-width: 0
    }

    .fakInfo textarea.preetyTextInput {
        width: 960px
    }
}

.headerMenu+.headerMenuSelect,
.clearFilters+.headerMenuSelect {
    display: none;
}

.headerMenuSelect {
    display: none;
}

.clearFiltersBox {
    position: relative;
    display: inline-block;
    float: right;
}

#clearFiltersAlert {
    display: block;
    position: absolute;
    top: -74px;
    left: -23px;
    z-index: 1000000;
}

@media (max-width: 960px) {
    .headerMenu li {
        margin: 0 3px 3px 0;
    }

    .headerMenu+.headerMenuSelect {
        display: inline-block;
        margin-bottom: 10px;
    }
    .statHeaders  .headerMenu+.headerMenuSelect {
        display: none;
    }

    .headerUnderlay h3 {
        margin-top: 0;
        padding: 15px 0 2px
    }

    .table-responsive input.form-control {
        width: auto;
    }

    .tplTpl {
        min-height: 100%;
        height: auto;
    }

    .tplTpl>.row {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .tplTpl>.row [class*="col-lg"],
    .tplTpl>.row [class*="col-md"],
    .tplTpl>.row [class*="col-sm"] {
        float: none;
        display: inline-block;
        white-space: normal;
        vertical-align: top;
    }
}

@media (max-width:800px) {
    #topNav>ul>li>a {
        font-size: 12px
    }

    #topNav>ul>li ul>li>a {
        font-size: 12px
    }
}

.inv_txt {
    font-size: 11px;
    color: #717171;
    text-align: justify;
    margin-top: 40px;
    margin-bottom: 40px;
}

.invChangeList {
    display: inline-block;
    position: relative
}

.invChangeList .docList {
    color: #fff;
    z-index: 9;
    display: none;
    position: absolute;
    background: red;
    top: 35px;
    left: 0;
    border-left: 1px solid #688C0A;
    border-bottom: 1px solid #688C0A;
    border-right: 1px solid #688C0A;
    right: 0;
    background: #769b15;
    background: linear-gradient(to bottom, #769b15 0%, #729713 100%);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.invChangeList a {
    display: block;
    text-align: center;
    font-weight: bold;
    cursor: pointer
}

.invChangeList a:hover {
    background: #43464e
}

a.txt-link {
    text-decoration: underline
}

.txt-link:hover {
    color: #000
}

#cookieInfo {
    left: 0;
    bottom: 0px;
    color: #fff;
    width: 100%;
    z-index: 102;
    background: gray;
    padding: 20px;
    margin-top: 20px;
}
.cookieInfoContent{
    display: flex;
}
.cookieInfoText{
    width: calc(100% - 330px);
    padding-right: 50px;
}
#cookieInfo .btn {
    margin: 10px 0;
    display: block;
}

#cookieInfo a.polityka {
    color: #fff;
    text-decoration: underline;
    margin: 0 10px
}

#cookieInfo a.polityka:hover {
    color: #B7D838;
    text-decoration: underline
}
@media(max-width: 768px){
    .cookieInfoContent{
        flex-direction: column;
    }  
    .cookieInfoText{
        width: 100%;
        padding-right: 0;
    }
}

.boxc {
    width: 25px;
    height: 25px;
    border: 1px solid #dfdfdf
}



/* end lef menu colors*/

.configConfig .container-block-colors .tplTpl .row {
	display:flex;
	flex-wrap:wrap;
}

.colorsTable .boxc {
    display: inline-block;
    vertical-align: middle
}

.colorsEdit div.cpbox {
    width: 30px;
    height: 30px;
    margin-left: 0;
    border-radius: 3px;
    border-color: #dfdfdf
}

.starIco {
    /* background: url("../images/star.png") no-repeat scroll center center rgba(0, 0, 0, 0); */
    background: url("../images/prestige-star.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    position: absolute;
    width: 50px;
    height: 60px;
    bottom: 22px;
    right: -6px;
    display: block;
}

#fakturaKorekta div.b500 {
    float: left;
    width: 50% !important
}

#fakturaKorekta #invForm div:nth-child(2) {
    clear: left
}

#fakturaKorekta #invForm div:nth-child(3) {
    clear: right
}

#fakturaKorekta #invForm div:nth-child(4) {
    clear: left
}

#fakturaKorekta #invForm div:nth-child(5) {
    clear: right
}

.example {
    font-size: 14px;
    color: #1f1f1f;
    background: #e9e9e9;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    padding: 0 20px;
}

.example .m0upload .dz {
	padding:6px 30px;
}

.ml-auto {
	margin-left:auto;
}

.example h3 {
    margin: 0 0 -6px 0;
    padding-bottom: 0;
}

.example .btn-green {
    height: 50px;
    width: 100px;
    line-height: 46px;
    text-transform: uppercase;
    margin-left: 15px;
}

.example .formRow {
    min-height: 32px
}

.exampleData {
    float: left;
    width: 270px;
    line-height: 30px
}

.example .max-weight {
    font-weight: 100;
}

.example .label {
    display: block;
    width: 110px;
    text-align: right;
    margin-right: 30px;
    color: #85878c;
    float: left;
    padding-top: 4px;
}

#cennik-lg-container #price {
    display: block;
    width: calc(100% - 1030px);
}
.short-prices-info .list-group-item{
    padding: 10px 0;
}
.short-prices-info .col-xs-3,
.cennikAfaktury .col-xs-3,
.cennikAfaktury .col-xs-6,
.cennikAfaktury .col-xs-9{
    padding-left: 5px;
    Padding-right: 5px;
}

#priceAll h1 {
    text-align: center;
    display: block;
    font-size: 36px;
    margin: 5px 0
}

#priceAll>.moreThanOne {
    line-height: 40px;
    font-size: 22px;
    padding-top: 40px !important;
}

#priceAll>.moreThanOne label {
    font-size: 16px;
    line-height: 22px;
    display: block;
    text-align: left;
    cursor: pointer;
}

#priceAll>div:first-child a {
    text-decoration: underline;
    color: #686A6E
}

#priceAll>div:first-child a:hover {
    color: #43A4CC
}

.moreThanOne form {
    padding: 15px;
    background: #f4f4f4;
    margin-left: -15px;
    margin-right: -15px;
}

#cennik-lg-container, 
.cennik-lg-container-upper {
    height: auto;
    overflow: hidden;
    position: relative;
    min-width: 1415px;
    display: flex;
    justify-content: space-between;
}
.cennik-lg-container-upper {
    justify-content: end;
}
.container-upper-info{    
    width: 1030px;
}
@media(max-width: 1200px){
    #cennik-lg-container, 
    .cennik-lg-container-upper {
        display: none;
    }
}

.pakiety-container{
    width: 1030px;
}
.radioPriceHeader{
    background: #93c354;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 6px;
    border-top-left-radius: 10px;
}
#price .prices-heading,
#price-mob .prices-heading {
    background: #f2f2f2;
    padding: 30px;
    border-top-left-radius: 30px;
}
.prices-heading label.active{
    background: #d9d9d9;
    color: #7caf39;
}
#price .prices-heading-inputs {
    height: 76px;
    display: flex;
    justify-content: space-around;
}

#price input,
#prices-heading input,
#price-mob input {
    display: none
}

#price .price {
    font-size: 35px;
    display: block;
    padding-top: 5px;
}

#price .price span {
    font-size: 30px;
    font-weight: 600;
    text-align: center
}

#price>label {
    width: 33%;
    text-align: center;
    margin: 0 ;
    position: relative;
}

#price>label span small {
    font-size: 16px;
}

#price>label .profit {
  text-align: right;
  height: 70px;
  line-height: 70px;
  padding: 0 10px;
  letter-spacing: .13em;
  font-size: 14px;
}
#price label[for="idStandard22"] {
    vertical-align: bottom;
}

#price label[for="idStandard22"] .profit{
    /* background: #e6f1d7; */
    background: rgb(241, 241, 241);
    color: #93c354;
    border-bottom-left-radius: 10px;
}
#price label[for="idStandard23"] .profit{
    /* background: #dcebc7; */
    background: rgb(241, 241, 241);
    color: #93c354;
}
#price label[for="idStandard23"] .price-container{
    background: #f6f6f6;
}
#price label[for="idStandard24"] .profit{
    /* background: #dcebc7; */
    background: rgb(241, 241, 241);
    color: #93c354;
    border-bottom-right-radius: 10px;
}
#price label[for="idStandard24"] .price-container{
    background: #f1f1f1;
}
#price label.selected .price-container .btn-dark-green{
    background: #cc0000 !important;
}
#price label.selected .price-container .btn-dark-green:hover{
    background: #DB4C4C !important;
}
#price label.selected .price-container span.time .month-amount,
#price label.selected .price-container .priceWithAdditions{
    color: #3e640d;
}

#price label.selected .profit{
    background: #dcebc7;
    color: #5f5f5f;
}
#price>label .profit .profit-sum{
    font-size: 20px;
    color: #6ba61d;
}
.price-btn-container{
    margin: 15px 30px 25px;
}

#price>label span.best-seler {
    position: absolute;
    bottom: -25px;
    width: 115px;
    left: 15px;
}

#price>label>span {
    display: inline-block;
    padding: 35px 0;
}

#price>label:hover span {
    cursor: pointer;
}

#price input:checked+label>span {
    border-color: #e9ecee;
}

.price-container {
    position: relative;
    width: 100%;
}
.price-container .option-head{
    margin: 3px 30px 0;
    padding-top: 30px;
}
#price label .price-container span.price,
#price label .price-container span.time {
    transition: 0.3s;
}

#price label .price-container span.time {
    font-weight: bold;
    font-size: 25px;
    display: block;
    padding-top: 15px;
}

#price .prices-heading input:checked+label .time,
#price-mob .prices-heading input:checked+label .time {
    background: #e9e9e9;
    color: #7caf39;
}
@media (max-width: 1450px){
    #price .price {
        font-size: 29px;
        padding-top: 0;
    }
    #price label .price-container span.time {
        font-size: 30px;
    }
}

#price label.selected .price-container {
    box-shadow: 1px 2px 10px lightgrey;
}

#price label .price-container .option-head div.font18 {
    line-height: 18px;
}

#price label.selected .price-container .option-head div.font18 {
    color: #7caf39;
}
#price label.selected {
    border:1px solid  #3e640d;
}

#price label.selected .price-container .btn-gray {
    color: #fff;
    background: #3e640d;
}

@media (max-width: 991px) {
    #price {
        height: auto;
        flex-direction: column;
    }

    #price>label {
        width: 100%;
        min-height: 240px;
    }

    #price label.selected .price-container {
        top: -10px;
    }
}

.pink-square {
    color: #7caf39;
    font-size: 30px;
    border: 6px solid #7caf39;
    display: inline-block;
    padding: 10px;
    font-weight: bold;
}

.btnCinkciarz {
    text-align: left;
    border: 1px solid #0b49db;
    background-color: #000;
    color: #fff;
    height: 100px;
    background-image: url("../../layout/helpimg/cinkciarz-bg.png");
    background-repeat: no-repeat;
    background-position: 150px 0;
    display: flex;
    flex-wrap: wrap;
}
.btnCinkciarz:hover,
.btnCinkciarz:focus,
.btnCinkciarz:active {
    color: #fff;
    box-shadow: 6px 6px 6px lightgrey;
    text-decoration: underline;
}

.FreeperiodInfo {
    padding: 10px 30px 45px 20px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: -40px;
}

.FreeperiodInfo h4 {
    font-weight: bold;
}

.FreeperiodInfo h4 small {
    display: block;
}

.priceBox.price {
    overflow: hidden;
}

.priceBox.price.gray-green-border,
.list-group.gray-green-border {
    border-right: 1px solid #BAC9A6;
    border-left: 1px solid #BAC9A6;
    overflow: hidden;
}

.price.priceBox.green-border,
.list-group.green-border {
    border-right: 1px solid #93c354;
    border-left: 1px solid #93c354;
    overflow: hidden;
}

.price.priceBox.dark-green-border,
.list-group.dark-green-border {
    border-right: 1px solid #5D802E;
    border-left: 1px solid #5D802E;
    overflow: hidden;
}
.price.priceBox.darker-green-border,
.list-group.darker-green-border {
    border-right: 1px solid #3C5B12;
    border-left: 1px solid #3C5B12;
    overflow: hidden;
}

@media(max-width:1199px) {

    .priceBox.price.blue-border,
    .list-group.blue-border,
    .price.priceBox.green-border,
    .list-group.green-border,
    .price.priceBox.dark-green-border,
    .list-group.dark-green-border,
    .price.priceBox.darker-green-border,
    .list-group.darker-green-border {
        border-left: none;
    }
}

.short-prices-info {
    width: 1000px;
    max-width: 100%;
    margin: 10px auto 50px;
    float: right;
}
.priceBox .list-group {
    margin-top: 41px;
}
.priceBox-footer .btn {
    padding: 10px;
}

#price>.d-flex {
    height: 190px;
    flex-direction: column;
    justify-content: space-between;
}

#price .list-group-item,
.priceBox .list-group-item {
    background: transparent;
    border: none;
    position: relative;
    height: 40px;
    border-bottom: 1px solid lightgray;
}
#price .list-group-item{
    font-weight: normal;
}
#price .list-group-item a[pink-t-title] {
    right: 0;
    z-index: 9;
    width: 26px;
    height: 26px;
    top: initial;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: initial;
}

#price li.list-group-item  {
	display:flex;
	align-items:center;
}

#price li.list-group-item .new {
    position: relative;
    width: 28px;
    height: 29px;
    background: url(../../layout/images/new.png);
    margin: 0 6px 0 0;
}

#price .list-group-item[class$="-category"] {
	display:block;
}


.priceBox .list-group-item a[pink-t-title] {
    right: 7px;
    z-index: 5;
    width: 26px;
    height: 26px;
    bottom: initial;	
}

.priceBox .list-group-item.list-group-item-with-info i {
    margin-bottom: -4px;
}

#price .list-group-item:after {
    position: absolute;
    height: 100%;
    width: calc(400% + 90px);
    left: 0;
    top: 0;
    content: '';
    box-shadow: 0px 0px 4px rgba(255, 255, 255, .2);
    z-index: 5;
}

#price a:hover, .list-group-item-with-info a[pink-t-title]:hover{
	background: #999;
	color: #fff;
    border: 2px solid #999;
}

@media(max-width: 1199px) {
    .priceBox .list-group-item.list-group-item-with-info span {
        color: dimgray;
        margin-left: 10px;
        font-size: 10px;
    }

    .priceBox .list-group-item a[pink-t-title] {
        display: block !important;
    }
}

.priceBox .list-group-item a[pink-t-title]:hover:after,
.priceBox .list-group-item a.active-pink-t-title[pink-t-title]:after,
#price .list-group-item a.active-pink-t-title[pink-t-title]:after,
#price .list-group-item a[pink-t-title]:hover:after {
    left: auto!important;
    right: 20px!important;
}
/* 
#price .list-group-item:nth-child(odd),
.list-group-item:nth-child(odd) {
    background: rgba(100, 100, 100, .1);
} */

/*korespondencja w cenniku*/
#price .list-group-item.contact-category,
#price-mob .priceBox .list-group-item.contact-category {
    border-left: 4px solid #731877;
    border-top: 4px solid #731877;
    color: #731877;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    border-top-left-radius: 15px;
}
.priceBox .list-group-item.border-top-contact  {
    border-top: 4px solid #731877;
}

#price .list-group-item.contact-item::before,
#price-mob .priceBox .list-group-item.contact-item::before {
    height: 100%;
    width: 4px;
    background: #731877;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

/*koszty w cenniku*/

#price .list-group-item.costs-category,
#price-mob .priceBox .list-group-item.costs-category {
    border-left: 4px solid #f44336;
    border-top: 4px solid #f44336;
    color: #f44336;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    border-top-left-radius: 15px;

}
#price .list-group-item.costs-item::before,
#price-mob .priceBox .list-group-item.costs-item::before {
    height: 100%;
    width: 4px;
    background: #f44336;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}
.priceBox .list-group-item.border-top-costs  {
    border-top: 4px solid #f44336;
}

/* ogolne w cenniku */
#price .list-group-item.general-category,
#price-mob .priceBox .list-group-item.general-category {
    border-left: 4px solid #DDA060;
    border-top: 4px solid #DDA060;
    color: #DDA060;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    border-top-left-radius: 15px;
}

#price .list-group-item.general-item::before,
#price-mob .priceBox .list-group-item.general-item::before {
    height: 100%;
    width: 4px;
    background: #DDA060;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}
.priceBox .list-group-item.border-top-general  {
    border-top: 4px solid #DDA060;
}
/*klienci w cenniku*/
#price .list-group-item.client-category,
#price-mob .priceBox .list-group-item.client-category {
    border-left: 4px solid cornflowerblue;
    border-top: 4px solid cornflowerblue;
    color: cornflowerblue;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    border-top-left-radius: 15px;
}

#price .list-group-item.client-item::before,
#price-mob .priceBox .list-group-item.client-item::before {
    height: 100%;
    width: 4px;
    background: cornflowerblue;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}
.priceBox .list-group-item.border-top-clients  {
    border-top: 4px solid cornflowerblue;
}
/*produkty w cenniku*/
#price .list-group-item.product-category,
#price-mob .priceBox .list-group-item.product-category {
    border-left: 4px solid #111111;
    border-top: 4px solid #111111;
    color: #111111;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    border-top-left-radius: 15px;
}
#price .list-group-item.product-item::before,
#price-mob .priceBox .list-group-item.product-item::before {
    height: 100%;
    width: 4px;
    background: #111111;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}
.priceBox .list-group-item.border-top-products  {
    border-top: 4px solid #111111;
}
/*ustawienia w cenniku*/
#price .list-group-item.settings-category,
#price-mob .priceBox .list-group-item.settings-category {
    border-left: 4px solid #8ABF74;
    border-top: 4px solid #8ABF74;
    color: #8ABF74;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    border-top-left-radius: 15px;
}
#price .list-group-item.settings-item::before,
#price-mob .priceBox .list-group-item.settings-item::before {
    height: 100%;
    width: 4px;
    background: #8ABF74;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}
.priceBox .list-group-item.border-top-settings  {
    border-top: 4px solid #8ABF74;
}
/*dokumenty w cenniku*/
#price .list-group-item.doc-category,
#price-mob .priceBox .list-group-item.doc-category {
    border-left: 4px solid #70B3C6;
    border-top: 4px solid #70B3C6;
    color: #70B3C6;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    border-top-left-radius: 15px;
}

#price .list-group-item.doc-category:hover {
	display:block;
}
#price .list-group-item.doc-category:hover::after {
	background:transparent;	
}

#price .list-group-item.doc-item::before,
#price-mob .priceBox .list-group-item.doc-item::before {
    height: 100%;
    width: 4px;
    background: #70B3C6;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}
.priceBox .list-group-item.border-top-doc  {
    border-top: 4px solid #70B3C6;
}

.hoverItem {
    cursor: pointer
}

#price .list-group-item.hoverItem:after {
    background: rgba(100, 100, 100, .3);
}

.priceBox .list-group-item i {
    height: 20px;
    width: 20px;
    display: block;
    margin: 0 auto;
}
.priceBox .list-group-item i.icon-ok {
    color:#4b7217;
}
.priceBox .list-group-item,
.priceBox .list-group-item{
    color: gray;
    display: flex;
    align-items: center;
    justify-content: center;	
}
#price-mob .priceBox .list-group-item {
    color: #000;
}

#price .price-help {
    color: #7caf39;
    border: 2px solid #7caf39;
    cursor: pointer;
    border-radius: 50%;
    display: inline-block;
    width: 25px;
    text-align: center;
    margin-left: 10px;
    position: relative;
    z-index: 10;
}

.priceBox .list-group-item.blocked {
    color: #c80404;
    font-size: 20px;
    line-height: 24px;
}

.prices-heading .time {
    width: 76px;
    height: 76px;
    text-align: center;
    font-size: 40px;
    line-height: 20px;
    padding-top: 30px;
    cursor: pointer;
}

.prices-heading .time:hover {
    background: #d9d9d9;
    color: #7caf39;
}

.prices-heading .time small {
    font-size: 16px;
    line-height: 16px;
}

.priceBox-heading {
    padding: 20px;
    position: relative;
}

.img-best-seller {
    position: absolute;
    top: 5px;
    width: 100px;
    right: 5px;
}

.img-best-seller img {
    width: 115px;
}

.priceBox-heading h3 {
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 26px;
}

.priceBox .priceBox-icon img {
    transform: rotate(-90deg);
}

.priceBox-icon {
    width: 40px;
}

.priceBox-body {
    color: #fff;
}

.priceBox-body p {
    font-weight: bold;
    font-size: 38px;
    line-height: 20px;
}

#faq-accordion .panel-title {
    margin: 30px 0 15px;
}

#faq-accordion .panel-body {
    padding: 0 ;
}
#faq-accordion .panel-box{
    text-align: center;
    padding:0 20px;
    width: 33%;
}

#specialOffer2 .razem {
    font-size: 20px;
    font-weight: bold;
}

#specialOffer2 .small-brutto {
    font-size: 20px;
    font-weight: bold;
}

#specialOffer2 .price {
    font-size: 40px;
    font-weight: bold;
    color: #3e640d;
}

#specialOffer2 .razem span.price span {
    font-size: 42px
}

.selectPrestige {
    margin-top: 15px;
}
.selectPrestige label,
.selectSMS label,
.selectReceipt label{
    margin-bottom: 0;
}
.selectSMS, .selectReceipt{
    margin-top: 19px;
}
.payKind-box {
    padding: 20px; 
    display: flex;
    flex-direction: column;
}
.payKind-box-left{
    width: 60%;
}
.payKind-box img{
    height: 110px;
    margin: 30px auto 0;
}
#price span.time {
    font-weight: 100;
    font-size: 20px;
}

#specialOffer .agreement-box label {
    font-size: 12px;
    font-weight: normal;
}

#specialOffer #payCashDisabled {
    padding: 30px;
}

.bonus-code{
    padding: 0 30px;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
}
.payment-info-container {
    width: calc(100% - 680px);
    text-align: right;
}
@media(max-width: 991px) {
    .payment-info-container {
        width:100%;
        margin-bottom: 20px;
    }
    .payKind-box-left,
    #faq-accordion .panel-box{
        width: 100%;
    }
    #faq-accordion .panel-box{
        margin-top: 20px;
    }
}
@media(max-width: 768px) {
    .payment-info-container {
        width: auto;
    }
}

#priceAll .payment-info {
    font-weight: bold;
    font-size: 12px;
    padding-left: 30px;
}

#priceAll .payment-info img {
    width: 50px;
    margin-right: 15px;
    margin-top: 15px
}

#priceAll .payment-info p {
    margin-top: 0px;
}

#priceAll .fakNote {
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
}


#specialOffer2 .img-underlined,
.specialOffer-prestige .img-underlined {
    text-transform: uppercase;
    color: #d40000;
    display: inline-block;
    position: relative;
}

#specialOffer2 .img-underlined:after,
.specialOffer-prestige .img-underlined:after {
    position: absolute;
    content: "";
    display: block;
    height: 30px;
    width: 130%;
    background-image: url(../../layout/helpimg/rose-underline.png);
    left: -8%;
    background-size: contain;
    background-repeat: no-repeat
}

#specialOffer2 .prestige-tag,
.specialOffer-prestige .prestige-tag {
    font-size: 16px;
    cursor: pointer;
}

#specialOffer2 .prestige-tag .checkbox:after {
    font-size: 42px;
    position: absolute;
    top: -16px;
    left: 3px;
    color: #7caf39;
}
.small {
    font-size: 11px;
}

#priceAll .small {
    font-size: 11px
}

#specialOffer ul {
    margin-left: 25px;
    padding-top: 10px
}

#specialOffer2 .pinkButton {
    margin-left: 25px;
    height: 48px;
    margin-bottom: 10px;
    vertical-align: bottom;
    cursor: pointer
}

.profit-box {
    padding: 0 10px 0 30px;
    /* padding: 5px 10px 5px 30px; */
    position: relative;
    margin-bottom: 5px;
}

.profit-box::before {
    position: absolute;
    color: #7caf39;
    width: 20px;
    height: 20px;
    line-height: 19px;
    font-size: 10px;
    text-align: center;
    margin-right: 5px;
    top: -2px;
    left: 0;
    content: '\2714';
    border: 1px solid #7caf39;
    border-radius: 50%;
}

.tag {
    color: #43A4CC;
    display: block;
    font-size: 36px;
    font-weight: 600;
    text-align: left;
    position: relative;
    font-weight: bold;
    display: block;
    float: left
}

.salesRecordColumn label {
    margin-bottom: 10px;
    font-weight: normal;
}

#page-content-wrapper .radio label {
    line-height: 10px;
}
.malpkaTopLink span {
    background: url('../images/malpa.png');
    display: block;
    height: 31px;
    width: 30px;
    float: left;
    margin-right: 5px;
    margin-top: 7px
}

.malpkaTopLink2 {
    background: url('../images/malpa.png');
    display: block;
    height: 31px;
    width: 30px;
    float: left;
    margin-right: 5px;
    margin-top: -4px
}

.malpkaMainLink {
    line-height: 150px;
    font-size: 35px;
    display: inline-block;
    color: #1f1f1f;
    height: 150px;
    margin-top: 20px;
    vertical-align: middle;
    padding-left: 170px;
    background: transparent url(../images/malpkalogo.png) left top no-repeat
}

.malpkaMainLink:hover {
    text-decoration: underline
}

.flot table {
    width: auto;
    max-width: 100%;
}

.sendHistory,
.remSendHistory {
    background: #fff;
    z-index: 54;
    text-align: left;
    border: 1px solid #bbb;
    border-radius: 3px;
    padding: 8px 8px 0 8px;
}

.sendHistory span,
.remSendHistory span {
    border-bottom: 1px solid #bbb;
    display: block;
    padding: 5px 0;
    margin: 0 4px;
}

.remSendHistory span {
    white-space: nowrap;
}

.sendHistory,
.remSendHistory {
    position: absolute;
    display: none;
}

.colSimilar .remSendHistory,
.colDate .remSendHistory {
    min-width: 180px;
    /* top: calc(50% + 15px); */
    bottom: calc(100% - 12px);
}

.colPayed .remSendHistory {
    min-width: 160px;
    top: calc(50% + 15px);
}

.colSMS {
    min-width: 50px;
    width: 50px;
}

.colSMS .sendHistory {
    min-width: 160px;
    top: calc(50% + 15px);
}

.kListIcon {
    cursor: pointer;
}

.kListIconCont {
    display: inline-block;
}

.colSimilar:hover .remSendHistory,
.kListIconCont:hover .remSendHistory,
.colDate:hover .remSendHistory,
.colPayed:hover .remSendHistory,
.colSend:hover .sendHistory,
.IconSend:hover .sendHistory,
.colSMS:hover .sendHistory {
    display: block
}

.postscript>div {
    float: right;
    margin-right: 24px
}

.colStatus {
    position: relative;
    padding: 0;
    width: 120px;
}

.colStatus>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 10px;
}

.colStatus>div>select {
    margin: 0 auto;
}

.invMenuFixed .invAddMenu .ico1,
.invMenuFixed .invAddMenu .ico2,
.invMenuFixed .invAddMenu .ico3,
.invMenuFixed .invAddMenu .ico4,
.invMenuFixed .invAddMenu .ico5,
.invMenuFixed .invAddMenu .ico6,
.invMenuFixed .invAddMenu .ico7,
.invMenuFixed .invAddMenu .ico8,
.invMenuFixed .invAddMenu .ico9,
.invMenuFixed .invAddMenu .ico13 {
    background-position: 5px center;
    padding: 3px 10px 3px 30px;
    line-height: 30px
}

.checkboxBorder label:hover {
    cursor: pointer;
    text-decoration: underline;
}

.cursor-disabled {
    cursor: not-allowed
}

label.control-label h3 {
    margin: -7px 0 0 0;
}

.input-group-addon {
    background: transparent !important;
}

.calSelect .form-control[readonly] {
    cursor: pointer
}

.input-group .form-control.calendar {
    z-index: 3;
}

.carousel {
    font-family: "LatoLatinWeb";
    overflow: hidden;
    position: relative;
    background-color: #1f1f1f;
}

.carousel-img-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 850px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    z-index: 5;
    overflow: hidden;
}

.carousel h5,
.carousel h6 {
    display: inline;
    margin: 0
}

.carousel .panes {
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin-bottom: 0;
    height: 700px;
    position: absolute;
}

.carousel .left-section {
    height: 700px;
}

.carousel .panes .slide {
    width: 100%;
    height: 100px;
    display: block;
    position: absolute;
}

.carousel .for-panes {
    background: #7caf39;
    position: relative;
    padding: 60px 0;
}

.carousel .panes .slide .column2 {
    padding-top: 50px;
}

.carousel .panes .slide .content {
    min-height: 165px;
    font-size: 14px;
    background-color: #f2f2f2;
    padding: 40px;
    margin-bottom: 30px;
    cursor: pointer;
    transition-duration: .4s;
}

.carousel .panes .slide .content a:hover {
    text-decoration: none;
}

.carousel .panes .slide .content:first-child {
    border-top-left-radius: 50px;
}

.carousel .panes .slide .content:nth-child(2) {
    border-bottom-right-radius: 50px;
}

.carousel .panes .slide .content:hover {
    background-color: #1f1f1f;
}

.carousel .panes .slide .content:hover h2,
.carousel .panes .slide .content:hover p {
    color: #fff;
}

.carousel .for-panes .container {
    position: relative;
}

.carousel .for-panes .prev-slide,
.carousel .for-panes .next-slide {
    position: absolute;
    bottom: 110px;
    height: 50px;
    width: 30px;
    z-index: 10;
}

@media (max-width: 1380px) {

    .carousel .for-panes .prev-slide,
    .carousel .for-panes .next-slide {
        display: none;
    }
}

@media(max-width: 991px) {
    .carousel-img-container {
        height: 750px;
    }

    .carousel-img-container img {
        height: 100%;
    }

    .carousel .panes {
        display: none;
    }

    .carousel .left-section {
        height: 0;
    }
}

@media(max-width: 768px) {
    .carousel-img-container {
        width: 50%;
        height: auto;
    }

    .carousel-img-container img {
        height: auto;
        width: 100%;
    }
}

.carousel .for-panes .prev-slide .icon-right-open,
.carousel .for-panes .next-slide .icon-right-open {
    color: #c8c8c8;
    opacity: 0.4;
}

.carousel .for-panes .prev-slide:hover .icon-right-open,
.carousel .for-panes .next-slide:hover .icon-right-open {
    color: #93b922;
    opacity: 1;
    cursor: pointer;
}

.carousel .for-panes .prev-slide .icon-right-open:before,
.carousel .for-panes .next-slide .icon-right-open:before {
    font-size: 50px
}

.carousel .for-panes .prev-slide {
    left: calc(25% - 345px);
}

.carousel .for-panes .prev-slide .icon-right-open:before {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.carousel .for-panes .next-slide {
    right: calc(25% - 325px);
}

.carousel .panes h2 {
    color: #000;
    display: inline-block;
    font-family: 'LatoLatinWeb';
    line-height: 26px;
    font-size: 26px;
    margin-top: 0;
    font-weight: lighter;
}

.carousel .panes .img-container {
    display: block;
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
}

.carousel .panes .img-container img {
    max-width: 100%;
}

.carousel .panes>li {
    position: relative;
    float: left;
    width: 20%;
}

.carousel .slogan {
    color: #fff;
    font-size: 65px;
    font-family: 'LatoLatinWeb';
    font-weight: bold;
    line-height: 77px;
    display: inline-block;
    text-align: left;
}

.carousel .slogan small {
    color: #fff;
    font-weight: bold;
}

.carousel .slogan-container {
    width: 670px;
    text-align: left;
    display: inline-block;
    max-width: 100%;
}

.carousel .slideContent {
    padding-top: 20px;
}

.carousel .slogan2 {
    font-size: 16px;
    color: gray;
    margin-top: 20px;
    display: block;
}

.carousel h2 {
    color: #000;
    font-weight: 600;
    font-size: 25px;
    text-shadow: 0 0 1px #747474
}

.carousel .right-section {
    padding: 100px 0 0 30px;
    margin: 50px 0;
}

.carousel .right-section h2 {
    color: #fff;
}

.carousel .right-section h2 small {
    color: #fff;
}

.carousel .right-section h3 {
    color: #fff;
    padding-left: 50px;
    font-size: 35px;
    line-height: 45px;
}

.carousel .right-section h3 small {
    display: block;
    color: #fff;
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 15px;
}

.carousel .right-section p {
    color: #283516;
}

.carousel .right-section .col {
    padding-right: 60px;
}

.carousel .right-section .column2 {
    padding-top: 36px;
}

@media(max-width: 1200px) {
    .carousel .right-section {
        padding: 0 30px;
        margin: 0;
    }
}

.carousel .content p {
    line-height: 20px;
    margin-top: 10px;
    color: #707070;
    font-size: 14px;
    text-align: left;
    height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.carousel .content p>span {
    color: #862b68
}

@media (max-width: 1120px) {
    .carousel .panes .img-container {
        display: none;
    }
}


.carousel2 {
    font-family: 'LatoLatinWeb';
    overflow: hidden;
    position: relative;
    background-image: url('../images/green-slider-bg.jpg');
    background-size: cover;
    height: 435px;
}

@media(max-width: 990px) {
    .carousel .slogan {
        font-size: 47px;
        line-height: 60px;
    }

    .carousel2 {
        background-image: url('../images/green-slider-mobile-bg.jpg');
    }
}

.carousel2 .container {
    overflow: hidden;
    padding-left: 0;
}

.carousel2 h5,
.carousel2 h6 {
    display: inline;
    color: #323539;
    font-size: 17px;
    font-weight: bold;
}

.carousel2 .panes {
    list-style: none;
    width: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
    margin-bottom: 0;
    height: 200px;
}

.carousel2 .panes .slide {
    position: absolute;
    width: 100%;
    display: block;
}

.carousel2 .slogan0 {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    margin: 50px 0 0 385px;
    display: block;
    text-transform: uppercase;
}

.carousel2 .slogan {
    color: #ccdd7d;
    font-size: 25px;
    font-weight: 100;
    display: block;
    text-transform: uppercase;
    margin-left: 385px;
}

.carousel2 .slideContent {
    padding-top: 20px;
}

.carousel2 .slide .content .num {
    float: left;
    width: 385px;
    font-size: 190px;
    color: #d3d3d3;
    opacity: .25;
    margin-top: 50px;
    text-align: center;
    text-shadow: 2px 1px rgba(0, 0, 0, 0.75);
    font-weight: bold;
    position: relative;
}

.carousel2 .slide .content .num:after {
    width: 200px;
    height: 12px;
    display: block;
    position: absolute;
    content: '';
    background: #d3d3d3;
    opacity: .75;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    left: 50%;
    margin-left: -100px;
    bottom: -100px;
}

.carousel2 .slide .content p {
    margin-left: 385px;
    color: #fff;
}

.carousel2 h4 {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-left: 385px;
    border-bottom: 1px solid #8aa548;
}

.carousel2 h4 span {
    font-size: 58px;
}

.carousel2 .content {
    line-height: 30px;
    margin-top: 10px;
    color: #323539;
    font-size: 17px;
    text-align: justify;
    margin-bottom: 20px;
}

.carousel2 label {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    border-radius: 50%;
    margin: 0 6px;
    padding: 9px;
}

.carousel2-dots {
    text-align: center;
    margin-top: 50px;
}

.carousel2-dots .dot {
    width: 11px;
    height: 11px;
    background: #a2b958;
    border-radius: 50%;
    display: inline-block;
    margin: 0 8px;
    cursor: pointer;
}

.carousel2-dots .dot.active {
    background: #fff;
}

.carousel2>input[type="radio"] {
    display: none;
}

@media (max-width: 1321px) {
    .carousel2 {
        background-position-x: -20px;
        height: 395px;
    }

    .carousel2 .panes .slide {
        width: 90%;
    }

    .carousel2 .slide .content .num {
        display: none;
    }

    .carousel2 .slide .content p,
    .carousel2 .slogan,
    .carousel2 h4 {
        margin-left: 100px;
    }

    .carousel2 .slogan0 {
        margin: 50px 0 0 100px;
    }

    .carousel2-dots {
        margin-top: 30px;
    }

}


#noSubPrint .pinkButton {
    width: auto;
    display: inline-block;
    padding: 6px 0px;
    text-align: center;
    text-transform: uppercase;
    height: auto;
    line-height: 1.42857;
    width: 100%;
    max-width: 200px;
}

#noLogin1 {
    font-size: 16px
}

.clsZaplacono input {
    display: none;
}

.clsZaplacono label.btn {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
    font-family: Tahoma;
    padding-right: 0px;
    padding-left: 0px;
    text-decoration: line-through;
    width: 50px;
    clear: none;
    margin-right: 0 !important;
    text-align: center;
}

.clsZaplacono label:hover {
    text-decoration: underline;
}

.clsZaplacono input[type="radio"]:checked+label {
    background-color: #99D0FC;
    border-color: #74BBE2;
    color: #fff;
    text-decoration: none;
}

.clsZaplacono input[type="radio"]:checked+label:hover {
    text-decoration: none;
}

@media screen {
    #printSection {
        display: none;
    }
}

@media (max-width:767px) {
    #mailPop .languages:not(.showAll) div:not(.popularLangauge) {
        display: none;
    }

    #mailPop .nullPosition {
        display: none;
    }

    #mailPop .languages.showAll .showAllLanguages.popularLangauge {
        display: none !important;
    }

    #mailPop .left {
        border-bottom-left-radius: 0
    }

    #chat-application {
        display: none !important;
    }

    .carousel .slogan {
        top: 170px;
        font-size: 30px;
        line-height: 35px;
        width: 50%;
    }

    .carousel .btn {
        top: 290px;
    }

    .carousel .slogan2 {
        top: 340px;
    }

    .loadProductBox {
        position: static;
    }

    div#header {
        padding-bottom: 0;
    }

    #header .navbar {
        min-height: 80px;
    }

    #loginPage h1 {
        margin-top: 0;
        padding-top: 0px;
        padding-bottom: 0px;
        background-position: 20px 10px;
        font-size: 26px;
    }

    #registerRight {
        margin-top: 0;
        margin-bottom: 0
    }

    #registerRight h1 {
        margin-top: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .modal-header h3 {
        font-size: 18px;
    }

    .headerMenu a {
        padding: 0 7px
    }

    .salesOpenLinkContainer {
        padding-top: 0;
        text-align: left;
    }

    .headerUnderlay h1 {
        margin-top: 5px
    }
}

@media print {

    #footer-copy,
    #footer-copy,
    #header,
    .modal-footer,
    #debtCollectionRegPrint {
        display: none
    }

    body * {
        visibility: hidden;
    }

    #printSection,
    #printSection * {
        visibility: visible;
        text-align: left;
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 0;
    }

    .modal-dialog {
        width: 100%
    }
}

.optionMenu~.checkox {
    opacity: 1
}

.tooltip {
    position: relative;
}

.tooltip:after {
    background: blue;
    border-radius: .5em;
    bottom: 24px;
    color: #fff;
    content: 'Nowa funkcja';
    display: block;
    left: -10px;
    font-size: 12px;
    font-weight: normal;
    padding: .3em 1em;
    position: absolute;
    text-shadow: 0 1px 0 #000;
    white-space: nowrap;
    z-index: 98;
}

.tooltip:before {
    border: solid;
    border-color: blue transparent;
    border-width: .4em .4em 0 .4em;
    bottom: 20px;
    content: "";
    display: block;
    left: 5px;
    position: absolute;
    z-index: 99;
}
.tooltipBeta {
    position: relative;
}

.tooltipBeta:after {
    background: #2167d9;
    border-radius: .5em;
    top: -22px;
    color: #fff;
    content: 'Beta';
    display: block;
    right: 0px;
    font-size: 12px;
    font-weight: normal;
    padding: .3em 1em;
    position: absolute;
    text-shadow: 0 1px 0 #000;
    white-space: nowrap;
    z-index: 98;
}

.tooltipBeta:before {
    border: solid;
    border-color: #2167d9 transparent;
    border-width: .4em .4em 0 .4em;
    top: 2px;
    content: "";
    display: block;
    right: 10px;
    position: absolute;
    z-index: 99;
}

input.form-control-disabled {
    background: #e3e3e3
}

input.form-control-disabled:focus {
    border-color: #ccc;
    box-shadow: none;
}

#header .dropdown-menu li.actvie:nth-child(n+3):not(.active) a:before {
    content: "|";
    color: #111;
    margin-right: 10px;
    width: 2px;
    display: inline-block;
}

#header .dropdown.active.open.activeopen .dropdown-menu.horizontal-menu li.hamburger-item {
    border-right: none;
}

#header .loggedUserNav {
    right: calc(50vw - 960px);
    top: 10px;
    position: absolute;
    z-index: 100;
    text-align: right;
}

@media(min-width: 769px) and (max-width: 1200px) {
    #header .loggedUserNav>div {
        display: inline-block;
    }
}

@media (max-width: 1920px) {
    #header .loggedUserNav {
        right: 30px;
    }
}

@media(max-width: 1200px) {
    #header .loggedUserNav {
        right: 0;
        top: 0;
    }
}

#header .loggedUserNav .btn {
    margin-top: 3px;
    min-width: 50px;
}

li.dropdown {
    position: relative;
}

li.dropdown.active.open.activeopen {
    position: static;
}

li.dropdown.active.open.activeopen>.dropdown-container>a {
    color: #7caf39;
}

li.dropdown.active.open.activeopen:hover>.dropdown-container>a {
    color: #fff;
}

li.dropdown a:before {
    font-family: "fontello";
    font-size: 14px;
    display: inline-block;
    width: 1em;
    margin-right: 8px;
    text-align: center;
}

#header .dropdown.active.open a i,
#header .dropdown.active.open a:before {
    display: none;
}

li.dropdown:nth-child(8) .dropdown-menu i {
    width: 1em;
    margin-right: 8px;
    text-align: center;
}

.navbar-for-noLogin li.dropdown:nth-child(3) .dropdown-menu a:before {
    content: '\e810';
}

.navbar-for-noLogin li.dropdown:nth-child(6) .dropdown-menu a:before {
    content: '\e812';
}

ul.dropdown-menu {
    height: auto !important;
    width: 590px;
}

li.dropdown.active.open .dropdown-menu {
    width: auto;
}

.dropdown-menu>li {
    width: 50%;
}

li.dropdown.active.open .dropdown-menu>li {
    width: auto;
}

.dropdown-menu>li>a {
    padding: 4px 8px !important;
}

.navbar-toggle2 {
    padding: 3px 4px !important;
    margin-bottom: 0;
}

.helpCircle {
    position: relative;
    border: 2px solid #7caf39;
    color: #7caf39;
    border-radius: 9px;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    padding: 3px;
}

.helpCircle:hover span {
    display: block;
    left: -200px;
    top: -10px;
    opacity: 1;
}

.helpCircle span {
    color: #fff;
    background: rgba(51, 51, 51, 0.9);
    padding: 5px;
    position: absolute;
    left: -9999px;
    opacity: 0;
    width: auto;
    text-align: left;
    -webkit-transition: 0.25s linear opacity;
    z-index: 150;
    border-radius: 5px;
    font-size: 11px;
    min-width: 200px;
    margin-left: 15px;
    bottom: 0;
}

#invoiceForm #searchBtn {
    margin: 10px 0;
}

@media(min-width: 768px) {
    #bankPop .modal-dialog {
        width: 800px;
        max-width: 100%;
    }
}

[t-title] {
    position: relative;
    padding: 2px 5px 1px;
    margin-right: -20px;
    margin-left: 5px;
    background: #428bca;
    color: #fff;
    border-radius: 50%;
}

[t-title]:after {
    content: attr(t-title);
    color: #fff;
    background: rgba(51, 51, 51, 0.9);
    padding: 5px;
    position: absolute;
    left: -9999px;
    opacity: 0;
    bottom: 100%;
    width: 200px;
    max-width: 250px;
    text-align: left;
    -webkit-transition: 0.25s linear opacity;
    z-index: 150;
    padding: 10px;
    border-radius: 5px;
    font-size: 11px;
    display: none;
}

[t-title]:hover:after {
    left: 5px;
    opacity: 1;
}
.pink-t-title,
[pink-t-title] {
    position: absolute;
    padding: 0px 7px 0px;
    /* border: 2px solid #7caf39; */
    border: 2px solid #999 !important;
    /* color: #7caf39; */
    color: #999 !important;
    border-radius: 50%;
    right: -20px;
    top: 5px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    z-index: 9;
	display:inline-flex !important;
	width:20px !important;
	height:20px !important;
	align-items:center;
	justify-content:center;
	font-family: arial;
}
[pink-t-title]:hover {
	color:#000 !important;
	border: 2px solid #000 !important;
}

@media (max-width: 1199px) {
    [pink-t-title] {
        display: none !important;
    }
}

.invoice-settings-info {
	z-index:initial;
}

[pink-t-title]:after {
    content: attr(pink-t-title);
    color: #fff;
    background: rgba(51, 51, 51, 0.9);
    padding: 5px;
    position: absolute;
    left: 5px;
    /* opacity: 0; */
    width: auto;
    text-align: left;
    /* -webkit-transition: 0.25s linear opacity; */
    z-index: 150;
    border-radius: 5px;
    font-size: 11px;
    min-width: 200px;
    margin-left: 15px;
    bottom: 0;
    line-height: 15px;
    display: none;
	letter-spacing:0.4px;
}

.left[pink-t-title]:after {
	left:initial;
	right:21px;
}

.bottom[pink-t-title]:after {
	bottom: -45px;
}

.top[pink-t-title]:after {
	bottom:initial;
	top: -45px;
}


.pinkTTitle-bg {
    position: fixed;
    width: 100vw;
    background: transparent;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 8;
}

[pink-t-title].theadTip:after {
    left: 7px !important;
    top: auto;
    bottom: -26px;
    right: auto;
    width: 330px;
}

a.active-pink-t-title[pink-t-title]:after,
[pink-t-title]:hover:after {
    /* left: 5px;
    opacity: 1; */
    display: block;
}

[pink-t-title].label-tip {
    right: -10px;
}

#dataForm .newNip+[pink-t-title],
h3 [pink-t-title],
h4 [pink-t-title],
h2 [pink-t-title],
[pink-t-title].rel,
.pink-t-title.rel {
    position: relative;
    padding: 2px 7px;
    top: -3px;
    z-index: 15;
}

.loadProductBox [pink-t-title].rel, .currencyHeadPart [pink-t-title].rel{
	z-index:initial;
	right:-10px;
}

.currencyHeadPart label:first-of-type{
    margin: 0 15px 4px 0;
    display: flex;
    align-items: end;
}

.input-group-btn > a#smeoClient, .input-group-btn > a[title="Zweryfikuj kontrahenta pod kątem zaległości w bazach dłużników"]  {display:none !important}



.input-group-btn > a#gusBuy {
	margin-left: 5px;
    margin-right: 5px;
}

.input-group-btn > a[onclick="return datas.whiteList('Buy')"] {
	margin-left:5px;
}


.vat-payer-container {
	padding: 6px;
	width: calc(100% - 5px);
	height: 33px;
	margin-left: 5px;
	cursor:pointer;
	border-radius:5px !important;
}

.vat-payer-container > div {
	display: flex;
    align-items: center;
}

.vat-payer-container > div.txt {
	font-size:12px;
	padding-right:5px;
}


#dataForm .newNip+[pink-t-title]:hover:after,
h3 [pink-t-title]:hover:after,
[pink-t-title].rel:hover:after {
    left: 7px;
}

[pink-t-title].rel.left:hover:after {
    left: auto;
    right: 20px;
}

[pink-t-title]#jpkTooltip:after,
[pink-t-title]#gtuTooltip:after {
    content: '';
    width: 0;
    height: 0;
    display: none;
}

[pink-t-title].left:hover:after {
	display: block;
    left: -220px;
    margin-right: 20px;
    right: initial;
    margin-left: 0;
}

#productPop [pink-t-title]:after {
    content: "Jeżeli chcesz dodać jeden produkt, kliknij w jego nazwę w tabeli, \A zostanie on automatycznie dodany do dokumentu. \A Jeżeli chcesz dodać więcej niż jeden produkt, wpisz ilość \a w polu 'Podaj ilość' i kliknij w 'Załaduj produkty'.";
    white-space: pre;
    left: 7px;
    top: -18px;
    bottom: auto;
    width: 350px;
}

#gtuTooltip:hover:after,
#jpkTooltip:hover:after {
    display: none !important;
}

#dataForm .newNip+[pink-t-title]:after {
    width: 270px;
    bottom: 100%;
    white-space: pre;
    content: "Prośbę o zmianę nr NIP proszę wysłać z adresu \A podanego podczas rejestracji na pomoc@afaktury.pl \A \A W prośbie proszę zawrzeć takie informacje jak:\A - NIP przed zmiana i na jaki zmienić \A- przyczynę zmiany \A- koniecznie podpisać się wraz z zajmowanym \A stanowiskiem w firmie."
}

#short+[pink-t-title]:after {
    width: 200px;
    bottom: 100%;
}

#company+[pink-t-title]:after {
    content: url("../images/faktura-info.jpg");
    margin-left: 100px;
    top: -100px;
    box-shadow: 7px 8px 20px #888;
    bottom: auto;
}

[pink-t-title].pink-logo:after {
    content: url("../images/logo-info.jpg");
    top: -100px;
    box-shadow: 7px 8px 20px #888;
    margin-left: -600px;
    bottom: auto;
}

[pink-t-title].print-info:after {
    content: url("../images/printInfo.jpg");
    top: -100px;
    box-shadow: 7px 8px 20px #888;
    margin-left: 40px;
    bottom: auto;
}

[pink-t-title].uwagi-info:after {
    content: url("../images/uwagi-info.jpg");
    bottom: -300px;
    box-shadow: 7px 8px 20px #888;
    margin-left: 15px;
}

[pink-t-title].pink-sign:after {
    content: url("../images/sign-info.jpg");
    top: -250px;
    box-shadow: 7px 8px 20px #888;
    margin-left: -600px;
    bottom: auto;
}

[pink-t-title].pink-show-on-print:after {
    content: url("../images/show-on-print-info.jpg");
    top: -520px;
    box-shadow: 7px 8px 20px #888;
    margin-left: 20px;
    bottom: auto;
}

[pink-t-title].pink-head:after {
    content: url("../images/head-info.jpg");
    top: -250px;
    box-shadow: 7px 8px 20px #888;
    margin-left: -600px;
    bottom: auto;
}

[pink-t-title].pink-stopka-maili {
    position: relative;
}

[pink-t-title].pink-stopka-maili:after {
    content: url("../images/stopka-maili-przyklad.png");
    top: 20px;
    box-shadow: 7px 8px 20px #888;
    margin-left: 100px;
    bottom: auto;
}

[pink-t-title].pink-status:after {
    content: url("../images/status-dokumentu-tooltip.png");
    top: -20px;
    box-shadow: 7px 8px 20px #888;
    margin-left: 20px;
    bottom: auto;
}

[pink-t-title].pink-dopisek:after {
    content: url("../images/dopisek-tooltip.png");
    top: -20px;
    box-shadow: 7px 8px 20px #888;
    margin-left: -570px;
    bottom: auto;
}

[pink-t-title].pink-payTime:after {
    content: url("../images/payTime-tooltip.png");
    top: -20px;
    box-shadow: 7px 8px 20px #888;
    margin-left: 30px;
    bottom: auto;
}

[pink-t-title].pink-payKind:after {
    content: url("../images/payKind-tooltip.png");
    top: -20px;
    box-shadow: 7px 8px 20px #888;
    margin-left: -570px;
    bottom: auto;
}

[pink-t-title].pink-delivery:after {
    content: url("../images/delivery-tooltip.png");
    top: -20px;
    box-shadow: 7px 8px 20px #888;
    margin-left: 30px;
    bottom: auto;
}

[pink-t-title].pink-vat:after {
    content: url("../images/vat-tooltip.png");
    top: -20px;
    box-shadow: 7px 8px 20px #888;
    margin-left: 30px;
    bottom: auto;
}

[pink-t-title].pink-unit:after {
    content: url("../images/unit-tooltip.png");
    top: -20px;
    box-shadow: 7px 8px 20px #888;
    margin-left: -570px;
    bottom: auto;
}

#page-content-wrapper #lol+[pink-t-title]:after {
    content: url("../images/head-info.jpg");
    top: -400px;
    box-shadow: 7px 8px 20px #888;
    margin-left: 50px;
    bottom: auto;
}

[pink-t-title].pink-foot:after {
    content: url("../images/foot-info.jpg");
    bottom: -170px;
    box-shadow: 7px 8px 20px #888;
    margin-left: -600px;
}

#page-content-wrapper #configDocFooter+[pink-t-title]:after {
    content: url("../images/foot-info.jpg");
    bottom: -170px;
    box-shadow: 7px 8px 20px #888;
    margin-left: 50px;
}

[pink-t-title].pink-info:after {
    content: url("../images/info-info.jpg");
    bottom: -100px;
    box-shadow: 7px 8px 20px #888;
    margin-left: -600px;
}

select#idCurrency+a[pink-t-title] {
    position: relative;
    padding: 2px 7px;
    right: -12px;
    top: 0px;
}

#currencyFields .radio label {
    padding-left: 40px;
}

#currencyFields .radio label [pink-t-title] {
    right: auto;
    left: -8px;
}

#page-content-wrapper #configDocInfo+[pink-t-title]:after {
    content: url("../images/info-info.jpg");
    bottom: -100px;
    box-shadow: 7px 8px 20px #888;
    margin-left: 50px;
}

.sellId+[pink-t-title]:after {
    content: url("../../layout/helpimg/id-sprzedawcy.jpg");
    top: -350px;
    box-shadow: 7px 8px 20px #888;
    margin-left: 50px;
    bottom: auto;
}

.sellKod+[pink-t-title]:after {
    content: url("../../layout/helpimg/kod-potwierdzajacy.jpg");
    top: -350px;
    box-shadow: 7px 8px 20px #888;
    margin-left: 50px;
    bottom: auto;
}

[pink-t-title].checkVat {
    left: 2px;
    padding: 0 5px;
    top: 0px;
}

[pink-t-title].checkVat:after {
    width: 200px;
    white-space: normal;
}

.pink-title-js {
    display: none;
    position: fixed;
    width: 900px;
    left: 50%;
    margin-left: -450px;
    color: #fff;
    background: rgba(51, 51, 51, 0.9);
    padding: 20px;
    z-index: 150;
    border-radius: 5px;
    font-size: 11px;
    top: 140px;
}

.pink-title-js .close {
    background-position: -6px -1385px;
}

.pageDescription .info-box {
    border: 1px solid #cccccc;
    height: auto;
    width: auto;
    max-width: 100%;
    border-radius: 4px;
    line-height: 18px;
    padding: 10px 30px;
    color: #1f1f1f;
    margin-top: 30px;
    position: relative;
    display: inline-block;
    text-align: left;
}

.pageDescription .info-box::before {
    border: 1px solid #cccccc;
    color: #cccccc;
    content: 'i';
    border-radius: 50%;
    width: 30px;
    height: 30px;
    left: -15px;
    position: absolute;
    top: -15px;
    background: #efefef;
    display: inline-block;
    text-align: center;
    line-height: 30px;
}

.pageDescription.tool-info .info-box::before {
    background: #efefef;
}

.pageDescription.tool-info .info-box {
    width: 100%;
    padding: 10px 30px;
}

@media (max-width: 767px) {
    .pageDescription .info-box {
        margin: 20px auto;
    }
}

#idUser,
#idPayKind {
    border: 1px solid #ccc;
    display: inline-block;
    width: 49%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

#salesPop #idPayKind,
#salesPop #idCurrency {
    width: auto;
}

#costListTablekosz.list td {
    position: relative;
}

#newsAlert {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: red;
    padding: 20px;
    box-sizing: border-box;
}

#alertClose {
    position: absolute;
    right: 0;
    cursor: pointer;
    top: 0;
    padding: 10px;
}

#alertClose:hover {
    color: #fff;
}

#newsAlert {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: red;
    padding: 20px;
    box-sizing: border-box;
}

#alertClose {
    position: absolute;
    right: 0;
    cursor: pointer;
    top: 0;
    padding: 10px;
}

#alertClose:hover {
    color: #fff;
}


.circle-piont {
    border: 1px solid #ccc;
    color: #ccc;
    border-radius: 50%;
    font-weight: bold;
    font-size: 40px;
    line-height: 59px;
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.dot.red-dot {
    background: #e80000;
}

.dot.green-dot {
    background: #53b900;
}

#jpkNaglowek .form-control-inline-auto-width,
#jpkPodmiot .form-control-inline-auto-width,
#jpkSprzedazDoc .form-control-inline-auto-width,
#jpkZakupDoc .form-control-inline-auto-width {
    margin: 0;
}

.jpkError {
    color: red;
    margin-bottom: 10px;
}

[pink-t-title].r0 {
    right: 0;
}

.btn-pink [pink-t-title] {
    color: #fff;
    border: 2px solid #fff;
    top: 0;
    right: -6px;
}

.mail-example {
    background: #e9e9e9;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 15px 20px;
}

.mail-example .white-bg {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 25px;
}

.collapse,
.panel-collapse,
.collapse.in {
    overflow: hidden;
    transition-duration: 0.3s !important;
}


/*/////////////////////////////////////////////////////////*/

#jpkIframeClose {
    left: 50%;
    margin-left: -125px;
    position: fixed;
    right: -20;
    bottom: 20px;
    z-index: 1001;
    text-transform: uppercase;
    cursor: pointer;
}

#jpkIframeClose [pink-t-title]:after {
    width: 300px;
    white-space: normal;
    bottom: 10px;
    top: auto;
    text-transform: none;
}

[pink-t-title].r0 {
    right: 0;
    top: 0;
}

.pinkButton [pink-t-title] {
    color: #fff;
    border: 2px solid #fff;
    top: 0;
    right: -6px;
}

#jpkSave .pinkButton {
    bottom: 10px;
    z-index: 100;
    margin-left: -100px;
}

#jpkCardView .fR {
    margin-bottom: 10px;

}

#jpkCardView .fR span {
    font-weight: bold;
}

.brutto-block {
    position: relative;
    display: inline-block;

}

.brutto-block-link {
    color: gray;
    cursor: pointer;
    display: inline-block;
}

.brutto-block-link:hover {
    color: #000;
    text-decoration: underline;
}

.brutto-block-box {
    background: #fff;
    border: 1px solid lightgrey;
    border-radius: 3px;
    width: 200px;
    padding: 15px 10px;
    box-shadow: 2px 3px 7px 2px lightgrey;
    right: 20px;
    position: absolute;
}

@media(max-width: 990px) {
    .brutto-block-box {
        left: 20px;
    }
}

@media (min-width: 768px) {
    .navbar-nav>li.dropdown .hoverNavBg {
        background: #e7e7e7;
        margin-left: -15px;
    }

    .navbar-nav>li.dropdown.active .hoverNavBg {
        background: transparent;
    }

    .navbar-nav>li.dropdown:hover .dropdown-menu {
        display: block;
        background: #7caf39;
    }

    .navbar-nav>li.dropdown:hover .dropdown-menu .hamburger-item {
        display: none;
    }

    .navbar-nav>li.dropdown.active:hover .dropdown-menu .hamburger-item {
        display: block;
    }

    .navbar-nav>li.dropdown:hover a[href="/cennik,0,31/"]+.dropdown-menu,
    .navbar-nav>li.dropdown:hover a[href="/kontakt,0,1/"]+.dropdown-menu,
    .navbar-nav>li.dropdown:hover a[href="/news,0,2/"]+.dropdown-menu {
        display: none;
    }
}

.bg-smeo {
    background-image: url("./../../layout/images/afaktury_1950x200_1.jpg");
    width: 100%;
    padding: 10% 0 0 0 !important;
    border: none;
}

.bg-brutto {
    background-image: url("./../../layout/images/bg-brutto.png");
}

.bg-smeo,
.bg-brutto {
    background-repeat: no-repeat;
    background-size: contain;
    padding: 30px;
    text-align: right;
    border-top-left-radius: 30px;
}

.bg-smeo img,
.bg-brutto img {
    width: 160px;
    margin-bottom: 10px;
}

/*//////////////////////////////START PAGE/////////////////////////*/
.startPageWidth {
    max-width: 1920px;
    padding: 0 30px;
    margin: 0 auto;
}

.startPageWidth p {
    padding-right: 60px;
    margin-bottom: 40px;
}

.startPageWidth h2 {
    font-size: 50px;
    line-height: 60px;
    font-weight: bold;
}

.startPageWidth h2 small {
    font-size: 20px;
    margin-top: 10px;
    font-weight: bold;
    display: block;
}

.startPageWidth .btn-lg {
    text-transform: uppercase;
    padding: 30px;
    margin-top: 40px;
    font-weight: bold;
    /* border-top-left-radius: 30px; */
}

@media (max-width: 768px) {
    .startPageWidth h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .startPageWidth .btn-lg {
        padding: 20px;
        margin-top: 20px;
    }

    .startPageWidth p {
        margin-bottom: 20px;
    }
}

.buttons-absolute {
    position: absolute;
    right: 0;
    top: 0;
}

.buttons-absolute button {
    position: relative;
    z-index: 150;
}

.carousel-info-startPage {
    margin-top: 125px;
    padding: 60px 30px 130px 0;
    z-index: 7;
    position: relative;
    width: 50%;
    text-align: center;
}

#top-header {
    height: 70px;
    position: absolute;
    width: 100%;
}

#top-header .navbar-toggle {
    margin-top: 13px;
}

#top-header .navbar-toggle,
.navbar-toggle {
    position: relative;
    z-index: 105;
    margin-top: 15px;
}

#top-header.startPage .navbar-toggle,
.navbar-toggle {
    background: #1f1f1f;
}

#top-header .navbar-toggle .icon-bar,
.navbar-toggle .icon-bar {
    background: #fff;
    width: 25px;
    height: 3px;
}

@media(min-width: 1920px) {
    #top-header {
        margin-left: calc(50vw - 960px);
    }
}

.carousel .container,
.carousel2 .container,
.infoBoxContainer .container,
#newsSection .container {
    width: 1321px;
    max-width: 100%;
    padding-left: inherit;
    padding-right: inherit;
}

#footer h1 {
    font-size: 10px;
    color: #b6b6b6;
    font-family: 'LatoLatinWeb';
    text-transform: uppercase;
    font-style: italic;
    margin: 0;
}

#top-header .btn-blue,
#top-header .btn-green {
    display: inline-block;
    text-align: left;
    cursor: pointer;
    float: right;
    margin-right: 15px;
    height: 44px;
    margin-top: 20px;
    font-family: 'LatoLatinWeb';
    font-size: 15px;
    padding: 12px 15px;
    z-index: 120;
    position: relative;
}

#footer-logo {
    display: block;
    width: 154px;
}

#top-header .btn-icon {
    height: 35px;
    padding-left: 6px;
    line-height: 35px;
    margin-left: 15px;
}

.big-icon:before {
    font-size: 24px;
}

.go-down {
    color: #e2e2e2;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px;
    font-family: 'LatoLatinWeb';
}

.go-down .icon-right-open {
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 5px;
    margin-left: 15px;
}

.go-down .icon-right-open::before {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


.col-copyrights {
    text-align: right;
}

.footer-info-text {
    width: calc(100% - 30px);
    margin-top: 25px;
    color: #cac8c8;
    font-size: 13px;
    line-height: 18px;
}

.seo-page-title {
    margin: 0 auto;
    text-align: left;
    width: 1920px;
    max-width: 100%;
}

.navbar-nav>li.dropdown>.dropdown-container>a {
    font-family: 'LatoLatinWeb';
    font-weight: bold;
    padding: 15px;
    display: block;
    /* color: #7caf39; */
    color: #fff;
    font-size: 15px;

}

.startPage .navbar-nav>li.dropdown:hover>.dropdown-container>a {
    color: #000;
}

@media (max-width: 991px) {
    #top-header .btn-green {
        min-width: 50px;
    }

    #top-header .btn-icon {
        display: none;
    }

    .carousel {
        background-position: top 0px right;
    }

    .carousel2 {
        height: 315px;
    }

    .carousel2-dots {
        margin-top: 0;
    }

    .carousel2 .slogan0 {
        margin: 30px 0 0 30px;
        font-size: 22px;
    }

    .carousel2 .slide .content p,
    .carousel2 .slogan,
    .carousel2 h4 {
        margin-left: 30px;
    }

    .carousel2 .slogan {
        font-size: 22px;
    }

    .carousel2 .slide .content p {
        font-size: 14px;
        line-height: 20px;
    }

    .carousel2 h4 {
        font-size: 20px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .carousel2 .panes {
        height: 190px;
    }

    .lastNewsBox {
        display: none;
    }
}

@media (max-width: 768px) {
    .carousel {
        background-size: 140%;
    }

    .carousel-info-startPage {
        margin-top: 90px;
        width: 100%;
        padding: 20px 0 30px;
        min-height: 260px;
        text-align: left;
    }

    .carousel .btn {
        font-size: 18px;
        margin-top: 20px;
    }

    .carousel2 {
        background-position-x: -80px;
    }

    #top-header .btn-green,
    #top-header .btn-blue {
        font-size: 12px;
        height: 34px;
        margin-top: 17px;
        margin-right: 5px;
        padding: 7px 5px;
    }

    .infoBoxContainer {
        padding-top: 10px;
    }

    .infoBox .infoBoxImg {
        height: 80px;
        width: 80px;
    }

    .infoBox h3 {
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .infoBox {
        padding: 20px 15px 20px;
    }

    #newsSection .news {
        min-height: auto;
    }

    #footer-copy {
        text-align: center;
    }

    .col-copyrights {
        text-align: center;
        margin-top: 10px;
    }

    .carousel2 .slogan0 {
        margin: 15px 0 0 15px;
        font-size: 18px;
    }

    .carousel2 .slogan {
        font-size: 18px;
    }

    .carousel2 .slide .content p,
    .carousel2 .slogan,
    .carousel2 h4 {
        margin-left: 15px;
    }

    .carousel2 h4 {
        font-size: 18px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    .footer-logo-box {
        height: auto;
        margin-top: 10px;
    }

    #footer .footer-box h3 {
        margin-top: 15px;
    }
}

#page-content-wrapper .ui-slider-horizontal .ui-slider-range {
    background: #9bc027;
}

#page-content-wrapper .ui-state-default,
.ui-widget-content .ui-state-default {
    background: #636569;
    cursor: grabbing;
}
.ui-widget-content{
    height: 300px;
    overflow: auto;
}
.ui-front {
    z-index: 1050 !important;
}

#productExistName {
    font-weight: bold;
    color: red;
    font-size: 18px;
}

#krdStartPop .mail-phone-input span {
    display: inline-block;
}

#krdStartPop .mail-phone-input input {
    margin-left: 5px;
    display: inline-block;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#krdStartPop .mail-phone-input.first input {
    margin-left: 25px;
}

#krdStartPop tr td,
#krdStartPop tr th {
    padding: 5px;
    font-size: 11px;
}

#krdStartPop tr th {
    border: 1px solid #d6d3d3;
    background: #e6e6e6;
}

#krdStartPop tr td {
    border: 1px solid #d6d3d3;
    font-weight: bold;
}

#krdStartPop .txtLink.btn-link {
    color: #b92a76;
}

/* CALLENDAR */
.calendarContainer {
    overflow-x: hidden;
    max-width: 1900px;
    margin: 10px auto 0;
    position: relative;
}

.calendarContainer #calendarCanvas {
    display: inline-flex;
    max-width: 100%;
}

.calendarContainer .costInfo {
    font-weight: bold !important;
    color: #686868 !important;
}

.calendarContainer a.costInfo {
    color: #397CAF !important;
    font-weight: bold !important;
}

.calendarContainer a.costInfo:hover {
    color: #0e9fdc !important;
    text-decoration: underline;
}
#calendarCollapse{
    word-wrap: break-word;
    width: 50px;
    position: absolute;
    top: 300px;
    left: 1px;
    font-size: 20px;
    padding: 18px;
}
.calendarBoxContainer.collapsedCalendar .btn-green{
    display: none;
}
#calendarCollapse .icon-right-big{
    transform: rotate(-90deg);
}
@media (max-width: 1200px){
    #calendarCollapse{
        display:none;
    }
}
/* CALLENDAR - TABLE */
.calendarContainer.year #calendarCanvas .containerTable {
    padding-top: 55px;
}

.calendarContainer.year .myTableStyle1 thead tr th {
    width: 14.28%;
}

.calendarContainer #calendarCanvas .containerTable {
    padding: 40px 20px 100px 65px;
    display: flex;
    flex-wrap: wrap;
    counter-reset: tableCounter;
    background: #fff;
    width: calc(100vw - 50px);
    height: 100%;
    max-width: 1900px;
}

.calendarContainer #calendarCanvas .containerTable .monthCallendar {
    width: 16.66%;
    max-width: 280px;
    position: relative;
    min-width: 240px;
    padding: 10px 15px 0;
    margin-bottom: 15px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.calendarContainer #calendarCanvas .containerTable .monthCallendar table {
    margin-top: 10px;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.calendarContainer #calendarCanvas .containerTable .monthCallendar:hover {
    background: #efefef;
    cursor: pointer;
}

.calendarContainer #calendarCanvas .containerTable .monthCallendar:hover table {
    transform: scale(0.95);
}

.calendarContainer #calendarCanvas .containerTable .monthCallendar::before {
    counter-increment: tableCounter;
    content: counter(tableCounter, decimal-leading-zero);
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    color: #7caf39;
}

.calendarContainer #calendarCanvas .containerTable .monthCallendar>span {
    font-size: 20px;
    text-transform: uppercase;
    color: #333234;
    font-weight: bold;
}

/* END CALENDAR - TABLE*/

/* CALENDAR - TABLE MONTH*/

.calendarContainer.month .myTableStyle1 thead tr th {
    width: 14.28%;
    text-align: left;
    font-size: 23px;
    padding-left: 10px;
}

.calendarContainer.month .myTableStyle1 tbody tr td {
    height: 111px;
    min-width: 50px;
    vertical-align: initial;
    padding: 0 0 10px 0;
    text-align: left;
    font-size: 28px;
    color: #747474;
}

.calendarContainer.month .myTableStyle1 tbody tr td .date {
    display: block;
    width: 100%;
    padding: 0 0 0 10px;
    font-size: 24px;
}

.calendarContainer.month .myTableStyle1 tbody tr td:hover {
    cursor: pointer;
    border: 1px solid #7caf39;
}

.calendarContainer.month .myTableStyle1 tbody tr td.eventActive:hover {
    cursor: pointer;
    border: 1px solid #7caf39;
    outline: 0;
}

.calendarContainer.month .myTableStyle1 tbody tr td.today.eventActive:hover {
    border: 1px solid #7caf39 !important;
}


.calendarContainer.month .myTableStyle1 tbody tr td:hover .date {
    color: #f50c0c;
    text-decoration: underline;
}

.calendarContainer.month .myTableStyle1 tbody tr td:hover::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: -1px;
    left: 0;
    background: #7caf39 !important;
}

.calendarContainer.month .myTableStyle1 tbody tr td:hover .eventsContainer::before {
    content: "Kliknij w liczbę, aby przejść do wybranego dnia";
    width: 100%;
    color: #5e5e5e;
    font-size: 10px;
    line-height: 15px;
    display: flex;
    padding-left: 10px;
}

.calendarContainer.month .myTableStyle1 tbody tr td.eventActive:hover .eventsContainer::before {
    display: none;
}

.calendarContainer.month .myTableStyle1 tbody tr td:hover .eventsContainer {
    overflow: hidden;
}

.calendarContainer.month .myTableStyle1 tbody tr td.tst span {
    display: none;
}

.calendarContainer.month .myTableStyle1 tbody tr td [data-a="task"] {
    position: relative;
    display: block;
    width: 100%;
    font-size: 11px;
}

.calendarContainer.month .myTableStyle1 tbody tr td.eventActive [data-a="task"]:hover {
    background: #ffffff;
    outline: 1px solid #a0c2cb;
    padding-left: 4px;
}

.calendarContainer.month .myTableStyle1 tbody tr td.eventActive>div[class="info"] {
    display: none
}

.calendarContainer.month .myTableStyle1 tbody tr td.eventActive>div[class="info"]:last-of-type {
    display: initial
}

.calendarContainer.month .myTableStyle1 tbody tr td .eventsContainer {
    max-height: 80px;
    overflow-y: scroll;
}

.calendarContainer.month .myTableStyle1 tbody tr td.eventActive:hover .eventsContainer {
    overflow-y: scroll;
}

.calendarContainer.month .myTableStyle1 tbody tr td.eventActive .eventsContainer {
    height: 100%;
}

.calendarContainer.month .myTableStyle1 tbody tr td.eventActive {
    background: #edfbff;
    border: 1px solid #a0c2cb;
    padding: 0 0 0 0;
    position: relative;
}

.calendarContainer.month .myTableStyle1 tbody tr td.eventActive::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #a0c2cb;
    top: 0;
    position: absolute;
    left: 0;
}

.calendarContainer.month .myTableStyle1 tbody tr td.eventActive.today {
    outline: 0;
}

.calendarContainer.month .myTableStyle1 tbody tr td.eventActive .date {
    padding: 0 0 0 10px;
    font-weight: 900;
    width: 100%;
    line-height: 24px;
}

.calendarContainer.month .myTableStyle1 tbody tr td.eventActive .eventsContainer {
    padding: 5px 0 5px 10px;
    border-top: 1px solid #cde1e7;
    background: #f6fdff;
}

.calendarContainer.month .myTableStyle1 tbody tr td.eventActive .eventsContainer .title {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
}

.calendarContainer.month .myTableStyle1 tbody tr td.eventActive .eventsContainer .title .time {
    color: #3b7d8f;
    padding-right: 4px;
    border-bottom: 1px solid lightgray;
}

.calendarContainer.month span.nextMonth {
    display: none
}

.calendarContainer.month .thisMonth {
    position: relative;
}

.calendarContainer.month .thisMonth [data-n="add"] {
    position: absolute;
    top: 0px;
    right: -1px;
    color: #fff;
    font-weight: bold;
    display: block;
    background: #d1d1d1;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 21px;
    padding: 4px;
}

.calendarContainer.month .thisMonth [data-n="add"]:hover {
    background: #f50c0c;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.calendarContainer.month .thisMonth [data-n="add"]::before {
    content: "";
    overflow: hidden;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    font-size: 0px;
}

.calendarContainer.month .thisMonth [data-n="add"]:hover::before {
    content: "Dodaj zdarzenie";
    width: 80px;
    height: 17px;
    opacity: 1;
    right: 20px;
    color: #f50c0c;
    font-size: 10px;
    top: 3px;
}

.calendarContainer.month .myTableStyle1 tbody tr td.today.eventActive {
    position: relative;
    border: 1px solid #f50c0c;
    box-shadow: 0 0 0 1px rgb(245 12 12) inset;
    -webkit-box-shadow: 0 0 0 1px rgb(245 12 12) inset;
    -moz-box-shadow: 0 0 0 1px rgba(245, 12, 12, 1) inset;
}

.calendarContainer.month .myTableStyle1 tbody tr td.today.eventActive .eventsContainer {
    max-width: calc(100% - 2px);
    margin-left: 1px;
}

.calendarContainer.month .myTableStyle1 tbody tr td.today::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: -1px;
    left: 0;
    background: #f50c0c;
}

.calendarContainer.month .myTableStyle1 tbody tr td.today {
    border: 1px solid #f50c0c;
}

/* END CALENDAR - TABLE MONTH*/

/* CALENDAR - TABLE DAY */
.calendarContainer.day .containerTable {
    display: flex;
}

.calendarContainer.day .myTableStyle1 {
    width: calc(50% - 5px);
}

.calendarContainer.day .containerTable>table:first-of-type {
    margin-right: 10px;
}

.calendarContainer.day .myTableStyle1 tbody tr td:first-of-type {
    width: 65px;
    border-left: 0;
    border-bottom: 0;
    font-size: 15px;
    color: #747474;
}

.calendarContainer.day .myTableStyle1 tbody tr td:last-of-type {
    width: calc(100% - 65px);
    height: 45px;
    border-top: 1px solid #e7e7e7;
    position: relative;
    text-align: left;
    padding: 5px 0 5px 3px;
}

.calendarContainer.day .myTableStyle1 tbody tr td.eventActive {
    border-color: #70b3c6;
    border-top: 1px solid #70b3c6;
    color: #8a8a8a;
    background: #f6fdff !important;
    border-left: 3px solid #70b3c6;
}

.calendarContainer.day .myTableStyle1 tbody tr td.eventActive::before {
    background: #70b3c6;
}

.calendarContainer.day .myTableStyle1 tbody tr td.eventActive::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #70b3c6;
    top: -1px;
    left: 0;
    position: absolute;
}

.calendarContainer.day .myTableStyle1 tbody tr td.eventActive .time {
    color: #1c7c98;
    font-weight: bold;
}

.calendarContainer.day .myTableStyle1 tbody tr:hover td.eventActive {
    border: 1px solid #a0c2cb;
    border-left: 3px solid #a0c2cb;
}

.calendarContainer.day .myTableStyle1 tbody tr td.eventActive [data-a="task"] {
    padding: 2px 10px 2px 5px;
}

.calendarContainer.day .myTableStyle1 tbody tr:hover td.eventActive [data-a="task"]:hover {
    background: #fff !important;
    outline: 1px solid #a0c2cb;
    padding-left: 8px;
}


.calendarContainer.day .myTableStyle1 tbody tr td:last-of-type::before {
    content: "";
    width: 10px;
    height: 1px;
    background: #e7e7e7;
    position: absolute;
    top: -1px;
    left: -10px;
}

.calendarContainer.day .myTableStyle1 tbody tr td .time {
    position: relative;
    top: -20px;
}

.calendarContainer.day .myTableStyle1 tbody tr:nth-child(even) td:nth-child(odd),
.calendarContainer.day .myTableStyle1 tbody tr:nth-child(odd) td:nth-child(even) {
    background: #fff;
}

.calendarContainer.day .myTableStyle1 tbody tr:nth-child(even) td:last-of-type {
    background: #f9f9f9;
}

.calendarContainer.day .myTableStyle1 tbody tr:hover td:last-of-type {
    border: 1px solid #7caf39;
    cursor: pointer;
}

.calendarContainer.day .myTableStyle1 tbody tr:hover td:last-of-type .eventsContainer::before {
    content: "Kliknij aby dodać zdarzenie";
    width: 100%;
    padding-left: 10px;
    color: #5e5e5e;
}

.calendarContainer.day .myTableStyle1 tbody tr:hover td.eventActive .eventsContainer::before {
    display: none;
}

.calendarContainer.day .myTableStyle1 tbody tr:hover td:last-of-type::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #7caf39;
    top: -1px;
    left: 0;
    position: absolute;
}

.calendarContainer.day .myTableStyle1 tbody tr:hover td.eventActive::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #7caf39;
    top: -1px;
    left: 0;
    position: absolute;
}

.calendarContainer.day .myTableStyle1 tbody tr:hover td.eventActive {
    border-left: 3px solid #7caf39;
}

.calendarContainer.day .myTableStyle1 tbody tr:hover td:last-of-type::before {
    background: #7caf39;
}

.calendarContainer.day .myTableStyle1 tbody tr td .info {
    top: 100%;
    left: -3px;
    position: absolute;
    width: calc(100% + 4px);
    transform: translateX(0) !important;
    background: #f2fff6;
    margin: 0px 0 0 0;
    max-height: 200px;
    padding: 10px;
    border: 1px solid #aac398;
    overflow: hidden;
    font-size: 10px;
    z-index: 1;
}

.calendarContainer.day .myTableStyle1 tbody tr td .info::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid #aac398;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 10px;
    right: -5px;
    z-index: 10;
}

.calendarContainer.day .myTableStyle1 tbody tr td .addEventSmall {
    display: none;
}

.calendarContainer.day .myTableStyle1 tbody tr td.eventActive .addEventSmall {
    position: absolute;
    top: 0px;
    right: -1px;
    color: #fff;
    font-weight: bold;
    display: block;
    background: #d1d1d1;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 21px;
    padding: 4px;
    z-index: 1;
}

.calendarContainer.day .myTableStyle1 tbody tr td.eventActive .addEventSmall:hover {
    background: #f50c0c;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
}

.calendarContainer.day .myTableStyle1 tbody tr td .addEventBig {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.calendarContainer.day .myTableStyle1 tbody tr td.eventActive .addEventBig {
    display: none;
}


.calendarContainer.day .myTableStyle1 tbody tr td.eventActive>div[class="info"] {
    display: none
}

.calendarContainer.day .myTableStyle1 tbody tr td.eventActive>div[class="info"]:last-of-type {
    display: initial
}

.calendarContainer.today .navigation .dateMonth {
    color: #f50c0c;
}

.calendarContainer.today .calendarFilter>a[data-a="vt"] {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: rgb(142, 202, 62);
    background: linear-gradient(180deg, rgba(142, 202, 62, 1) 24%, rgba(129, 182, 58, 1) 86%);
    padding: 7px 9px 14px;
}


.calendarContainer.today .calendarFilter>a[data-a="vd"] {
    background: transparent !important;
}

.calendarContainer.year td.today {
    border: 1px solid #f50c0c;
    position: relative;
}

.calendarContainer.year td.today::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #f50c0c;
    height: 1px;
}


/* END CALENDAR - TABLE DAY */

/* CALENDAR - TABLE WEEK */

.calendarContainer.week .myTableStyle1 thead tr th {
    width: 13.7%;
    text-align: left;
    font-size: 23px;
    padding-left: 10px;
}

.calendarContainer.week .myTableStyle1 thead tr th:first-of-type {
    width: 70px !important;
}

.calendarContainer.week .myTableStyle1 thead tr:first-of-type th {
    border-bottom: 0;
}

.calendarContainer.week .myTableStyle1 thead tr:last-of-type th {
    border-top: 0;
    font-size: 20px;
    line-height: 10px;
    padding-top: 0;
    padding-bottom: 10px;
}

.calendarContainer.week .myTableStyle1 tbody tr td:first-of-type {
    text-align: center;
}

.calendarContainer.week .myTableStyle1 tbody tr:nth-of-type(odd) td:last-of-type {
    background: #faf4f7 !important;
}

.calendarContainer.week .myTableStyle1 tbody tr td+td {
    text-align: left;
    padding: 0;
}

.calendarContainer.week .myTableStyle1 tbody tr td+td:hover {
    cursor: pointer;
    border: 1px solid #7caf39;
}

.calendarContainer.week .myTableStyle1 tbody tr td+td:hover::before {
    content: "";
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    background: #7caf39;
    position: absolute;
}

.calendarContainer.week .myTableStyle1 tbody tr td+td:hover .eventsContainer::before {
    content: "Kliknij aby dodać zdarzenie";
    width: 100%;
    padding-left: 10px;
    color: #5e5e5e;
    font-size: 12px;
}

@media (max-width:1300px) {
    .calendarContainer.week .myTableStyle1 tbody tr td+td:hover .eventsContainer::before {
        font-size: 10px;
    }
}

.calendarContainer.week .myTableStyle1 tbody tr td+td.eventActive:hover .eventsContainer::before {
    display: none;
}

.calendarContainer.week .myTableStyle1 tbody tr td.eventActive {
    border-color: #70b3c6;
    border: 1px solid #70b3c6;
    color: #8a8a8a;
    background: #f6fdff !important;
    position: relative;
}

.calendarContainer.week .myTableStyle1 tbody tr td.eventActive .eventsContainer {
    padding: 5px 0 5px 3px;
}

.calendarContainer.week .myTableStyle1 tbody tr td.eventActive .eventsContainer [data-a="task"] {
    padding: 2px 10px 2px 5px;
}

.calendarContainer.week .myTableStyle1 tbody tr td.eventActive::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #70b3c6;
}

.calendarContainer.week .myTableStyle1 tbody tr td.eventActive [data-a="task"]:hover {
    background: #fff !important;
    outline: 1px solid #a0c2cb;
    padding-left: 8px;
}


.calendarContainer.week .myTableStyle1 tbody td.today {
    border-left: 1px solid #f50c0c;
    border-right: 1px solid #f50c0c;
}

.calendarContainer.week .myTableStyle1 tbody tr:last-of-type td.today {
    border-bottom: 1px solid #f50c0c;
}

.calendarContainer.week .myTableStyle1 tbody tr:first-of-type td.today {
    border-top: 1px solid #f50c0c;
}


.calendarContainer.week .myTableStyle1 thead tr:first-of-type th.today {
    border-top: 1px solid #f50c0c;
}

.calendarContainer.week .myTableStyle1 thead tr th.today {
    border-left: 1px solid #f50c0c;
    border-right: 1px solid #f50c0c;
}

.calendarContainer.week .myTableStyle1 tbody tr td .addEventSmall {
    display: none;
}

.calendarContainer.week .myTableStyle1 tbody tr td.eventActive .addEventSmall {
    position: absolute;
    top: 0px;
    right: -1px;
    color: #fff;
    font-weight: bold;
    display: block;
    background: #d1d1d1;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 21px;
    padding: 4px;
    z-index: 1;
}

.calendarContainer.week .myTableStyle1 tbody tr td.eventActive .addEventSmall:hover {
    background: #f50c0c;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3;
}

.calendarContainer.week .myTableStyle1 tbody tr td .addEventBig {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.calendarContainer.week .myTableStyle1 tbody tr td.eventActive .addEventBig {
    display: none;
}

.calendarContainer.week .myTableStyle1 tbody tr td {
    position: relative;
}

.calendarContainer.week .myTableStyle1 tbody tr td.eventActive>div[class="info"] {
    display: none
}

.calendarContainer.week .myTableStyle1 tbody tr td.eventActive>div[class="info"]:last-of-type {
    display: initial
}


/* END CALENDAR - TABLE WEEK */


/* CALLENDAR - TABLE STYLE 1*/

.myTableStyle1 thead tr th {
    color: #7caf39;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    padding: 3px 0;
    border-left: 1px solid #e7e7e7;
    border-top: 1px solid #9b9a9c;
    border-bottom: 1px solid #9b9a9c;
    background: #fff;
}

.myTableStyle1 thead tr th:last-of-type {
    color: #9e296e;
    font-weight: bold;
    background: #faf4f7;
    border-right: 1px solid #e7e7e7;
}

.myTableStyle1 tbody tr td {
    border-left: 1px solid #e7e7e7;
    text-align: center;
    color: #747474;
    border-bottom: 1px solid #e7e7e7;
    padding: 6px 0 5px;
    background: #fff;
}


.myTableStyle1 tbody tr td.event {
    position: relative;
}

.myTableStyle1 tbody tr td.event .date {
    position: relative;
    top: -3px;
}


.myTableStyle1 tbody tr td.event::after {
    content: "";
    width: 4px;
    height: 4px;
    background: #f50c0c;
    border-radius: 10px;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 4px;
    margin: 0 auto;
}

.myTableStyle1 tbody tr td:last-of-type {
    background: #faf4f7;
    border-right: 1px solid #e7e7e7;
    color: #9e296e;
}

.myTableStyle1 tbody tr:nth-child(odd) td:nth-child(even) {
    background: #f9f9f9;
}

.myTableStyle1 tbody tr:nth-child(even) td:nth-child(odd) {
    background: #f9f9f9;
}

.myTableStyle1 tbody tr:nth-child(even) td:last-of-type {
    background: #f5eff2;
}

.calendarContainer .myTableStyle1 tbody tr td [data-a="task"] {
    display: block;
    width: 100%;
}

.calendarContainer .myTableStyle1 tbody tr td .info {
    top: 100%;
    left: -1px;
    position: absolute;
    width: calc(100% + 2px);
    transform: translateX(0);
    background: #f2fff6;
    margin: 0 0 0 0;
    max-height: 200px;
    padding: 10px;
    border: 1px solid #aac398;
    overflow: hidden;
    font-size: 10px;
    cursor: default;
}

.calendarContainer .myTableStyle1 tbody tr td .info::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid #aac398;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 10px;
    right: -5px;
    z-index: 10;
}

.calendarContainer .myTableStyle1 tbody .popSubject {
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
}

.calendarContainer .myTableStyle1 tbody .popDate {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding-right: 20px;
}

.calendarContainer .myTableStyle1 tbody .popContent {
    display: block;
    width: 100%;
    max-height: 100px;
    min-height: 35px;
    overflow: hidden;
    padding-right: 20px;
}

.calendarContainer .myTableStyle1 tbody .info .edytuj,
.calendarContainer .myTableStyle1 tbody .info .usun,
.calendarContainer .myTableStyle1 tbody .info .zakoncz {
    position: absolute;
    right: 0px;
    background: #3b7d8f;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 25px;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    cursor: pointer;
}

.calendarContainer .myTableStyle1 tbody .info .edytuj:hover,
.calendarContainer .myTableStyle1 tbody .info .usun:hover,
.calendarContainer .myTableStyle1 tbody .info .zakoncz:hover {
    background: #8eca3e;
}

.calendarContainer .myTableStyle1 tbody .info .edytuj i::before,
.calendarContainer .myTableStyle1 tbody .info .usun i::before,
.calendarContainer .myTableStyle1 tbody .info .zakoncz i::before {
    color: #fff !important;
}

.calendarContainer .myTableStyle1 tbody .info .edytuj:hover i::before,
.calendarContainer .myTableStyle1 tbody .info .usun:hover i::before,
.calendarContainer .myTableStyle1 tbody .info .zakoncz:hover i::before {
    color: #fff !important;
}



.calendarContainer .myTableStyle1 tbody .info .edytuj {
    top: 2px;
}

.calendarContainer .myTableStyle1 tbody .info .usun {
    top: 54px;
}

.calendarContainer .myTableStyle1 tbody .info .zakoncz {
    top: 28px;
}

.calendarContainer .costEvent{
    color: red;
}
.calendarContainer .invoiceEvent{
    color: #7caf39;
}
/* END CALLENDAR - TABLE STYLE 1*/

/* CALLENDAR - FILTER */

.calendarContainer .calendarFilter {
    background: #3b7d8f;
    color: #fff;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 50px;
    border-left: 2px solid #fff;
    width: 420px;
    padding: 13px 30px 7px 30px;
    height: 43px;
}

.calendarContainer .calendarFilter .filter {
    font-size: 14px;
    margin-right: 4px;
    text-transform: lowercase;
}

.calendarContainer .calendarFilter a {
    color: #fff;
    margin-left: 0;
    text-transform: lowercase;
    padding-left: 9px;
    padding-right: 9px;
    font-size: 12px;
    text-transform: uppercase;
}


.calendarContainer .calendarFilter>a[data-a="vt"]:hover {
    background: #99bf26;
    color: #000;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: rgb(142, 202, 62);
    background: linear-gradient(180deg, rgba(142, 202, 62, 1) 24%, rgba(129, 182, 58, 1) 86%);
    color: #fff;
}

.calendarContainer .calendarFilter>a[data-a="vt"] {
    padding: 7px 9px 14px;
}

.calendarContainer.week .calendarFilter>a[data-a="vw"],
.calendarContainer.day .calendarFilter>a[data-a="vd"],
.calendarContainer.month .calendarFilter>a[data-a="vm"],
.calendarContainer.year .calendarFilter>a[data-a="vy"] {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: rgb(142, 202, 62);
    background: linear-gradient(180deg, rgba(142, 202, 62, 1) 24%, rgba(129, 182, 58, 1) 86%);
    padding: 7px 9px 14px;
}



/* END CALLENDAR - FILTER */

/* CALLENDAR - NAVIGATION  */
.calendarContainer .navigation {
    width: 50px;
    background: #8a8a8a;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    padding-bottom: 25px;
    position: absolute;
}

.calendarContainer .navigation::before {
    content: "ROK";
    position: absolute;
    top: -43px;
    height: 43px;
    left: 0;
    background: #8a8a8a;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    padding-top: 4px;
}

.calendarContainer .navigation .prev,
.calendarContainer .navigation .next {
    width: 50%;
    text-align: center;
    cursor: pointer;
    border-top: 2px solid #fff;
    padding-top: 30px;
    padding-bottom: 4px;
    position: relative;
    color: #c6c6c6;
}

.calendarContainer .navigation .prev::before,
.calendarContainer .navigation .next::before {
    content: "";
    position: absolute;
    top: 8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3;
    -o-transition: ease-in-out 0.3;
    transition: ease-in-out 0.3
}

.calendarContainer .navigation .prev:hover::before {
    border-right: 10px solid #3b7d8f;
}

.calendarContainer .navigation .next:hover::before {
    border-left: 10px solid #3b7d8f;
}

.calendarContainer .navigation .prev::before {
    right: 3px;
    border-right: 10px solid #e3e3e3;
}

.calendarContainer .navigation .next::before {
    left: 3px;
    border-left: 10px solid #e3e3e3;
}

.calendarContainer .navigation .dateYear {
    width: 27px;
    font-size: 40px;
    word-wrap: break-word;
    text-align: center;
    font-weight: bold;
    color: #fff;
    line-height: 1.1em;
}

.calendarContainer .navigation .dateMonth {
    width: 350px;
    position: absolute;
    top: 5px;
    left: calc(37px + 30px);
    font-size: 20px;
    font-weight: bold;
    color: #333234;
    padding-left: 40px;
}

.calendarContainer .navigation .dateMonth span {
    position: relative;
}

.calendarContainer .navigation .dateMonth .prev {
    width: 0px;
    position: absolute;
    top: -19px;
    left: -20px;
}

.calendarContainer .navigation .dateMonth .next {
    width: 0;
    position: absolute;
    top: -19px;
    left: -21px;
}

.calendarContainer .navigation .dateMonth .prev::before {
    border-right: 10px solid #c7c7c7;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    top: 18px;
}

.calendarContainer .navigation .dateMonth .next::before {
    border-left: 10px solid #c7c7c7;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    top: 18px;

}

.calendarContainer .navigation .dateMonth .prev:hover::before {
    border-right: 10px solid #3b7d8f;
}

.calendarContainer .navigation .dateMonth .next:hover::before {
    border-left: 10px solid #3b7d8f;
}


.calendarContainer .navigationRight {
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    align-items: center;
}

.calendarContainer .navigationRight .getLink {
    position: relative;
    padding-right: 25px;
    margin-left: 10px;
}

.calendarContainer .navigationRight .getLink [pink-t-title] {
    right: 0;
    top: 4px;
}

.calendarContainer .navigationRight .getLink [pink-t-title]:hover:after {
    margin-left: -212px;
    margin-top: -16px;
    top: 10px;
    z-index: 9999;
    max-width: 180px;
    height: 54px;
}

.calendarContainer .navigationRight .icon-cog {
    position: relative;
    top: 1px;
}

.calendarContainer .navigationRight .icon-download {
    position: relative;
    top: 2px;
}

.calendarContainer .navigationRight .configuration {
    width: 25px;
    height: 17px;
    background: #fff;
    -webkit-mask-position: 438px -468px;
    mask-position: 438px -468px;
    -webkit-mask-size: 2400%;
    mask-size: 2400%;
}

/* END CALLENDAR - NAVIGATION */

/* CALLEDNAR - CALENDARPOP */


#calendarPop .modal-header h5,
#calendarFinishPop .modal-header h5,
#calendarDeletePop .modal-header h5 {
    padding-left: 18px;
    font-size: 23px;
    padding-top: 10px;
}

#calendarPop .modal-body>.form-group {
    margin-bottom: 5px;
    display: flex;
}

#calendarPop .modal-body>.form-group label {
    font-weight: 200;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-size: 14px;
    color: #000;
    justify-content: end;
    cursor: pointer !important;
    color: #000;
    font-weight: normal;
}

#calendarPop .modal-body>label {
    font-size: 14px;
    color: #000;
    font-weight: normal;
}

#calendarPop .form-control {
    max-width: 100%;
    min-width: 100%;
}

#calendarPop .modal-body>.form-group>span.col-sm-4:first-of-type {
    text-align: right;
}

#calendarPop .modal-content {
    padding-bottom: 10px;
}

#calendarPop #dateBegin,
#calendarPop #dateEnd {
    padding-left: 14px;
}

#calendarPop .modal-body>.form-group input[type="date"],
#calendarPop .modal-body>.form-group input[type="time"] {
    border: 1px solid #ccc;
    border-radius: 4px;
}

#calendarPop .modal-body>.form-group input[type="date"] {
    margin-left: 15px;
    margin-right: 10px;
}

#calendarPop .modal-body>.form-group select {
    width: 100%;
}

#calendarPop .modal-body>.form-group input[type="checkbox"] {
    margin: 0 8px 0 15px;
}

#calendarPop #sendMailInput,
#calendarPop #sendPhoneInput {
    display: none;
    margin-left: calc(33% + 15px);
    align-items: center;
}

#calendarPop #sendMailInput .form-group,
#calendarPop #sendPhoneInput .form-group {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-top: 5px;
}

#calendarPop #showMsg {
    margin-right: 8px;
}

#calendarPop #sendMailInput .form-group label,
#calendarPop #sendPhoneInput .form-group label {
    margin-bottom: 0;
    padding: 0;
    color: #000;
    font-size: 14px;
    justify-content: left;
}

#calendarPop .modal-body>.form-group input#isFinished {
    margin-left: 0;
}

#calendarPop .modal-body>.form-group #periodTxt {
    margin-left: calc(33% + 15px);
    display: flex;
    align-items: center;
}

#calendarPop .modal-body>.form-group #periodTxt span {
    min-width: 90px;
}

#calendarPop .modal-body>.form-group #periodTxt [name="periodAmount"] {
    padding: 5px 15px;
    border: 1px solid lightgray;
    border-radius: 6px;
    max-width: 70px;
    margin-right: 10px;
}

/* END CALLENDAR - CALENDARPOP */

/* CALLENDAR - SETTINGS */

.display-initial {
    display: initial
}

.calendarSettings {
    padding-bottom: 100px;
}

.calendarSettings .form-group.checkbox .containerCheckbox {
    display: none
}

.calendarSettings input[type="time"],
.calendarSettings input[type="date"] {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 15px;
}

.calendarSettings .form-group>input[type="checkbox"] {
    margin: 0 8px 0 15px;
}

.calendarSettings .form-group input[type="checkbox"] {
    margin-right: 8px;
    margin-top: 0px;
    margin-left: 0;
    padding-right: 10px;
    position: relative;
}

.calendarSettings [pink-t-title] {
    right: -10px;
}

.calendarSettings [pink-t-title]:after {
    left: -220px;
    width: 200px;
}
.headerCalendarSettings {
    position: relative;
}

.headerCalendarSettings .pinkButton {
    position: absolute;
    left: initial !important;
    right: 10px;
    bottom: 8px !important;
    font-size: 14px;
    width: 170px;
}

/* END CALLENDAR - SETTINGS*/

/* CALLENDAR - TASK POP*/

.taskPopContainer .modal-header,.taskPopContainer .modal-body  {
    text-align: left;
}

.taskPopContainer .modal-header h5 {
    padding-left: 18px;
    font-size: 23px;
    padding-top: 10px;
}

#taskAlert {
    color: #fff;
    display: block;
    background: #f00;
    width: 160px;
    text-align: center;
    cursor: pointer;
    padding: 0 0;
    -webkit-border-bottom-right-radius: 9px;
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomright: 9px;
    -moz-border-radius-bottomleft: 9px;
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
    position: absolute;
    top: -10px;
    right: 360px;
}

#taskAlert:hover {
    background: #cc0000;
}
@media (max-width:991px) {
    #taskAlert {
        right: 130px;
        top: 0;
    }
}
/* END CALLENDAR - TASK POP*/


/* MOBILE CALENDAR */

@media (max-width:991px) {
    .calendarContainer #calendarCanvas .containerTable {
        padding: 80px 10px 100px 10px;
        overflow-x: scroll;
        border-right: 15px solid #fff;
    }

    .calendarContainer .navigation .dateMonth {
        top: 40px;
        left: 0px;
        padding-left: 0;
        width: 100%;
        text-align: center;
        font-size: 22px;
    }

    .calendarContainer .navigationRight {
      right: 5px;
      top: 5px;
    }

    .calendarContainer .navigationRight .getLink{
        display: none;
    }

    .calendarContainer .calendarFilter {
        margin-left: 0;
        padding: 13px 30px 7px 10px;
        height: auto;
        width: 100%;
        border-bottom-right-radius: 0;
    }
    .calendarContainer .calendarFilter .filter{
        display: block;
        margin-left: 10px;
    }
    .calendarContainer .navigation {
        top: 60px;
        left: 2px;
        width: 100%;
        padding-top: 3px;
        padding-bottom: 0;
    }

    .calendarContainer .navigation::before {
        /* width: 50px;
        top: 0;
        left: 0px;
        height: 38px; */
        display: none;
    }

    .calendarContainer .navigation .dateYear {
        width: 100%;
        text-align: center;
        font-size: 32px;
    }

    .calendarContainer .navigation .prev,
    .calendarContainer .navigation .next {
        border-top: 0;
        position: absolute;
    }

    .calendarContainer .navigation>.prev,
    .calendarContainer .navigation>.next {
        text-indent: -999px;
        overflow: hidden;
        top: 3px;
    }

    .calendarContainer .navigation>.prev {
        left: -60px;
    }

    .calendarContainer .navigation>.next {
        right: -60px;
    }

    .calendarContainer.year #calendarCanvas .containerTable {
        padding-top: 85px;
    }
    .calendarContainer .navigation .dateMonth .next {
        left: auto;
        right: -20px;
        top: -15px;
    }
    .calendarContainer .navigation .dateMonth .prev{
        left: -20px;
        right: auto;
        top: -15px;
    }
    .calendarContainer.month .myTableStyle1 thead tr th{
        font-size: 16px;
    }

}
@media (max-width: 768px){
    .calendarContainer .navigationRight .settings span{
        display: none;
    }
    .calendarContainer.month .myTableStyle1 tbody tr td .date{
        padding: 0 0 0 4px;
        font-size: 14px;
    }
}
@media (max-width:420px) {
    .calendarContainer .calendarFilter {
        padding: 13px 30px 7px 10px;
    }

    .calendarContainer>.calendarFilter a {
        padding-left: 1px;
        padding-right: 1px;
        font-size: 10px;
    }
}

/* END MOBILE CALENDAR */

/* END CALLENDAR */
#packetBox label{
    padding: 10px;
    border-bottom: 1px solid lightgray;
    width: 100%;
    cursor: pointer;
    margin: 0;
    font-weight: normal;
}
#packetBox label.most-pop-sms{
    background: #d7d7d7;
}
/**/
.counterSum-container{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    background: rgba(248, 248, 177, 1);
    border-top: 1px solid #82AB18;
    z-index: 50;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    box-shadow: -2px -2px 6px lightgrey;
    padding-right: 15px;
}
.counterSum-container #counterSum,
.counterSum-container #counterSumItem{
    font-weight: bold;
}

.counterSum-container .counterSumSeparator{
    margin: 0 25px;
    display: inline-block;
}
@media(max-width: 768px){
    .counterSum-container{
        font-size: 12px;
        height: auto;
        line-height: 20px;
        text-align: right;
    }
    .counterSumRow{
        display: block;
    }
    .counterSum-container .counterSumSeparator{
        display: none;
    }
}
.tutorial{
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: 1000;
    top: 0;
    left: 0;
}
@media(max-width: 1300px){
    .tutorial{
        display: none;
    }
}
#tutorialOpenBtn2{
   margin-top: 8px;
}

.tutorial-tip{
    width: 500px;
    background: #A0C56F;
    /* background:#397CAF; */
    color: #000;
    border-radius: 10px;
    padding: 10px 15px 0;
    position: absolute;
    font-size: 16px;
    box-shadow: 5px 6px 7px grey;
    border: 1px solid #fff;
}
.tutorial-tip::before{
    height: 20px;
    width: 20px;
    /* border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent; */
    /* border-bottom: 10px solid #A0C56F; */
    border: 1px solid #fff;
    background: #A0C56F;
    transform: rotate(45deg);
    content: '';
    position: absolute;
    top: -12px;
    z-index: 100000;
    left: 10px;
    box-sizing: border-box;
    z-index: -2;

}
.tutorial-tip.left-tip::before{
    left: auto;
    right: 10px;
}
.tutorial-tip#tipPomoc::before,
.tutorial-tip#tipPomocTel::before,
.tutorial-tip#tipWelcome::before, 
.tutorial-tip#tipSaveDoc::before{
    display: none;
}
.tutorial-tip h5{
    font-weight: bold;
    text-decoration: underline;
    font-size: 18px;
}
.tutorial-tip a{
    font-style: italic;
    color: black;
    font-weight: bold;
}
.tutorial-tip .next-tip{
    color: white;
}
.tutorial-tip .exit-tutorial{
    font-size: 12px;
}
.tutorial-tip a:hover,
.tutorial-tip .next-tip:hover,
.tutorial-tip .exit-tutorial:hover{
    text-decoration: underline;
}
.tutorial-tip-footer{
    padding: 10px 0;
    border-top: 1px solid rgba(255,255,255, .4);
    background: rgba(255, 255, 255,.3);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 30px; 
}
.ui-menu-item-wrapper{
    padding: 5px;
}
.ui-menu-item span.ui-menu-item-wrapper{
    border: none;
    margin: 2px 2px 0 0;
}
.ui-menu-item-wrapper strong{
    color: #32A5CB;
}
.ui-widget-content{
    overflow-x: hidden;
}

.color-document {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 33.33%;
    padding-left: 15px;
	z-index:2;
}

.color-document .cont{
	background: #fff;
    padding: 10px;
    box-sizing: border-box;
	border-radius:5px;
	border-top-left-radius:0;
}

.color-document .fR {
	display:flex;
	margin-bottom:10px;
}

.color-document .fR div {
	display: flex;
	margin-left: auto !important;
	margin-right: 0;
}

.container-block-colors {
	position:relative;
}
/* accounting */
.accountCompanyBar{
    background-color: rgba(255, 255, 255, .4);
    border-radius: 6px;
    padding: 3px;
    margin: 5px 0;
}
.active-company-tr td{
    background-color: #C2DEE7!important;
}

/* COOKIES */ #cookieInfo { position: fixed; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display:none !important; } #cookieInfo .cookieInfoContent { background: #808080; padding: 35px; max-width: 1200px; } @media(max-width:768px) {#cookieInfo{padding:0} #cookieInfo .cookieInfoContent{height: 100%; padding:15px;} }

#cookieInfo.show-z-index {z-index: 9999 !important; display: flex !important;}

#cookieInfo.accepted-cookies {
	position:absolute;
    bottom: 0;
    top: inherit;
    display: initial !important;
    background: transparent;
    width: auto;
    height: auto;
	right:0;
	left:initial;	
}

#cookieInfo.accepted-cookies .cookieInfoContent {
	background:transparent;
	padding: 0 20px;
}