body {
  margin: 0;
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  color: #000333;
}

header #logo_cactus, #header #logo_cactus {
    height: 118px;
    width: 300px;
    position: absolute;
    right: 20px;
    top: 0;
    background: #FFF url('../img/logo_cactus.png') no-repeat 25px;
    background-size: 270px;
}

body#loginPage section#footer {
  position: absolute;
  bottom: 0;
  left:0;
  width: 100%;
  height:50px;
  border-top: 1px solid #133783;
}

#main_title {
    opacity:0;
    margin-top: 0;
}

#main_title a{
    display: block;
    height: 120px;
    width: 560px;
}

body#loginPage section#rightside {
  position: absolute;
  top: 170px;
  right:0px;
  width: 20%;
  border-left: 1px solid #133783;
}

ul {
    list-style-type: None;
}

.container {
    width: 95%;
}

a {
  color: #3b5998;
}

form p.error {
  margin-left: 160px;
  color: #d23d24;
}

ul.errorlist {
  margin-left: 160px;
  padding: 0;
  list-style-type: none;
  color: #d23d24;
}

.col-lg-4,.col-md-4,.col-sm-4 {
    padding: 5px
}

.col-lg-5,.col-md-5,.col-sm-5 {
    padding: 5px
}

.col-lg-7,.col-md-7,.col-sm-7 {
    padding: 5px
}

.col-lg-6,.col-md-6,.col-sm-6 {
    padding: 5px
}

.col-lg-8,.col-md-8,.col-sm-8 {
    padding: 5px
}

.col-lg-2,.col-md-2,.col-sm-2 {
    padding: 5px
}

.col-lg-1,.col-md-1,.col-sm-1 {
    padding: 5px
}

.col-lg-3,.col-md-3,.col-sm-3 {
    padding: 5px
}

.col-lg-9,.col-md-9,.col-sm-9 {
    padding: 5px
}

.col-lg-10,.col-md-10,.col-sm-10 {
    padding: 5px
}

.col-lg-11,.col-md-11,.col-sm-11 {
    padding: 5px
}

.col-lg-12,.col-md-12,.col-sm-12 {
    padding: 5px
}

.col-externe{
    padding: 0px
}

.row {
    margin: 0
}

.popover-content {
    min-width: 250px;
}

.ui-datepicker-calendar {
    z-index: 1;
}

.input-group .form-control{
    z-index: 0;
}

.cfa{
    background-color : #fffff1;
}

.cerfa{
    background-color : #dfffdf;
}

.centre{
    text-align: center;
}

.droite{
    text-align: right;
}

/* before permet de faire précéder le texte de l'objet par le texte spécifié dans content. Même possibilité avec After*/
#btn_ajout_ma2.collapsed:before{
    content: "Afficher ";
}

#btn_ajout_ma2:before{
    content: "Masquer ";
}

.no-margin{
    margin: 0;
    padding: 0;
}

.no-border{
    border: 0px;
}

.no-write{
    :read-only;
}

input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: 2px solid #ddd;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 1rem;
  height: 2px;
  background-color: #212121;
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  max-width: 7rem;
  padding: .5rem;
  border: none;
  border-width: 0 2px;
  font-size: 14px;
  height: 3rem;
  text-align: center;
}

.box {
  display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
    margin-bottom: 1%;
}
.box2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    align-content: stretch;
    margin-bottom: 1%;
}
.parent {
    width: 45%;
}
.parent-analytics {
    width: 5%;
}
.col-externe-filter {
    margin-right: 1%;
}
.col-externe-filter2 {
    margin-right: 3%;
}
.parent-end {
    width: 15%;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 6px !important;
}
.compteur {
    margin-left: auto;
}

.spinner {
    z-index: 9999999;
   height:60px;
   width:60px;
   margin:0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:6px solid rgba(0,174,239,.15);
   border-right:6px solid rgba(0,174,239,.15);
   border-bottom:6px solid rgba(0,174,239,.15);
   border-top:6px solid rgba(0,174,239,.8);
   border-radius:100%;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}

.dataTables_processing{
    position: absolute !important;
    top: 60% !important;
    left: 50% !important;
    width: 100% !important;
    height: 100% !important;
    margin-left: -50% !important;
    margin-top: -25px !important;
    padding-top: 20px !important;
    text-align: center !important;
    font-size: 1.2em !important;
    background: white !important;
}