:root {
    --spacer: 1rem;
    --color-link: #3498db;
    --color-alert-primary-font: rgb(8, 66, 152);
    --color-alert-primary-bg: rgb(207, 226, 255);
    --color-alert-primary-border: rgb(182, 212, 254);
    --color-alert-info-font: rgb(5, 81, 96);
    --color-alert-info-bg: rgb(182, 239, 251);
    --color-alert-info-border: rgb(52, 152, 219);
    --color-alert-success-font: rgb(15, 81, 50);
    --color-alert-success-bg: rgb(209, 231, 221);
    --color-alert-success-border: rgb(186, 219, 204);
    --color-alert-warning-font: rgb(102, 77, 3);
    --color-alert-warning-bg: rgb(255, 243, 205);
    --color-alert-warning-border: rgb(255, 236, 181);
    --color-alert-danger-font: rgb(132, 32, 41);
    --color-alert-danger-bg: rgb(248, 215, 218);
    --color-alert-danger-border: rgb(245, 194, 199);

    --color-btn-primary-bg: #3498db;
    --color-btn-primary-bg-hover: #51a7e0;
    --color-btn-primary-font: #fff;
    --color-btn-secondary-bg: #ccc;
    --color-btn-secondary-bg-hover: #ddd;
    --color-btn-secondary-font: #222;
    --color-btn-warning-bg: #ffe08a;
    --color-btn-warning-bg-hover: #ffda74;
    --color-btn-warning-font: rgba(0,0,0,.7);
    --color-btn-danger-bg: #e74c3c;
    --color-btn-danger-bg-hover: #eb685a;
    --color-btn-danger-font: #fff;
    --color-btn-success-bg: #48c78e;
    --color-btn-success-bg-hover: #50c993;
    --color-btn-success-font: #fff;
}

