/* app css stylesheet */

  .tooltip-inner {
    white-space:pre-wrap;
  }

.cursorPointer {
    cursor: pointer;
}

.nav-tabs > li > a {
    cursor: pointer;
}

.menu {
    list-style: none;
    border-bottom: 0.1em solid black;
    margin-bottom: 2em;
    padding: 0 0 0.5em;
}

.menu:before {
    content: "[";
}

.menu:after {
    content: "]";
}

.menu > li {
    display: inline;
}

.menu > li:before {
    content: "|";
    padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
    content: "";
    padding: 0;
}

.margin11 {
    margin-left: 11px;
}


.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ae-bg {
    background-color: #dff0d8;
}

.cp-bg {
    background-color: #f2dede;
}

.spark-info span label {
    font-size: 11px;
}

body {
    background:  #FFF;
}

/* Gestion des boutons disabled */
.btn-default.disabled,
.btn-default:disabled {
    background-color: #E3E3E3;
    border-color: #999;
}

.btn-default.disabled span.glyphicon,
.btn-default:disabled span.glyphicon,
.btn-default.disabled span.fa,
.btn-default:disabled span.fa {
    color: #9C9C9C !important;
}

.required:after {
    color: red;
    content: ' *';
}

/* **************************** */


/* Fix bug lorsqu'un fils est disabled : la tooltip n'est pas visible */
span[tooltip] {
    display: inline-block;
}

/* ********************** */
#skraps {
    display: block;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    text-align: left;
}

#skraps li.skraps-info {
    display: inline-block;
    max-height: 66px;
    min-height: 66px;
    overflow: hidden;
    text-align: left;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#skraps li.skraps-info h5 {
    color: #555;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin: -3px 0 0 0;
    padding: 0;
    border: none;
    text-transform: uppercase;
}

#skraps li.skraps-info span.skraps-content {
    color: #636363;
    display: block;
}

#skraps li.skraps-info {
    border-left: 1px dotted #c7c7c7;
    padding: 0 10px;
}

#skraps li.skraps-info:last-child {
    padding-right: 0;
}

#skraps li.skraps-info:first-child {
    border-left: none;
    padding-left: 0;
}

.skraps-info {
    min-width: 70px;
}

.skraps-info span.skraps-content {
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    text-transform: none;
}

.skraps-info .sparkline {
    display: block;
    float: right;
    margin: 3px 0 0 20px;
}

/****/
.smaller-stat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.smaller-stat li {
    margin-top: 3px;
    margin-right: 0px;
}

.smaller-stat li:first-child {
    margin-top: 8px;
}

.smaller-stat span.label {
    width: auto;
    display: block;
    text-align: left;
    opacity: 1;
    cursor: default;
}

.smaller-stat span.label:hover {
    opacity: .8;
}

.smaller-stat li span.label {
    display: block;
    font-size: 85%;
    line-height: 1;
    /*color: #333;*/
    text-align: center;
}

/**
 * LOGIN
 */
.windowOpenLoginDiv {
    margin: 0px;
    position: fixed;
    z-index: 9998;
    width: 100%;
    padding: 5px;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
}

table.banniere tr td {
    border: none;
}

.windowOpenLoginDiv {
    /*display: none;*/
}

/****/

tr.selected:before,
tr.selected:after {
	content: none;
}

.modal {
    display: block;
}

.modal-body:before,
.modal-body:after {
    display: table;
    content: " ";
}

.modal-header:before,
.modal-header:after {
    display: table;
    content: " ";
}

nav ul li.disabled a {
    font-style: italic;
    cursor: default;
    background-color: transparent !important;
}

nav ul li ul li.disabled a {
    font-style: italic;
    cursor: default;
    background-color: transparent !important;
}

.budget-tooltip textarea {
    width: 100%;
}

.badge.nature {
    margin: 1px;
}

/* *** Gestion champs invalides */
input.ng-invalid.ng-dirty {
    border-color: #ff1d0f;
}

select.ng-invalid.ng-dirty {
    border-color: #ff1d0f;
}


