body, html {
  font-size: .875rem;
   background-color: #fff;
   min-height:100%;
   height:100%;
}

.bg-login {
	background:url('../img/bg-login.jpg') center no-repeat;
	background-size:cover;
	
} 
.bg-login:before {content:''; display:block; z-index:0; position:absolute; top:0; left:0; height:100%; width:100%; opacity:.8; background:#000;}

a {color:#a05f33;}
a:hover {color:#000;}
a:focus, .btn:focus, button:focus {outline:none !important; text-decoration:none;}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

h2.breadcrumbs {
	font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #4E7087;
    margin-bottom: 20px;
}
h2.breadcrumbs a:hover {text-decoration:none;  color: #4E7087;}


label {
    font-size: 10px;
    color: rgba(115, 151, 174, 0.7);
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 .3rem 0;
    display: block;
}
.form-control {
    margin-bottom: 0px;
}
.form-control {
    font-size: .8rem;
    padding: .495rem .75rem;
}
.module.to-delete {
    margin: 15px 0;
}
table th .fa-2x {font-size:1.2rem;}
table td .fa.text-secondary {opacity:.2;}

.dropdown-menu {padding:0;}
.dropdown-menu .dropdown-item {padding:.5rem 1.5rem;}

.legend .dot {display:inline-block; width:14px; height:14px; border-radius:50%; margin-left:15px; margin-bottom:-3px;}
#ceep-filters-form button {margin-top:19px !important;}

.bg-dark { background:#0b0e13 !important;}
.fixed-top {z-index:1;}
/*
 * Sidebar
 */
.sidebar .logo {width:60%; margin:0 auto; margin-top:-3rem;}
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
  background:#0b0e13;
  z-index:111;
  
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .8rem;
}
.sidebar-sticky .nav-item.dropdown {overflow:hidden;}
.sidebar-sticky .dropdown-menu {
	position:relative !important; top:0; left:0;
	padding: 0;
    margin: 0 1rem;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #0b0e13;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
	transform:none !important;
	display:block !important;
	float:none !important;
	height:0 !important;
	overflow:hidden;
}

.sidebar-sticky .dropdown-menu.show {height:auto !important;}
.sidebar-sticky .dropdown-menu a.dropdown-item {display:block !important; padding: .45rem .45rem .45rem .85rem; margin-left:.45rem; 
	border-left:solid 1px  rgba(248, 241, 241, 1); 
	font-size:.75rem; line-height:1rem; position:relative; color:#fff;}
.sidebar-sticky .dropdown-menu a.dropdown-item .fa {opacity:.7; width:20px; text-align:center; display:inline-block;}
.sidebar-sticky .dropdown-menu a.dropdown-item:before {content:''; width:8px; height:8px; position:absolute; background:#fff; border:solid 1px  rgba(248, 241, 241, 1); top:.85rem; left:-4px;}
.sidebar-sticky .dropdown-menu a.dropdown-item + a.dropdown-item  {    border-top: dotted 1px rgba(248, 241, 241, .8);}
.sidebar-sticky .dropdown-menu a.dropdown-item:hover .fa {opacity:1; margin-right:5px;}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FCDA9A;}
.sidebar .nav-link {
  font-weight: 500;
  color: #fff;
  font-size:16px;
  position:relative;
}
.sidebar .mb-2 .nav-link {font-weight:400; font-size:12px; color:#874E4E;}


.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #CC0000;
}
 
.sidebar .nav-link  {
 padding: .32rem 0 .55rem 1rem;
 
 margin:0 ;
	border-bottom:1px solid #874E4E;
 
    border-color: rgba(248, 241, 241, .2);
}
.sidebar .nav-item ul {padding:0; margin:0; list-style-type:none;}
.sidebar .nav-item  ul .nav-link  {background:#e5ded1; color:#0b0e13; border-bottom: none;    padding: .22rem 0 .35rem 1.1rem; font-size: 13px;}

.sidebar .nav-link .fa {position:relative; color:#b48c80; width:28px;  height:28px; border-radius:50%; border:solid 1px #b48c80; font-size:12px; text-align:center; line-height:27px; margin-right:5px;}
.sidebar .nav-item  ul .nav-link, .sidebar ul ul .nav-item {position:relative;}
.sidebar .nav-item  ul .nav-link .fa {width:25px;  height:25px;  line-height:23px;  font-size:10px; background:#e5ded1;}
.sidebar ul ul {overflow:hidden;}
.sidebar ul ul .nav-item .nav-link:before {
	content: '';
    width: 1px;
    height: 95%;
    border-left: solid 1px #b48c80;
    left: 27px;
    top: -.4rem;
    position: absolute;
    z-index: 0;
}
.sidebar .active .nav-link {background:#fff; color:#0b0e13; }
.sidebar .nav-item  .active ul .nav-link  { background:#fff;}
.sidebar .nav-item    ul .active .nav-link {background:#fff; color:#000;}
.sidebar .nav-item.active    ul  .active .nav-link	{background: #ddcfc2;}
.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .7rem;
  text-transform: uppercase;
  
}
.sidebar-heading span {color: #b48c80; padding-bottom:.5rem; display:block;}

.fixed {position:absolute; width:40px; height:40px; border-radius:50%; left:50%; margin-left:-20px; bottom:20px;  border:solid 1px  #874E4E; }
.fixed .nav-link {padding:0; line-height:40px; text-align:center; margin:0; padding:0;}
.fixed .fa {color:#874E4E;}






/*
 * Content
 */

[role="main"] {
  padding-top: 70px; /* Space for fixed navbar */
 
}

/*
 * Navbar
 */
.fixed-top {
	box-shadow: inset  0 -1px 0 rgba(0, 0, 0, .1);
  background:#0b0e13;
	
}
.fixed-top h1 {font-size:1.2rem; text-transform:uppercase;}

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  
}
nav .navbar-brand  img {height:50px;}
nav h1.mail-title {font-size:20px; font-weight:400;}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

/*
 * Utilities
 */

 
 
.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

#sidesetigs .nav-item {padding:5px 0; margin:0 12px;}
#sidesetigs .nav-item .nav-link {color:#fff7e9; font-size:16px; position:relative;}
#sidesetigs .nav-item .nav-link .fa {color:#fff;}
#sidesetigs .nav-item .nav-link .badge {display:block; width:20px; line-height:18px; text-align:center; height:20px; border-radius:50%; background:#cc0000; color:#fff; font-size:9px;
	position:absolute; top:10px; right:-12px; padding:0;}
#sidesetigs .nav-item.disabled .nav-link {color:#d7b9b9; }
#sidesetigs .nav-item.disabled .nav-link .badge {display:none;}

#sidesetigs .nav-item .nav-link .user {position:relative; }
#sidesetigs .nav-item .nav-link.dropdown-toggle::after{font-size:16px; margin-right:20px;}
 
#sidesetigs .nav-item .nav-link.dropdown-toggle + .dropdown-menu {
    position: absolute !important;
    top: 100%;
    left: auto !important;
	right:22px !important;
	}
#sidesetigs .nav-item .nav-link .user img {border-radius:50%;}
#sidesetigs .nav-item .nav-link .user .dot {width:10px; height:10px; position:absolute; bottom:-5px; right:8px; border-radius:5px;}
#sidesetigs .nav-item .nav-link .user .dot.green {background:green;}
#sidesetigs .nav-item .nav-link .user .dot.yellow {background:yellow;}
#sidesetigs .nav-item .nav-link .user .dot.red {background:red;}


.card-header, .card-footer {
    background-color: rgba(0,0,0,.1);
}
.card.big, .card {margin-bottom:30px; background: #fff7e9;}
.card.big .fa, .card.medium .fa , .card.sm .fa{font-size:50px; color:#7397AE;}
.card.big .card-body {min-height:220px;}
.card.bigest .card-body {min-height:90vh;}
.card.sm .card-body {min-height:160px;}
.card.big .card-body a {display:block; padding-top:60px; color:#7397AE; }
.card.sm .card-body  p{padding-top:20px; color: #CC0000;}
.card.sm .fa {color:#CC0000; }
.card.big .card-body a:hover, .card.big .card-body a:focus {text-decoration:none; opacity:.7;}
.card.big .card-body  h4 {font-size:30px; color:#CC0000; padding-top:30px; text-transform:uppercase;}
.card.sm .card-body  h4	{font-size:.8rem; color:#CC0000;}

.card.big.mt-5 {margin-top:3.5rem!important}
	
.card .card-title, h2 {    font-weight: 400;
    font-style: normal;
    font-size: 18px;
color: #4E7087;
margin-bottom:20px;
}
.card .ml-mr-20  { margin-left:-20px; margin-right:-20px;  }
.card .ml-mr-21  { margin-left:-21px; margin-right:-21px;  }
.card .table-responsive.ml-mr-20, .card .table-responsive.ml-mr-21 {width:auto;}
.card  table {margin-top:10px; margin-bottom:0;}
.card .table-responsive table th:first-child, .card .table-responsive table td:first-child  { padding-left:20px;}
.card .table-responsive table th:last-child, .card .table-responsive table td:last-child {padding-right:10px;}
..collection-table {border:none !important;}

.collection-item.table-row{border:none; border-top: 1px solid #dee2e6 !important;}
.collection-item.table-row.table-cell {border:none;}
 
.card table.table th, .table-cell.table-header {border:none; color:#874E4E; font-weight:700; font-size:12px;}
.card  table.table.table-alt th, label {color: #b48c80;}

.card .circle {width:120px; height:120px; border-radius:50%; margin:0 auto; margin-top:-140px; background:#fff; border:solid 1px #b48c80;   text-align:center;}
.card a:hover .circle, .card a:hover  {opacity:1 !important;}
.card .circle .fa {padding-top:34px; color:#b48c80; font-size:50px; display:inline-block;}

 
 
label { font-size:9px;  line-height:16px; text-transform:uppercase; font-weight:700; margin:0 0 .3rem 0; display:block;}
label:after {content:' '; display:inline-block;}

.input-group-text {
    background-color: #feedcd;
	border: 1px solid rgba(0,0,0,.125);
    padding: .3rem .6rem;
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {border: 1px solid rgba(0,0,0,.125);}

.card   .table td, .card   .table th {
	padding:.5rem;
    vertical-align:  middle;
	
}
.card blockquote {padding:10px;  font-size:80%;   border: 1px solid rgba(0,0,0,.125); border-radius:5px;}
.card.brt-0 {border-radius:0 0 5px 5px; border-top:none;}

.pic-circle {border-radius:50%;}
.card .table-responsive .table td a .fa {color:#7397ae; padding:0 5px; font-size:20px; width:30px; text-align:center;}
.card .table-responsive .table td a .btn .fa {color:#fff; font-size:inherit;}
.card.login .card-header, .card.login .card-body, .card.login .card-footer {padding:15px 45px;}
.card.login .btn {font-size:1.2rem; font-weight:700;}
.card.login  .btn-primary {    background: #feedcd;
    border: 1px solid rgba(0,0,0,.125);
    color: #21252F; }
.card.login  label {color: #feedcd ;}
.card.login .btn .fa {color: #21252F; font-size:1.2rem; padding-left:1rem;}
.card.login .card-footer {background:rgba(254,237,205,.3); }

.table img {border-radius:3px;}
.table tr td .btn .fa {
	font-size: 1.1rem;
    width: 30px;
    margin: -0.2rem -.5rem;
}

.btn {font-size:.7rem; line-height:1.3rem; padding: .36rem .75rem;}

.btn-primary, .badge-primary {background:rgba(204, 0, 0, 1); color:#fff; border-color:rgba(204, 0, 0, 1);}
.btn-primary:hover, .btn-primary:focus {background:rgba(215, 185, 185, 1); color:#fff; border-color:rgba(215, 185, 185, 1);}

.btn-default {background:#fff; color:#7397AE; border-color: rgba(201, 215, 224, 1);}
.card-header .btn-default, .card-footer .btn-default {background:#feedcd; border: 1px solid rgba(0,0,0,.125); color:#21252F;}
.card-footer select {margin-top:5px;}
.card-footer .btn {font-weight:700; letter-spacing:1px; margin-top:5px;}
.btn-xs {padding:.3rem .9rem; font-size:.7rem; line-height:.8rem; text-transform:uppercase;}
.btn-sm-1 {padding:.3rem .9rem; font-size:.7rem; line-height:.8rem;}

.btn-success {background: ; border-color: ;}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid rgba(0,0,0,.125);
}

table .badge-pill {padding:.5rem 1rem;}

a.disabled {cursor:auto; opacity:.3;}

.grey {color:#333; opacity:.3;}
.green {color:#00cc00;}
.yellow {color:#ff9900;}
.red {color:#cc0000;}
.dark {color:#222;}
.purple {color:#874E4E;}

.well {
	background: #f4eeee;
    padding: .5rem;
    border-radius: 5px;
}
.well label, .well a {color:#212529;}
.well a:hover {text-decoration:none; color:#CC0000;}	

.dropzone {border: 1px solid rgba(0,0,0,.125);}

h6 {font-size:12px;}

.op-03 {opacity:.3;}
.op-05 {opacity:.5;}
.op-07 {opacity:.7;}

.no-border {background:none !important; border:none !important; position:relative;}

.form-control {
    font-size: .8rem;
	padding: .45rem .75rem;
}
.form-control-sm {padding:.295rem .75rem;}
.form-group {
    margin-bottom: .7rem;
}

.page-link {color: #7397AE;}
.page-item.active .page-link {
    z-index: 1;
    color: #7397AE;
    background-color: rgba(245, 239, 239, 1);
    border-color: #dee2e6;
}

.line {margin:10px -20px; position:relative;}
.line:before {content:''; width:100%; display:block; height:1px;  float:left; margin:13px 0 -28px 0; border-bottom:1px solid rgba(115, 151, 174, 0.498039215686275);}
.line span {display:inline-block; font-weight:700; padding:0 10px;  background:#fff; font-size:10px; text-transform:uppercase; color:rgba(115, 151, 174, 0.498039215686275);}
hr { margin:15px -19px; border:none; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.text-underline {display:block; padding-bottom:.2rem; border-bottom:1px solid rgba(115, 151, 174, 0.498039215686275);}
.text-underline .btn-xs {margin-top:-.1rem}
.line-b-blue {border-bottom:solid 1px rgba(115, 151, 174, 1); margin-bottom:0;}
.line-b-blue:before {display:none;}


.table-secondary, .table-secondary>td, .table-secondary>th	{background-color: rgba(242, 242, 242, 1);}
.table-active, .table-active>td, .table-active>th {background:#fff;}
.table-active td:first-child , .table-active td:last-child {position:relative;}
.table-active td:first-child:before, .table-active td:last-child:before {
	content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: 0;
    height: 0;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    border-left: 18px solid rgb(245, 239, 239);
	
}
.table-active td:last-child:before {
	transform: rotate(180deg);
	right:-1px;
	left:auto;
}
.table.table-zapytania .table-active td:first-child {font-weight:700;}
.table.table-zapytania tr td, .table.table-zapytania tr th { color: #7397AE;}
.table.table-zapytania tr td a.disabled {color:#333; opacity:.5;}
 
.table-more-info >td, .table-more-info > td {background-color: rgb(245, 239, 239); position:relative;}
.table-more-info p {color:#000; font-size:.8rem;}
.table-more-info small {color: #999999;}
.table-more-info hr {border-color:#d4d4d4; opacity:.7; margin:5px 0 15px -15px; }
.table-more-info .row {margin:0;}
.table-more-info a .fa {color:#000 !important;}

.table-more-info > td:before {
	content: '';
    position: absolute;
    top: -14px;
    left: 4.2%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 15px solid rgb(245, 239, 239);
}
	
}


.nav-pills {margin:0 0 0 -20px;}
.nav-pills .nav-link	{
	background-color: rgba(250, 250, 250, 1);
	color: #7397AE;
	border-bottom:solid 1px #7397AE;
	border-right:solid 1px #7397AE;
	border-radius:0;
}
.nav-pills .nav-link:first-child { }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background:#fff;
	border-right:none;
	color: #7397AE;
}

.card-header.no-bg {border:none !important; background-color: rgb(245, 239, 239); padding:0; border:none; margin-top:-2px;}
.card-header.no-bg .nav-pills .nav-link {color:#333; border-radius:5px 5px 0 0 ; background:#e6d2d2; border: none !important;}
.card-header.no-bg .nav-pills .nav-link + .nav-link {margin-left: .25rem;}
.nav-pills.card-header-pills .nav-link + .nav-link {margin-left:.25rem;}
.nav-pills.card-header-pills .nav-link:last-child {margin-right:.6rem;}

.card-header.no-bg .nav-pills .nav-link.active,
.nav-pills .nav-item.active .nav-link{background:#fff; border-bottom: none !important;}

.nav-pills .nav-item.disabled .nav-link{background-color: rgb(245, 239, 239); border: 1px solid #e6d2d2 !important; border-bottom:none !important; }	


.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #fff;
}
.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #222;
    text-align: center;
    background-color: #fff;
    border-radius: .25rem;
}


.inputfile-box {
  position: relative;
}

.inputfile {
  display: none !important;
  opacity:0 !important;
}

.inputfile-box label {position:relative; width:100%;}
.file-box {
  display: block;
  width: 98%;
 border: 1px solid #ccc;
 border-radius:4px;
  padding: 5px 0px 5px 5px;
  box-sizing: border-box;
  height:39px;
  line-height:21px;
}

.file-button {
  position: absolute;
  top: 0px;
  right: 0px;
  width:30%;
}


.d-relative {position:relative;}
.d-absolute {position:absolute;}
.domain .d-absolute {right:10px; top:34px; color:green; font-size:18px;}
.form-success {border-color:green;}

.steps {list-style-type:none; margin:0; padding:0;}
.steps li {display:inline-block; padding:6px 4px 0 0;}
.steps li span {display:inline-block; width:20px; height:20px; border-radius:50%; border:solid 2px #CC0000;}
.steps li.active span	{background:#CC0000;}


.panel-radio {border-color:#efefef;}
.panel-radio .table {margin:0 !important;}
.panel-radio .panel-heading, .panel-radio .panel-footer {background:#efe4e4; color:#fff !important; padding:.8rem 0 .5rem 0;}
.panel-radio .panel-heading h2 {color:#fff; font-weight:700; font-size:20px;}
.panel-radio .panel-heading h2 small {color:#fff; display:block; line-height:.3; padding-top:5px; font-weight:400; font-size:14px;}
.panel-radio .panel-footer {padding:0; margin:0;}
.panel-radio .panel-footer .text-center {padding:10px 5px;}
.panel-radio .panel-footer .col-xs-6 + .col-xs-6 .text-center  {border-left:solid 1px #efefef;}
.panel-radio .panel-footer .text-center .price {padding:1px 0; font-size:20px; font-weight:700;}

.checkcontainer {position:relative; display:block; cursor:pointer;}
.checkcontainer input {display:none;}
.checkcontainer input:checked ~ .panel-radio {
	ransform:scale(1.2); 
	-webkit-transform:scale(1.2); 
	-moz-transform:scale(1.2); 
	-o-transform:scale(1.2); 
	z-index:30;
	position:absolute;
	-webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.44)  !important;
-moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.44)  !important;
box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.44) !important;
border:none !important;
left:0px;
width:100%;
}
.checkcontainer input:checked ~ .panel-radio .panel-heading, 
.checkcontainer input:checked ~ .panel-radio .panel-footer{
	background:#CC0000;
}
.checkcontainer input:checked ~ .panel-radio .panel-footer .col-xs-6 + .col-xs-6 .text-center  {border-left:solid 1px #fff;}
.checkcontainer input:checked ~ .panel-radio .table tr td {color:#222;}


ul.timeline {
    list-style-type: none;
    position: relative;
	padding-left:20px;
}
ul.timeline:before {
    content: ' ';
    background: #e6d2d2;
    display: inline-block;
    position: absolute;
    left: 14px;
    width: 3px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
	position:relative;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #e6d2d2;
    left: -25px;
    width: 40px;
    height: 40px;
    z-index: 400;
}
ul.timeline > li.ok:before {
    border: 3px solid #CC0000;
}
ul.timeline > li.ok:after, ul.timeline > li.working:after  {
    content: "\f00c";
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
	text-align:center;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    left: -25px;
	top:13px;
    width: 40px;
    height: 20px;
    z-index: 401;
}
 ul.timeline > li.working:after {
	content: "\f017";
 }
 
.timeline .table tr td:last-child a {padding:0 2px;}

span.dot {display:inline-block; width:22px; height:22px; line-height:22px; text-align:cetner; border-radius:11px; background:#ccc;}
	span.dot.warning {color:#222; background:yellow;}
	span.dot.danger {color:#fff; background:red;}

.pagination {padding-top:15px;}	
.pagination span:first-child {margin-left:auto;}
.pagination span {
    padding: 0 px;
    border: #dee2e6 1px solid;
    border-radius: 3px;
    margin: 0 1px;
    display: block;
    min-width: 30px;
	height:30px;
	line-height:30px;
    text-align: center;
}
.pagination span a {display:block; width:100%; height:100%;}

.select2-container .select2-selection {margin-top:0;  height: 32px;  }
.select2-container--default .select2-selection--single { border: 1px solid #ced4da;}



/* faktrua */
#faktura  {}
.invoice-title h1, .invoice-title h3 {
    display: inline-block; line-height:46px;
}
#faktura address {font-size:1.2rem;}
strong.text-uppercase {padding-bottom:5px; padding-top:10px; margin-bottom:1px; border-bottom:4px solid #e9ecef; display:block;}
.table > tbody > tr > .no-line {
    border-top: none;
}

.table > thead > tr > .no-line {
    border-bottom: none;
}

.table > tbody > tr > .thick-line {
    border-top: 2px solid;
}


/* komunikacja */
.inbox_people {
  background: #fff none repeat scroll 0 0;
  float: left;
  overflow: hidden;
  width: 40%; border-right:1px solid #c4c4c4;
}
.inbox_msg {
  border: 1px solid #c4c4c4;
  clear: both;
  overflow: hidden;
  border-radius:5px;
}
.top_spac{ margin: 20px 0 0;}


.recent_heading {float: left; width:40%;}
.srch_bar {
  display: inline-block;
  text-align: right;
  width: 60%; padding:
}
.headind_srch{ padding:10px 29px 10px 20px; overflow:hidden; border-bottom:1px solid #c4c4c4;}

.recent_heading h4 {
  font-size: 21px;
  margin: auto;
}
.srch_bar input{ border:1px solid #cdcdcd; border-width:0 0 1px 0; width:80%; padding:2px 0 4px 6px; background:none;}
.srch_bar .input-group-addon button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 0;
  color: #707070;
  font-size: 18px;
}
.srch_bar .input-group-addon { margin: 0 0 0 -27px;}

.chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
.chat_ib h5 span{ font-size:13px; float:right;}
.chat_ib p{ font-size:14px; color:#989898; margin:auto}
.chat_img {
  float: left;
  width: 11%;
}
.chat_ib {
  float: left;
  padding: 0 0 0 15px;
  width: 88%;
}

.chat_people{ overflow:hidden; clear:both;}
.chat_list {
  border-bottom: 1px solid #c4c4c4;
  margin: 0;
  padding: 18px 16px 10px;
}
.inbox_chat { height: 550px; overflow-y: scroll;}

.active_chat{ background:#e5ded1;}

.incoming_msg_img {
  display: inline-block;
  width: 6%;
}
.incoming_msg_img img, .chat_img img{max-width:100%;}

.received_msg {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
 }
 .received_withd_msg p {
  background: #e5ded1  none repeat scroll 0 0;
  border-radius: 3px;
  color: #646464;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width: 100%;
}
.time_date {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
}
.received_withd_msg { width: 57%;}
.mesgs {
background: #fff none repeat scroll 0 0;
  float: left;
  padding: 30px 15px 0 25px;
  width: 60%;
}

 .sent_msg p {
  background: #0b0e13  none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 14px;
  margin: 0; color:#fff;
  padding: 5px 10px 5px 12px;
  width:100%;
}
.sent_msg div {float:left; 
width: -webkit-calc(100% - 62px);
    width: -moz-calc(100% - 62px);
    width: calc(100% - 62px);
}
.sent_msg:after {
	float:right;
	content:'';
	width:52px;
	height:52px;
	border-radius:50%;
	background: #0b0e13 url(../img/logo.png) center no-repeat;
	background-size:94%;
	 
}
.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
.sent_msg {
  float: right;
  width: 46%;
}
.input_msg_write input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4c4c4c;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
}

.type_msg {border-top: 1px solid #c4c4c4;position: relative;}
.msg_send_btn {
  background: #cc0000 none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  height: 33px;
  line-height:20px;
  text-align:center;
  position: absolute;
  right: 0;
  top: 11px;
  width: 33px;
}
.messaging { padding: 0 0 10px 0; border-radius:5px;}
.msg_history {
  min-height: 516px;
  height:100%;
  overflow-y: auto;
}


@media (max-width: 1700px) {
	.input-group div {display:flex; max-width: 80%;}
	.input-group .input-group-prepend + div {width:60px;}
	.input-group-text {padding: .3rem .35rem; max-width: 100% !important;}
	.btn {
		font-size: .7rem;
		line-height: 1.3rem;
		padding: .36rem .3rem;
	}
	.btn.ml-3 {margin-left:3px !important;}
	.btn-xs {
		padding: .3rem .8rem;
	}
}


@media (min-width: 992px) {
	.fixed-top .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row;
	}
}
@media screen and (min-width: 768px) {
	#toggle-sidebar {display:none; color:#333 !important;}
	.sm-hidden {display:none;}
	
	.fixed-top.nav-klient .navbar-brand {
		position:absolute; z-index:2;
		height:60px;
		background:#fff !important;
		width:100%; top:-60px; left:0; right:0;
		padding-left:47%;
		
	}
	.fixed-top.nav-klient .navbar-brand:after {
    content: '';
    display: inline-block;
    position: absolute;
    margin: 0 0 -20px 0;
    left: 49%;
    margin-left: -50px;
    top: 59px;
    width: 0;
    height: 0;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-top: 20px solid #fff;
}
	
	.fixed-top.nav-klient {top:60px; background:#efe4e4 !important; }
	.nav-klient .navbar-collapse {
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto !important;
		flex-basis: auto !important;
		background:#efe4e4;
		padding:.25rem 0;
	}
	.nav-klient .navbar-collapse .nav-link {
		padding-right: .5rem;
		padding-left: .5rem;
		color:#cb0100 !important;
	}
	.nav-klient .navbar-collapse .nav-link a{
		color:#cb0100 !important;
	}
	.nav-klient #sidesetigs .nav-link {padding: .5rem;}
	.nav-klient #sidesetigs .nav-item {
		margin:-.8rem .5rem;
	}

}
@media screen and (max-width: 767px) {
	#sidesetigs .nav-item .nav-link.dropdown-toggle + .dropdown-menu {
		top: 100%;
		left: a0 !important;
		right:0 !important;
	}
	nav h1.mail-title {display:none;}
	#sidesetigs {width:300px; padding:20px 30px;     border: solid 1px #efefef;}
	#sidesetigs .navbar-nav { -ms-flex-direction: row;  flex-direction: row;}
	#sidesetigs .nav-item {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		padding:5px 0;
		margin:0;
		text-align:center;
	}
	#sidesetigs .nav-item .nav-link .badge {right:0;}
	#sidesetigs .dropdown-toggle::after {position:absolute; right:-2px; top:50%; width:auto; margin:0 !important;}
	
	.ml-auto.set {margin:0; position:absolute; right:0; top:60px; z-index:1111; background:#fff; }
	.navbar-toggler {font-size: 2.2rem; top:12px; right:10px; position:absolute; border:none;}
	.navbar-brand {margin-left:50px;}
	.xs-none {display:none;}
	 .sidebar-sticky {display:block; height:auto; position:relative; width:100%;}
	.sidebar {position:relative; width:100%;}
	#toggle-sidebar {display:block; position:absolute; 
	top: 5px;
    left: 10px;
    color: #333 !important;
    font-size: 2.2rem;}
}

#cart_item_added_notify {position:fixed; top: 69px;
    right: 20px;
    width: 280px; text-align:center; z-index:9999; }
#product_quantity {text-align:center; margin:0 4px; width:89%;}



@media screen and (max-width: 510px) {
	.h-100 .col-8 {
		    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
		
	}
	.card.login .btn {
		font-size: 1rem;
	}
	.card.login .card-header, .card.login .card-body, .card.login .card-footer {padding:15px 20px;}
}
@media screen and (max-width: 420px) {
	.h-100 .col-8 {
		    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;
		
	}
	
}