.colorListe {
    /*Couleur de Drummondville à titre de référence */
    color: #330072; /*used*/
    color: #379bb3;
    color: #70c4f0; /*used*/
    color: #55bdee; /*used*/
    color: #154b85; /*used*/
    color: #174c87; /*used*/
    color: #7192e4;
    color: #ecf3f7; /*used*/
    color: #f1f5f9; /*used*/
    background-color: #003753; /*used*/
    background-color: #00689e; /*used*/
    background-color: #164e6a;
    background-color: #5e4762;
}
html {
    background-color: #ecf3f7; /* #EAF4FC; */
}

input.readonly {
    border: 1px solid #1f1f1f;
    background-color: #545454;
    color: white;
}

nav {
    top: 0px;
    z-index: 90;
    width: 100%;
    position: fixed;
    color: #ffffff;
    background-color: #003b5c;
}
body {
    top: 65px;
    margin-bottom: 0px;
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #ecf3f7; /* #EAF4FC; */
}
.blueLink {
    color: #70c4f0;
}
.blueLinkDark {
    color: blue;
}
footer {
    z-index: 90;
    position: bottom;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 50px;
    color: #ffffff;
    background-color: #003b5c;
}
.iconColor {
    color: #00609c;
}
.buttonColor {
    color: #ffffff;
    background-color: #003a5d;
}
.buttonColorHover {
    color: #ffffff;
    background-color: #003a5d;
}
.buttonColorHover:hover, .buttonColorHover:focus {
    background-color: #f8b436 !important;
}
.buttonInactive {
    color: #bdbdbd;
    background-color: #545454;
}
.activeLink {
    color: #330072;
}
.inactiveLink {
    color: #55bdee;
}
.titre {
    color: #70c4f0;
}
.titreMenu {
    color: #154b85;
}
.inerFrameColor {
    background-color: #f1f5f9;
}
.bandeTitre {
    background-color: #003b5c;
}
.max-w-30 {
    max-width: 30%;
}
.max-w-50 {
    max-width: 50%;
}
.max-w-60 {
    max-width: 60%;
}
.max-w-70 {
    max-width: 70%;
}
.max-w-80 {
    max-width: 80%;
}
.max-w-85 {
    max-width: 85%;
}
.max-w-90 {
    max-width: 90%;
}
.dropdown:hover .dropdown-menu {
    display: block;
}

.badge {
    position: absolute;
    z-index: 1;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.75rem;
    padding: 0.4rem;
    padding-bottom: 0.8rem;
}
.resizeBox {
    overflow: hidden;
    height: 20px;
}
.openBox {
    height: 100%;
}
#targetIframe {
    width: 100%;
    height: 600px;
}
#page {
    margin-bottom: 100px;
}
.priceTable {
    width: 45vw;
}
@media (max-width: 768px) {
    #targetIframe {
        width: 100%;
        height: 100%;
    }
    .priceTable {
        width: 100vw;
        height: 725;
    }
    body {
        /* position:relative; */
        margin-bottom: 0px;
    }
    /* footer {
    b
  } */
    .footText {
        display: block !important;
    }
    #drummondLogo,
    #geomaxLogo {
        display: none;
    }
}
.footText {
    display: none;
}
#geomaxImg {
    height: 50px;
}
/***** Errors ******/
.error hr {
    /* height: 2px; */
    background-color: black;
}
.error h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    border: black solid 2px;
    background-color: cornsilk;
    color: red;
}
.colorAlert {
    color: rgb(255, 255, 0);
    text-shadow: 0 0 3px #000;
}
.errorColorMsg {
    color: red;
    font-size: medium;
}
.errorColorMsg2 {
    color: #db4444;
    font-weight: bold;
}
.emphasisText {
    color: rgb(56, 110, 54);
    font-weight: bold;
}
.emphasisHover{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #154b85;
}
.emphasisHover:hover, .emphasisHover:focus {
    color: #FFFFFF;
    filter: drop-shadow(0px 0px 3px #154b85);
}

/** popup **/
.bg-white.rounded-lg.overflow-hidden.shadow-xl.transform.transition-all.sm\:w-full.sm\:max-w-2xl {
    margin-top: 10%;
}

/** popup **/
.bg-white.rounded-lg.overflow-hidden.shadow-xl.transform.transition-all.sm\:w-full.sm\:max-w-lg {
    margin-top: 10%;
}

/** popup **/
.bg-white.rounded-lg.overflow-hidden.shadow-xl.transform.transition-all.sm\:w-full.sm\:max-w-md {
    margin-top: 10%;
}

/** alterne couleur background de la table de notification **/
#notifTable tr:nth-child(even), table.altTableColor tr:nth-child(even){
    background-color: #f3f4f6;
}