form.ng-dirty input.ng-invalid-required {
	border-color: #ff1d0f;
}

.selectWidth {
	width: auto;
}

/* Checkbox dans les dataTables */
.dataTable input[type=checkbox].checkbox {
    position: absolute !important;

}

.dataTable label {
    margin-bottom: 0px;
}

.dataTable .form-group {
    margin-bottom: 0px;
}

/* Checkbox checkall dans table-group-btn (div contenant les boutons d'actions au dessus d'une dataTable */
div.table-group-btn {
    padding: 5px;
    background: #FBFBFB;
    border: 1px solid #DDD;
    box-shadow: 0 1px 1px #ECECEC;
    -webkit-box-shadow: 0 1px 1px #ECECEC;
}

div.table-group-btn label input[type="checkbox"].checkbox + span,
div.table-group-btn label input[type="checkbox"].checkbox + span:before {
    margin: -3px 0 0 0;
    /*line-height: 14px;*/
}

div.table-group-btn label input[type="checkbox"].checkbox + span {
    height: 15px;
}

div.table-group-btn label {
    margin: 0;
}

div.table-group-btn .btn label,
div.table-group-btn .btn label:hover,
div.table-group-btn .btn label input[type="checkbox"][disabled].checkbox + span,
div.table-group-btn .btn label input[type="checkbox"][disabled].checkbox:checked + span,
div.table-group-btn .btn label:hover input[type="checkbox"][disabled].checkbox:checked + span:before {
    cursor: pointer;
}

div.table-group-btn .btn label input[type="checkbox"][disabled].checkbox:checked + span:before,
div.table-group-btn .btn label input[type="checkbox"][disabled].checkbox + span:before,
div.table-group-btn .btn label:active input[type="checkbox"][disabled].checkbox:checked + span:before,
div.table-group-btn .btn label:hover input[type="checkbox"][disabled].checkbox:checked + span:before {
    color: #2E7BCC;
}

td.montant,
th.montant,
input.montant,
td.numerique,
th.numerique {
    text-align: right;
}

/* Fix pour afficher le border right sur la derniere cellule des lignes plus courte lorsqu'il y a un rowSpan */
tr.fix-bs-rowspan th:last-child,
tr.fix-bs-rowspan td:last-child {
    border-right-width: 1px;
}

table.table-centered-headers thead th {
    text-align: center;
    vertical-align: middle;
}

table tbody > tr > td.vert-align {
    vertical-align: middle;
}

.tooltip-inner {
    font-size: 12px;
    /* élargissement des tooltip-html-unsafe selon contenu */
    max-width: 100%;
}

.ui-pnotify {
    /* wrap pour les mots trop grands dans les notifications */
    word-wrap: break-word;
}

label input[type="checkbox"].success.checkbox:checked + span:before  {
    color: #468847!important;
}

.divMessageBox {
    z-index: 9998;
}

table.bandeau {
    cursor: pointer;
}

th.condensed {
    white-space: nowrap;
    width: 1px;
}

label {
	font-weight: bold;
}

.form-group {
    margin-bottom: 3px;
}

.widget-toolbar > .btn.disabled {
	cursor: not-allowed;
}


/* Affichage des modales avec informations fournisseur */

.modal .cadre {
    margin-bottom: 10px;
    background: #65596B;
    color: white;
    padding: 5px;
}

.modal .cadre table {
	margin: auto;
}

.modal .box {
    margin-bottom: 5px;
    border: 1px solid #CCC;
}

.modal .box > div {
    padding: 5px;
}

.modal .box > table {
    margin: 5px;
}

.modal .box table td,
.modal .box table th {
    padding: 5px;
}

.modal .box table th {
    text-align: right !important;
}

.modal #ContainerModalFournisseur .box table th {
    text-align: left !important;
}

.modal .boxTitre {
    margin-bottom: 10px;
    background: #65596B;
    color: white;
    padding: 0px 5px;
}

