html {
	height:100%;
}
body {
	background-color: #ffffff;
	/*font-family: Verdana;*/
	color: #333333;
	/*font-size: 14px;*/
	overflow-x: hidden;
	overflow-y:auto;
	margin:0; 
	padding:0;
	height:100% !important;
}


.navbar {
  
  /*background:#FFC107;*/
  
}

.tooltipXl div.tooltip > .tooltip-inner {
  max-width: 700px;
}

div.tooltip > .tooltip-inner {
  background-color: #333;
}

.sheet-ascetic-nofooter .page-content, .sheet-ascetic-nofooter .box-body {
  background-color: #ecf0f5;
}

.modal-dialog.modal-fullscreen {
  width: auto;
  margin: 5px 40px;
}

.modal-dialog.modal-fullscreen .modal-content {
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

/*==================
 RESPONSIVE DESIGN
====================*/
/*
.container-xxl {
  max-width: 205rem;
}
.container {
  margin: 0 auto;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}*/

#main-container {
	min-height: 100%;
	background-color: #ecf0f5;
}

.no-padding {
  padding: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.main {
	position:relative;
	min-height:100%;
}
.main .main-content-inner {	
}
.main .page-content {
	padding:10px 10px 60px 10px;
}
.main footer {
	background:#fff;
	font-size:0.8em;
	padding-left:240px;
	font-weight:bold;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	line-height:50px;
	color: #444;
	border-top: 1px solid #d2d6de;
}


/** ASCETIC WITH FOOTER AND HEADER FROM SIBERSOFT start **/
.ascetic #logo {
  background: url('../assets/images/logo.png') no-repeat top left;
  background-size: 276px 82px;
  width: 276px;
  height: 82px;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index:1000;
}
.ascetic #pasek {
  
}

.ascetic #navbar {
  background: -webkit-linear-gradient(90deg, rgb(255, 255, 255), rgb(67, 142, 185));
  background: linear-gradient(90deg, rgb(255, 255, 255), rgb(67, 142, 185));
  margin: 25px 0;
  height: auto;
}

.ascetic #navbar .navbar-header {
  font-size: 20px;
}

.ascetic footer {
  background: #438EB9;
  padding: 15px;
  position: fixed;
  bottom: 0;
  width: 100%;
  color: #fff;
  text-align: center;
}

.ascetic footer a {
  color: #fff;
}
/** ASCETIC WITH FOOTER AND HEADER FROM SIBERSOFT end **/

footer.login {
  text-align:center;
  width:100%;
  position: fixed;
  bottom: 0;
  padding-bottom: 10px;
}

.sidebar, .sidebar .menu_text {
	z-index:1000 !important; /*1050 ma modal */
}

.sidebar footer {
	position:fixed;
	bottom:10px;
	left:10px;
	z-index:444;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Source Sans Pro',sans-serif;
	margin:0 0 10px 0;
}

h2 {
	color: #555 !important;
	font-weight: normal;
	font-size: 24px;
	text-transform:uppercase;
}

img {
  border: none;
}

.gallery .thumbnail {
  margin: 0px 4px 8px 4px;
  text-align: center;
}

.dollar:before {
    content: '$';
}

.padding-bottom {
  padding-bottom: 5px;
}

.padding-bottom-1 {
  padding-bottom: 15px;
}

.table-nonfluid {
   width: auto !important;
}


/* draggable, droppable */

.draggable-4 { 
  cursor:grab;
  background-color: #d9edf7 !important; /* bg-info */
}
.droppable-7 { 
}
.droppable-7.active { 
   background-color: #c9dde7 !important; 
}
         
/*         table {
           display: block;
           max-height:500px !important;
           overflow-y:scroll !important;
         }*/

div .table {
  /*display:table;*/
}
.table .tr {
  /*display:table-row;*/
  padding:2px 0 2px 0;
  margin:10px 0;
  border: 1px solid #e9ecef;
}
.table .thead {
  /*display:table-header-group;*/
}

.table .tbody {
  /*display:table-row-group;*/
}
.table .tbody .tr {
  background-color: #fafafa;
}

.expected {
  background-color: #f0f0fa !important;
}
.table .td, .table .th {
  /*display:table-cell;*/
  padding:3px;
}

.del_expected_wire {
  position:relative;
  top:5px;
  left:5px;
  z-index:100;
}


.table {
/*  border-top: 1px solid #e9ecef;
  border-left: 1px solid #e9ecef;
  border-bottom: 1px solid #e9ecef;*/
}

.table .th {
  font-weight:bold;
}

.table .th,
.table .td {
 border-right: 1px solid #e9ecef;
}

.table .th,
.table .td {
  /*border-top-width: 1px;*/
}

/*.table .tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.04);
}*/

.table .tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
/**/

.bb-top {
  border-top:2px solid #999 !important;
}
.bb-right {
  border-right:2px solid #999 !important;
}
.bb-bottom {
  border-bottom:2px solid #999 !important;
}
.bb-left {
  border-left:2px solid #999 !important;
}

.bb-right-2 {
  border-right: 5px double #999 !important;
}
.bb-left-2 {
  border-left: 5px double #999 !important;
}


/*
nav footer {
	position:fixed;
	bottom:0;
	color:#daeef6;
	font-size:0.7em;
	padding:5px;
}*/

.modal .container {
	margin-top:30px;
}

