#wrapper {
    min-height: 100vh;
    height: 100%;
}

/* .sidebar{
    height: 100vh;
    position: fixed;
    position: ;
    display: block;
    width: 20%;
} */

.sidebar a,
h4 {
    color: white;
}

.h4,
h4 {
    font-size: 1.4rem;
}
span.nobr { white-space: nowrap; }
.make-me-sticky {
    position: -webkit-sticky;
      position: sticky;
      top: 0;
      
  }
/* 
#page-content-wrapper{

} */

.navbar-nav {
    flex-direction: row;
}

.navbar-brand {
    font-size: 0.8em;
    text-transform: uppercase;
}

#login-form {
    border-radius: 50px;
}

.list-table {
    /*max-height: 100vh;*/
    overflow-y: auto;
}

th {
    vertical-align: middle !important;
}

.next-button {
    color: inherit;
    font-size: 50px;
}

.next-button:hover {
    text-decoration: none;
    color: black;
}

.sticky-to-navbar{
    z-index: 1000;
    position: sticky;
    top: 66px;
}

.infos-bar {
    z-index: 1000;
    position: sticky;
    height: 7vh;
    top: 66px;
    background-color: #6d6d6d;
    color: white;
}

.thead2 th {
    min-width: 100px;
    max-width: 200px;
}

th,
td {
    vertical-align: middle !important;
}

.ucs-table {
    max-height: 65vh;
}

.ucs-table th,
.ucs-table td {
    text-align: center;
    min-width: 200px;
    max-width: 200px;
}

.rate-table th,
.rate-table td {
    vertical-align: middle !important;
    text-align: center;
    min-width: 200px;
    max-width: 200px;
}

.rate-table {
    max-height: 65vh;
}

.img_guid {
    max-width: 300px;
    height: auto;
}

.popover {
    max-width: 100%;
}

.UC_cat {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    text-transform: uppercase;
}

#size_table th,
#size_table select {
    vertical-align: middle !important;
    text-align: center;
}

.volumes_table th,
.ratio_table th,
.volumes_table input,
.ratio_table input {
    vertical-align: middle !important;
    text-align: center;
}

.volumes_table th {
    max-heigth: 100px;
}

#schedules_implem {
    max-height: 80vh;
    overflow-y: auto;
}

.date_input {
    text-align: center;
    color: black;
}

.copy-dates {
    font-size: 30px;
    vertical-align: middle !important;
}

.erase-dates {
    font-size: 20px;
    vertical-align: middle !important;
}

#logo_urbatis {
    height: 30px;
}

.navbar {
    font-size: 17px;
}

.summary_table {
    max-height: 100vh;
}

.summary_table .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.summary_table .itemPart {
    color: #495057;
    background-color: #e9ecef;
    border-bottom: 1px solid black;
}

.cbuc_table {
    max-height: 100vh;
}

.cbuc_table .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.keydates_table .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: bold;
}

.keyratios_table .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: bold;
}

.budget_uc_table .item,
.budget_all_table .item,
.budget_table .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    min-width: 13vw;
}

.budget_table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    ;
    border-color: #dee2e6;
}

.budget_uc_table .sub_item,
.budget_all_table .sub_item,
.budget_table .sub_item {
    font-size: smaller;
}

/*
.cball_table {
    max-height: 80vh;
}*/

.logo-img{
    width:auto; 
    max-height:100px;
}
.logo-img-small{
    width:auto; 
    max-height:45px;
}

.cball_table {
    background-color: #ffffff;
}
.input-little{
    width:30%;
}

input[type=checkbox] {width: 20px; height: 20px;}
input[type=radio] {width: 20px; height: 20px;}

.tableFixHead          { overflow-y: auto;  }
.tableFixHead thead th { position: sticky; top: 0; }




.cball_table .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.cball_table .table-striped tbody tr:nth-of-type(2n+1),
.budget_table .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #F4F5F9;
}

.cball_table .table-striped tbody tr:hover,
.budget_table .table-striped tbody tr:hover {
    background-color: #e9ecefbb;
}

.financial_bank .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: bold;
    min-width: 10vw;
    max-width: 10vw;
}

.financial_bank {
    text-align: center !important;
    vertical-align: middle !important;
    max-height: 100vh;
}

.financial_bank th {
    min-width: 8vw;
    max-width: 8vw;
}

.societal_bank .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: bold;
    min-width: 10vw;
    max-width: 10vw;
}

.societal_bank {
    text-align: center !important;
    vertical-align: middle !important;
    max-height: 100vh;
}

.societal_bank th {
    min-width: 8vw;
    max-width: 8vw;
}

.budget_uc_table {
    max-height: 100vh;
}

.budget_all_table {
    max-height: 100vh;
}

.project_scope_table .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: bold;
}

.budget_impact_table .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: bold;
}

.cost_benefits_table .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: bold;
}

.bankability_table .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: bold;
}

.bank_define_table .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: bold;
    width: 60%;
}

.cost_benefits_table1 .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: bold;
    width: 50%;
}

.cost_benefits_table2 .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: bold;
}

.cost_benefits_table2 td {
    width: 25%;
}

