/* ---------------------------------------------- */
/* Styles for SIMCOM
/* ---------------------------------------------- */


/* --- BASICS --- */

BODY {
    background-color : #BCCFD4 !IMPORTANT;
    font-family : Ubuntu, Helvetica, Arial;
    margin : 0px;
    color:#000;
    }

.menu {
    color:#BFBFBF;
    padding:0px 0px 2px 10px;
    line-height: 1;
    font-family: Ubuntu;
    }

.menupage {
    margin:0px;
    text-align:left;
    font-size:14px;
    background-color:#434343 !IMPORTANT;
    }

.menuTitre {
    background-color:#000000;
    color:#FFFFFF;
    font-weight:bold;
    padding-left:5px;
    font-family: Ubuntu;
    letter-spacing:1px;
    }

.logo {
    margin : 10px;
    }
    
UL, OL, LI, DL, DT, DD {
    font-family : Arial, Verdana, Arial Narrow;
    }

P {
    margin-top : 0px;
    margin-bottom : 0px;
    margin-left : 30px;
    font-family : Arial, Verdana, Arial Narrow;
    font-size : 10px;
    }

HR {
    margin: 2px 0;
    border: 1px !IMPORTANT;
    border-color: #FFFFFF !IMPORTANT;
    border-style: solid !IMPORTANT;
    }
/* --- LINKS --- */

.menu A {
    text-decoration :none;
    color :#BFBFBF;
    /*font-size:12px;*/
    }


.menu A:hover, a:focus {
    /*font-weight :bold;*/
    text-decoration :none;
    cursor : pointer;
    color : #FFFFFF !IMPORTANT;
    -webkit-transition: color .2s ease-out,opacity .2s ease-out;
    -moz-transition: color .2s ease-out,opacity .2s ease-out;
    transition: color .2s ease-out,opacity .2s ease-out;
    }

A:active{
    color :#FFB355;
    }

A:hover{
    color :#FF9615;
    }

A {
    text-decoration :none !IMPORTANT;
    color :#337AB7;
    }

/* --- HEADERS --- */

H1 {
    color : #000080;
    font-weight : bold;
    font-size : 14px;
    font-family : Verdana, Arial Narrow;
    margin-bottom : 2px;
    margin-top : 10px;
    margin-left : 0px;
    }

H2 {
    color : #000080;
    font-weight : bold;
    font-size : 12px;
    font-family : Verdana, Arial Narrow;
    margin-bottom : 2px;
    margin-top : 10px;
    margin-left : 5px;
    }

H3 {
    color : #000080;
    font-weight : bold;
    font-size : 12px;
    font-family : Verdana, Arial Narrow;
    margin-bottom : 2px;
    margin-top : 10px;
    margin-left : 10px;
    }

IMG {
    border : 0px;
    }

/* --- TABLES --- */
TABLE {
    width:100% !important;
    border:0px;
    background-color:transparent;
    }

TR {
    padding : 5px 10px 0px 5px;
    }

/*TR:hover {
    background-color:red;
    }
*/    
TD { 
    font-family : Arial;
    padding:2px 2px 2px 2px;
    }

.formLabel {
    font-size:14px;
    font-family:Ubuntu;
    }
    
.formInput {
    width:400px;
    }
    
TH {
    color : #FFFFFF;
    font-family : Arial;
    font-weight : bold ;
    padding-left: 2px;
    padding-right: 2px;
    letter-spacing:0;
    }

.entete {
    font-size:20px;
    color:#FFFFFF;
    position:sticky;
    top:0;
    text-align:center;
    }
    
TEXTAREA {
    border-radius: 4px;
    border-width: 0;
    padding-left:12px;
    resize:vertical !IMPORTANT;
    min-height: 120px;
    width:400px;
    }

TEXTAREA:focus {
    background-color:#FFEB95;
    color:#293042;
    border-radius: 4px;
    border-width: 0;
    }

.annee {
    width : auto;
    max-width: 300px;
    font-family : Arial ;
    font-weight : bold ;
    cursor : pointer;
    height: 63px !IMPORTANT;
    color:#000;
    }

SELECT {
    width : auto;
    max-width: 400px;
    font-family : Arial ;
    /*font-weight : bold ;*/
    cursor : pointer;
    height: 34px !IMPORTANT;
    color:#000;
    border-radius:4px;
    font-size:14px;
    padding:0;
    background-color:white;
    }

