/****************************/
/*********** BASE ***********/
/* **************************/

p, ol, ul, dl {margin: .2em 0 .8em 0;}
p {padding: 0; line-height: 140%;}
h1,h2,h3,h4,h5 {font-weight: 500;}
h1 {font-size:30px; color: #000 !important; border-bottom:3px solid #c41f3 !important; display:inline-block; margin:0 0 1% 0 !important; padding:0 0 0.3% 0 !important;}
h2 {font-size: 16px;  margin: 1em 0 .5em 0;}
h2.subhead {font-weight: normal; margin-top: 0;}
h3, h3 > a {font-size: 0.9vw; margin:0; padding:0; color: #c30c1e; font-weight: bold;}
h4 {font-size: 12px; margin: 1em 0 .8em 0; padding-bottom: 3px;}
h5 {font-size: 10px; margin: 1.5em 0 .5em 0; color: #666;text-transform: uppercase; letter-spacing: 1px;}

a:link, a:visited, a:hover, a:active, a:focus { outline:none !important;}

html{ min-height: 100%;}
body{
	min-height: 100%;
	margin: 0 !important;
	background: #FFF;
	font-family: 'Open Sans', sans-serif !important;
	color:#333333;
	background-image:url(/static/images/background.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
    background-attachment: fixed;
}
section{padding:15px;}

/* GENERAL STYLES */

div.breadcrumbs {margin:10px 0 20px !important; padding: 5px 15px !important;  color: #c41f38; font-size:13px !important; border-top:0; border-bottom:0; font-size:12px; background:rgba(0,0,0,0.75);}
div.breadcrumbs a{color:white; -webkit-transition: 0.2s;-moz-transition: 0.2s;	-ms-transition: 0.2s;-o-transition: 0.2s; transition: 0.2s;}
div.breadcrumbs a:hover{color:#c41f38;}

.block{background-color: rgba(255, 255, 255, 0.12); color:#FFF;}
.arrondi{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.arrondiTop{-webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.arrondiBottom{-webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.redColor{color:#c41f38;}
.center{text-align: center;}

.gcenterHealthWarning {
    font-weight: 600;
    color: orange;
}

/*********** MENUS ***********/

#side-menu {font-family: 'Montserrat'; font-weight: 500;}
nav{z-index: 2001; position: absolute; background:#171815 !important; display: block;  min-height:100vh; border-radius: 0 !important;}
#side-menu li, #side-menu a {color: white;}
.navbar-default {font-size: 13.5px;}
nav ul{margin: .2em 0 0 0;}
#side-menu .nav-cat {text-transform: uppercase;font-size: 1.2em; text-align: center;color: white; font-size: 1.1em;margin-top: 3%;padding: 3%;}
#side-menu hr {width: 80%; color: #E51233; background-color: #E51233; margin: 0 auto;border: #E51233 solid 1.5px; margin: 2% auto;height: 1px;}
/*#side-menu li  {font-size: 1.1em;}*/
#side-menu li.subActive:first-child{margin: 0 auto;}
body .nav > li > a {padding: 0px;}
#side-menu a#logo {padding-top: 20px;}
#side-menu .toggleSubMenu {padding-top: 7%;margin-left: 12%;}
#side-menu li {list-style-type: square;}
.nav li {margin: 0 auto;}
.nav .gcenterWarningWrapper {padding:10px;margin-left: 0}
.nav-label img {padding: 15px;}
li > .nav-label:first-child{cursor: default;}
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {background-color: inherit;}
#side-menu li a:hover,#side-menu li.selected a, #side-menu li.subActive, #side-menu li.subActive a{color:#E51233;}
#side-menu .nav-label:first-child{font-weight: bold;}

/* **************************/

header{position: relative !important; height:50px; padding:15px;}
header .navbar-header {
	position: absolute;
	z-index: 3000;
}
header .navbar-header a i{font-size: 16pt; color:white; padding: 5px 10px 5px 0}
#menu_nav ul{list-style: none; padding: 0; margin:0;}
#menu_nav li{float:left;}
#menu_nav a{display:block; font-size: 0.9vw;  text-decoration:none !important; text-align:center;
-webkit-transition: 0.3s;-moz-transition: 0.3s;	-ms-transition: 0.3s;	-o-transition: 0.3s; transition: 0.3s;}
#menu_nav a i{font-size: 1.5vw; width:15%; display: inline-block;}
#menu_nav a.nav_item{/*border:5px solid #666;*/ color:#666; margin:5% 3%; line-height:120px;}

.navbar-top-links .dropdown span.arrow {
    margin: 3px 3px 3px 6px;
}
.navbar-top-links .dropdown span.arrow.dropdown_rotate {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
.navbar-top-links .dropdown-menu {
    background-color: rgba(150,150,150,0.85);
    box-shadow:none;
    border:none;
    padding:0;
    min-width: 143px;
}

.navbar-top-links .dropdown-menu li a {
    margin:0;
    border-bottom: 1px solid white;
    color:white;
    font-size:14px;
    -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s;
    background: none;
}
.navbar-top-links .dropdown-menu > li > a:hover {
    color:black;
    /* text-decoration: none; */ /* useless */
    background: none;
}

/* **************************/

.alert {border-radius: 0 !important; margin-bottom: 0 !important;}

#icon_design_navbar{left: 0px;	top: -5px;	position: fixed;	z-index: 9999;}

.pagination > li > a, .pagination > li > span {color:#333 !important; padding: 4px 9px !important;}

/* Modal Dialog - Popin */
.modal-dialog{width:60% !important; margin:30px auto !important;}
.modal-content {background:transparent !important;}

.modal-header {background:black !important; border-bottom:5px solid #C41F38 !important;}
.modal-header .close {color:#FFF !important; opacity:1;}
.modal-header .modal-title{color:#FFF !important; font-size: 24px; margin:0 0 0 15px;}

.modal-body{background-color:#DDD !important; color: #333;}
.modal-body  ul{list-style: none; padding:15px;}
.modal-body  ul li {background:#EEE none repeat scroll 0% 0%;  color: #333;  padding: 5px 10px;  border-radius: 5px;  margin: 0px 0px 4px;  font-size: 13px; word-wrap: break-word;}
.modal-body ul li ul li  {background: #CCC none repeat scroll 0% 0%;}
.modal-body ul li ul li ul li{background: #555;color: white;}

.modal-footer {background:black !important; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.modal-footer .btn-default {background: #c41f38 !important; color:#FFF !important; border:0 !important; border-radius:0 !important; padding: 5px 20px !important;
-webkit-transition: 0.2s;-moz-transition: 0.2s;	-ms-transition: 0.2s;	-o-transition: 0.2s; transition: 0.2s;}
.modal-footer .btn-default:hover {background-color:white !important; color:black !important;}

/* Preloader */
.preloader_gatewatcher img.logo{position:absolute; margin:13px; height:40px; width:40px; }
.loader{left:50%; margin:100px 0 0 -50px; position:absolute;}

/* Page */
#page-wrapper{opacity: 0;}
#page-wrapper{margin:1% 0; padding:1% 2%; margin: 0 0 0 240px; position: relative !important; min-height:100% !important;}

#copyright {display:none; position: absolute;  text-align: center; width: 231px; font-size: 12px; color:#222;}

/* Login */
.login-body {
    background-color: #ffffff;
    background-image: none;
}

.login-wrapper {
    display: flex;
    height: 100vh;
    padding: 0 !important;
    margin: 0 !important;
}

#left-screen {
    flex: 1;
    height: 100%;
    overflow: auto;
}
#right-screen {
    flex: 1;
    height: 100%;
}
#login-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
}
#catchphrase {
    position: absolute;
    top: 50%;
    right: 25%;
    transform: translate(50%, -50%);
}

/* Forms */
.form-error {
    color: #c30c1e;
}
.form-success{
    color: green;
}
.control-group.error .help-inline {
    color: #c30c1e;
}
.button, a.button{display: inline-block; cursor: pointer; background: #c41f38; color: #FFF; border: 0; padding: 6px 15px; font-weight: bold;
	-webkit-transition: 0.3s;-moz-transition: 0.3s; -ms-transition: 0.3s;   -o-transition: 0.3s; transition: 0.3s;}
.button:hover, .button:focus, a.button:hover{background:white; color: #c41f38; text-decoration: none;}
input[type="submit"]{background:#c41f38; color:#FFF; border:0; padding:2px 15px 3px 15px;
-webkit-transition: 0.3s;-moz-transition: 0.3s; -ms-transition: 0.3s;   -o-transition: 0.3s; transition: 0.3s;}
input[type="submit"]:hover, input[type="submit"]:focus{background:black; color:white;}
.input-center{display:block;margin:auto !important;}

input[type="text"].datetime {
    width: 250px;
}

input[type="text"].date {
    width: 180px;
}
/* Form ldap */
#ldapForm input[disabled] {
    background-color: #ccc;
}