/* 
    Document   : style
    Created on : 2 oct. 2012, 09:50:36
    Author     : Tahiana
    Description:
        Purpose of the stylesheet follows.
*/
/* Global */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);


root {
    display: block;
}
body {
    font-family:'Open Sans' !important;
    font-size: 11px;

}

h2 {
    color: #666;
}
#header {
    height : 75px;
    padding-left: 15px;
    padding-top: 15px;
}
#contentauthentif {
    height: 450px;
    margin-bottom: 15px;
}
#content {
    height: auto;

}
#footer {
    height: 26px;
    font-size: 15px;
    padding-top: 6px;
    padding-left: 15px;
    margin-top: 15px;
}
#formAuth {
    width: 550px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding: 5px;
    /*border: #555 solid 1px;*/
    border-radius: 15px;
    box-shadow: 0 0px 10px #999;
}
.center {
    text-align: center;
}
.clear {
    clear: both;
}
.bloc1 {
    text-align: center;
    width: 30%;
    height: 200px;
    float: left;
    padding-left: 15px;
    padding-top: 20px;
}
.bloc2 {
    text-align: right;
    width: 60%;
    height: 200px;
    float: left;
    padding-left: 15px;
    padding-top: 50px;
}
#formAuthentification input {
    margin-left: 5px;
    margin-bottom: 15px;
}
#formAuthentification label {
    font-weight: bold;
    color: #555;
}
#menu {
    width: 16%;
    padding: 20px 15px 20px 5px;
    float: left;
    font-size: 10px;
}
#contentgestion {
    width: 80%;
    padding: 19px 0;
    float: left;
}
#alert{
    position: absolute;
    /*  margin-top: 15px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 15px;*/
    top: 13%;
    left: 31%;
    width: 600px;
}

.ui-widget-content {
    border: 0px !important;
}
.fileupload{
    margin-top: 10px;
    margin-bottom: 10px;
}

.fileupload .ui-widget-content{
    border: 1px solid #A8A8A8 !important;
}


.menusidebar{
    padding-bottom: 8px !important;
}


.sidebar{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
}


.menusidebar a:link
{
    text-decoration:none;
}

.panelsidebar{
    background: -moz-radial-gradient(50% 75% , circle , #676767, #343434) repeat scroll 0 0 transparent !important;
    border: 1px solid #262626 !important;
    color:  #DDDDDD !important;
    font-weight: bold;
    padding: 0.5em 1em 0.3em;
    text-shadow: 0 1px 0 #343434;
    font-size: 1.1em;
}
.panelsidebar a{
    text-decoration: none;
    color:  #DDDDDD !important;
}

#utilisateursidebar{
    margin-bottom: 15px;
}
#logo {
    border: none;
    float: left;
}
#logo img{
    border: none !important;
}
#bienvenue{
    float:left;
    margin-left: 10%;
    margin-top: 20px;
    width: 32%;
    font-size: 12px;
}
#logout {
    float:right;
    margin-top: 15px;
    margin-right: 15px;
}

.imageajout{
    float: left;
    border:none;
}
#ajoutBout{
    display: inline;
    text-align: right;
    margin-top: 15px;
}

#ajoutBoutDetailsd{
    display: inline;
    text-align: right;
}

.lienclass{
    float:left;
    padding-left: 4px;
    padding-top: 9px;
    display: block;
    color: #555;
    text-decoration: none;
}

.alignRight {
    text-align: right;
}

.classutilisateur{
    width: 100%;
}
.alignCenter{
    text-align: center;
}
.tableauClientClass{
    width: 100%;
}
.tableNoBorder td, .tableNoBorder tr{
    border: none !important;
}

.tableTarif td,.tableTarif tr{
    border: none !important;
    text-align: left;
}

#logoCentre{

}

.idClientClass input{
    width: 90% !important;

}
.filtreNom input{
    width: 90% !important;

}
.codeComptableFilter input{
    width: 90% !important;

}

