/* CSS Document */

.modal-xl { max-width:90%}

.modal_slide_versement .el-tablo .label { font-size: 1rem;}

.modal_slide_versement .onboarding-content { width:100%}
.modal_slide .onboarding-content { height:90%}

.ta-activity { text-align:left}

.pull-right { float:right}

.form-check { padding-left:0}
/*.form-group { margin-bottom:0}*/

textarea.form-control  { width:100%; height:300px}

p.table {}
.element-inner-desc p { font-size:0.9rem; color:#3E4B5B}
.element-inner-desc p strong { display:inline-block; padding:0 6px 0 15px; font-weight:400}

.element-inner-desc p .lighter { margin-right:20px}

.tab-pane .timed-activity { font-size:0.9rem}

.form-radio-checkbox { /*padding-top:8px*/}

p.infos-dates { float:right; font-style:italic; color: rgba(0, 0, 0, 0.3);} 

.onboarding-content { padding:20px !important}
.onboarding-content  .element-box { margin-bottom:0 !important}

.table.table-padded tbody tr.parent td:first-child {border-left: 8px solid #2e1170;}
.table.table-padded tbody tr.enfant td:first-child {border-left: 8px solid #a7b8dc;}
/*.table.table-padded tbody tr.enfant td:first-child {position: relative; border-left: 14px solid #f2f4f8;}
.table.table-padded tbody tr.enfant td:first-child:before {position: absolute; left: -4px; top: 0; bottom: 0; width: 4px; border-radius: 4px 0 0 4px; content: ""; background: #fff;}*/

.table.table-padded tbody tr.endormi td {background-color: #f6f6f6;}
.table.table-padded tbody tr.annule td {background-color: #ffc2c8;}

.modal .close {position: relative; z-index: 70;}
.overlay-annule {display: flex; align-items: center; justify-content: center; position: absolute; z-index: 50; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,0.3);}
.overlay-annule {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.overlay-annule span {display: block; padding: 30px 100px; border: 10px solid #f00; font-size: 70px; line-height: 80px; font-weight: bold; color: #f00; background: #fff;}
.overlay-annule span {
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
.el-chart-w div ~ div {z-index: 10;}

.table.table-padded.tableauCompact thead tr th {padding-left: 10px; padding-right: 10px; font-size: 10px; line-height: 16px;}
.table.table-padded.tableauCompact tbody tr td {padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 16px;}
.table.table-padded.tableauCompact tbody tr td button {font-size: 12px;}

#loading {position: fixed; z-index: 1000; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.9) url(images/loading.gif) no-repeat 50% 50%;}

label.error {display: block; font-size: 0.8rem; text-align: right; color: #f00;}

@media (min-width: 992px){
  .modal-lg {
    max-width: 95%;
  }
}