@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Lato');

@font-face {
  font-family: "icons";
  src: url("fonts/icons.eot");
  src: url("fonts/icons.eot?#iefix") format("embedded-opentype"), url("fonts/icons.woff") format("woff"), url("fonts/icons.ttf") format("truetype"), url("fonts/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

html{
	height: 1px;
	min-height: 100%;
}

html body {
	min-height: 100%;
	/*height: 100%;
    padding-top: 100px;*/
    background-color:#f9f9f9;
    color: #4e4e4e;
	/*font-family: 'Lato';*/
	/*font-weight: 300;*/
	line-height: 1.55555556;
	-webkit-font-smoothing: antialiased !important;
	text-rendering: optimizelegibility !important;
	min-width: 320px;
	/*min-height: 100%;*/
	position: relative;
	/*padding-bottom: 6rem;*/
}
body {
	display: flex;
  	/*min-height: 100vh;*/
  	flex-direction: column;
}
.main-container {
  flex: 1 1 auto;
}/*
.footer-wrapper {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}*/
.container {
	max-width:1400px;
}
.main-container {
	padding:0px 0px;
}
.main-container .container {
	padding-left: 5px;
	padding-right: 5px;
}
@media only screen and (min-width:576px) {
	.main-container {
		padding:0px 20px;
	}
	.main-container .container {
		padding-left: 15px;
		padding-right: 15px;
	}
}
.main-container:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../img/bg.jpg");
    background-size:cover;	
    width: 100%;
    height: 100%;
    opacity : 0.2;
    z-index: -1;
}

header {
	background:#fff;
	border-bottom:1px solid #D8D8D8;
}
.container {
	padding-top: 20px;
	padding-bottom: 20px;
}
header .container {
	padding-top: 0px;
	padding-bottom: 0px;
}

.container-wrapper{
	padding:0px 20px;
}

.container-wrapper.login-form {
	background-image: url("../img/bg.jpg");	
	background-position-x: right;
	/*background-size:100%;*/
}
.container-wrapper.login-form h1, .container-wrapper.login-ppk-info h1 {
	color: white;
    text-shadow: 2px 2px 4px #000000;
    background:none;
    -webkit-text-fill-color:inherit;
}
.container-wrapper.login-ppk-info {
	background-image: url("../img/bg.jpg");	
	background-position-x: right;
	background-size:120%;
}
.general-name {
	display: inline-block;
}
@media only screen and (max-width:668px) {
	.container-wrapper.login-ppk-info {
		background-size:auto;
	}
	.general-name {
		display: block;
	}
}

.container-wrapper.login-ppk-info .card {
	/*margin-bottom:3px;*/
} 

.container-wrapper.login-ppk-info .card-header{
	font-weight:bold;
	background-color:#fff;
	border-bottom-width:0px;
	cursor: pointer;
}

.accordion .card-header:after {
    font-family: 'Font Awesome 5 Free';  
    font-weight: 900;
    content: "\f106";
    float: right; 
}
.accordion .card-header.collapsed:after {
    content: "\f107"; 
}

.table-th-center th { 
	text-align:center;
}

.table-td-center td { 
	text-align:center;
}

.value_negative {
	color:red;
}

.value_positive {
	color:green;
}

.table {
	font-size: .83333em;
}
.table th {
	font-weight:300;
}

.table-thead-no-border th {
	border-width:0px !important;
}

.table-hover tbody tr.details-row:hover {
	background-color: initial;
}

.light-color {
 color:#8297BE;
}
.medium-color {
 color:#455F95;
}
.dark-color {
 color:#003876;
}

h1 {
	font-weight:bold;
	color:#003876;
	margin-bottom:0.5em;
	line-height:1.25;
}
h2 {
	font-weight:bold;
	color:#003876;
	margin-bottom:0.75em;
	line-height:1.25
}
h3 {
	font-weight:bold;
	color:#003876;
	line-height:1.25
}

@media(max-width:768px) {
	h1 {
		font-size:1.8rem;
	}
	h2 {
		font-size:1.5rem;
	}
	h3 {
		font-size:1.2rem;
	}
	h4 {
		font-size:1.2rem;
	}
}

.buttons {
	border-top:1px solid #ddd;
	margin-top:40px;
	padding-top:15px;
}
input[type=submit], button, a.button {
	display:inline-block;
 	white-space:nowrap;
 	padding:0.575em 1.25em;
 	background-color:#3891EB;
 	font-weight:bold;
 	font-size:.83333em;
 	color:#fff;
 	text-transform:uppercase;
 	cursor:pointer;
 	border-width:0px;
 	/*border-radius:0px;*/
 	text-decoration:none
}

input[type=submit]:hover, button:hover, a.button:hover {
 	background-color:#003876;
 	text-decoration:none;
 	color:#fff;
}
/*
.btn {
	margin-top:3px;
	margin-bottom:3px;	
}
*/
.btn.back {
	background-color:#fff;
	COLOR:#455F95;
	BORDER:1px solid;
}
.btn.back:hover {
	background:#455F95;
	color:#fff;
	BORDER:1px solid #455F95;
}
.btn.back:after {
	content:none;
}

.success{
	background-color: #28a745 !important;
}

.input-group-append .btn {
	margin-top: 0;
}

/*
a, a.link{
	color:#ea650d;
}
a:hover, a.link:hover{
	color:#ef7f01;
}
*/
.form-signin input[type=submit] {
	width: 100%;
}
.form-signin h1 {
	margin-bottom:1em;
}
a.disabled {
	pointer-events: none;
  	cursor: default;
  	opacity: 0.4;
}
a.print {
	display:block;
	line-height:60px;
	padding:10px
}
a.print:hover {
	text-decoration:none;
}a.print span {
	padding-left:10px;
}
A.callme_button {
  background: #ea650d;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  font-size: 1.778em;
  border: 1px solid #fff;
  padding: 12px 20px 8px 60px;
  position: relative;
}
A.callme_button:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "f";
  position: absolute;
  left: 10px;
  top: 13px;
  width: 40px;
  height: 40px;
  padding: 7px 7px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  color: #ea650d;
  background: #fff;
  font-size: 0.778em;
}
A.callme_button:after {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ">";
  font-size: 0.778em;
  margin-left: 20px;
}
A.callme_button:hover {
  text-decoration: none;
}

