:root{
    --COLORCLAIRE : #4c98d0;
    --COLORSOMBRE: #1c80ca;
}

.no-a{
  color: #333!important;
}

.no-a:hover, .no-a:focus{
  color: #333!important;
}

div[class^='box'], div.box-success{
    border-top-color:var(--COLORSOMBRE)!important;
    border-radius:5px !important;
}

span[class^='btn'], button[class^='btn']{
    border-radius:0px !important;
    width:auto;
    height:auto;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.buttonmenu{
    margin:6px;
}

.sidebar-collapse .logo-ewm{
    display: none!important;
}
.vertical-center {
    min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one 🙂       */
    display: flex;
    align-items: center;
}
.error{
    color: #dd4b39 !important;
}
.success{
    color: #00a65a !important;
}

.div-alert{
    margin-top: 30px;
    cursor: pointer;
    font-size: 17px;
}
.text-underline{
    text-decoration: underline;
}
.btn.btn-flat {
font-size: 15px;
}
#add-resto label{
    width: 100%;
    text-align: right;
}
.radio > label{
    width: auto!important;
    text-align: left!important;
}
.header-table{
    background: #1d282b;
    color: #FFF;
}
#image_preview, #image_preview1{
    margin-bottom: 10px;
}
#image_preview img, #image_preview1 img{
    width: 120px;
    height: 60px;
    border: 2px dashed rgba(0, 0, 0, 0.1);
}
#image_preview, #image_preview2{
    margin-bottom: 10px;
}
#image_preview img, #image_preview2 img{
    width: 120px;
    height: 60px;
    border: 2px dashed rgba(0, 0, 0, 0.1);
}
#image_preview, #image_preview3{
    margin-bottom: 10px;
}
#image_preview img, #image_preview3 img{
    width: 120px;
    height: 60px;
    border: 2px dashed rgba(0, 0, 0, 0.1);
}
#image_preview, #image_preview4{
    margin-bottom: 10px;
}
#image_preview img, #image_preview4 img{
    width: 120px;
    height: 60px;
    border: 2px dashed rgba(0, 0, 0, 0.1);
}
.image_preview{
    margin-bottom: 10px;
}
.image_preview  img{
    width: 120px;
    height: 60px;
    border: 2px dashed rgba(0, 0, 0, 0.1);
}
.box.box-orange{
    border-top-color: #F26254;
}
.pl-resto{
    padding-left: 10px;
}
.pt-25{
    padding-top: 25px;
}
h4{
font-size: 16px!important;
}
.div-menu{
    text-align: center;
    margin: 30px 0px;
}
.div-menu img{
    width: 130px;
    height: auto;
    border: 5px solid #FFF;
}
.mailbox-messages, .mailbox-controls{
    padding: 10px!important;
}
.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover{
    border-left-color: var(--COLORSOMBRE)!important;
}
.skin-black .main-header .navbar{
    background-color: var(--COLORCLAIRE)!important;
}
.skin-black .main-header > .logo {
    background-color: var(--COLORCLAIRE)!important;
    color: #FFF!important;
}
.skin-black .main-header > .logo:hover {
    background-color: var(--COLORSOMBRE)!important;
}
.skin-black .main-header .navbar > .sidebar-toggle{
    color: #FFF!important;
}
.skin-black .main-header .navbar > .sidebar-toggle:hover {
    background-color: var(--COLORSOMBRE)!important;
}
.user-menu >a {
    color: #FFF!important;
    cursor: default;
}
.user-menu :hover{
    background-color: var(--COLORCLAIRE)!important;
}
.float-left{
    float: left!important;
}
.no-border:{
    border:none!important;
}
.iti{width: 100%}
/*Radio personnaliser*/
.col-checkbox, .col-checkbox-two {
  position: absolute;
  opacity: 0;
}
.col-checkbox + label, .col-checkbox-two + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  font-weight: normal;
  margin-bottom: 10px;
}
.col-checkbox + label:before, .col-checkbox-two + label:before {
  content: '';
  margin-right: 20px;
  display: inline-block;
  vertical-align: text-top;
  width: 23px;
  height: 23px;
  background: white;
  border: 2px solid #34495E;
}
.col-checkbox:hover + label:before, .col-checkbox-two:hover + label:before {
  background: #FFF;
}
.col-checkbox:focus + label:before, .col-checkbox-two:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.col-checkbox:checked + label:before, .col-checkbox-two:checked + label:before {
  background: #FFF;
}
.col-checkbox:disabled + label, .col-checkbox-two:disabled + label {
  color: #ddd;
  cursor: auto;
}
.col-checkbox:disabled + label:before, .col-checkbox-two:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.col-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 6px;
  top: 20px;
  background: #34495E;
  width: 2px;
  height: 2px;
  box-shadow:
    2px 0 0 #34495E,
    4px 0 0 #34495E,
    4px -2px 0 #34495E,
    4px -4px 0 #34495E,
    4px -6px 0 #34495E,
    4px -8px 0 #34495E,
    4px -10px 0 #34495E;
  transform: rotate(45deg);
}
.col-checkbox-two:checked + label:after {
  content: '';
  position: absolute;
  left: 6px;
  top: 12px;
  background: #34495E;
  width: 2px;
  height: 2px;
  box-shadow:
    2px 0 0 #34495E,
    4px 0 0 #34495E,
    4px -2px 0 #34495E,
    4px -4px 0 #34495E,
    4px -6px 0 #34495E,
    4px -8px 0 #34495E,
    4px -10px 0 #34495E;
  transform: rotate(45deg);
}
/*radio box*/
.col-radiobox {
  position: absolute;
  opacity: 0;
}
.col-radiobox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  font-weight: normal;
  margin-bottom: 10px;
}
.col-radiobox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 23px;
  height: 23px;
  background: white;
  border: 2px solid #34495E;
}
.col-radiobox:hover + label:before {
  background: #FFF;
}
.col-radiobox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.col-radiobox:checked + label:before {
  background: #FFF;
}
.col-radiobox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.col-radiobox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.col-radiobox:checked + label:after {
  content: '';
  position: absolute;
  left: 6px;
  top: 12px;
  background: #34495E;
  width: 2px;
  height: 2px;
  box-shadow:
    2px 0 0 #34495E,
    4px 0 0 #34495E,
    4px -2px 0 #34495E,
    4px -4px 0 #34495E,
    4px -6px 0 #34495E,
    4px -8px 0 #34495E,
    4px -10px 0 #34495E;
  transform: rotate(45deg);
}
.col-radiobox-two:checked + label:after {
  left: 6px;
  top: 20px!important;
}

