html {
  font-size: 12px;
}

.no-padding {
	padding-left: 0;
	padding-right: 0;
}

.keep-aspect {
	object-fit: cover
}

.header-login{
	width:100%;
	max-height: 334px;
}

.header-overlay{
  position: absolute;
  top: 50%;
  left: 5%;
  padding-bottom: 15px;
  transform: translate(0%, -50%);
}

.header-container{
	position: relative;
  	text-align: center;
}

@media screen and (min-width: 601px) {
	.header-title{
		/*based on display-2*/
	    font-size: 5.5rem;
	    font-weight: 300;
	    line-height: 1.2;
	}
}
@media screen and (max-width: 600px) {
	.header-title{
		/*based on display-2*/
	    font-size: 4.0rem;
	    font-weight: 300;
	    line-height: 1.2;
	}
}

.bg-mastiline{
	background-color: #556670!important;
}

.bg-login{
	background-color: #556670!important; //#2a3550!important;
}

.color-lublue{
	color: #0092c8;
}

.color-lugreen{
	color: #7dc242;
}

.color-lucoolgray{
	color: #556670;
}

.text-mastiline{
	color: #0092c8;
	font-weight: 500;
    line-height: 1.1;
}

.login-breadcrumbs{
	color: #7dc242;
	font-weight: 500;
    line-height: 1.1;
}

.text-red{
	color: red;
	/*display: inline-block*/
	line-height: inherit;
}

.text-green{
	color: green;
}

.text-amber{
	color: orange;
}

.text-gold{
	color: gold;
}


.icon-background {
    color: #fefefe;
}

thead>tr>th { font-size: 12px; }
.dataTable td { 
	/* font-size: 11px;  */
	padding: .3rem;
}

.dropshadow {
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}

.cardshadow {
/*	-webkit-box-shadow: 0px 0px 2px 1px rgba(136,136,136,1);
	-moz-box-shadow: 0px 0px 2px 1px rgba(136,136,136,1);
	box-shadow: 0px 0px 2px 1px rgba(136,136,136,1);
*/
	-webkit-box-shadow: 0px 1px 2px 0px rgba(136,136,136,1);
	-moz-box-shadow: 0px 1px 2px 0px rgba(136,136,136,1);
	box-shadow: 0px 1px 2px 0px rgba(136,136,136,1);
}

.cardhighlight{
	-webkit-box-shadow: 0px 0px 2px 4px rgba(7, 247, 247,.8);
	-moz-box-shadow: 0px 0px 2px 4px rgba(7, 247, 247,.8);
	box-shadow: 0px 0px 2px 4px rgba(7, 247, 247,.8);
}

.inset {
	-webkit-box-shadow: inset 0px 0px 2px 1px rgba(51,51,51,1);
	-moz-box-shadow: inset 0px 0px 2px 1px rgba(51,51,51,1);
	box-shadow: inset 0px 0px 2px 1px rgba(51,51,51,1);
}

.input-center{
	text-align: center;
}




/*datatables with hidden details*/
td.details-control {
    text-align:center;
    color:#343a40;
    cursor: pointer;
}
tr.shown td.details-control {
    text-align:center; 
    color:#007bff;
}

/*datatables: used in sliding effect of appearing and disappearing of rows*/
div.slider {
    display: none;
}

/*datatables: slim header*/
tr.slim th {
	padding-top: 2px;
	padding-bottom: 1px;
}

/*datatables: no padding on sides*/
div.card.nopadding div.dataTables_wrapper div.row div.col-md-12 {
	padding: 0px;
}

/*datatables: highlighted row by lines*/
tr.lines td {
  border-bottom:1pt solid black;
  border-top:1pt solid black;
}

/*datatables: highlighted row by yellow colour*/
tr.rowHighlight td{
	background-color:#FFFBCC;
}

/*center image*/
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*watermarks*/
.draft {
 	background-image: url("/image/draft-bw.png");
 	background-repeat: no-repeat;
	background-size: cover;
}


/*fontawesome counters*/
.fas[data-count]{
    position:relative;
}
.fas[data-count]:after{
    position: absolute;
    right: -0.75em;
    top: -.75em;
    content: attr(data-count);
    padding: .5em;
    border-radius: 10em;
    line-height: .9em;
    color: white;
    background: rgba(255,0,0,.75);
    text-align: center;
    min-width: 2em;
    font: bold .4em sans-serif;
}


/*awesomplete dropdown*/
#combobox .dropdown-input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#combobox .dropdown-btn {
	vertical-align: top;
	height: 36.5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

#combobox .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

/*to ensure pagination of DataTable stays behind awesomplete dropdown: */
.page-item.active .page-link {
	z-index: auto;
}

/*to create a scrollable dropdown instead of one long list */
.awesomplete > ul { 
	max-height: 40vh; overflow-y: auto; 
}