FOOTER {
  font-size: 0.8em;
  border-top:1px solid #ddd;
  background: linear-gradient(30deg, #fff, #C1B6B4,#C9BFBE 70%,#fff);
  padding: 10px 30px;
}

FOOTER a {
	font-size: 13px;
	padding:2px 10px;
}
FOOTER .scroll_top {
  padding: 20px;
  text-align: center;
}
FOOTER .scroll_top SPAN {
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 500;
}
FOOTER .scroll_top SPAN:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f077";
  padding-left: 10px;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons" ;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-user:before {
  content: "a";
}
.icon-call::before {
  content: "f";
}
.icon-logoff .fas {
	font-size:30px;
	display:block;
	padding-bottom:7px;
}
/*
.icon-logoff:before {
	content: "";
	display: block;
	background: url("../img/svg/log_off.svg") no-repeat; 
	width: 28px;
	height: 30px;
	background-size: 30px 25px;
	position: absolute;
	left: 75% !important;
	margin-left: -0.5em;
	top: -40px !important;
}*/

.message-box {
	border-left: 5px solid #ED710A;
}

.fulltext {
    display: block;
}
.navbar {
}

.navbar img {
	max-height:35px;
}
	
@media only screen and (min-width:768px) {
	.navbar img {
		max-height:50px;
	}
}
.navbar.fixed-top {
	background-color:#fff;
	border-bottom:1px solid #ddd;
}
.navbar.fixed-top img {
	max-height:50px;
}
.navbar-light .navbar-brand span {
	text-shadow: 2px 2px 4px #000000;
	color:white;
	font-size:2.4rem;
	padding-left:20px;
}
.navbar-light .navbar-brand:hover span{
	color:white;
}

