/* GENERAL */

body {
    font-size: 12px;
}

h1 {
    text-align: center;
}

label {
    font-size: 14px;
}

input {
    color: black;
}

.man-tree {
    overflow-x: auto;
}

.man-tree .current {
    font-weight: bold;
    text-decoration: underline;
}

.man-tree ul {
    position: relative;
    padding: 1em 0;
    white-space: nowrap;
    margin: 0 auto;
    text-align: center;
}

.man-tree ul::after {
    content: '';
    display: table;
    clear: both;
}

.man-tree li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 1em .5em 0 .5em;
}

.man-tree li::before, .man-tree li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #ccc;
    width: 50%;
    height: 1em;
}

.man-tree li::after {
    right: auto;
    left: 50%;
    border-left: 1px solid #ccc;
}

.man-tree li:only-child::after, .man-tree li:only-child::before {
    display: none;
}

.man-tree li:only-child {
    padding-top: 0;
}

.man-tree li:first-child::before, .man-tree li:last-child::after {
    border: 0 none;
}

.man-tree li:last-child::before {
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
}

.man-tree li:first-child::after {
    border-radius: 5px 0 0 0;
}

.man-tree ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    width: 0;
    height: 1em;
}

.man-tree li a {
    border: 1px solid #ccc;
    padding: .5em .75em;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    color: #333;
    position: relative;
    top: 1px;
}

.man-tree li a:hover,
.man-tree li a:hover + ul li a {
    background: #e9453f;
    border: 1px solid #000;
}

.man-tree li a:hover + ul li::after,
.man-tree li a:hover + ul li::before,
.man-tree li a:hover + ul::before,
.man-tree li a:hover + ul ul::before {
    border-color: #000;
}


.panel-yellow a {
    color: #F5930B !important;
}

legend {
    border-bottom: 1px solid #337ab7 !important;
}

.float-left {
    float: left;
    display: block;
}

.error {
    color: #D73333 !important;
}

.man-mandatory {
    margin-left: 5px;
    color: #D73333 !important;
    cursor: help;
}

.navbar .navbar-nav a.active {
    border: 1px dotted #337AB7;
}

#man-menu {
    margin-right: 4% !important;
}

.man-cursor-default {
    cursor: default;
}

#loading-image {
    display: none;
}

.man-padding-bottom {
    padding-bottom: 1%;
}

.btn-primary, .btn-danger, .btn-warning {
    color: #FFF !important;
}

.man-table {
    width: 100% !important;
}

/* BOOTBOX */

.bootbox-body {
    margin: 1%;
}

/*.dataTables_wrapper label{
    width: 217px !important;
}*/

#content {
    width: 98%;
    margin: auto;
}

.man-left {
    float: left;
    margin-right: 5%;
}

.informations p {
    display: inline;
    margin-left: 12%;
}

.form-control {
    font-size: 12px;
}

.btn {
    font-size: 12px;
}

#panel-programmation .resetBtn {
    color: #fff !important;
}

.etat-echec-routage {
    font-weight: bold;
    color: #e02222;
}

/* MENU */

.dropdown-submenu li {
    list-style: none;
}

.dropdown-submenu li a {
    color: #333;
    text-decoration: none;
}

/* LOGIN */

.container_login {
    margin: auto;
    margin-top: 15%;
    width: 30%;
}

/* COMPTES */

.man-btn-add-cpt {
    margin-bottom: 15px;
    margin-left: 45%;
}

/* TITRES TABLEAUX */

.titreTableau {
    text-align: center;
    font-weight: bold;
}

.condens select {
    width: 15%;
    display: inline-block;
}

.condens input {
    width: 15%;
    display: inline-block;
}

.condens {
    text-align: center;
}

/* TABLEAUX */

table thead tr {
    font-size: 12px;
}

table thead tr th {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

table tbody tr {
    font-size: 12px;
}

.headFiltreTab {
    margin-top: 1%;
}

/* BOOTBOX */

/* Les deux propriétés ci-dessous me permettent de scroller sur une bootbox
 aussi bien avant qu'après un appel Ajax. Avant le scroll ne pouvait s'
 opérer qu'avant un appel Ajax, après l'appel ajax, le scroll se désactivait. */

.modal {
    overflow-y: auto;
}

.modal-open {
    overflow: auto;
}

/* HEURE */

.timePlanning {
    width: 64px !important;
}

/* TABS */

#clientHisto .ui-widget-header {
    border: none !important;
    background: #ececec !important;
}