SELECT:focus {
    background-color:#FFEB95 !IMPORTANT;
    
    }

SELECT.choixdossier {
    background-color:#CCDDFF !IMPORTANT;
    width : 100%;
    font-family : Arial ;
    cursor : pointer;
    height: 160px !IMPORTANT;
    color:#000;
    border: none !IMPORTANT;
    min-height:100px;
    max-width:100%;
}

SELECT.choixdossier:focus {
    background-color: #CCDDFF;
    }

.bootstrap-select {
  width : 400px !IMPORTANT;
  }

OPTION {
    border-bottom: solid 1px #D2EEF5 !IMPORTANT;
    }
    
INPUT {
    font-family : Arial ;
    cursor : pointer;
    color: #000;
    height: 34px;
    border-radius: 4px;
    border-width: 0;
    padding-left:12px;
    /*width : 400px !IMPORTANT;*/
    }

INPUT:focus {
    background-color:#FFEB95;
    }

[type="button"] {
    cursor : pointer;
    }

[type="checkbox"] {
    /*background-color : #AA0000;*/
    cursor: pointer !IMPORTANT;
    max-width:20px;
    }

iNPUT:disabled {
    cursor:not-allowed !IMPORTANT;
    }
    
[type="date"] {
    cursor: pointer !IMPORTANT;
    }

[type="text"] {
    color: #000 !IMPORTANT;
    }

[type="radio"] {
    vertical-align:middle;
    }
    
.fact   {
    color : #000000;
    /*background-color : #FFFFFF;*/
    font-family : Verdana;
    }

.fact_ete {
    border-style : solid;
    border-color : #000000;
    border-width : 1;
    border-top-width : 2;
    border-bottom-width : 2;
    text-align : center;
    font-family : Verdana;
    font-weight : bold;
    letter-spacing : -1;
    background-color : #DDDDDD;
    height : 1cm;
    }

.fact_lig {
    border-style : solid;
    border-color : #000000;
    border-right-width : 1;
    border-left-width : 1;
    border-bottom-width : 0;
    border-top-width : 0;
    font-family  : verdana;
    font-weight  : normal;
    padding : 3;
    }

.button {
    font-family : verdana ; 
    font-size : 14px; 
    font-weight : bold;
    letter-spacing : 0;
    color:#FFFFFF;
    }

.titre {
    border-style : outset ;
    border-width : 0;
    color : #FFFFFF;
    background-color : #000000 !IMPORTANT;
    text-align : center;
    font-weight : bold ;
    font-size : 16px ;
    font-family : Ubuntu;
    background-color: #000000;
    letter-spacing: 1px;
    margin:0 0 0 0;
    }

.barre {
    /*border-style : outset ;*/
    border-width : 2;
    color : #FFFFFF;
    background-color : #293042;
    /*letter-spacing : 2;*/
    text-align : center;
    /*font-weight : bold ;*/
    /*font-size : 12px ;*/
    background-repeat : repeat-x;
    vertical-align : middle;
    /*z-index:-9999;*/
    }

.titre1 {
    font-size : 20px;
    font-family : arial Black;
    color : #CCCCCC;
    font-style:italic;
    font-weight:normal;
    text-align : left;
    }

.titre2 {
    font-size : 16px;
    font-family : arial Black;
    color : #BBBBBB;
    font-style:italic;
    text-align : left;
    }

.euro {
    font-family : Arial ;
    }

.icon {
    height:20px;
}
.inactif {
    color : #CCCCCC;
    }

.metal {
    border-top:1px outset #CDD3F4;
    border-right:1px outset #CDD3F4;
    border-bottom:1px outset #CDD3F4;
    border-left:1px outset #CDD3F4;
    background-repeat:repeat-x;background-position:bottom;
    background-image:url('/simcom/images/button_mid2.gif');
    color:#2439A2;
    font-size:10px;
    letter-spacing:1px;
    font-family:Arial;
    vertical-align : middle;
    text-align:center;
    padding-left : 5px; 
    padding-right : 5px;
    }   

.input-group:focus {
    background-color:#FFEB95;
    color: #293042;
    }