.funding_sources_table {
    max-height: 150vh;
}

.funding_sources_table .check-col {
    width: 5%;
}

.funding_sources_table a {
    color: black;
}

.funding_sources_table a:hover {
    color: gray;
}

.funding_sources_table a:active {
    color: darkgray;
}

.entities_table .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: bold;
}

.entities_table {
    max-height: 150vh;
}

.entities_table_2 .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: bold;
}

.entities_table_2 {
    max-height: 150vh;
}

.benef_table {
    max-height: 150vh;
}

.benef_table .check-col {
    width: 5%;
}

.benef_table a {
    color: white;
}

.benef_table a:hover {
    color: darkgray;
}

.benef_table a:active {
    color: gray;
}


.financing_table .years,
.financing_table .dates {
    min-width: 7vw;
}

.financing_table .separation_dates {
    min-width: 4vw;
    max-width: 4vw;
}

.financing_table .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: bold;
}

.financing_table .sub_item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-size: smaller;
    font-weight: bold;
    text-align: right;
}

.financing_table_2 .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: bold;
}

.financing_table_2 .sub_item {
    font-size: smaller;
}

.financing_table_2 .sub_item .item {
    background-color: #f5f5f5;
}

.financing_table_2 {
    max-height: 80vh;
}

.reco_table .item {
    /* color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6; */
    font-weight: bold;
}

.reco_table .res {
    color: white;
    text-align: center;
    font-weight: bold;
}

.infos_table .item {
    /* color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6; */
    font-weight: bold;
}

.infos_table .res {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.infos_table th,
.proj_qualif_table th,
.reco_table th,
.funding_opt_table th,
#reco_bestfit,
#reco_second,
#reco_notreco {
    border-radius: 7px;
}

.proj_qualif_table .item {
    /* color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6; */
    font-weight: bold;
}

.proj_qualif_table .res {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.funding_opt_table .item {
    /* color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6; */
    font-weight: bold;
}

.funding_opt_table {
    max-height: 80vh;
}


/* .financing_table_5{
    max-height: 70vh;  
} */

.financing_table_5 .item {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: bold;
}

.financing_table_5 .sub_item {
    font-size: smaller;
}

.financing_table_5 .sub_item .item {
    background-color: #f5f5f5;
}

.financing_table_5 .col_others {
    min-width: 5vw;
    width: auto;
    max-width: none;
}

.financing_table_5 .col_items {
    min-width: 15vw;
    min-width: 15vw;
}

.summary_projects {
    max-height: 80vh;
}

.check-col {
    min-width: 25px;
    max-width: 25px;
    text-align: center;
}

.guideline {
    background-color: #DEE2E6;
    /*background-color: white;*/
    border-left: hidden #DEE2E6 1px;
    font-size: .875rem;
}

input {
    border-radius: 4px;
    border-style: hidden;
}

th {
    font-weight: normal;
}

/* tests*/
.guideline-table th {
    background: #DEE2E6 no-repeat padding-box;
    border: 1px solid #707070;
    opacity: 1;
}

.guideline h1 {
    font-size: 1.75rem;
}

.guideline h2 {
    font-size: 1.25rem;
}

.guideline h3 {
    font-size: 1rem;
}

.guideline-table .table-bordered {
    border: 1px solid #707070;
}

.guideline-table tbody {
    background-color: white;
}

.sticky-guideline {
    position: sticky;
    right: 0;
    top: 100px;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

#separatorrow {
    border-left: hidden;
    border-right: hidden;
}

.table-striped td {
    border-top: hidden;
}

.dash-bg {
    background-color: #F4F5F9;
    border-radius: 10px;
}

.dash-bg-light {
    background-color: white;
    border-radius: 10px;
}

h3.dash-title {
    margin-left: 0.75rem;
    font-size: 1.15rem;
    font-weight: bold;
    color: #252C41;
}

.dashboard-table th {
    font-weight: 600;
}

.dashboard-table th,
.dashboard-table td {
    padding: 0.2rem;
    vertical-align: top;
}

.table th,
.table td {
    border-top: hidden;
}

#kpiTable th,
#kpiTable td {
    border-top: hidden;
    padding: 0.2rem;
}

#keyDatesTable th,
#keyDatesTable td {
    font-size: .9rem;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: .40rem;
    padding-bottom: 0.40rem;
}

#keyDatesTable,
#kpiTable {
    margin-bottom: 0rem;
}

.dash-link:hover .dash-bg-light {
    background-color: #F9FAFC;
}

.dash-link:hover {
    text-decoration: none;
}

#form_schedule h3:hover {
    font-weight: bold;
}

.selection-list {
    max-height: 21vh;
    overflow-y: auto;
}

.dash-bg-light #kpiTable .kpi-border {
    border-top: 1px solid #dee2e6;
}

#cost_benefits_data #click-cell:hover .oi {
    transform: scale(1.5);
}


#cost_benefits_data td,
#budget_table td {
    white-space: nowrap;
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1500px;
    }
}

/* Base layout
body { background-color: #cdcdcd;} */

