html {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

input:read-only {
    background-color: #E9ECEF;
}

html {
    position: relative;
    min-height: 100%;
    font-size: 14px;
}

body {
    margin-bottom: 60px;
    background-color: #F2F2F2;
}

/* * Layout * */
.bg-header-sup {
    background-color: #006378;
}
.header-sup {
    height: 30px;
}
.bg-header-sub {
    background-color: #293F72;
}
.header_sub {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
}
.logo-fntp-header {
    width: 59px;
    height: 52px;
}
.title-header {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
}

.bg-footer {
    background-color: #293F72;
}
.logo-fntp-footer {
    width: 98px;
    height: 87px;
}
.logo-solirem-footer {
    width: 73px;
    height: 20px;
}
.madeby{
    line-height:12px;
}

/* * Fonts * */
.ff-roboto {
    font-family: "Roboto", sans-serif;
}
.fc-white{
    color: #ffffff !important;
}
.fc-black {
    color: #000000 !important;
}
.fc-black-light {
    color: #333333 !important;
}
.fc-red {
    color: #FF0000 !important;
}
.fc-dark-blue {
    color: #293F72 !important;
}
.fc-green {
    color: #398377 !important;
}
.fc-green-succes {
    color: #008021 !important;
}

.fc-overflow {
    color: #b07af3 !important;
    border: 1px solid #b07af3 !important;
    background-color: yellow !important;
}

.fs-xs {
    font-family: "Roboto", sans-serif;
    font-size: 10px !important;
}
.fs-small {
    font-family: "Roboto", sans-serif;
    font-size: 12px !important;
}
.fs-default {
    font-family: "Roboto", sans-serif;
    font-size: 14px !important;
}
.fs-large {
    font-family: "Roboto", sans-serif;
    font-size: 16px !important;
}
.fs-xlarge {
    font-family: "Roboto", sans-serif;
    font-size: 18px !important;
}
/* * Bg-color  * */
.bg-red{
    background-color: #FF0000 !important;
}
.bg-light-blue {
    background-color: #DAE5F6 !important;
}
.bg-dark-blue {
    background-color: #293F72 !important;
}
.bg-light-green {
    background-color: #C2D6DA !important;
}
.bg-grey{
    background-color: #F2F2F2 !important;
}
/* * Border-color  * */
.bc-dark-green {
    border-color: #006378 !important;
}
/* * Btn * */
.so-btn-default {
    background-color: #ffffff;
    border-color: #006378;
    font-family: "Roboto", sans-serif;
    color: #006378;
    font-size: 13px;
    font-weight: bold;
    min-height: 40px;
}
.so-btn-default:hover {
    background-color: #006378;
    border-color: #006378;
    color: #ffffff;
}

.so-btn-grey {
    background-color: #ffffff;
    border-color: #666666;
    font-family: "Roboto", sans-serif;
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    min-height: 40px;
}

    .so-btn-grey:hover {
        background-color: #666666;
        border-color: #666666;
        color: #ffffff;
    }
/* * Navbar * */
.navbar-nav .nav-link {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #ffffff;
}
    .navbar-nav .nav-link.active {
        font-weight: bold;
        color: #f35729;
    }
.navbar-toggler{
        border-color: #ffffff !important;
}
/* * Common * */
.fs-title-login {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #398377;
}

.card {
    border-radius: 10px;
    border-color: #ffffff;
}
.w-10 {
    width: 10% !important;
}
.w-16 {
    width: 16% !important;
}
.w-20 {
    width: 20% !important;
}
.w-30 {
    width: 30% !important;
}
.w-40{
        width: 40% !important;
}
.w-40-px{
    width: 40px !important;
}
.w-120-px {
    width: 120px !important;
}
.w-150-px {
    width: 150px !important;
}
.w-180-px {
    width: 180px !important;
}
.w-250-px {
    width: 250px !important;
}
.mx-w-430-w-auto{
    max-width: 430px;
    width:100%
}
.h-20-px {
    height: 20px !important;
}
.h-40-px {
    height: 40px !important;
}
.h-100-px{
    height: 100px !important;
}
.lh-21{
    line-height: 21px !important;
}
.valign-middle{
    vertical-align: middle !important;
}
.mt-25pc{
    margin-top: 25% !important;
}
.forced-float-right {
    margin: 0 0 0 80%;
}
.green {
    color: #309c43;
    font-weight: normal;
}


.red {
    color: #f30707;
    font-weight: normal;
}


.sticky-left0 {
    position: sticky;
    left: 0;

    z-index: 1;
}

.table-responsive-scroll {
    min-width: auto !important;
}

.sticky-col {
    position: sticky;
    left: 0;
    background-color: #fff;
    z-index: 2;
}

thead .sticky-col {
    z-index: 3;
    min-width: 450px !important;
}

.table-responsive-scroll th:nth-child(n+2) {
    width: 240px !important;
}

.euro, .totaleuro, .ca_euro, .pcent, .pcentrep {
    text-align: right;
}


.btn:focus-visible {
    border-color: inherit !important;
    text-decoration: underline !important;
}

.navgestsurveymenu .active {
    text-decoration: underline !important;
    font-weight: bold !important;
}
.navgestsurveymenu li:hover {
    /*text-decoration: underline !important;*/
    font-weight: bold !important;
    color: white !important;
}

.table-ca {
 
}

.table-ca th:nth-child(n+2), .table-ca td:nth-child(n+2) {
    width:130px!important;
}

.table-ca th:nth-child(n+2) input, .table-ca td:nth-child(n+2) input {
        
    width: 110px!important;
}



.showPassword {
    cursor: pointer;
}