.h1-size { font-size: 1.6em !important; }
.h2-size { font-size: 1.4em !important; }
.h3-size { font-size: 1.2em !important; }

.window-title {
    float: left;
    margin: 10px 0 0 0;
    font-size: 20px;
}

.fiche-header h1 {
    width: 100%;
}
.fiche-content #ent,
.fiche-content #numcodecli{
    width: 74px;
}
.fiche-content #actif{
    width: 115px;
}
body{
    background-color: #ececec;
}
textarea{
    resize: vertical;
}
hr{
    margin: 10px 0;
}
label{
    margin-bottom:0;
}
table{
    background-color: #fff;
    margin-bottom: 0 !important;
}
.navbar{
    margin-bottom: 10px;
}
.rdv_du_jour, .rdv_du_jour th{
    text-align: center;
}
.rdv_du_jour .nav.nav-tabs{
    display: inline-block;
}
.rdv_du_jour .table{
    width: auto;
    margin: 0 auto;
}
.rdv_du_jour td{
    height: 29px;
}
.rdv_du_jour .comm,
.rdv_du_jour .ref,
.rdv_du_jour .type,
.rdv_du_jour .ecole_liee,
.rdv_du_jour .nb_classe{
    width:10px;
}
.rdv_du_jour .telephone{
    width:115px;
}
.rdv_du_jour .operateur{
    width:125px;
}
.vcenter{
    display: inline-flex;
    align-items: center;
}
.fiche-block_client,
.fiche-block_contact,
.fiche-block_onglet{
    padding:5px;
}
.fiche-block_contact{
    background-color: #8888FF;
}
.fiche-block_contact .form-inline .form-group{
    margin-right:10px;
}
.fiche-block_onglet{
    background-color: #FF9900;
}
.fiche-block_rdv .etatPrint{
    width: 90px;
}
.fiche-block_rdv .printMultiple {
    width: 25px;
    padding: 3px 0px !important;
    background-color: #f74;
}
.fiche-block_rdv .date{
    width: 100px;
}
.fiche-block_rdv .quand,
.fiche-block_rdv .special{
    width: 112px;
}
.fiche-block_rdv .print,
.fiche-block_rdv .mail{
    width: 45px;
}
.fiche-block_rdv .delete{
    width: 65px;
}
.fiche-block_rdv td{
    height: 40px;
}
.fiche-header #ecole-search{
    width: 140px;
}
#header-fiche{
    margin-top:10px;
}
#header-fiche>div{
    height: 77px;
    text-align:center;
}
#header-fiche>div>h1{
    line-height: 24px;
    margin: 0;
    font-size: 24px;
    width:100%;
}
.fiche-content .select2-search__field{
    box-shadow: none;
}
.form-group-sm .select2-container-multi .select2-choices .select2-search-field input {
    height: 28px !important;
}
.search_codecli.select2-container .select2-choice {
    height: 30px !important;
}
.search_codecli.select2-container.form-control {
    display: inline-block;
}
.form-group-sm .select2-container-multi .select2-choices .select2-search-choice {
    margin-top: 4px;
    margin-bottom: 4px;
}
.form-group-sm .select2-container-multi .select2-choices .select2-search-choice {
    line-height: 12px;
}
.modal-dialog {
    width: 700px;
}
.modal-backdrop{
    height:100%;
}
.form-group-sm>.input-group>*{
    font-size: 12px;
    padding: 6px 10px;
}
.btn-group-sm>.btn,
.btn-group-xs>.btn{
    line-height: 12px;
}
#fiche-client .table{
    margin-bottom: 10px;
}
.table-condensed td,
.table-condensed th{
    padding: 4px 5px !important;
}
.table-condensed.table-very-condensed td,
.table-condensed.table-very-condensed th{
    padding: 0px 5px !important;
}
#fiche-client .nav>li>a{
    padding: 5px 15px;
}
.fiche-content .form-group, .modal-body .form-group{
    margin-bottom:5px;
}
#fiche-client #btn-group-fpnl{
    display: inline-flex;
    margin: 0 15px;
}
.fond-gris{
    background-color: #EDEDED;
}
.fiche-block_rdv table {
  margin-top: 5px;
}
.table_liste_rdv_title{
    font-size: 18px;
}
#popup-facture_codecli,
#popup-facture_comm{
    width:95px;
}
.popupVoirGrille .tarif_type{
    width: 85px;
}
.nav-client_actif{
    background: #00CCFF;
}
.nav-client_inactif{
    background: #A3A3A3;
}
.table-rdv_facture a{
    color: #000;
    text-decoration: underline;
}
.table-facture_total{
    border:0;
    border-top: 1px solid;
}
.table-facture_total tfoot{
    font-weight: bold;
    text-align: right;
}
.unbordered{
    border:0 !important;
}
.popup-fiche_travail_type{
    width: 140px;
}

