/* 
	Material Icons
	Locally Hosted
*/
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/material_icons.woff2) format('woff2');
}


@font-face {
  font-family: 'Roboto';
  font-style: normal;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Roboto-Light.ttf) format('ttf');
}


.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}



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

input[type=number] {
    -moz-appearance:textfield;
}

html.login_page,
/*.btn, .btn-large, .btn-small,*/
html.login_page .btn-small,
nav{
	background-image: linear-gradient(122deg, rgba(12,75,37,1) 0%, rgba(7,94,67,1) 24%, rgba(22,122,105,1) 64%, rgba(8,136,162,1) 100%);
}


#bm_logo_alt,
#bm_logo{
	opacity: 0.7;
	transition: opacity 1s;
}

#bm_logo_alt{
	width: 80px;
	height: 150px;
}

#bm_logo{
	width: 40px;
	max-height: 60px;
}

#bm_logo_alt:hover,
#bm_logo:hover{
	opacity: 0.8;
}

#bm_logo_alt .bm_dot,
#bm_logo_alt .bm_loaf,
#bm_dot, #bm_loaf{
	fill: white;
}

.homebtn{
	width: 100%;
	height: 100%;
	vertical-align: middle;
	line-height: normal;
}

.homebtn>i{
	font-size: 500% !important;
}

@media only screen and (min-width: 993px) {
  .container {
    padding-left: 100px;
  }
}

.sidenav {
	width: 200px;
}

.sidenav>li:nth-child(1){
	margin-top: -45px;
	background-image: linear-gradient(122deg, rgba(12,75,37,1) 0%, rgba(7,94,67,1) 24%, rgba(22,122,105,1) 64%, rgba(8,136,162,1) 100%);
	text-align: center;
}

.sidenav .collapsible-body li{
	padding-left: 10px;
}

.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active{
	background-color: rgba(0, 0, 0, 0.04);
}

.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a{
	color: black;
}



body.login_page,
html.login_page{
	height: 100%;
	margin: 0px;
}

div.login_container{
	min-height: 100%;
}

#login_box{
	width: 500px;
	height: 400px;
	margin: auto;
	background-color: rgba(255,255,255,0.3);
	background-image: linear-gradient(122deg, rgba(195,213,240,0.02) 0%, rgba(255,255,255,0.03) 100%);
	border-radius: 1px;
}

#login_page_logo{
	width: 80px;
	margin-left:auto;
	margin-right:auto;
}

#login_page_logo>#bm_logo_alt{
	opacity: 0.4;
}

#login_page_logo>#bm_logo_alt:hover{

}

body.login_page .input-field > label{
	color: #d1d1d1;
}

body.login_page input:not(input[type="button"]){
	border-bottom-color: #d1d1d1;
	transition: background-color 2s;
	background-color: rgba(255,255,255,0.00);
}

body.login_page input{
	color: #d1d1d1;
}

body.login_page input:focus{
	background-color: rgba(255,255,255,0.03);
}

#login_page_altlogo,
body.login_page #ALTRAQS_LOGO{
	width: 150px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -20px;
}

body.login_page #ALTRAQS_LOGO{
	fill: rgba(255,255,255,0.4);
}

body.login_page .toast{
	color: #d1d1d1;
	background-color: rgba(50,50,50,0.3);
}

div.border-mid{
	border: 1px solid #CCC;
}

body{
	font-family: Roboto, sans-serif;
}



.item-table-row{
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.form_message,
.form_bg,
.item-table-row+div,
.item-table-row{
	background-color: rgba(0,150,136,0.04);
}

tr,
.table-row{
	display: table-row;
}

td,
.table-row:not(.table-header){
	font-size: 90%;
}

thead,
.table-header{
	border-bottom: 1px solid rgba(0,150,136,0.07);;
	/*background-color: rgba(0,150,136,0.04);*/
}

td,
.table-cell{
	display: table-cell;
	padding: 15px 5px;
	text-align: left;
	vertical-align: middle;
	border-radius: 2px;
}

table,
.table{
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-top: 20px;
	/*border: 1px solid rgba(0,150,136,0.05);*/
}



table.striped > tbody > tr:nth-child(2n+1),
.table.striped > .table-row:nth-child(2n+1):not(.table-header) {
    background-color: #FFFFFF99;
}

a{
	color: rgba(0, 0, 0, 0.8);
}

table a:hover,
.table a:hover{
	background: linear-gradient(122deg, rgba(12,75,37,1) 0%, rgba(7,94,67,1) 24%, rgba(22,122,105,1) 64%, rgba(8,136,162,1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	transition: background-image 1s;
	-webkit-text-fill-color: transparent;
	color: rgba(12,75,37,1);
}

td .input-field{
	display: inline-block;
}

.select-wrapper input{
	color: #9e9e9e;
	font-size: 13px;
}

.select-wrapper svg.caret{
	fill: #9e9e9e;
}


/*
 * Edit Page
 * */
input:[readonly]{
	border-bottom: 1px dotted rgba(0,0,0,0.42) !important;
	color: rgba(0,0,0,0.42);
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}