#searchTable tr:nth-child(even) {
    background-color: #f3f4f6;
}

#tableTransporters tr:nth-child(even) {
    background-color: #e4eafc;
}

#searchTable tbody>tr:hover {
    background-color: #718cc1!important;
}

#studentsListTable tbody>tr:hover {
    background-color: #718cc1!important;
}

tr.selectedData{
    border:1px solid black;
    background-color: coral;
}

tr:nth-child(even).selectedData,tr:nth-child(odd).selectedData{
    border:1px solid black;
    background-color: coral!important;;
}

/** alterne couleur background de la table de transaction quotidiennes**/
#dailyTransactionsTable tr:nth-child(even) {
    background-color: #f3f4f6;
}

/** Rapport Depositaires*/

.mainTitleTD {
    border: solid 5px black;
    background-color: #ffffff;
    width: 100%;
    font-size: 10pt;
    font-weight: bold;
}

.mainTitleBlankTD {
    border: solid 0px white;
    background-color: #ffffff;
    width: 30%;
    font-size: 10pt;
    font-weight: bold;
}

.mainTitleTitleTD {
    border: solid 0px white;
    font-size: 10pt;
    font-weight: bold;
    background-color: #ffffff;
}

.mainTitleLegendTD {
    border: solid 2px black;
    background-color: #ffffff;
    width: 30%;
    font-size: 10pt;
    font-weight: bold;
}

.LegendTitleTD {
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
}

.LegendTitle2TD {
    text-align: center;
    font-size: 8pt;
    font-weight: bold;
}

.LegendColorTD {
    border: solid 2px black;
    width: 40px;
}

.ButtonTD {
    border: solid 2px black;
    padding: 4px;
    background-color: #dddddd;
}

.headerEnglobeTable {
    background-color: #cdcdcd;
    border: solid 5px black;
    text-align: center;
}

.titleTD {
    border: solid 1px black;
    background-color: #cdcdcd;
    text-align: center;
    font-size: 10pt;
    color: black;
}

.totalTD {
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    background-color: #cdcdcd;
    text-align: right;
    color: black;
}

.titleLeftTD {
    border: solid 1px black;
    background-color: #cdcdcd;
    text-align: center;
    color: black;
}

.donneeCenterTD {
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    background-color: #ffffff;
    font-size: 10pt;
    text-align: center;
}

.donneeCenterTableTD {
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    background-color: #ffffff;
    font-size: 10pt;
    text-align: center;
    height: 100%;
    font-size: 10pt;
}

.donneeLeftTD {
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    border-left: solid 1px black;
    background-color: #ffffff;
    text-align: center;
    font-size: 10pt;
}

.donneeDLCenterTD {
    border: solid 1px black;
    border-top: double 4px black;
    background-color: #ffffff;
    text-align: center;
    font-size: 10pt;
}

.tempsParcoursTD {
    border: solid 1px black;
    background-color: #aaffaa;
    text-align: center;
    font-size: 10pt;
}

.tempsDLParcoursTD {
    border: solid 1px black;
    border-top: double 4px black;
    background-color: #aaffaa;
    text-align: center;
    font-size: 10pt;
}