/*
@media only screen and (min-width:768px) {
*/
.navbar .menu-logout a.logoff {
	padding: 0px 10px 4px;
}
	.navbar a.logoff {
		display: inline-block;
		position: relative;
		padding: 50px 10px 4px;
		text-transform: uppercase;
		font-size: .611em;
		line-height: 1;
		color: #a0a0a0
	}	
	.navbar a.logoff>span {
		position: relative
	}
	.navbar a.logoff>SPAN:before {
		color: #455F95;
		font-size: 56px;
		position: absolute;
		left: 50%;
		margin-left: -0.5em;
		top: -0.83333333em
	}
	/*
}*/

ul.file-list { padding-left:0px;}
li.pdfFile, li.docFile, li.xlsFile, li.zipFile, li.othFile, li.file, li.externalLink {list-style: none; margin: 10px 0px; padding: 0px 10px; /*height:60px;*/border:1px solid #DBEEF4;}
li.pdfFile:hover, li.docFile:hover, li.xlsFile:hover, li.zipFile:hover, li.othFile:hover, li.file:hover, li.externalLink:hover { background-color:#fafafa; /*border:1px solid #F08B00;*/}
li.pdfFile a {background:url('../img/icon_pdf_big.png') left center no-repeat; text-decoration:none; padding:15px 55px; display:block; margin:0px;}
li.docFile a {background:url('../img/icon_doc_big.png') left center no-repeat; text-decoration:none; padding:15px 55px; display:block; margin:0px;}
li.xlsFile a {background:url('../img/icon_xls_big.png') left center no-repeat; text-decoration:none; padding:15px 55px; display:block; margin:0px;}
li.zipFile a {background:url('../img/icon_zip_big.png') left center no-repeat; text-decoration:none; padding:15px 55px; display:block; margin:0px;}
li.othFile a {background:url('../img/icon_oth_big.png') left center no-repeat; text-decoration:none; padding:15px 55px; display:block; margin:0px;}
li.file a {background:url('../img/icon_pdf_big.png') left center no-repeat; text-decoration:none; padding:15px 55px; display:block; margin:0px;}
li.externalLink a {background:url('../img/link.png') left center no-repeat; text-decoration:none; padding:15px 55px; display:block; margin:0px;}
ul.file-list li a {color:#4e4e4e;}
a.pdf-confirmation {
	background:url('../img/icon_pdf_big.png') left center no-repeat;
	text-decoration:none;
	line-height:60px;
	padding-left:55px;
	display:block;
	margin:0px;
}

input.error, textarea.error {
	border-color: #FF6161;
}
label.error, span.error {
	font-size: 14px;
	color: #FF6161;
	/*font-weight: bold;*/
	/*text-align: right*/ /*!important*/;
	display: block;
}
.c-pointer {
 cursor: pointer;
}

.security h3 { margin-bottom:0px;}
.nav-tabs.security .nav-link.active {
	background-color:transparent;
}

table.dataTable thead th, table.dataTable thead td {
	border-bottom: 0px solid #dee2e6;
}
table.dataTable.no-footer {
	border-bottom: 1px solid #dee2e6;
}
table.dataTable td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}
table.dataTable  tr.shown td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}
table.dataTable .details-row td {
	box-sizing: inherit;
}

.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 4px;
  width:100%;
}
.bs-callout-xl {
  margin-left: 0px;
}
.bs-callout-lg {
  margin-left: 50px;
}
.bs-callout-md {
  margin-left: 100px;
}
.bs-callout-sm {
  margin-left: 150px;
}
.bs-callout-xs {
  margin-left: 200px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 4px;
}
.bs-callout+.bs-callout {
  margin-top: -5px;
}
.bs-callout-default {
  border-left-color: #777;
  background-color: #f7f7f9;
}
.bs-callout-default h4, .bs-callout-default i {
  color: #777;
}
.bs-callout-primary {
  border-left-color: #428bca;
}
.bs-callout-primary h4, .bs-callout-primary i {
  color: #428bca;
}
.bs-callout-success {
  border-left-color: #5cb85c;
  background-color: #efffe8;
}
.bs-callout-success h4, .bs-callout-success i {
  color: #5cb85c;
}
.bs-callout-danger {
  border-left-color: #d9534f;
  background-color: #fcf2f2;
}
.bs-callout-danger h4, .bs-callout-danger i {
  color: #d9534f;
}
.bs-callout-warning {
  border-left-color: #f0ad4e;
  background-color: #fefbed;
}
.bs-callout-warning h4, .bs-callout-warning i {
  color: #f0ad4e;
}
.bs-callout-info, .customerSearchResult.selected, .customerSearchResult:hover, .distributorSearchResult.selected, .distributorSearchResult:hover {
  border-left-color: #007bff;
  background-color: #f0f7fd;
}
.bs-callout-info h4, .bs-callout-info i {
  color: #007bff;
}
.bs-callout-icon p {
}
.bs-callout i {
	font-size:25px;
	min-width:50px;
	width: 50px;
	float:left;
}

