/* BAT WebInterface style file
This file has two parts :
 - the first one doesn't modify color only font
 - the second one modify the color and produce an blue-orange theme
 If you want to keep bootstrap style or just want to remove the colours, just delete the second part */
 
/* 1st part => Basic styles : font and alignement */
body, .modal-content {
	background-color: #252E39;
}

h1, h2{
	font-family: 'Raleway', sans-serif;
}

h1 {
	font-weight: 700;
	text-align: center;
}
body, .jumbotron p{
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
}
td, th{
	text-align: center;
}
.jumbotron {
	background-color: #252E39;
	border-radius: 25px;
}
.table-bat tbody tr td, .valign tbody tr td{
    vertical-align: middle;
}
.profile-title{
	text-decoration: underline;
}

.navbar-nav {
	align-items: center;
    display: flex;
}

.navbar-nav li {
	padding: 5px;
}

.navbar-nav li a {
	border-radius: 50px;
	padding: 10px 15px;
}

.navbar .divider-vertical {
	height: 50px;
	margin: 0 9px;
	border-right: 1px solid #E0E4CC;
	border-left: 1px solid #E0E4CC;
}

.form-control {
	background-color: #353E4A;
	border-radius: 50px;
	padding: 10px 20px;
	width: 40%;
	border: none;
	margin: 0 auto;
	color: #fff;
}
form.login .btn {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;
    padding: 10px 30px;
    display: block;
}
form.login .btn {
	margin: 0 auto;
}

/* 2nd part => Below this line, the CSS may include color into the design */
body{
	background-image: url("/public/images/background.png");
	overflow-x: hidden;
}
.navbar-bat{
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
}
/* Navigation bar customization */
#navbar-title{
	font-weight: 700;
	color: white;
}
.navbar-bat{
	background: #252e39;
	filter: none !important;
	box-shadow: 0 2px 15px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.navbar-bat *{
	color:  #fff;
}

.navbar-bat .nav li a {
	transition: all .2s ease;
}

.navbar-bat .nav li.active a, .navbar-bat .nav li a:hover {
	background: linear-gradient(330deg, #028acc, transparent) #449d44;
	color: white;
}
.navbar-bat .nav li.display-only a:hover {
	background: transparent;
	color:  white;
}
/* Table customization : colours and rounded borders */
.table-bat {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    border-color: #A7DBD8;
}
.table-bat th:first-child {
    border-radius: 10px 0 0 0;
}
.table-bat th:last-child {
    border-radius: 0 10px 0 0;
}
.table-bat th:only-child{
    border-radius: 10px 10px 0 0;
}
/* Add spacing between row with an 2px border */
.table-bat td{
	background: #252E39;
	padding: 2px 0;
    border-width: 2px 0;
    border-color: #353E4A;
    border-style: solid;
}

.table-bat thead tr {
	background: linear-gradient(330deg, #028acc, transparent) #449d44;
	color: white;
}

/* List customization */
.profile-list{
	font-weight: bold;
	font-size: medium;
	font-family: 'Bree Serif', serif;
}
/* Need to implement own info because of priority */
.info-bat td{
	background-color: #252E39;
}
table tbody tr.warning td.danger-bat{
	background-color: #252E39;
}
/* Customize jQuery autocompletion menu */
.ui-menu{
	color: white;
	background: #3ea6d9;
	border-color: white;
	width: 50px;
	border-radius: 0 0 10px 10px;
	list-style-type: none;
}
.ui-helper-hidden-accessible{ 
	display: none; 
}
/* Misc */
.input-text, .input-text:focus {
	color: white;
	background: #353E4A;
	border:none;
	border-radius: 50px;
	box-shadow: none;
	padding: 10px 17px;
}
.btn-bat{
	color: white;
	background: linear-gradient(330deg, #028acc, transparent) #449d44;
	transition: all 0.3s ease-in-out;
	border-radius: 50px;
	border: none;
}

.btn-bat:hover, .btn-bat:active, .btn-bat:focus {
	background-color: #028acc;
	color: white;
	outline: none;
}
.btn-bat-orange { 
  color: #F2F7D9; 
  background-color: #FA6900; 
  border-color: #E0E4CC; 
} 
.lead{
	color: navy;
}
li .lead{
	font-family: 'TrebuchetSansMS', sans-serif;
}


.table>thead>tr>td.warning, .table>tbody>tr>td.warning, .table>tfoot>tr>td.warning, .table>thead>tr>th.warning, .table>tbody>tr>th.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>tbody>tr.warning>td, .table>tfoot>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr.warning>th, .table>tfoot>tr.warning>th, .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #252E39;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	border-top: solid 1px #353E4A;
	border-color: #353E4A;
}