.tableauServiceClass {
    width: 100%;
}
.tableauClientUtilisateurClass {
    width: 100%;
    font-size: 11px !important;
}
#ajoutBoutTarif {
    float: right;
    margin-top: 10px;
}

#modifTarif {
    float: left;
    margin-top: 10px;
}
.ui-datatable {
    min-width: 100%;
    width: auto;
    font-size: 11px !important;
    display: inline-block;
}
.tableauDossierClass .ui-dt-c {
    padding: 5px !important;
}
#lien {
    margin-top: 15px;
}

.table-fact {
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-left: 10px;
}
.row-fact td{
    text-align: center;
    padding: 11px;
    border-left: 1px solid #000;
}
.header-fact{
    padding: 8px 25px 8px 25px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}

.tab{
    font-size: 12px !important;
}


.facet{
    background-color: #DDDDDD;
}

.borderPick .ui-widget-header, .borderPick .ui-widget-content{
    border : 1px solid #A8A8A8 !important;
}

.ui-picklist-filter-container{
    margin-bottom: 10px !important;
}

.borderPick{
    width: 200px;
}

.ui-datatable thead th,  .ui-datatable tbody td,  .ui-datatable tfoot td {
    word-wrap: normal;
    white-space: inherit !important;
}

.responsive {
    width:100%;
}

.responsive .ui-panelgrid-cell input, .responsive .ui-panelgrid-cell textarea {
    width: 85%;
}

td input.centerTabl {
    width : 100%;
    text-align: center;
    border: 0px;
}

.ui-wizard-step-titles .ui-state-highlight {
    background: rgba(244, 67, 54, 0.68) -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.25)),to(rgba(0,0,0,0))) !important;
}

.ui-wizard-step-title {
    font-size: 14px !important;
    margin: 10px 3px 10px 0 !important;
}

.ui-datatable .ui-column-filter {
    width: 90% !important;
}

#menu {
    /* for the animation */
    transition: margin 0.3s ease;
}

.collapsed {
    /* hide it for small displays*/
    display: none;
}

.full {
    width: 100% !important;
}

@media (min-width: 992px) {
    .collapsed {
        display: block;
        /* same width as sidebar */
        margin-left: -25%;
    }
}

#content {
    position:relative;
    /* necessary to hide collapsed sidebar */
    overflow-x: hidden;
}

#contentgestion {
    /* for the animation */
    transition: width 0.3s ease;
}

.ui-wizard-content {
    position: relative;
}

.buttonWizard {
    position : absolute;
    bottom: -40px;
}

.panel-reglement-grid td.ui-panelgrid-cell {
    padding: 8px 5px !important;
    vertical-align: middle;
}
.panel-reglement-grid td.ui-panelgrid-cell:first-child {
    font-weight: 500;
    width: 40%;
    white-space: nowrap;
}
.text-helper {
    font-size: 0.85em;
    color: #666;
    font-style: italic;
    display: block;
    margin-top: 2px;
}
.text-muted {
    color: #999;
    font-style: italic;
}
.text-success {
    color: #28a745;
    font-weight: 500;
}
.action-bar {
    margin: 15px 0;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 4px;
}
.btn-ajout {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #333;
    padding: 8px 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
}
.btn-ajout:hover {
    background: #e9ecef;
    text-decoration: none;
}
.imageajout {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.ui-messages {
    margin-bottom: 10px;
}
.form-grid-responsive [class*="ui-g-"] {
    padding: 8px;  /* Espacement entre les champs */
}

.input-suffix {
    display: inline-block;
    padding-top: 8px;  /* Aligne verticalement avec l'input */
    color: #666;       /* Couleur grise pour le suffixe */
}

@media (max-width: 640px) {
    .form-grid-responsive [class*="ui-g-"] {
        padding: 5px;  /* Moins d'espace sur mobile */
    }
}