.distributorSearchResult.bs-callout {
	padding:0px;
} 


/*
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #ED710A;
}*/

.wrap-nav {
	width: 100%;
	display: flex;
	/*align-items: center;*/
	justify-content: space-between;
	flex-wrap: nowrap;
	flex-direction: row;
	position: relative;
}
.wrap-menu {
	max-width: 1400px;
	margin: 0 auto;
	/*padding: .5rem 1rem;*/
}
.nav-item {
	align-items: flex-end;
	flex-flow: row wrap;
	align-content: flex-end;
	display: -webkit-flex; 
	-webkit-flex-flow: row wrap; 
	display: flex;
	font-size: .9em;
}
.nav-item .dropdown-item {
	font-size: .9em;
}
.navbar-brand {
	z-index:100;
}

@media only screen and (max-width:400px) {
	.navbar-brand {
		margin-left: -20px;
	}
}

@media only screen and (max-width:991px) {
	.nav-item {
		display: block; 
	}
}

body.header_is_floating {
	padding-top: 101px;
}

.fa-file,
.fa-file-pdf {
	font-size: 2em;
}
i.with-char {
	position: relative;
}
i.with-char span {
	display:block;
	color:white;
	position:absolute;
	top:0px;
	left:1px;
	font-size:12px;
}

/*----------------------------------*/
#navbarNavDropdown {
	width: 100%;/**/
	flex-basis: 100%;
	/*justify-content: flex-end;
	display: -webkit-flex; 
	-webkit-flex-flow: row wrap; 
	display: flex;*/
	position: absolute;
	top: 0;
	left: 0;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.style-disc {
  list-style-type: disc;
  padding-left: 20px;
}
ul.style-decimal {
  list-style-type: decimal;
  padding-left: 20px;
}
.navbar-toggler-icon {
	font-size: 17px;
}
.top-menu a {text-decoration: none;}
.top-menu {
  position: absolute;
  width: 96%;
  top: 100%;
  left: 2%;
  /*transition: all .2s ease-in-out;*/
}
.top-menu:after, 
.submenu:after {
  content: "";
  display: table;
  clear: both;
}
.top-menu  ul {
	list-style-type: none;
	margin-left: 0px;
}
.top-menu > li {
  display: inline-block;
  float: right;
}
.top-menu > li > a {
  display: block;
  padding: 18px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  transition: .2s linear;
}
.top-menu > li > a:hover {color: #B03062;}
.dropdown:after {
  /*content: "\f107";*/
  font-family: FontAwesome;
  margin-left: 4px;
  vertical-align: top;
}
.submenu-container {
	position:relative;
	display: flex;
	/*justify-content: center;*/
}
.submenu, 
.submenu-standart {
  display:flex;
  flex-direction: row;
  border-top: 1px solid #e5e5e5;
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.07);
  background: white;
  padding: 25px 0;
  position: absolute;
  top: 100%;
  /*left: 0;*/
  z-index: 5;
  /*opacity: 0;
  visibility: hidden;*/
  transform: translate3d(0,24px,0);
  transition: .5s ease-out;
  transform-origin: 0% 0%;
}
.submenu {width: 100%;max-width: 1400px;}
.submenu-standart {
  min-width: 200px;
  padding: 10px 0;
}
.dropdown-standart {position: relative;}
/*.top-menu > li:hover .submenu, 
.top-menu > li:hover .submenu-standart {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0,0,0);
}*/