/*** LOADER ***/
/* Utilisation de mix-blend-mode qui permet des transformations en fonction du background
 * pour que le loader soit toujours visible quelque soit la couleur de la div sur laquelle il est
 */
#gfc-depenses-loader {
	position:fixed;
	top: 60px;
	right: 15px;
	z-index: 999999;
	mix-blend-mode: exclusion;
}

.loader {
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 0.6em solid rgba(255, 255, 255, 0);
    border-right: 0.6em solid rgb(255, 255, 255);
    border-bottom: 0.6em solid rgba(255, 255, 255, 0);
    border-left: 0.6em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 0.9s infinite linear;
    animation: loadDep 0.9s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 4em;
  height: 4em;
}
@-webkit-keyframes loadDep {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadDep {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* FIN LOADER */


/* PNotify */
.ui-pnotify-history-container {
	z-index : 1000001 !important;
	width : 80px !important;
	right: 243px !important;
}

.ui-pnotify-history-pulldown {
	text-align: center;
}

.ui-pnotify .ui-pnotify-shadow {
    -webkit-box-shadow: 0 2px 10px rgb(50 50 50 / 50%) !important;
    -moz-box-shadow: 0 2px 10px rgba(50,50,50,.5) !important;
    box-shadow: 0 2px 10px rgb(50 50 50 / 50%) !important;
}

/* ---> BON DE COMMANDE */
#FormInformations .commentaire textarea {
    height: 2.5em;
    padding: 3px;
    transition: all 0.5s ease;
}

#FormInformations .commentaire textarea:focus, #formSaisieSf .commentaire textarea:disabled.expanded {
    height: 10em;
}
/* <--- BON DE COMMANDE */

.type-etat {
	text-transform: uppercase;
}

/* ----> FACTURE */
#panel-facture-montants table tfoot {
	border-top: 2px solid #dddddd;
}

/* --> SUPRESSION ESPACE EN TROP - TU 4093*/
.jarviswidget .widget-body {
    min-height: auto;
    padding-bottom: 5px;
}

.well {
	padding-bottom: 5px;
}

.panel-body {
   padding-bottom: 5px;
}

/** Dashboard */
.dashboard .list-group-item {
	background-color: rgba(255,255,255,0.7);
}


.ligne-border-collapse{
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.border-bottom{
    border-bottom: 2px solid #65596b;
}

.button-collapse{
    background-color: #65596B;
    color: white;
}

/** Broker */
.pinkBg {
    background-color: #E37F37!important;
    border: 1px solid #A75D29;

    //background-image: linear-gradient(90deg, #fd5581, #fd8b55);
}
.intro-banner-vdo-play-btn{
    height:25px;
    width:25px;
    position:absolute;
    top:66%;
    left:206px;
    text-align:center;
    margin:-19px 0 0 -10px;
    border-radius:100px;
    z-index:1
}
.intro-banner-vdo-play-btn i{
    line-height:56px;
    font-size:30px
}
.intro-banner-vdo-play-btn .ripple{
    position:absolute;
    width:160px;
    height:160px;
    z-index:-1;
    left:42%;
    top:40%;
    opacity:0;
    margin:-79px 0 0 -79px;
    border-radius:100px;
    -webkit-animation:ripple 1.8s infinite;
    animation:ripple 1.8s infinite
}

@-webkit-keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.intro-banner-vdo-play-btn .ripple:nth-child(2){
    animation-delay:.3s;
    -webkit-animation-delay:.3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3){
    animation-delay:.6s;
    -webkit-animation-delay:.6s
}

.white-text{
	color: white;
    margin: -16px 0 6px -1px;
}

.cktl-broker-more-infos{
    padding: 30px 30px 30px 30px;
    font-size: 16px;
    width:max-content;
    position: absolute;
    left: 224px;
    top:28px;
}

/**** GED ****/

.envoi {
    margin: 0 6px 3px 0;
    padding: 1px 8px 1px 8px;
}

.envoi > i {
    margin-right: 2px;
}

.envoi-modal .input-group {
    margin-bottom: 18px;
}