body {
    padding-top: 5px;
    padding-bottom: 20px;
    font-family:"Ubuntu";
    background-color:#EBEEF0;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.row 
{
    background-color:#EBEEF0;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

#MonitorParticipants select {
    max-width: 100%;
}

.table {
    font-family: "Ubuntu";
    background-color: #FDFEFF;
    border-radius: 5px;
    margin-bottom: 8px;
}

.teamCell
{
    padding-right:3px !important;
    padding-left:3px !important ;
}

.teamBtn 
{
    background-color:#64CC27;
    color:white;
    font-weight:bold;
    font-size:20px;
    font-family:'Maven Pro';
    padding:2px;
    width:40px;
    height:40px;
    margin-bottom:5px;
}

.teamBtn:hover {
    color:#EBEEF0;
}

.teamBtn:focus  {
    color:white;
}


.errorBtn
{
    background-color:#D64343;
}

.wngBtn
{
    background-color:#FF9800;
}

.highlightBtn
{
    background-color:#64CC27;
}

.criticalErrBtn
{
    background-color:#212121;  
}

.overBgt
{
    position: relative;
    bottom: 1px;
    font-size: .8em;
    line-height: .8em;
    vertical-align:super;
    text-decoration:none;
    margin-left:1px;
}

h2 {
    font-family:"Fjalla One";
    margin-top:10px;
    color:#66696E;
}

h3 
{
    font-family:Oswald;
    margin-top:10px;
    color:#66696E;
}

p {
    font-family:'Ubuntu';
    color:#66696E;
}

.simAction {
    white-space:normal;
    background-color:#007DC3;
    color:white;
    font-family:'Maven Pro';
    font-size:15px;
    width:160px;
    margin:5px;
    display:flex;
    padding-left:5px;
    padding-right:5px;
}

.simAction i {
    font-size: 16px;
    margin:auto;
}

.simAction span {
    margin:auto;
}

td > i
{
    font-size:24px !important;
}

.IndTacTable td
{
    text-align:center;
    vertical-align:middle !important;
    padding:0.25rem;
    font-family:'Maven Pro';
    font-size:14px;
    align-content:center;
    align-items:center;
}

.IndTacTable thead tr th
{
    text-align:center;     
    vertical-align:middle !important;
    font-size:1rem;
    padding:0.25rem;
    font-family:'Maven Pro';
    font-size:15px;
}

.IndTacTable .teamBtn
{
    width:80px;
    height:35px;
    font-size:15px;
}

.IndTable80
{
    font-size:0.8rem;
}

.IndTableBtnMargin
{
    margin-bottom:3px;
}

.LabelCritErr
{
    color:#1E2124;
    font-weight:bold;
}

.LabelErr
{
    color:#F44336;
    font-weight:bold;
}


.LabelWng {
    color: #FFC107;
    font-weight: bold;
}

.LabelWngSch {
    padding: 10px 10px 10px 10px;
    color: red;    
    background-color: white;
    border: 2px solid red;
}

.LabelHigh
{
    color:#8BC34A;
    font-weight:bold;
}

.LabelOverBgt
{
    color:#F44336;
    font-weight:bold;
}

.LoanCells {
    text-align:right;
    font-style:italic;
    color:#8A8E94;
    border-top-width:0px !important;
}

.audit-table td {
    vertical-align:middle;
}
.audit-table td:not(:first-child)
{
    text-align:center;
}

.audit-table .row {
    background-color:#FDFEFF;
}


#DecReviewContainer h4
{
    text-align:center;
    font-family:'Ubuntu';
}

.MFTChart
{
    height:500px;
}

.ChartSection > h4 {
    text-align: center;
    font-family: Oswald;
    font-size: 32px;
    margin-top: 8px;
    color: #66696E;
    text-transform: uppercase;
}

.ChartSection > h5
{
    text-align:center;
    font-size:16px;
}

.ChartSection > p
{
    text-align:left;
}

.ChartFootnote
{
    text-align:center;
    color:#8A8E94
}


.TableSection > h4
{
    text-align:left;
    font-family:Oswald;
    font-size:32px;
    margin-top:20px
}

.TableSection > h5
{
    text-align:left;
    font-family:'Ubuntu';
    font-size:16px;
}

.TableSection > p
{
    text-align:left;
    font-family:'Ubuntu';
}

.TableFootnote
{
    text-align:left;
    color:#8A8E94
}

.KpiGradingTable thead > tr > th
{
    font-size:12px;
    text-align: center;
}

.KpiGradingTable tbody > tr > td 
{
    font-size:14px;
}

.KpiGradingTable tbody > tr > td > input
{
    font-size:14px;
    text-align: center;
}

.TeamGrade thead > tr > th
{
    font-size:12px;
    text-align: center;
}

.TeamGrade tbody > tr > td 
{
    font-size:14px;
    text-align:center
}

.table-responsive {
    display: table !important;
}


.modal-dialog {
    max-width:2000px;
}

.LearMoreKpiTable thead > tr > th
{
    font-size:14px;
    padding:8px;
}

.LearMoreKpiTable tbody > tr > td 
{
    font-size:14px;
    padding:8px;
}

.modal-body .MFTChart
{
    height:250px;
}

.audit-table .btn
{
    font-size:12px;
    padding:4px;
}

.topNav {
    background-color:#282B30 !important;
    font-family:Oswald;
    font-size:20px;
    display:flex;
}

.topNav .nav-link {
    color:white!important;
    margin:5px;
    text-align:center;
}

.topNav li
{
    margin:auto;
}


.topNav .nav-item:hover {
    color:#007DC3!important;
    background-color:#C2CCD3;
}

.topNav .nav-link:hover {
    color:#007DC3!important;
}

.bottomNav 
{
    font-size: 20px;
    font-family:Oswald;
    color:#66696E;
    background-color:#C2CCD3!important;
    padding:0px;
}

.bottomNav .nav-link {
    margin:5px;
}

.navbar {
    padding:0;
}

.bottomNav .nav-link
{
    color:#66696E;
}



.nav-link
{
    padding:5px !important;
}

.navbar-brand
{
    color:#FDFEFF !important;
    margin-right:5px;
    margin-left:5px;
}

.toolsItem
{
    font-size:1.25rem;
    border-right:solid;
    border-right-width:2px;
    margin-right:5px;
    border-color:#FDFEFF;
    margin-right:5px;
}
.toolsItem .nav-link
{
    margin-right:5px;    
}

.dropdown-toggle::after
{
    display:none;
}

.runEnabled
{
    color:#4CAF50
}

.runDisabled
{
    color:#F44336
}

.GrdStep1 
{
    background-color:#EEEEEE;
    padding-bottom:10px;
}

.GrdStep2
{
    background-color:#E0E0E0;
    padding-bottom:10px;
}

.GrdStep3
{
    background-color:#F3F3F3;
    padding-bottom:10px;
}

.GrdResult
{
    background-color:#CFD8DC;
    padding-bottom:10px;
}

.msBtn 
{
    background-color:#64CC27;
    color:white;
    font-weight:bold;
    font-size:14px;
}

.msBtn:hover {
    color:#EBEEF0;
}

.msBtn:focus  {
    color:white;
}

.msBtnAlt 
{
    background-color:#007DC3;
    color:white;
    font-weight:bold;
    font-size:14px;
}

.msBtnAlt:hover {
    color:#EBEEF0;
}

.msBtnAlt:focus  {
    color:white;
}


.GrdCalcBtn
{
    background-color:#007DC3;
    color:white;
    font-weight:bold;
    font-size:24px;
    margin-top:10px;
}

.GrdCalcBtn:hover {
    color:#EBEEF0;
}

.GrdCalcBtn:focus  {
    color:white;
}

hr
{
    height:10px;
    margin:0px;
    color:#EBEEF0;
    background-color:#EBEEF0;
}

.modal-content .row
{
    background-color:#FDFEFF;
}

.dropdown-menu
{
    margin-top:-2px;
}

.industrytTable th
{
    font-family:'Oswald';
    font-size:30px;
    color:#66696E;
    text-align:center;
    font-weight:100;
}


.industrytTable td
{
    font-family:'Maven Pro';
    color:#66696E;
    text-align:center;
    font-weight:100;
    vertical-align:middle;
    font-size:14px;
    padding:6px;
}

.indNumbers
{
    font-size:40px;
    color:#007DC3;
    height:60px;
}

.industrytTable .row
{
    background-color:white;
    margin-left:2px;
    margin-right:2px;
}

.industrytTable .col-sm-2
{
    padding:0;
    margin-top:2px;
}

.industrytTable .col-sm-3
{
    padding:0;
    margin-top:2px;
}

.dashFootnote
{
    font-size: 15px;
    font-family:'Maven Pro';
    color:#66696E;
    margin-bottom:8px;
}

.dropdown-item
{
    color:#66696E;
    padding-left:1rem;
    padding-right:1rem;
}

.coachingTable
{
    font-family:'Maven Pro';
    font-size:15px;
    color:#66696E;
}

.coachingTable .teamBtn
{
    width:80px;
    font-size:16px;
    margin:0;
    height:35px;
}

.coachingTable th
{
    text-align:center;
    vertical-align:middle;
}

.coachingTable td
{
    text-align:center;
    vertical-align:middle;
    padding:8px;
}

.dropdown:hover
{
    background-color:#FDFEFF;
}

.dropdown-item:hover
{
    background-color:#007DC3;
    color:#FDFEFF!important;
}

.previousBtn
{
    font-family:'Maven Pro';
    display:flex;
    background-color:#007DC3;
    color:#FDFEFF;
}

.previousBtn:disabled
{
    display:flex;
    background-color:#C2CCD3;
    color:#66696E;
}


.previousBtn i {
    margin:auto;
}

.previousBtn text {
    margin:auto;
}

.nextBtn
{
    font-family:'Maven Pro';
    display:flex;
    background-color:#007DC3;
    color:#FDFEFF;
}

.nextBtn:disabled
{
    display:flex;
    background-color:#C2CCD3;
    color:#66696E;
}

.nextBtn i {
    margin:auto;
}

.nextBtn text {
    margin:auto;
}

.otherItem:hover
{
    background-color:#FDFEFF;
}

/* menu contextuel */

.menu {
    width: 150px;
    box-shadow: 3px 3px 5px #888888;
    border-style: solid;
    border-width: 1px;
    border-color: grey;
    border-radius: 2px;
    position: fixed;
    display: none;
}

.menu-item {
    height: 35px;
    font-family:Oswald;
    font-size:18px;
    padding:5px;
}

.menu-item:hover {
    background-color: #007DC3!important;
    color:white;
    cursor: pointer;
}


.sceTable td
{
    font-size:0.85rem;
    vertical-align:middle;
    padding:8px;
}

.industrySolutionTable th
{
    font-size:0.9rem;
}

.industrySolutionTable td
{
    text-align:center;
    padding:8px;
}

.AddDeleteIndustryTable td
{
    vertical-align:middle;
}

#restartCreationDiv u
{
    margin:auto;
}

#restartCreationDiv h4
{
    display:flex;
    margin:auto;
}

.loading
{
    position:fixed;
    top: 50%;
    left: 50%;
    width:10em;
    height:10em;
    margin-top: -5em; /*set to a negative number 1/2 of your height*/
    margin-left: -5em; /*set to a negative number 1/2 of your width*/
    border: none;
    background-color: transparent;
}

.loading i
{
    font-size:10rem;
}

.ulCheckbox
{
    padding:0px;
    list-style-type: none;
}

.ulMenu
{
    padding-left:20px;
}

.ulCheckbox li
{
    margin:0px !important;
}

h4 {
    margin-top:8px;
    font-size:1.2rem;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #FAFAFA;
}

h2 a
{
    color:#66696E;
}

.customizeSceTable td
{
    font-size: 0.8rem;
    vertical-align:middle;
}

/*.customizeSceTable td:nth-child(2)
{
    text-align:center;
}*/

.actionBtn {
    white-space:normal;
    background-color:#007DC3;
    color:white;
    font-family:'Maven Pro';
    font-size:1.2rem;
    margin-bottom:10px;
    padding-left:5px;
    padding-right:5px;
}

#uploadSce .form-control
{
    max-width:570px!important;
}

input[type="file"]::-webkit-file-upload-button{
   /* style goes here */
    white-space:normal;
    background-color:#007DC3;
    color:white;
    font-family:'Maven Pro';
    font-size:1.1rem;
    padding:8px;
    border-radius:5px;
    border-width:0px;
}

#uploadSce .col-sm-12
{
    margin-bottom:8px;
}

.ScheduleTableOverview
{
    margin-top:10px;
}

.ScheduleTableOverview td
{
    vertical-align:middle;
}

.ScheduleTableOverview button
{
    margin:3px;
}

.ScheduleTable
{
    margin-top:10px;
}

.ScheduleTable td
{
    vertical-align:middle;
}

.ScheduleTable .row
{
    background-color:transparent;
    margin:3px;
}

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

.editBtn {
    background-color:#007DC3;
    color:white;
}

.removeBtn
{
    background-color:#D64343;
    color:white;
}

.stdBtn
{
    background-color:#64CC27;
    color:white;
}

.downloadBtn {
    background-color: #64CC27;
    color: white;
}

.downloadBtn:hover {
    color: white;
}


.logo-table td, .logo-table th
{
    vertical-align:middle;
}

.otherBtn {
    border: solid 1px #66696E;
    color: #66696E;
}


.otherBtn:hover {
    color: #ffffff;
    background-color: #66696E;
}

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

/* Chatbot */
.chat-bubble-btn {
    position: fixed;
    bottom: 100px;
    right: 20px;
    width: 30px; /* Taille initiale */
    height: 30px; /* Taille initiale */
    border-radius: 50%;
    background-color: #14184D; /* Couleur Bootstrap primaire */
    color: white;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px; /* Taille de l'icône */
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease; /* Animation fluide */
    z-index: 10000; /* Assure qu'il est au-dessus du chat fermé */
}

.chat-bubble-btn:hover {
    width: 70px; /* Taille au survol */
    height: 70px; /* Taille au survol */
    font-size: 32px; /* Agrandit l'icône au survol */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}