.text-ico{
    text-align: center;
    padding-left: 50%;
}
/*tye file custom*/
/* styles de base si JS est activé */
.input-file-container {
  position: absolute;
  width: 225px;
  top: 35px;
  left: 170px;
}
.input-file-trigger {
  display: block;
  padding: 10px 45px;
  background: #FFF;
  border:1px solid #34495E;
  color: #34495E;
  font-size: 1em;
  transition: all .4s;
  cursor: pointer;
}
.input-file {
  position: absolute;
  top: 0; left: 0;
  width: 225px;
  padding: 12px 0;
  opacity: 0;
  cursor: pointer;
}
 
/* quelques styles d'interactions */
.input-file:hover + .input-file-trigger,
.input-file:focus + .input-file-trigger,
.input-file-trigger:hover,
.input-file-trigger:focus {
  background: #34495E;
  color: #FFF;
}

.generer{
  font-weight: bold;
  color: #34495E;
  cursor: pointer;
  text-decoration: underline;
} 
.form-group{
  margin-bottom: 20px!important;
}



/*responsive*/
@media only screen and (min-width : 992px) {
    .control-demande {
    position: absolute;
    }
}

@media only screen and (max-width : 992px) {
    #add-resto label {
        width: 100%;
        text-align: left;
    }
}