* {
    /** VIM happy without set no paste each time ! **/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


html {
    overflow: auto;
    font-family: 'Arial', 'sans-serif';
}

body {
    margin: 0;
    padding: 0;
}

a {
    color: var(--color-link);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h2, h3, h4 {
    color: #34495e;
    margin-left: 10px;
}


hr {
    clear: both;
    margin: 30px 0;
}


table {
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0;
}

.wrapper {
    position: relative;
    margin: 0 auto;
    white-space: nowrap;
    max-width: 1024px;
}

.page {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    width: 810px;
}

.right {
    float: right;
}

.section {
    margin-bottom: 30px;
}


/* ** VEHICLE LIST **/
.vehicleList {
    border: 1px solid #ccc;
}

.vehicleList td {
    border-bottom: 1px solid #ccc;
}

.vehicleList .custom-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.suppliers {
    border: 1px solid #ccc;
}


td.planningOutScheduleDispo {
    border-style: solid;
    border-width: 1pt;
    border-color: #A3C0DC;
    padding: 0pt;
    margin: 0pt;
    color: #000;
    background-color: #fff;
    text-align: right;
    font-family: century gothic;
    font-size: 10pt;
    font-weight: normal;
}

td.planningOutScheduleBusy {
    border-style: solid;
    border-width: 1pt;
    border-color: #A3C0DC;
    padding: 0pt;
    margin: 0pt;
    color: #000;
    background-color: #FF0000;
    text-align: right;
    font-family: century gothic;
    font-size: 10pt;
    font-weight: normal;
}

td.planningInScheduleDispo {
    border-style: solid;
    border-width: 1pt;
    border-color: #008000;
    padding: 0pt;
    margin: 0pt;
    color: #000;
    background-color: #FFFFFF;
    text-align: right;
    font-family: century gothic;
    font-size: 10pt;
    font-weight: normal;
}

td.planningInScheduleBusy {
    border-style: solid;
    border-width: 1pt;
    border-color: #008000;
    padding: 0pt;
    margin: 0pt;
    color: #000;
    background-color: #FF0000;
    text-align: right;
    font-family: century gothic;
    font-size: 10pt;
    font-weight: normal;
}

td.retiredVeh {
    background-image: url(/imageZenon/disabledBg.gif);
}

.days {
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

.hours {
    font-size: 9px;
    height: 10px;
    font-weight: normal;
    color: #000000;
}

.h {
    font-size: 9px;
    font-weight: normal;
    color: #000;
}

td.fourth {
    background-color: #D8DEE1;
    width: 6px;
    height: 78px;
    border-top: 1px solid white;
    border-Bottom: 0px solid white;
    border-left: 0px solid white;
    border-right: 1px solid white;
}

td.lastFourth {
    background-color: #D8DEE1;
    width: 6px;
    height: 78px;
    border-top: 1px solid white;
    border-Bottom: 0px solid white;
    border-left: 0px solid white;
    border-right: 0px solid white;
}

td.hour {
    border-top: 1px solid gray;
    border-Bottom: 0px solid gray;
    border-left: 0px solid gray;
    border-right: 1px solid gray;
}

td.lasthour {
    border-top: 1px solid gray;
    border-Bottom: 0px solid gray;
    border-left: 0px solid gray;
    border-right: 0px solid gray;
}

td.day {
    border-top: 1px solid gray;
    border-Bottom: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}

td.cars {
    border-top: 1px solid gray;
    border-Bottom: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}

td.car {
    border-top: 1px solid white;
    border-Bottom: 0px solid white;
    border-left: 0px solid white;
    border-right: 0px solid white;
}

span.likeLink {
    color: #355B91;
    text-decoration: none;
    cursor: pointer;
}

span.likeLink:hover {
    color: #5F7FAF;
    text-decoration: underline;
}


/** ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ **/
/** ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ **/
/** ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ **/
/**  FROM STYLE.CSS.JSP **/
.big {
    font-size: 12px;
}

.button {
    width: 75px;
    height: 15px;
    font-size: 10px;
    font-family: Tahoma, Geneva, Arial, Sans-Serif;
    color: #FF0000;
    text-align: center;
    /* IE hack */
    cursor: pointer;
    cursor: hand;
}

.color1 {
    font-weight: normal;
}

.color1_dark {
    font-weight: normal;
}

.color1_light {
    font-weight: normal;
}

.color1_super_light {
    font-weight: normal;
}

.color2 {
    font-weight: normal;
}

.color2_light {
    font-weight: normal;
}

.color2_super_light {
    font-weight: normal;
}

.color2_dark {
    font-weight: normal;
}

.color3 {
    font-weight: normal;
}

.color3_dark {
    font-weight: normal;
}

.color3_light {
    font-weight: normal;
}

.color3_super_light {
    font-weight: normal;
}

.color4 {
    font-weight: normal;
}

.color4_light {
    font-weight: normal;
}

.color4_super_light {
    font-weight: normal;
}

.color4_dark {
    font-weight: normal;
}

.error {
    color: red;
}

.grey {
    background-color: #ddd;
}

.grey_light {
    background-color: #F3F3F3;
}

.huge {
    font-size: 15px;
}

.little {
    font-size: 10px;
}

.mini {
    font-size: 9px;
}

.veryBig {
    font-size: 13px;
}

.white {
    background-color: white;
    font-weight: normal;
}

/* END STYLES FROM HEAD */


.titleLeft {
    background-image: url(/imageZenon/coin_left.gif);
    background-repeat: no-repeat;
    width: 13px;
    height: 27px;
    float: left;
}

.titleLeftTop {
    background-image: url(/imageZenon/coin_left_top.gif);
    background-repeat: no-repeat;
    width: 13px;
    height: 24px;
    float: left;
}

.titleLeftBottom {
    background-image: url(/imageZenon/coin_left_bottom.gif);
    background-repeat: no-repeat;
    width: 13px;
    height: 24px;
    float: left;
}

.titleRight {
    background-image: url(/imageZenon/coin_right.gif);
    background-repeat: no-repeat;
    width: 13px;
    height: 27px;
    float: right;
}

.titleRightTop {
    background-image: url(/imageZenon/coin_right_top.gif);
    background-repeat: no-repeat;
    width: 13px;
    height: 24px;
    float: right;
}
.titleRightBottom {
    background-image: url(/imageZenon/coin_right_bottom.gif);
    background-repeat: no-repeat;
    width: 13px;
    height: 24px;
    float: right;
}

.titleCenter {
    height: 27px;
    text-align: center;
    line-height: 27px;
    margin-left: 13px;
    margin-right: 13px;
}

.titleCenterTop {
    height: 24px;
    text-align: center;
    line-height: 24px;
    margin-left: 13px;
    margin-right: 13px;
}

.titleCenterBottom {
    height: 24px;
    text-align: center;
    line-height: 24px;
    margin-left: 13px;
    margin-right: 13px;
}
.contentBox {
    border: 1px solid black;
    margin: 10px 8px 8px;
    padding: 0 8px 8px;
    text-align: left;
    /*IE6 hack*/
    /*// border:0px;*/
}
.contentBoxTitle {
    margin: -10px 0 0 15px;
    font-size: 1.2em;
    padding-bottom: 10px;
    text-align: left;
}
.contentBoxTitle span {
    color: black;
    padding-left: 5px;
    padding-right: 5px;
    border: 0 solid black;
}
.spacer {
    clear: both;
    height: 10px;
}

.table1 {
    border: 1px solid black;
    border-collapse: collapse;
    width: 90%;
    text-align: center;
    margin: 5px;
}

.table1 th {
    font-weight: bold;
    border: 1px solid black;
    margin: 2px;
}

.table1 td {
    border: 1px solid black;
    padding: 2px;
}

.table1 td .center {
    border: 1px solid black;
    padding: 2px;
    text-align: center;
}

.rightshadow {
    background-image: url(/imageZenon/pix_d.gif);
    background-repeat: repeat-y;
    width: 6px;
}

.guru, .guru a {
    font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
    font-size: 12px;
}

.guru:after {
    content: " " url(/imageZenon/hk.png);
    vertical-align: middle;
}


p.noMargin {
    margin: 0;
}

.securityHiddenUI {
    border: thick solid rgba(255, 0, 0, 0.5);
    background-color: rgba(255, 0, 0, 0.5);
}

/** Utilities **/

.text-start, .has-text-left { text-align: left; }
.text-center, .has-text-centered, .center { text-align: center; }
.text-end, .has-text-right { text-align: center; }
.f-center, .flex-center { justify-content: center; }

/** Text **/
.text-uppercase, .is-uppercase { text-transform: uppercase; }
.text-lowercase, .is-lowercase { text-transform: lowercase; }
.text-capitalize, .is-capitalized { text-transform: capitalize; }

.fst-italic, .is-italic, .italic { font-style: italic; }
.fw-bold, .has-text-weight-bold, .bold  { font-weight: bold; }
.fw-light, .has-text-weight-light {font-weight: lighter;}
.fw-normal, .has-text-weight-normal {font-weight: normal;}

.fs-1, .is-size-1 {font-size: 3rem;}
.fs-2, .is-size-2 {font-size: 2.5rem;}
.fs-3, .is-size-3 {font-size: 2rem;}
.fs-4, .is-size-4 {font-size: 1.5rem;}
.fs-5, .is-size-5 {font-size: 1.25rem;}
.fs-6, .is-size-6 {font-size: 1rem;}
.fs-7, .is-size-7 {font-size: 0.75rem;}


/** Columns system **/
.cols > * { float: left; margin: 0; }
.cols:after { content: ""; clear: both; }
.flex-cols { display: flex; flex-wrap: wrap; }
.col-1 { width: 8.33333333333%; }
.col-2 { width: 16.6666666667%; }
.col-3 { width: 25.0%; }
.col-4 { width: 33.3333333333%; }
.col-5 { width: 41.6666666667%; }
.col-6 { width: 50.0%; }
.col-7 { width: 58.3333333333%; }
.col-8 { width: 66.6666666667%; }
.col-9 { width: 75.0%; }
.col-10 { width: 83.3333333333%; }
.col-11 { width: 91.6666666667%; }
.col-12 { width: 100.0%;}

/**  Standard block **/
.alert { margin: 1rem 0;padding: 1rem; border-radius: 0.25rem; white-space: initial; }
.alert.alert-primary {color: var(--color-alert-primary-font);background-color: var(--color-alert-primary-bg);border-color: var(--color-alert-primary-border);}
.alert.alert-success {color: var(--color-alert-success-font);background-color: var(--color-alert-success-bg);border-color: var(--color-alert-success-border);}
.alert.alert-info {color: var(--color-alert-info-font);background-color: var(--color-alert-info-bg);border-color: var(--color-alert-info-border);}
.alert.alert-warning {color: var(--color-alert-warning-font);background-color: var(--color-alert-warning-bg);border-color: var(--color-alert-warning-border);}
.alert.alert-danger {color: var(--color-alert-danger-font);background-color: var(--color-alert-danger-bg);border-color: var(--color-alert-danger-border);}

/** Margin & padding */
.m-0 { margin: calc(var(--spacer) * 0) !important; }
.m-1 { margin: calc(var(--spacer) * .25) !important; }
.m-2 { margin: calc(var(--spacer) * .5) !important; }
.m-3 { margin: calc(var(--spacer) * .75) !important; }
.m-4 { margin: calc(var(--spacer) * .25) !important; }
.m-5 { margin: calc(var(--spacer) * 1.15) !important; }
.mt-0 { margin-top: calc(var(--spacer) * 0) !important; }
.mt-1 { margin-top: calc(var(--spacer) * .25) !important; }
.mt-2 { margin-top: calc(var(--spacer) * .5) !important; }
.mt-3 { margin-top: calc(var(--spacer) * .75) !important; }
.mt-4 { margin-top: calc(var(--spacer) * .25) !important; }
.mt-5 { margin-top: calc(var(--spacer) * 1.15) !important; }
.mb-0 { margin-bottom: calc(var(--spacer) * 0) !important; }
.mb-1 { margin-bottom: calc(var(--spacer) * .25) !important; }
.mb-2 { margin-bottom: calc(var(--spacer) * .5) !important; }
.mb-3 { margin-bottom: calc(var(--spacer) * .75) !important; }
.mb-4 { margin-bottom: calc(var(--spacer) * .25) !important; }
.mb-5 { margin-bottom: calc(var(--spacer) * 1.15) !important; }
.ml-0 { margin-left: calc(var(--spacer) * 0) !important; }
.ml-1 { margin-left: calc(var(--spacer) * .25) !important; }
.ml-2 { margin-left: calc(var(--spacer) * .5) !important; }
.ml-3 { margin-left: calc(var(--spacer) * .75) !important; }
.ml-4 { margin-left: calc(var(--spacer) * .25) !important; }
.ml-5 { margin-left: calc(var(--spacer) * 1.15) !important; }
.mr-0 { margin-right: calc(var(--spacer) * 0) !important; }
.mr-1 { margin-right: calc(var(--spacer) * .25) !important; }
.mr-2 { margin-right: calc(var(--spacer) * .5) !important; }
.mr-3 { margin-right: calc(var(--spacer) * .75) !important; }
.mr-4 { margin-right: calc(var(--spacer) * 1) !important; }
.mr-5 { margin-right: calc(var(--spacer) * 1.15) !important; }
.m-auto { margin: auto; }
.mx-auto { margin-left: auto!important; margin-right: auto!important; }

.p-0 { padding: calc(var(--spacer) * 0) !important; }
.p-1 { padding: calc(var(--spacer) * .25) !important; }
.p-2 { padding: calc(var(--spacer) * .5) !important; }
.p-3 { padding: calc(var(--spacer) * .75) !important; }
.p-4 { padding: calc(var(--spacer) * .25) !important; }
.p-5 { padding: calc(var(--spacer) * 1.15) !important; }
.pt-0 { padding-top: calc(var(--spacer) * 0) !important; }
.pt-1 { padding-top: calc(var(--spacer) * .25) !important; }
.pt-2 { padding-top: calc(var(--spacer) * .5) !important; }
.pt-3 { padding-top: calc(var(--spacer) * .75) !important; }
.pt-4 { padding-top: calc(var(--spacer) * .25) !important; }
.pt-5 { padding-top: calc(var(--spacer) * 1.15) !important; }
.pb-0 { padding-bottom: calc(var(--spacer) * 0) !important; }
.pb-1 { padding-bottom: calc(var(--spacer) * .25) !important; }
.pb-2 { padding-bottom: calc(var(--spacer) * .5) !important; }
.pb-3 { padding-bottom: calc(var(--spacer) * .75) !important; }
.pb-4 { padding-bottom: calc(var(--spacer) * .25) !important; }
.pb-5 { padding-bottom: calc(var(--spacer) * 1.15) !important; }
.pl-0 { padding-left: calc(var(--spacer) * 0) !important; }
.pl-1 { padding-left: calc(var(--spacer) * .25) !important; }
.pl-2 { padding-left: calc(var(--spacer) * .5) !important; }
.pl-3 { padding-left: calc(var(--spacer) * .75) !important; }
.pl-4 { padding-left: calc(var(--spacer) * .25) !important; }
.pl-5 { padding-left: calc(var(--spacer) * 1.15) !important; }
.pr-0 { padding-right: calc(var(--spacer) * 0) !important; }
.pr-1 { padding-right: calc(var(--spacer) * .25) !important; }
.pr-2 { padding-right: calc(var(--spacer) * .5) !important; }
.pr-3 { padding-right: calc(var(--spacer) * .75) !important; }
.pr-4 { padding-right: calc(var(--spacer) * 1) !important; }
.pr-5 { padding-right: calc(var(--spacer) * 1.15) !important; }

/** Display */
.d-none {display: none !important; }
.d-inline {display: inline !important; }
.d-inline-block {display: inline-block !important; }
.d-block {display: block !important; }
.d-grid {display: grid !important; }
.d-table {display: table !important; }
.d-table-cell {display: table-cell !important; }
.d-table-row {display: table-row !important; }
.d-flex {display: flex !important; }
.d-inline-flex {display: inline-flex !important; }



/** Icons - Similar to font awesome icons */
.fas {}
.fas.fa-caret-right {content: url('/imageZenon/arrow-head-east.png'); transform: rotate(0deg);}
.fas.fa-caret-down {content: url('/imageZenon/arrow-head-east.png'); transform: rotate(90deg); }
.fas.fa-caret-left {content: url('/imageZenon/arrow-head-east.png'); transform: rotate(180deg); }
.fas.fa-caret-up { content: url('/imageZenon/arrow-head-east.png'); transform: rotate(270deg); }

/** Float utility */
.float-start { float: left; }
.float-end { float: right; }
.float-none { float: none; }

/** Flex utility **/
.justify-content-center {justify-content: center !important;}
.align-items-center {align-items: center !important;}
.align-items-stretch {align-items: stretch !important;}
.align-content-center {align-content: center !important;}

/** JS Interaction **/
.trigger { cursor: pointer; }
.collapse:not(.show) { display: none; }

.warning {
    color: orange;
    font-weight: bold;
}