.submenu > li {
	flex-grow: 1 ;
	flex-shrink: 1;
  /*float: left;*/
  width: 50%;
  padding: 0 18px;
  border-right: 1px solid #e5e5e5;
}
.submenu-standart li {padding: 0 18px;}
.submenu > li:last-child {border-right: none;}
.submenu img {
  display: block;
  width: 100%;
}
.submenu li a, 
.submenu-standart li a {
  display: block;
  padding: 5px 0;
  color: #666;
  font-size: 13px;
}
.submenu > li > ul {
	flex-direction: column;
}
.submenu li .link-image {padding: 0;}
/*.submenu li a:hover {color: #B03062;}*/
.submenu h3 {
  font-size: 20px;
  font-weight: 400;
  margin: 10px 0;
}
.special-li {
	display: flex; 
	justify-content: center; 
	align-items: center;
}

@media(max-width:768px) {
	.wrap-nav {
		/*flex-wrap: wrap;*/
		flex-direction: column;
	}
	#navbarNavDropdown {
		position: inherit;
	}
	.navbar-brand {
		flex-basis: auto;
	}
	/*.top-menu {
		margin-bottom: 20px;
	}*/
  .top-menu li {
    width: 100%;
    height: auto!important;
  }
  /*.top-menu > li {border-bottom: 1px solid #e5e5e5;}*/
  .top-menu > li > a {padding: 0;float:right;}
  .top-menu > li > a:after {
  clear: both;
  }
  .submenu,
  .submenu-standart {
    flex-direction: column;
    position: relative;
   /* display: none; */
    box-shadow: none;
    padding: 0;
    /*background: rgba(0,0,0,.02);*/
  }
  .submenu-standart {padding: 10px 0;}
  .submenu > li {
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 18px;
  }
  .submenu h3 {margin: 0 0 10px}
  .submenu .image-header {margin: 10px 0}
  .submenu li:last-of-type {border-bottom: none}
  /*.top-menu > li:hover .submenu,
  .top-menu > li:hover .submenu-standart {display: block;}*/
}

.menu-logout {
	line-height: 20px;
	border-left:1px solid #ddd;
	padding:9px 0px 10px 20px;
}
.menu-logout .fas {
	padding-right:10px;
	font-size: 20px;
}
.sessionCountdown {
	font-size:12px;
}
.sessionCountdown span {
	font-weight:bold;
}
.breadcrumb {
	background-color:transparent;
}

.lastLoginInfo {
	font-size:12px; 
	/*display:inline-block;*/
}
.loginInfo-value {
 	font-weight:bold;
 	float:right;
}

#customer-table_filter {
	display:none;
}
.dashboard-flex > .card, .sub-dashboard-flex > .card  {
	margin:10px;
	border:1px solid #ccc;
}
.dashboard-flex > .card:hover img {
	filter: brightness(30%);
	transition: filter 0.5s ease;
} 

.dashboard-flex > .card {
   flex: 0 0 320px; 
}

.sub-dashboard-flex > .card {
   flex: 0 0 320px;
}

.flex-2-col div:nth-child(2n) {
    page-break-after: always; /* CSS 2.1 syntax */
  	break-after: always; /* New syntax */
}
.flex-3-col div:nth-child(3n) {
    page-break-after: always; /* CSS 2.1 syntax */
  	break-after: always; /* New syntax */
}
.dashboard-flex > .card .card-title, .sub-dashboard-flex > .card .card-title {
	font-size:1.4em;
	margin-bottom:0px;
}
.dashboard-flex > .card a:hover, .sub-dashboard-flex > .card a:hover {
	text-decoration:none;
}

