/*******************************
            Global
*******************************/

html,
body {
  font-size: 15px;
  height: 100%;
}

body {
  font-family: "Trebuchet MS", "Arial", sans-serif;
  background: #FFFFFF;
  margin: 0px;
  padding: 0px;
  color: #555555;
  text-rendering: optimizeLegibility;
  min-width: 320px;
}

.banner_logo {
  background-color: #FEA100;
  height:98px;
}
.banner_logo .contenu {
  width:820px;
  margin:auto;
}
.banner_logo .contenu > img {
  margin-top: 27px;
}

.adminTitle {
  border-radius: 5px;
  background:url(../img/bg-bloc-orange.jpg) repeat-x;
  padding: 8px;
}
.adminTitle p {
  color:#fff;
  line-height: 38px;
  text-align: center;
  font: bold 20px Arial;

}

.ui.header {
  font-family: 'Source Sans Pro', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.field input[type="text"], .field input[type="email"], .field input[type="password"] {width: 60% !important}
#login_form .field .input input[type="text"], #login_form .field .input input[type="password"] {width: 100% !important;}

/*******************************
            Global
*******************************/
h1 {color: #FFF;}
/*-------------------
        Sidebar
--------------------*/

#content.sidebar {
  overflow: visible;
}

/*-------------------
        Grid
--------------------*/

#content.grid {
  height: 100%;
}
#wrapper-content.segment {
  height: 100%;
  margin:0 0 0 275px;
  padding: 0 1em;
}

#content > .grid > .column {
  height: 100%;
}

/*-------------------
       Login Form
--------------------*/

#login_form, .custom-form {
  position: absolute;
  top: 30%;
  left: 30%;
}
.custom-alert-danger{
  position: relative;
  min-height: 18px;
  margin: 1em 0em;
  margin-top: 1em;
  margin-top: 1em;
  height: auto;
  background-color: #EFEFEF;
  padding: 1em;
  line-height: 1.33;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.325em 0.325em 0.325em 0.325em;
  background-color: #F1D7D7;
  color: #A95252;
  text-align: center;
}
.custom-flex{
  display: flex;
  justify-content: space-between;
  gap: 4px;
}
.custom-flex .loginBtn{
  margin: 0 !important;
}
.custom-form .field .input input[type="text"], .custom-form .field .input input[type="password"]{
  width: 100% !important;
}
.custom-error ul{
  padding: 0;
  margin-bottom: 16px !important;
}
.custom-error li::marker{
  display: none;
  font-size: 0;
}
.custom-btn{
  background-color: transparent;
  width: fit-content;
}
.img-qrcode{
  display: block;
  margin: auto;
  text-align: center;
}
.custom-error li{
  position: relative;
  min-height: 18px;
  margin: 1em 0em;
  margin-top: 1em;
  margin-top: 1em;
  height: auto;
  padding: 1em;
  line-height: 1.33;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.325em 0.325em 0.325em 0.325em;
  background-color: #F1D7D7;
  color: #A95252;
  text-align: center;
}
/*******************************
          IE8 Fallback
********************************/
.ie8 .field label {
  font-size: 12px;
}
.ie8 input[type="text"] {
  height: 40px;
  border: 1px solid #CCC;
}
/*******************************
          Responsive
*******************************/

@media only screen and (max-width : 1000px) {
  #content .inbox .date {
    float: none;
    margin-bottom: 0.5em;
  }
}

@media only screen and (max-width : 1250px) {
  #content .left.column > .menu .item {
    font-size: 1rem;
  }
}