/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29 févr. 2016, 09:13:56
    Author     : Stephane
*/

.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }
body .ui-tooltip { border-width: 2px; }        
* {  font-family: 'Roboto', verdana;  font-size: 1.0em;  }
.nav { margin-bottom: 1px;  }
table { width: 100%;  margin-bottom: 0px !important;  }
label {  display: inline;  }
#conteneur { position: relative; margin: 0px auto; text-align: left; width: 1000px !important; padding: 10px 10px 0px; }
#la_form { padding: 0 0 10px 0; }
#popup_container { border: 2px solid #c0c0c0 !important; background-color: #fff !important; padding: 10px !important; }
#popup_container h1 { font-size: 1.0em; margin: 0; padding: 0 0 0 10px; background-color: #777; color: #fff; }
#popup_content.alert {  margin:0;  }
input[type=text], select {  width: 300px;  padding: 7px;  }
input[readonly] { cursor: initial; }
.date_picker {  cursor: pointer !important;  }
input[disabled] { cursor: not-allowed !important; }
.ui-button-text { background: #3591CD !important; color: #fff; }
/* override ui-dialog z-index */
.ui-dialog {  z-index: 3;  }
.ui-widget-overlay {  z-index: 2;  }
.tah11 { font-size: 12px;  text-decoration: none;  font-weight:bold;  color:#09419F}
.tah12 { font-size: 12px;  text-decoration: none;  font-weight:normal;  color:#07265A;  border-top: 1px solid #FFF; }
/* ------------------------------------- */
.formError { border: 2px solid red !important; border-radius: 4px; }
.formError_thin { border: 1px solid red !important; border-radius: 4px; }
.spError {  color: red;  position: relative;  /*top: 7px; */ right: -6px;  visibility: hidden;  cursor: pointer;  }
/* ------------------------------------ */
.modif {  cursor: pointer;  vertical-align: bottom;  font-size: 1.2em;  }
.remove {  cursor: pointer;  vertical-align: bottom;  font-size: 1.2em;  color: red;  }
.modif:hover,
.remove:hover {  font-weight: bold;  }        
/* tableau des enfants */
#tableau_enfant td {  width: 24%;  }
/* system tabulation */
.ui-widget-content {  border: none;  color: #666;  background: #fff !important; }
.ui-widget-header {  border-style: none none solid none;  background: none;  }
.ui-state-default,
.ui-state-default  a {  border-top-left-radius: 8px !important;  border-top-right-radius: 8px !important;  }
li.ui-state-default {  background-color: #E9E9E9 !important;  color: #666 !important;  border:1px solid #c0c0c0 !important;  }
li.ui-state-active {  background-color: white !important;  }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {  color: #666;  }
.ui-tabs-nav li {  top: 2px;  border-bottom: 1px solid #c0c0c0;  }
li.ui-tabs-active {  border-bottom: 1px solid #fff !important;  }
.ui-widget-content a.boutonDesign {  color: #FFF;  }
/* reprise de certains elements css pour override sur le jquery theme nécessaire au tooltip */
.ui-widget * {  font-family: 'Roboto', verdana !important;  }
.fa {  font-family: 'FontAwesome' !important;  }
.boutonDesignPetit {  color: #fff !important;  }
#message_formulaire {  padding: 5px 10px;  margin-bottom: 10px;  }
#accessProfil {  width: 60%;  }
.conteneurBouton{display: flex;}
.boutonPush{margin-left: auto;}
/* loading scroll */
.scroll-loading { display:block;position:fixed;top:50px;left:0;background-color:rgba(243,243,243,0.8);width:100%;height:100vh;padding:20px 0;z-index:2; }
.scroll-loading > div { position:absolute;top:37vh;margin: 0 auto;width: 100%;text-align: center;font-size: 3em;color: #fff;text-shadow: 1px 1px 1px #000; }
.loading { display: block; margin: auto; position: relative; width: 100px; height: 100px;top: 30vh; }
.loading span { display: block; position: absolute; width: 50%; height: 50%; }
.loading span:nth-child(1) { top: 0; left: 0; background-color: rgba(66, 133, 244,0.75); animation: move1 2s linear infinite; }
.loading span:nth-child(2) { top: 0; right: 0; background-color: rgba(219, 68, 55,0.75) ; animation: move2 2s linear infinite; }
.loading span:nth-child(3) { bottom: 0; left: 0; background-color: rgba(244, 180, 0,0.75); animation: move3 2s linear infinite; }
.loading span:nth-child(4) { bottom: 0; right: 0; background-color: rgba(15, 157, 88,0.75); animation: move4 2s linear infinite; }
@keyframes move1 {
  0%   { transform: translate( 0 ); z-index: 10; }
  25%  { transform: translate( 100%, 0 ); }
  50%  { transform: translate( 100%, 100% ); }
  75%  { transform: translate( 0, 100% ); z-index: 0; }
  100% { transform: translate( 0 ); }
}
@keyframes move2 {
  0%   { transform: translate( 0 ); }
  25%  { transform: translate( 0, 100% ); }
  50%  { transform: translate( -100%, 100% ); z-index: 0; }
  75%  { transform: translate( -100%, 0 ); z-index: 10; }
  100% { transform: translate( 0 ); }
}
@keyframes move3 {
  0%   { transform: translate( 0 ); }
  25%  { transform: translate( 0, -100% ); z-index: 10; }
  50%  { transform: translate( 100%, -100% ); }
  75%  { transform: translate( 100%, 0 ); }
  100% { transform: translate( 0 ); z-index: 0; }
}
@keyframes move4 {
  0%   { transform: translate( 0 ); }
  25%  { transform: translate( -100%, 0 ); z-index: 0; }
  50%  { transform: translate( -100%, -100% ); z-index: 10; }
  75%  { transform: translate( 0, -100% ); }
  100% { transform: translate( 0 ); }
}