.reports-flex {flex-wrap: wrap;}
.reports-flex > .card { flex: 1 0; min-width:140px; max-width:240px; justify-content: center; margin: 20px; border-width: 1px; border-radius: 0px; border-color: #e5e5e5; text-align: center;}
.reports-flex > .card a { color: @color_1; }
.reports-flex > .card:hover, .reports-flex > .card.active { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; }
.reports-flex > .card .card-body span { line-height: 20px; font-size: inherit; font-size: 15px; }
.reports-flex > .card .card-body .card-title { color: inherit; margin:0; padding:0; font-weight: 600; font-size:18px; }

.hovereffect {
width:100%;
/*height:100%;*/
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect:hover img {
-ms-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1);
}

.hovereffect .hoverinfo {
	position: absolute;
	/*display: none;*/
	top:-160px;
	display: block;
	border:1px solid white;
	color:white;
	margin-left:40px;
	margin-right:40px;
	background: rgba(55,55,55,0.65);
}
.hovereffect:hover .hoverinfo {
	transition-delay:.2s;
	transition:all 0.4s ease-in-out;
	top:40px;
}
.hovereffect .hoverinfo select {
	width:80%;
	margin:20px 10px;
	background-color:#333;
	color:#fff;
}
.hovereffect .hoverinfo select option{

}
.navbar-toggler-icon {
	display:block;
}

.customerSearchResult, .distributorSearchResult {
	cursor:pointer;
}
.customerSearchResult:hover, .distributorSearchResult:hover {
}
.customerSearchResult.selected, .distributorSearchResult.selected {
}
.form-check label.error, .custom-checkbox label.error {
	text-align:left;
}
a .card-title {
	color:#003876;	
}
.sub-select-layout {
	display: none;
	overflow: hidden;
	z-index: 1029;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.6);
}
#additionalPpkInfo .card {
	border-width:0px;
	background-color: transparent;
}
#additionalPpkInfo .card-header {
	cursor:pointer;
	background-color: transparent;
	border-bottom-width: 0px;
	border-top: 1px solid #ddd;
}
#additionalPpkInfo .card:first-child .card-header {
	border-top-width:0px;
}
#additionalPpkInfo .card-header:not(.collapsed) {
	background-color:#fcfcfc;
	box-shadow:0 1px 3px 0 #e8e4e3;
	border-top-width:0px;
}

.pointer {
	cursor: pointer;
}

