﻿.customFieldset {
    display: flex; 
    flex-direction: row; 
    justify-content: center; 
    align-items: center;
}

.customFieldset > fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
  min-width: 0;  
  display: inline-block;
}
.customFieldset > fieldset > legend {
  padding: 10px;
  border: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  font-size: 21px;
  line-height: inherit;
  color: #333;
}

.flexCenter {
    display: flex; 
    flex-direction: row; 
    justify-content: center; 
    align-items: center;
}

#provincialUser, #notProvincialUser {
    border: 1px solid #eee;
    width: 142px;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
  }
/*#provincialUser li, #notProvincialUser li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 120px;
  }*/

.selectable .ui-selecting {
     background: #FECA40;
}
.selectable .ui-selected {
     background: #F39814; 
     color: white;
}
.selectable {
     list-style-type: none; 
     margin: 0; 
     padding: 0; 
     width: 60%;
}
.selectable li {
     margin: 3px; 
     padding: 0.4em;
     font-size: 1.4em; 
}

.indent15px {
    padding-left: 15px;
}
.setDisable {
    color: grey;
}
.isInactif {
    color: lightgray;
    font-style: italic;
}

.withdrawalWarning {
    border-color: orange;
    color: orange;
}

.withdrawalWarning > .withdrawalWarningMessage {
    display: block !important;
}

.withdrawalWarningMessage {
    display: none;
}

.switch {
  margin-left: 0px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  vertical-align: auto;
  zoom: 1;
  display: inline;
  position: relative;
  cursor: pointer;
  width: 40px;
  height: 20px;
}
.switch label {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: white;
  border-width: 2px;
  border-color: #313443;
  border-style: solid;
  border-radius: 10px;
}
.switch label:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #313443;
  position: absolute;
  z-index: 2;
  top: 3px;
  left: 3px;
  display: block;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
}
.switch input:checked + input + label:before {
  left: 22px;
}
.switch input:checked + label:before {
  left: 22px;
}
.switch input[type='checkbox']{
  display:none;
}
.loading {
    position: relative;
}
 .loading:before{
       content:"";
       position: absolute;
       z-index: 98;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       background: white;
       border-radius: 8px;
       opacity: 0.87;
   }

 .loading:after{
    content:"\f110";

    -webkit-animation: fa-spin 1s infinite steps(8, start);
    animation: fa-spin 1s infinite steps(8, start);

    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    position: absolute;
    left: calc(50% - 2rem);
    top: calc(50% - 2rem);
    font-size: 4rem;
    z-index: 99;
    color:gray
   }

.selectize-input input[type="text"] {
    height: auto !important;
}

.selectize-control input[type="text"] {
    height: auto !important;
}

.selectize-control.multi.plugin-remove_button input[type="text"] {
    height: auto !important;
}