.sonata-bc #menu-vertical-sonata h4{
    color: #eee;
}
.sonata-bc .slimScrollBar{
    background: rgba(237, 227, 227, 0.45) !important;
}
.sonata-bc .siderbar-toggle{
    float: left;
    padding: 9px 5px;
    margin-top: 8px;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.sonata-bc .sidebar-toggle .icon-bar{
    display: block;
    width: 22px;
    height: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
}
.sonata-bc .sidebar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
.sonata-bc header{
    width: 240px;
}
.sonata-bc .logo{
    width: auto !important;
    padding: 0 0 0 3px !important;
}
.sonata-bc .logo span{
    vertical-align: initial;
}
.sonata-bc #nav-logo{
    height: 50px;
    width: 27px;
    background: #333;
    display: inline-block;
}
.sonata-bc #nav-logo>a{
    padding: 18px 0;
    display: inline-block;
}
body.sonata-bc.fixed .wrapper {
    margin-top: 0;
}
.sonata-bc .right-side > .content-header{
    padding-top: 0;
}


/* Surcharge Bootstrap */
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
  background-color: #FF7744;
}
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
  background-color: #FF8855;
}
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success,
.fiche-block_client {
  background-color: #00FF00;
}
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
  background-color: #66FF66;
}
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
  background-color: #FFCC00;
}
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
  background-color: #FFEE55;
}
.table-hover>tbody>tr:hover {
  background-color: #EDEDED;
}
a{
    color: #0000FF;
}
body,
.navbar-default .navbar-brand,
.navbar-default .navbar-nav>li>a,
.btn-default,
.form-control,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.select2-container-multi .select2-choices .select2-search-choice{
    color:#000;
}
table,
td,
th,
hr,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs{
    border-color: #000 !important;
}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.dropdown-submenu>a:after{
    display: block;
    content: " ";
    position: absolute;
    top: 10px;
    right: 8px;
    width: 0;
    height: 0;
    border-left: 4px solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
.dropdown-menu{
    min-width: initial;
}
.modal.in {
  overflow-x: hidden;
  overflow-y: auto;
}
.popupVoirGrille>.modal-dialog{
    width:100%;
}
.tarif_base{
    background-color:#00CCFF;
}
.tarif_supp{
    background-color:#FF9900;
}
.tarif_supp_seul{
    background-color:#00CC00;
}
.menu-vertical-sonata{
    text-align: center;
}
div[contenteditable=true] {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.floatBar{
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 1000;
    font-size: 30px;
}
.floatBar .floatBar-item{
    display: block;
    color: #000;
}

.facture_total_date,
.facture_total_num_facture,
.facture_total_ref,
.facture_total_ttc,
.facture_total_ht,
.facture_total_tva,
.facture_total_comm,
.facture_total_taux,
.facture_total_commission {
    width: 170px;
}
.rdv_facture_date_pdv,
.rdv_facture_ref,
.rdv_facture_comm,
.rdv_facture_ville,
.rdv_facture_num_facture,
.rdv_facture_date_facture,
.rdv_facture_montant_ttc,
.rdv_facture_rappel1 {
    width: 152px;
}
.rdv_facture_rappel2,
.rdv_facture_rappel3 {
    width: 153px;
}
.rdv_facture_rappels {
    width: 458px;
}
.recherche_facture_num_facture,
.recherche_facture_date,
.recherche_facture_ref,
.recherche_facture_comm,
.recherche_facture_civilite,
.recherche_facture_nom_contact,
.recherche_facture_ttc,
.recherche_facture_ht,
.recherche_facture_tva,
.archives_formats_column,
.archives_rdvs_column {
    width: 208px;
}
td.recherche_facture_ttc,td.recherche_facture_ht,td.recherche_facture_tva {
    text-align: right;
}

.recherche_facture_paye {
    width: 50px;
    text-align: center;
}
.facture_total_civilite,
.facture_total_nom_contact {
    width: 171px;
}
.rdv_facture_nom_ecole {
    width: 350px;
}
.facture_total_colspan4 {
    width: 680px;
}
.facture_total_colspan3 {
    width: 508px;
}
.page-facture_total .padding_with_navbar_top {
    padding-top: 126px;
}
.page-facture_total .padding_with_navbar_bottom {
    padding-bottom: 58px;
}
.page-rdv_facture .padding_with_navbar_top,
.page-recherche_facture .padding_with_navbar_top,
.page-liste_archives_formats .padding_with_navbar_top,
.page-liste_archives_rdvs .padding_with_navbar_top {
    padding-top: 96px;
}
.overlay_chargement {
    display: none;
    width: 100%;
    position: absolute;
    z-index: 1000;
    background: rgba(0,0,0,0.8);
    height: 100%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 40px;
    line-height: 100px;
}
#popupSearch .modal-dialog {
    width: 90%;
}
    #popupSearch .form-inline .input-group>.form-control {
        width: auto !important;
    }