.errorTD {
    border: solid 1px black;
    background-color: #dddddd;
    text-align: center;
}

.errorDLTD {
    border: solid 1px black;
    border-top: double 4px black;
    background-color: #dddddd;
    text-align: center;
}

.headerLeftTD {
    border: solid 1px black;
    background-color: #c0c0c0;
    padding-right: 4px;
    text-align: right;
    font-size: 10pt;
    width: 40%;
}

.headerRightTD {
    border: solid 1px black;
    background-color: #ffffff;
    width: 60%;
    font-size: 10pt;
    padding-left: 4px;
}

table#salekioskreport {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

/** Rapport Depositaires*/
select .reportSelect {
    margin: 0 5px 0 5px;
}

.mainTitleTD {
    border: solid 5px black;
    background-color: #ffffff;
    width: 100%;
    font-size: 10pt;
    font-weight: bold;
}

.mainTitleBlankTD {
    border: solid 0px white;
    background-color: #ffffff;
    width: 30%;
    font-size: 10pt;
    font-weight: bold;
}

.mainTitleTitleTD {
    border: solid 0px white;
    font-size: 10pt;
    font-weight: bold;
    background-color: #ffffff;
}

.mainTitleLegendTD {
    border: solid 2px black;
    background-color: #ffffff;
    width: 30%;
    font-size: 10pt;
    font-weight: bold;
}

.LegendTitleTD {
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
}

.LegendTitle2TD {
    text-align: center;
    font-size: 8pt;
    font-weight: bold;
}

.LegendColorTD {
    border: solid 2px black;
    width: 40px;
}

.ButtonTD {
    border: solid 2px black;
    padding: 4px;
    background-color: #dddddd;
}

.headerEnglobeTable {
    background-color: #cdcdcd;
    border: solid 5px black;
    text-align: center;
}

.titleTD {
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    background-color: #cdcdcd;
    text-align: center;
    font-size: 10pt;
    color: black;
}

.totalTD {
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    background-color: #cdcdcd;
    text-align: right;
    color: black;
}

.titleLeftTD {
    border: solid 1px black;
    background-color: #cdcdcd;
    text-align: center;
    color: black;
}

.donneeCenterTD {
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    background-color: #ffffff;
    font-size: 10pt;
    text-align: center;
}

.donneeCenterTableTD {
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    background-color: #ffffff;
    font-size: 10pt;
    text-align: center;
    height: 100%;
    font-size: 10pt;
}

.donneeLeftTD {
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    border-left: solid 1px black;
    background-color: #ffffff;
    text-align: center;
    font-size: 10pt;
}

.donneeDLCenterTD {
    border: solid 1px black;
    border-top: double 4px black;
    background-color: #ffffff;
    text-align: center;
    font-size: 10pt;
}

.tempsParcoursTD {
    border: solid 1px black;
    background-color: #aaffaa;
    text-align: center;
    font-size: 10pt;
}

.tempsDLParcoursTD {
    border: solid 1px black;
    border-top: double 4px black;
    background-color: #aaffaa;
    text-align: center;
    font-size: 10pt;
}

.errorTD {
    border: solid 1px black;
    background-color: #dddddd;
    text-align: center;
}

.errorDLTD {
    border: solid 1px black;
    border-top: double 4px black;
    background-color: #dddddd;
    text-align: center;
}

.headerLeftTD {
    border: solid 1px black;
    background-color: #c0c0c0;
    padding-right: 4px;
    text-align: right;
    font-size: 10pt;
    width: 40%;
}

.headerRightTD {
    border: solid 1px black;
    background-color: #ffffff;
    width: 60%;
    font-size: 10pt;
    padding-left: 4px;
}

.bgAccColor {
    background-color: #00629b;
}

.bgOffColor {
    background-color: #003b5c;
}

.bellCounterColor {
    color:  #00629b;
}

.avanceRetardMarker {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 4px;
    background-color: red;
  }
  
  .avanceRetardMarker.done {
    background-color: gray;
  }