#search_panel, .search_panel {
	margin-bottom:10px;
}
#search_panel label, .search_panel label {
	display:table-cell;
}

#search_panel, .search_panel {
  font-size:0.8em;
/*  background:#fafafa;
  padding-top:5px;*/
}
#search_panel label, .search_panel label {
  font-size:0.95em;
}
#search_panel input.jednadruga, .search_panel input.jednadruga {
  width:49%;
  display:inline-block;
}
#search_panel div.jednadruga {
  width:49%;
  display:table-cell;
}

#search_panel div.selement, .search_panel div.selement {
  min-height:55px;
}

.details .form-group {
  border-bottom:1px solid #ecf0f5;
}

.dz-default {
}
.inline-block {
	display:inline-block;
}

#login-panel {
	margin:20% auto;
}
.edit-buttons button {
	width:40px;
}
.last_history, .long_history {
  color:#999;
  font-size:0.9em;
}
.long_history {
	overflow: hidden; 
  height:1.5em;
  text-overflow:ellipsis;
}
.long_history:hover {
	overflow: visible;
  display:block;
  height:100%;
  white-space:normal;
}

.like-select {
  background:#f3f3f3;
  padding:8px;
}
.like-select td, .like-select th {
  padding-top:2px !important;
  padding-bottom:2px !important; 
}
.like-select th {
  border-bottom:none !important;
}

.table-fixed tbody {
    display:block;
    height:150px;
    overflow:auto;
}
/*.table-fixed tbody:hover {
  height:70%;
}*/
.table-fixed thead, .table-fixed tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.table-fixed thead {
    width: calc( 100% - 1em )
}

td.editable {
  outline: 1px solid #ddd;
  outline-offset: -2px;
}



/*** box ***/
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    border-top-color: rgb(210, 214, 222);
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.box.box-primary {
    border-top-color: #3c8dbc;
    min-height: 450px;
}
.box.box-primary.photos {
    min-height: 200px;
}
.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}
.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}
.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px 0;
}

/***** bootstrap elements *****/
[class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.panel-photos .panel-body {
  padding: 5px;
}

.panel-apb {
	border-top: 3px solid #3c8dbc;
	overflow-x:auto;
  min-height:500px;
}
.panel-apb h3.panel-title {
	display: inline-block;
	font-size: 18px;
	margin: 0;
	line-height: 1;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border-color: #3c8dbc;
	border-bottom:none;
}
.nav-tabs {
    border-bottom: none;
		margin-bottom:-1px;
}
#msg .close {
  text-decoration:none !important;
}

.form-group {
  margin-bottom:5px;
}
.form-control-static {
  min-height:28px;
}
/** DROPZONE **/
.dropzone {
  border: 2px dotted rgba(0, 0, 0, 0.3);
	font-size:18px;
}
.dropzone i {
	font-size:32px;
}
.row {
    margin-right:0 !important;
		margin-left:0 !important;
			
}

.balance-frame {
  padding: 3px 5px;
  border-radius: 3px;
}


#search_panel div.jd-start {
  padding-left:0;
  z-index:100;
}
#search_panel div.jd-end {
  padding-right:0;
  z-index:100;
}

/*==================
 RESPONSIVE DESIGN
====================*/
@media (max-width: 1199px) {
}

@media (max-width: 991px) { /* standardowe chowanie menu */
	.sidebar footer {
		display:none;
	}
}

@media (max-width: 767px) { /* sm */
  #search_panel div.jd-start {
    padding-left:0;
    padding-right:0;
  }
  #search_panel div.jd-end {
    padding-right:0;
    padding-left:0;
  }
}

@media (max-width: 640px) {
}

@media (max-width: 480px) {
}

@media (max-width: 360px) {
}

@media (max-width: 320px) {
}

.wordbreak, .wordwrap {
  word-break: break-all;
}



.text-light {
  color: #ccc !important;
}

a.text-light:focus, a.text-light:hover {
  color: #dae0e5 !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:focus, a.text-dark:hover {
  color: #1d2124 !important;
}

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

.iga-dbtable {
  background-color: #fff;
  padding:1px 8px;
}

/** more colors **/
.bbg-warning {
  background-color:#ffd966;
}
.bbg-danger {
  background-color:#ffbbbb;
}

input.text-danger {
  color:#dd0000;
  font-size:1.2em;
}


.tooltip-warning + .tooltip > .tooltip-inner {
  background-color: #8a6d3b;
  color: #fcf8e3;
}
.tooltip-danger + .tooltip > .tooltip-inner {
  background-color: #a94442;
  color: #f2dede;
}
.tooltip-success + .tooltip > .tooltip-inner {
  background-color: #3c763d;
  color: #dff0d8;
}
.tooltip-info + .tooltip > .tooltip-inner {
  background-color: #31708f;
  color: #d9edf7;
}

.v_success:not(.info) > td span.bbg-danger  {
  background-color:#dadada;
}

.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    /*width: 350px;*/ 
}


.nav-tabs > li > a {
  padding: 10px;
}




/* Chrome, Safari, Edge, Opera */
.cubic-form input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0!important;
}

/* Firefox */
.cubic-form > input[type=number] {
  -moz-appearance: textfield !important;
}



  .h3sm {
    font-size:1.4em;
  }
  .h3sm small {
    font-size:0.8em;
  }
  
  
  .vin-blue {
    color: #337ab7;
    margin-top:5px;
  }