/* PRESSION DES BASES */

#pression {
    text-align: center;
}

.text-success {
    color: #3C763D !important;
}

.text-warning {
    color: #8A6D3B !important;
}

.text-danger {
    color: #A94442 !important;
}

/* SEPARATEUR */

.man-sep {
    text-align: center;
}

/* TOTAUX */

.totaux {
    padding: 10px;
    margin-top: 1%;
    margin-bottom: 1%;
}

.footer_totaux span {
    margin-right: 2%;
}

.totaux span {
    margin-right: 1.2%;
}

/* FICHES RECAPITULATIVES */

.recapBoutons {
    text-align: center;
}

#recap div {
    margin-bottom: 1%;
}

.man-info-volCompteAssocie {
    margin-left: 3%;
}

/* CLIENTS */

.name a {
    font-weight: bold;
}

/* COULEURS */

#typesClient .colorpicker {
    background: none;
    border: none;
}

#typesDispositif .colorpicker {
    background: none;
    border: none;
}

.man-circle-black {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: black;
    margin: auto;
}

.man-circle-red {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: red;
    margin: auto;
}

.man-circle-orange {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: orange;
    margin: auto;
}

.man-circle-green {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: green;
    margin: auto;
}

.man-circle-green-light {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #00FF00;
    margin: auto;
}

/* CALENDRIER */

.pickmeup-twitter-bootstrap {
    z-index: 99999 !important;
}

.man-no-data {
    text-align: center;
    font-style: italic;
    font-weight: bold;
    margin: 1% 0 1% 0;
}

.jour-programmation {
    text-align: center;
    margin-top: 3px;
}

hr {
    border-color: #3C7CC5 !important;
}

.step2-child {
    margin-left: 9%;
}

/* TABS */

.ui-tabs-nav {
    background: none !important;
}

.ui-widget {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.ui-widget-header {
    border: none !important;
}

.ui-state-default {
    color: #969191 !important;
}

.ui-state-default {
    border: none !important;
}

.ui-state-active {
    border: 1px solid #CCC !important;
    border-bottom: none !important;
}

.ui-state-active a, .ui-state-active a:link {
    color: black !important;
    font-weight: bold !important;
}

/* DIVERS */

#labelRentaProg {
    margin: auto;
    text-align: center;
    margin-top: 1%;
}

.progNomClient {
    color: grey !important;
}

.footer_totaux {
    margin-left: 10%;
}

.shootDay {
    margin-left: 1%;

    display: inline-block;
    width: 200px;
}

.ui-widget-content {
    background: none !important;
    border-bottom: none !important;
}

.ui-corner-bottom {
    border-left: 1px solid #DDD !important;
    border-right: 1px solid #DDD !important;
    border-bottom: 1px solid #DDD !important;
    border-top: 1px solid #ddd !important;
}

#histoHeader {
    color: #0000ff;
    cursor: pointer;
}

#openPlanningCalendar {
    cursor: pointer;
}

#semaineD {
    cursor: pointer;
}

.fa-flag {
    cursor: context-menu;
}

.man-pointer {
    cursor: pointer;
}

#progBase_chosen .chosen-drop {
    width: 310px !important;
}

#progBase_chosen .chosen-results {
    font-size: 12px;
}

/* PLANNING PROGRAMMATION */

#rowProg #planning .panel-default {
    border-color: #C9C9C9;
}

#rowProg #planning .panel-default > .panel-heading {
    background-color: #C9C9C9;
}

.carret-white {
    color: white;
}

.shootDay {
    font-weight: bold;
}

/* ETATS SHOOTS PROGRAMMATION */

#etatProgBrouillon {
    color: red;
}

#etatProgAprogrammer {
    color: green;
}

/* POPUPS PLANNING (CHANGEMENT ETAT) */

.man-plan-titre-popup {
    font-weight: bold;
}

/* PICTOGRAMMES */