.dragme { 
    cursor: move ; color: #FFFFFF; font-weight:bold; font-size: 12px;
    }

.warn {
    background-color:red;
    color:white;
    font-weight:bold;
    font-size:14px;
    padding:5px;
    text-align:center;
    }
    
.info {
    color:green;
    font-weight:bold;
    font-size:11px;
    padding:5px;
    text-align:center;
    }

.notes {
    color:#000000;
    width:100%;
    height:280px;
    background-color:#BFBFBF;
    padding-left:2px
    }

.notes_date {
    font-size:10px;
    color: #293042;
    max-height:30px;
    }

HR.notes {
    border-color:#AAAAAA;
    height:1px;
}
    
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color:#000000;
}

.form {
    text-align: right;
    font-weight: bold;
    }
    
.tooltip2 {
  position: relative;
  display: block;
  /*border-bottom: 1px dotted black;*/
  cursor:help;
}

.tooltip2 .tooltiptext2 {
  visibility: hidden;
  width: auto;
  height:auto;
  background-color: #293042;
  color: #FFF;
  text-align: left;
  border-radius: 6px;
  padding: 0;
  position: absolute;
  z-index: 1000;
  bottom: -50px;
  right: 250px; 
  margin-left: -60px;
  border: 3px solid #AAA;
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 0.5s;
}
.tooltip2:hover .tooltiptext2 {
  visibility: visible;
  opacity: 1;
}

.tooltip2 .tooltiptext3 {
  visibility: hidden;
  width: 600px;
  height:auto;
  background-color: #293042;
  color: #FFF;
  text-align: left;
  border-radius: 6px;
  padding: 0;
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: 60px; 
  margin-right: 60px;
  border: 3px solid #AAA;
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 0.5s;
}
.tooltip2:hover .tooltiptext3 {
  visibility: visible;
  opacity: 1;
}

.tooltip2 .tooltiptext4 {
  visibility: hidden;
  min-width: 350px;
  width: auto;
  height:auto;
  background-color: #293042;
  color: #FFF;
  text-align: left;
  border-radius: 6px;
  padding: 0;
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: 300px !IMPORTANT; 
  margin-right: 60px;
  border: 3px solid #AAA;
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 0.5s;
}
.tooltip2:hover .tooltiptext4 {
  visibility: visible;
  opacity: 1;
}

.tooltip2 .tooltiptext5 {
  visibility: hidden;
  min-width: 350px;
  width: auto;
  height:auto;
  background-color: #293042;
  color: #FFF;
  text-align: left;
  border-radius: 6px;
  padding: 0;
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: -400px !IMPORTANT; 
  margin-right: 60px;
  border: 3px solid #AAA;
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 0.5s;
}
.tooltip2:hover .tooltiptext5 {
  visibility: visible;
  opacity: 1;
}




.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 0px;
}

.alert {
  padding: 7px;
  margin-bottom: 5px;
}

.btn {
  letter-spacing:0;
  font-family: Ubuntu !IMPORTANT;
}

.btn-lg {
  font-size: 16px;
}
.btn-sm {
  font-size: 14px;
}
.btn-xs {
  font-size: 12px;
}

.filter-option-inner-inner {
  font-family: Arial !IMPORTANT;
  z-index:10000;
}

.dropdown-menu {
  max-height: max-content !IMPORTANT;
}

.pointable {
    cursor: pointer;
}
    
/*
table.sortable tbody tr:nth-child(2n) td {
  background: #FFFFFF;
}
table.sortable tbody tr:nth-child(2n):hover td {
  background: orange;
}
table.sortable tbody tr:nth-child(2n+1) td {
  background: #ccddff;
}
table.sortable tbody tr:nth-child(2n+1):hover td {
  background: orange;
}
*/
.prospect {
  background-color:#F9F997 !IMPORTANT;
  color: #262626 !IMPORTANT;
  font-style:italic;
  }
.titredevis {
  font-weight:bold;
  }
.offclients {
  color: #C9C9C9 !IMPORTANT;
    text-decoration: line-through;
    /*text-align:right;*/
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 0; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.fade {opacity:1;}

.modal-header {
    background-color:#000;
    color:#FFF;
    }
    
label {
    vertical-align:-moz-middle-with-baseline;
    }
   
.familyPage {
    zoom:150%;
    margin:25px;
}