/* Cachons la case à cocher */
.form-contact [type="checkbox"]:not(:checked),
.form-contact [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

/* on prépare le label */
.form-contact [type="checkbox"]:not(:checked) + label,
.form-contact [type="checkbox"]:checked + label {
  position: relative; /* permet de positionner les pseudo-éléments */
  padding-left: 20px; /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;    /* affiche un curseur adapté */
}

/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
.form-contact [type="checkbox"]:not(:checked) + label:before,
.form-contact [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px; /* dim. de la case */
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px; /* angles arrondis */
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3) /* légère ombre interne */
}

/* Aspect général de la coche */
.form-contact [type="checkbox"]:not(:checked) + label:after,
.form-contact [type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 0; left: 4px;
  font-size: 14px;
  color: #f00;
  transition: all .2s; /* on prévoit une animation */
}
/* Aspect si "pas cochée" */
.form-contact [type="checkbox"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
.form-contact [type="checkbox"]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise à l'échelle 1:1 */
}

.input-group-sm-comm .select_commercial_id,
.input-group-sm-comm .send_mail_comm {
    padding: 5px 2px;
}

#popupCourrierType .modal-dialog {
    width: 60%;
    min-width: 600px;
}
#popup-edit_courrierType {
    display: none;
}
.notifyjs-corner {
    width: 100%;
}
.btnOpenModalArchiveFormat {
    position: absolute;
    top: -40px;
    right: 15px;
}
.variableWysiwyg {
    cursor: pointer;
}

.modal-header {
    background-color: #ccc;
    cursor: move;
}

/* Arrow Button */

.button-arrow {
  position: relative;
  margin: 0;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 2.8px;
  padding-bottom: 2.8px;
  background: #0d5287;
  color: white;
  font-size: 17px;
}

.button-arrow::after {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
}

.button-arrow:hover {
    text-decoration: none;
    color: white;
    background: #0585e8;
}

/* Arrow Buttons */
/* ------------- */
.button-arrow-next::after, .button-arrow-prev::after { border-style: solid; }

/* Next Button */
/* ----------- */
.button-arrow-next::after {
  right: -24px;
  border-width: 12px;
  border-color: transparent transparent transparent #0d5287;
}

.button-arrow-next:hover::after {
  border-left-color: #0585e8;
}

/* Prev Button */
/* ----------- */
.button-arrow-prev::after {
  left: -24px;
  border-color: transparent #0d5287 transparent transparent;
  border-width: 12px;
}

.button-arrow-prev:hover::after {
  border-right-color: #0585e8;
}

.school-name-planning {
    font-size: 12px;
}

.title-week-planning {
    margin-top: 10px;
    font-size: 20px;
}

div .error {
    background-color: #ef5350;
    border: solid 1px black ;
    margin:15px 0 ;
    padding: 15px;
}
div .success {
    background-color: #4caf50;
    border: solid 1px black ;
    margin:15px 0 ;
    padding: 15px;
}

@media screen and (min-width: 1700px) {
    .indiv-pochettes-indicator {
        right: 10vw;
        position: relative;
    }
}

.indiv-pochettes-indicator {
    background-color: green;
    color: white;
    margin: 0 5px;
    padding: 0 5px;
}

@media screen and (min-width: 1700px) {
    .last-delivery-indicator {
        position: relative;
        right: 14vw;
    }
}

.last-delivery-indicator {
    background-color: blue;
    color:white;
    margin: 0 5px;
    padding: 0 5px;
}

@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}