.status-bar {
  display:inline-block;
  width: 150px;
  border-radius: 4px;
  color:#fff;
  padding: 6px 0px 6px 4px;
  border-bottom:1px solid #bbb;
  border-right:1px solid #bbb;
}
.status-bar small {
  padding-left:3px;
  text-shadow: 1px 1px 3px #222;
}
.status-bar span.icon {
  text-shadow: 1px 1px 3px #222;
} 
span.icon {
  font-family: "Font Awesome 5 Free";
}
.status-bar.status-AWAITING {
  background: #9e9e9e;
  background: -moz-linear-gradient(left, #9e9e9e 20%, #ddd 20%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #9e9e9e 20%,#ddd 20%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #9e9e9e 20%,#ddd 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#ddd',GradientType=1 ); /* IE6-9 */
}

.status-bar.status-AWAITING_TFI_APPROVAL {
  background: #4BBBDD; /* Old browsers */
  background: -moz-linear-gradient(left, #4BBBDD 35%, #ddd 35%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #4BBBDD 35%,#ddd 35%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #4BBBDD 35%,#ddd 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4BBBDD', endColorstr='#ddd',GradientType=1 ); /* IE6-9 */
}
.status-bar.status-VERIFIED {
  background: #1e5799; /* Old browsers */
  background: -moz-linear-gradient(left, #65c184 75%, #ddd 75%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #65c184 75%,#ddd 75%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #65c184 75%,#ddd 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65c184', endColorstr='#ddd',GradientType=1 ); /* IE6-9 */
}

.status-bar.status-NEGOTIATED {
  background: #f9a262; /* Old browsers */
  background: -moz-linear-gradient(left, #f9a262 15%, #ddd 15%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f9a262 15%,#ddd 15%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f9a262 15%,#ddd 15%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a262', endColorstr='#ddd',GradientType=1 ); /* IE6-9 */
}

.status-bar.status-CANCELED {
  background: #c34444;
  background: -moz-linear-gradient(left, #c34444 100%, #ddd 0%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #c34444 100%,#ddd 0%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #c34444 100%,#ddd 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c34444', endColorstr='#ddd',GradientType=1 ); /* IE6-9 */
}

.status-bar.status-ACCEPTED {
  background: #2D8632;
  background: -moz-linear-gradient(left, #2D8632 100%, #ddd 0%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #2D8632 100%,#ddd 0%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #2D8632 100%,#ddd 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2D8632', endColorstr='#ddd',GradientType=1 ); /* IE6-9 */
}

.status-AWAITING span.icon::before{
  content: "\f017";
}
.status-AWAITING_TFI_APPROVAL span.icon::before{
  content: "\f274";
}
.status-VERIFIED span.icon::before{
  content: "\f164";
}
.status-CANCELED span.icon::before {
  content: "\f057";
}

.status-NEGOTIATED span.icon::before {
  content: "\f2b5";
}

.status-ACCEPTED span.icon::before {
  content: "\f058";
}

.contract-details .col-form-label {
  text-align: right;
}
.contract-details .header {
  border-bottom: 1px solid #ddd;
  margin-top:10px;
  padding-bottom:5px;
}

.contract-details .nav-tabs {
  border-bottom-width: 0px;
}

.contract-details .nav-tabs .nav-link {
  padding: 15px 0px;
  border-radius: 0;
  margin-bottom:0px;
  border:1px solid #ddd;
  border-top-width: 0px;
  background-color: #fafafa;
}
.contract-details .nav-tabs .nav-link:first-child {
  border-top-width: 1px;
}
.contract-details .nav-tabs .nav-link.active:first-child {
  border-top-color: transparent;
  /*border-left-color: transparent;*/
}
.contract-details .nav-tabs .nav-link.active:last-child {
  border-bottom-color: transparent;
  /*border-left-color: transparent;*/
}
.contract-details .nav-tabs .nav-link.active {
  border-right-color: transparent;
  background-color:#fff;
}
/*
.contract-details .tab-pane {
  border-top: 1px solid #ddd;
}
*/

.customer-details .col-form-label {
  text-align: right;
}
.customer-details .header {
  border-bottom: 1px solid #ddd;
  margin-top:10px;
  padding-bottom:5px;
}

.customer-details .nav-tabs {
  border-bottom-width: 0px;
}

.customer-details .nav-tabs .nav-link {
  padding: 15px 0px;
  border-radius: 0;
  margin-bottom:0px;
  border:1px solid #ddd;
  border-top-width: 0px;
  background-color: #fafafa;
}
.customer-details .nav-tabs .nav-link:first-child {
  border-top-width: 1px;
}
.customer-details .nav-tabs .nav-link.active:first-child {
  border-top-color: transparent;
  /*border-left-color: transparent;*/
}
.customer-details .nav-tabs .nav-link.active:last-child {
  border-bottom-color: transparent;
  /*border-left-color: transparent;*/
}
.customer-details .nav-tabs .nav-link.active {
  border-right-color: transparent;
  background-color:#fff;
}

.extraTable-pagination {
	padding: 0px;
}

.extraTable-pagination .dataTables_length {
	float: left;
}


@media only screen and (max-width:768px) {
	.customer-details .col-form-label {
		text-align: left;
		font-weight: 900;
	}
}

@media only screen and (max-width:576px) {
	.customer-details .col-form-label {
	    text-align: left;
	    background-color: #f1f5f2;
	    font-weight: 900;
	}
}

.drop_zone {
	margin-top: 16px;
	width: 100%;
	border: 2px dashed #DDD;
}
.drop_zone span {
	position: absolute;
	width: 100%;
	margin: 85px 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.file_upload {
	width: 100%;
	height: 200px !important;
	opacity: 0;
}
.fileBox {
	display: inline-flex;
	padding-bottom: 4px;
}
.fileBox div {
	line-height: 28px;
	margin-left: 5px;
}

.confirm-header {padding-top: 16px;padding-bottom: 6px;border-bottom: 1px solid #ddd;}
.confirm-header h3 {position: absolute;}

@keyframes rotate {
  100% {-webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
	transform: rotate(360deg);}
}
.elemspin {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	transform-origin: 48% 46%;
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
}
.spin-relative {
	position: relative;
}
.spin-box {
	width: 100%;
	height: 100%;
}
.spin-hide{
	opacity: 0;
	visibility: hidden;
}
.spin-background{
	background-color: rgba(255,255,255,0.3);
	z-index: 9999;
	position: absolute;
	top: 0;
	left: 0;
}
.list-group-item {
	background-color: inherit;
	border: none;
}
.list-group-item:hover {
	background-color: inherit;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance:textfield;
}

.delMultiContributions {
	margin-top: 36px;
	font-size: 26px;
}

.password-reqs {
  margin: 0;
  padding: 0;
  margin-top: 10px;
  padding-left:20px;
}
.password-reqs li {
  display: flex;
  list-style-type: none;
  position: relative;
  padding-left: 30px;
  line-height: 30px;
  font-size: 14px;
}
.password-reqs li:before {
  font-family: 'Font Awesome 5 Free';  
  font-weight: 900;
  content: "\f00c";
  text-decoration: inherit;
  color: #7ba361;
  font-size: 16px;
  position: absolute;
  top: 2px;
  left: 0;
  -webkit-font-smoothing: antialiased;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}
.password-reqs li[data-ok="false"]:before {
  color: #ccc;
  /*content: "\f111";*/
}

.input-inner-addon {
	position: relative;
}

input + .input-addon-ok:before {
  font-family: 'Font Awesome 5 Free';  
  font-weight: 900;
  content: "\f00c";
  text-decoration: inherit;
  color: #7ba361;
  font-size: 16px;
  display:inline-block;
  position:absolute;
  top:6px;
  right:10px;
  opacity:0;
  transition: opacity 0.5s;
}
input.is-valid + .input-addon-ok:before {
  opacity:1;
} 


.left-gray-border {
	border-left: 1px solid #ced4da;
}

.small-top-margin {
	margin-top:10px;
}
.word-wrap-anywhere {
	word-wrap:anywhere;
}

.xs-dashboard-nav-label {
	min-width:30px;	
}

@media screen and (max-width: 767px) {
    li.paginate_button.previous {
        display: inline;
    }
 
    li.paginate_button.next {
        display: inline;
    }
 
    li.paginate_button {
        display: none;
    }
}

.limit-text {
	width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.centered_edit_btn {
	padding-top: 0.3rem;
}

.edit_btn_text {
	font-size:1rem;	
}

.lang_icon {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	height: 29px;
	width: 20px;
	cursor: pointer;
}

.lang_pl {
	background-image: url("../img/svg/flag_pl.svg");
}

.lang_en {	
	background-image: url("../img/svg/flag_en.svg");
}

@media only screen and (max-width:768px) {
	.contract-details .col-form-label {
		text-align: left;
		font-weight: 900;
	}
}

@media only screen and (max-width:576px) {
	.contract-details .col-form-label {
	    text-align: left;
	    background-color: #f1f5f2;
	    font-weight: 900;
	}
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    height:0%;
    margin-bottom:  1rem;
}

.table-historicalFiles td { vertical-align: middle; }
.table-historicalFiles .fileName { min-width:183px; width: auto; word-break: break-all; }
.table-historicalFiles .fileDate { min-width:96px; }
table[id^="transactions-table-"] td { vertical-align: middle; }
table[id^="transactions-table-"] span.icon-pdf {	
	font-size: 2rem;
}

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

div.center-content {
	display: flex;
	justify-content: center;
}

.invalid-feedback.center-text {
	text-align: center;
	display: block;
}

.w-10 { width: 10% !important;}
.w-13 { width: 13% !important;}
.w-15 { width: 15% !important;}
.w-16 { width: 16% !important;}
.w-20 { width: 20% !important;}
.w-23 { width: 23% !important;}
.w-28 { width: 28% !important;}
.w-29 { width: 29% !important;}
.w-30 { width: 30% !important;}
.w-33 { width: 33% !important;}

.dt-head-right {text-align: right !important;}
.dt-head-left {text-align: left !important;}
.dt-head-pr-39 {padding-right: 39px !important;}
th.text-paddingright {padding-right: 39px !important;}
td.text-paddingright {padding-right: 44px !important;}

#employer-table{
	cursor: pointer;
}

.fork-card {
    flex: 0 0 380px !important;
}

.fork-card-img {
     width: auto;
     height: 220px;
     padding: 30px 25px 20px 20px;
}

.fork-link {
    text-align: center;
}
.invisible-card {
	visibility: hidden;
}