/* STYLES JF */


/* FORMVIEW */
.FV_Normal {
    font-family: Verdana;
    font-size: 10pt;
    color: #000000;
}

.FV_Info {
    font-family: Verdana;
    font-size: 10pt;
    color: #C0C0C0;
    font-style: italic;
}

.FV_Label {
    font-family: Verdana;
    font-size: 10pt;
    font-style: italic;
    font-weight: 500;
    word-spacing: normal;
    color: #F6821E;
}

.FV_LabelSimple {
    font-family: Verdana;
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
}

.FV_Titre {
    font-family: Verdana;
    font-size: 14pt;
    color: #000000;
    font-weight: bold;
    background-color: #F6821E;
}

.FV_TextBox {
    font-family: Verdana;
    font-size: 10pt;
    border: 1px solid #C0C0C0;
    word-spacing: normal;
    width: 200px;
}

.FV_ErrorMessage {
    font-family: Verdana;
    font-size: 10pt;
    color: #FF3300;
    font-weight: bold;
    width: 280px;
}

.FV_RowTitle {
    font-weight: bold;
    font-family: Verdana;
    font-size: 10pt;
    text-align: center;
    color: #F6821E;
}

.button {
    width: 130px;
}

.button2 {
    border-bottom: #777777 1px solid;
    border-left: #777777 1px solid;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    font-family: Tahoma, MS Sans Serif, Arial, Sans Serif;
    background: url(images/button_back.gif) rgb(238,238,238) center 50%;
    color: #500000;
    font-size: 8pt;
    border-top: #777777 1px solid;
    cursor: pointer;
    font-weight: normal;
    border-right: #777777 1px solid;
    padding-top: 1px;
    width: 100px;
}

.buttonMobile {
    width: 100px;
    height: 40px;
}

TABLE {
    border-collapse: inherit
}

.GV_Default {
    font-family: Verdana;
    font-size: 10pt;
}

.CheckBox {
    font-family: Verdana;
    font-size: 10pt;
}

.ComboBox {
    font-family: Verdana;
    font-size: 10pt;
    width: 200px;
    text-align: left;
}

.tableOrange {
    border: 1px solid #F6821E;
    width: 300px;
}

.tableSansBords {
    width: 300px;
}



/************************************************************/
/*LS LHM additions*/



@font-face {
    font-family: Ayvens;
    src: url(../Content/fonts/Ayvens/Chillax-Light.woff2) format("woff2"),url(../Content/fonts/Ayvens/Chillax-Light.woff) format("woff");
    font-weight: 200;
    font-display: swap
}

@font-face {
    font-family: Ayvens;
    src: url(../Content/fonts/Ayvens/Chillax-Regular.woff2) format("woff2"),url(../Content/fonts/Ayvens/Chillax-Regular.woff) format("woff");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Ayvens;
    src: url(../Content/fonts/Ayvens/Chillax-Semibold.woff2) format("woff2"),url(../Content/fonts/Ayvens/Chillax-Semibold.woff) format("woff");
    font-weight: 600;
    font-display: swap
}



html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.tableOrange > tbody > tr {
    display: flex;
    flex-direction: column;
    padding: 18px 0 0px 0;
    width: 100%;
}

.tableOrange {
    border: 0px solid #F6821E;
    position: relative;
    /* left: calc( 50% - 156px); */
    width: 95%;
    max-width: 400px;
    margin: 0 auto;
    border-radius: 12px;
    padding: 12px 24px;
    background-color: white;
    box-shadow: 0 1px 4px 0 rgba(209,209,209,0.5);
    transition: box-shadow .3s ease;
    font-family: Ayvens,helvetica;
    font-style: normal;
    font-size: 11pt;
}

    .tableOrange > tbody > tr > td {
        width: 100%;
        /* display: flex; */
    }

.FV_TextBox {
    border: none;
    padding: 12px 6px;
    /* margin: 12px; */
    width: auto;
    font-family: inherit;
    font-size: inherit;
    width: 100%;
    border: 1px solid #ededed !important;
    border-radius: 5px;
}

.FV_Label {
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    font-weight: 600;
    color: #004a5d;
    width: 100%;
}

.FV_RowTitle {
    font-family: inherit;
    font-size: 16pt;
    color: #004a5d;
}

.tableOrange > tbody > tr > td:nth-child(2n) {
    /* border: 1px solid #ededed; */
}

.tableOrange > tbody > tr > td:nth-child(2n+1) {
    padding: 0 0 3px 0;
}

tr.button2 > td > input {
    font-family: Ayvens,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px !important;
    font-size: .875rem !important;
    line-height: 9px !important;
    position: relative;
    display: inline-block;
    *
    min-height: 40px !important;
    padding: 15.5px 28px !important;
    border: 0 !important;
    transition: all .3s ease;
    border-radius: 25px !important;
    background: #008282;
    background-size: 100% !important;
    color: #fff !important;
    letter-spacing: .86px;
    text-align: center !important;
    text-decoration: none;
    text-transform: uppercase !important;
    cursor: pointer !important;
    animation: btnAnimateGradientBack .3s ease-in forwards;
}

.button2 > td {
    text-align: center;
}

.tableOrange > tbody > tr.button2 {
    border-bottom: unset;
    border-left: unset;
    padding-bottom: unset;
    padding-left: unset;
    padding-right: unset;
    font-family: unset;
    background: unset;
    color: unset;
    font-size: unset;
    border-top: unset;
    cursor: unset;
    font-weight: unset;
    border-right: unset;
    padding: 24px 0 18px 0;
    width: unset;
}

.tableOrange > tbody > tr:nth-last-child(-n+3) {
    display: none;
}

.tableOrange > tbody > tr:nth-last-child(4) {
    padding: 0;
    margin: 0;
}

    .tableOrange > tbody > tr:nth-last-child(4) > td {
        margin: 0;
        padding: 0;
        text-align: center;
    }

.FV_ErrorMessage {
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    font-weight: 600;
    color: #EE4C14;
    width: 100%;
}

.FV_TextBox:focus-visible {
    outline: #ddd auto 1px;
}

tr.button2 > td > input:focus, tr.button2 > td > input:hover {
    text-decoration: none;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
    animation: btnAnimateGradient .3s ease-in forwards;
}

.tableOrange > tbody > tr:nth-child(1) {
    padding: 12px 0 6px 0;
}