body { padding-top: 66px; }
@media screen and (max-width: 768px) {
    body { padding-top: 0px; }
}
.container {
    width: 100%;
    margin: 20px 0;
    padding: 0 0;
}

.arrows {
    display: block;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    /* forces this div to 'contain' it's floated children */
    padding: 2px 0;
    position: relative;
}


/* Arrows - i.e. the box and the wedge */
.arrow {
    float: left;
    margin: 0;
    width: 17.5%;
    padding: 5px 3px;
    position: relative;
    text-align: center;
    font-size: .9em;
}

.ucnamearrow {
    width: 30%;
}

.arrow:after {
    border-top: 16px solid transparent;
    /* positionnement vertical des flèches*/
    border-bottom: 16px solid transparent;
    border-left: 8px solid transparent;
    /* unnecessary here... it's only for reference. */
    content: "";
    height: 0;
    position: absolute;
    right: -12px;
    /* positionnement horizontal des fleches */
    top: 0;
    width: 0;
    z-index: 2;
}

.arrow:last-child:after {
    border: none;
    right: 0;
}


/* Colour each section */
.ucnamearrow,
.duration {
    background-color: white;
}

.step1 {
    background-color: #E5461C;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.step2 {
    background-color: #C4261E;
}

.step3 {
    background-color: #681010;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


/* Colour the wedge to match it's associated box */
.arrow.step1:after {
    border-left: 12px solid #E5461C;
}

/* largeur des flèches */

.arrow.step2:after {
    border-left: 12px solid #C4261E;
}


/* Typography */
.arrow span {
    position: relative;
}

.step1 span,
.step2 span,
.step3 span {
    color: #484e53;
}


@media only screen and (max-width: 1440px) {
    .arrow {
        width: 31.5%;
    }
}

@media only screen and (max-width: 1000px) {
    /*.arrows {overflow: visible;}*/
    /* May be needed for some browsers. Need to test. */

    .arrow {
        float: none;
        padding: 25px 30px;
        text-align: left;
        width: 100%;
    }

    .arrow:first-child {
        border-radius: 6px 6px 0 0;
    }

    .arrow:last-child {
        border-radius: 0 0 6px 6px;
    }

    .arrow:after {
        top: auto;
        bottom: -23px;
        left: 30px;
        background-color: transparent;
        border-top: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 17px solid transparent;
    }

    .arrow.step1:after {
        border-top-color: #E5461C;
        border-left-color: transparent
    }

    .arrow.step2:after {
        border-top-color: #C4261E;
        border-left-color: transparent;
    }
}



.form-control-inline {
    min-width: 0;
    max-width: 60%;
    width: auto;
}

#input_target_nogo td {
    white-space: nowrap;
}

#input_target_nogo th,
#project_score_table th {
    font-weight: 600;
}

#input_target_nogo input {
    border-style: solid;
}

#input_target_nogo {
    table-layout: fixed;
    width: 100%;
}

#project_score_table td,
#project_score_table thead th {
    text-align: center;
}

#project_score_table td span {
    font-size: 30px;
}

#project_score_table .oi-thumb-down {
    color: red;
}


/*          TRAFFIC LIGHT          */
/*write color in hex
//traffic-light color 
@whole: #333;*/
/*actual traffic-lights 
@color1: #FF0000;//red
@color2: #FFFF00;//yellow
@color3: #00FF00;//green*/


#traffic-light {
    /*main traffic light
  position: absolute;
  display:block;
  left: 50%;
  top: 50%;   
  margin-top: -160px;*/
    background-color: #333;
    /*width:320px;
   height:320px; */
    border-radius: 20px;
    text-align: center;
    padding: 1% 0;
}

#traffic-light span {
    font-size: 70px;
}

#redcircle-bankability {
    color: #5C0006;
}

#yellowcircle-bankability {
    color: #737300;
}

#greencircle-bankability {
    color: #194A04;
}

#overal-project {
    text-align: center;
    font-weight: bold;
}

.w-90 {
    width: 90%;
}

.w-80 {
    width: 80%;
}

.progress-bar-main {
    background-color: rgb(212, 237, 218);
    color: black;
}

.progress-bar-remaining {
    background-color: rgb(212, 237, 218);
    color: black;
}

.progress-bar-operations-1 {
    background-color: rgb(255, 243, 205);
    color: black;
}

.progress-bar-pricing-1 {
    background-color: rgb(204, 229, 255);
    color: black;
}

.progress-bar-revenues-1 {
    background-color: gainsboro;
    color: black;
}

.btn-set-dates {
    background-color: #343a40;
    color: white;
}

.progress-bar-revenues-2 {
    background-color: rgb(209, 236, 241);
    color: black;
}

.progress-bar-nothing {
    background-color: ghostwhite;
    color: black !important;
}

div.progress {
    height: 32px !important;
}

div#dates_projet>p {
    margin: auto;
    display: inline-block;
}

div.col.text-center>p.text-justify {
    margin-bottom: 0px !important;
}

.text-white::placeholder {
    color: white !important;
}

input.bg-warning {
    background-color: #fff3cd !important;
}

input.bg-prefilled {
    background-color: #cff6cf;
}