.man-btn-validate-shootweek, .man-btn-validate-shootday, .man-btn-validate-shoot, .man-btn-launch-shoot {
    color: green;
}

.man-popup.man-btn-validate-shoot {
    background-color: green;
    color: white;
    border-color: green;
}

.man-popup.man-btn-launch-shoot {
    background-color: green;
    color: white;
    border-color: green;
}

.man-btn-bat-shoot {
    color: orange;
}

.man-popup.man-btn-bat-shoot {
    background-color: orange;
    color: white;
    border-color: orange;
}

.fa-edit, .man-btn-prog-shoot {
    color: black;
}

.man-popup.man-btn-update-shoot-x {
    background-color: black;
    color: white;
    border-color: black;
}

.man-popup.man-btn-update-shoot-x .fa-edit {
    color: white;
}


.man-popup.man-btn-prog-shoot {
    background-color: black;
    color: white;
    border-color: black;
}

.man-popup.man-btn-batok-shoot {
    background-color: purple;
    color: white;
    border-color: purple;
}

.man-btn-batok-shoot {
    color: purple;
}

.fa-remove {
    color: red;
}

.man-popup.man-btn-cancel-shoot .fa-remove {
    color: white;
}

#planning .dataTables_filter {
    display: inline;
}

.man-border-b-dotted {
    border-bottom: 1px dotted white;
}

.listElems {
    word-wrap: break-word;
}

.note {
    text-align: center;
    font-style: italic;
    font-weight: bold;
}

.shootDivers {
    margin-left: 11%;
    display: inline-block;
}

.removeDispositifStats {
}

.borderInfosAvancees {
    border: 1px solid #337ab7;
    padding: 1%;
    margin-bottom: 1%;
}

#autoCampagne {
    color: white;
}

.man-atterrissage-modifiable, .man-heure-modifiable, .man-prevision-programmation-modifiable, .man-commentaires-modifiable {
    cursor: pointer;
}

.login-panel {
    margin-top: 0 !important;
}

/* Loader  */

.widgetLoaderContainer {
    width: 100%;
    text-align: center;
    padding: 20px;
}

.refreshFiltres {
    cursor: pointer;
}

.fa-check {
    cursor: pointer;
    color: green;
}

#submitShoot .fa-check {
    color: #fff;
}

.table-fixed-layout {
    table-layout: fixed;
}

.table-fixed-layout td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.man-btn-details-shoot {
    cursor: pointer;
}

.meaData {
    font-weight: bold;
    color: red;
}


.widgetLoader {
    position: relative;
    width: 30px;
    height: 30px;
    border: 8px solid #ffffff;
    border-right-color: #111;
    border-radius: 50%;
    box-shadow: 0 0 25px 2px #111;
    animation: spin 1s linear infinite;
    display: inline-block;
}

.changeStats {
    cursor: pointer;
}

#validChangeDate {
    color: #fff;
}

.kitAVerifie {
    color: red;
    font-weight: bold;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
        opacity: 0.2;
    }
    50% {
        transform: rotate(180deg);
        opacity: 1.0;
    }
    to {
        transform: rotate(360deg);
        opacity: 0.2;
    }
}

/* Couleurs routeurs */

.colorNetMessage {
    color: #e47c00;
}

.colorMailPerf {
    color: #0047ba;
}

.colorExperian {
    color: #982881;
}

.colorSmartfocus {
    color: #081D33;
}

.colorTeradata {
    color: #e16b6b;
}

.dataTable_wrapper .dt-buttons.btn-group {
    float: right;
}

#repoussoirSelectWrapper {
    visibility: hidden;
}

#repoussoirSelectWrapper .input-group {
    min-width: 100%;
}

#repoussoirSelectWrapper #segmentFilter {
    margin-bottom: 8px;
}

.display-flex-10 {
    display: flex;
    gap: 10px;
}

#tauxLeadsPrevusProgrammation-error,
#nbLeadsPrevusProgrammation-error {
    position: absolute;
    color: red;
    font-size: 0.9em;
    margin-top: 2px;
    left: 0;
    top: 100%;
}

@media (max-width: 1600px) {
    .display-flex-10 {
        flex-direction: column;
        gap: 20px;
    }
}