/* DEFAULTS
----------------------------------------------------------*/



@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900; /* Plage de poids pour la police variable */
    font-style: normal; /* Style normal */
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900; /* Plage de poids pour la police variable */
    font-style: italic; /* Style italique */
}

body {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    color: #35425b;
    background-color: #e5efff;
}

.backGround1 {
    background-color: whitesmoke;
}

.divWait {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    cursor: wait;
}

    .divWait div {
        background-color: White;
        width: 400px;
        background-image: url('Images/ajax-loader.gif');
        background-repeat: no-repeat;
        background-position: center center;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-top: 90px;
        padding-bottom: 10px;
        font-weight: bold;
        border: 1px black solid;
    }

textArea, input {
    font-size: 12px;
    /*font-family: Arial, Verdana;*/
}

body.popup {
    background-image: none;
    background-color: #e9f2fc;
    ;
}

#MainPopup {
    overflow: auto;
    border: 1px solid #002358;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.login {
    margin-top: 30px;
    background-color: #002c77;
    width: 500px;
    padding-bottom: 20px;
    padding-left: 7px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(Images/logo_sam.svg);
    background-repeat: no-repeat;
    background-size: 40%;
    padding-right: 10px;
    background-position: 50% 10%;
    padding-top: 100px;
    border-radius: 5px;
    color: white;
}

#MainContent_divLog {
display: flex;
justify-content: center;
flex-direction: column;
}

img {
    border: none;
}

.buttons {
    margin-top: 20px;
}

.divSelection .ajax__tab_panel {
    padding: 10px;
}

    .divSelection .ajax__tab_panel .datagrid {
        margin: 0px;
    }

#div_haut {
    background-color: #EEEEEE;
    background-size: 257px;
    background-image: url('Images/logo_sam.svg');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    height: 70px;
}

#div_header {
    padding: 10px;
    height: 65px;
    background-color: #002c77;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 5px solid white;
    margin-bottom: 15px;
}

    #div_header img {
        height: 35px;
    }

.error {
    color: red;
}

.errorPanel {
    color: red;
    font-weight: bold;
    font-size: 13px;
    margin-top: 20px;
    margin-left: 20px;
}

.errorSummary {
    color: red;
}

.error-export {
    text-align: center;
    margin-top: 50px;
    font-weight: bold;
}
/* HEADINGS   
----------------------------------------------------------*/

h3 {
    /*font-family: Arial, Verdana;*/
    font-size: 17px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.Main_filler a, .login a {
    cursor: pointer;
    text-decoration: none;
    color: #002c77;
}
 .login a {
    color: white;
}

    .Main_filler a:hover {
        text-decoration: underline;
    }

    .login a:hover {
        text-decoration: underline;
    }

#Main {
    width: 1100px;
    border-radius: 3px;
}

    #Main h1 {
        padding-top: 5px;
        /*font-family: Arial, Verdana;*/
        font-size: 16px;
        color: #000033;
    }

#PopupTitle {
    padding-top: 5px;
    /*font-family: Arial, Verdana;*/
    border: 1px solid #002358;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 5px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 2px;
    cursor: pointer;
}

.popupTitle {
    padding-top: 5px;
    /*font-family: Arial, Verdana;*/
    border-bottom: 1px solid #002358;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    width: 100%;
}

.popup h1 {
    /*font-family: Arial, Verdana;*/
    font-size: 16px;
    color: #002358;
}

#Main h2 {
    /*font-family: Arial, Verdana;*/
    font-size: 14px;
    color: #000033;
    padding-bottom: 5px;
}

#Main h4, .popup h4 {
    text-decoration: none;
    color: #366092;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 0px;
    padding-bottom: 5px;
}



#Main .Main_top {
    background-color: #ffffff75;
    width: auto;
    height: 54px;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 6px solid #002c77;
}

    #Main .Main_top table {
        width: 100%;
        border-collapse: collapse;
    }

        #Main .Main_top table .env, .envLogin {
            padding-top: 20px;
            text-align: right;
            white-space: nowrap;
            font-style: italic;
            color: #666666;
        }

.envLogin {
    padding-top: 15px;
    margin-bottom: -10px;
    text-align: center;
}

#Main .Main_top h1, #Main .Main_top h2 {
    margin-top: 0px;
}

#Main .Main_top h1 {
    margin-bottom: 10px;
}

#Main .Main_filler {
    background-color: #ffffff75;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 514px;
    width: auto;
    border-top: 6px solid #002c77;
}

#Main .Main_footer {
}


.page {
    border-collapse: collapse;
    margin-left: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

    .page td {
        vertical-align: top;
    }

.bold {
    font-weight: bold;
}



#Menu {
    width: 260px;
    margin-right: 5px;
    margin-bottom: 10px;
}

#menu_foot {
}


#Menu .element_menu {
    padding-left: 15px;
    padding-top: 5px;
    font-weight: 600;
    font-size: 16px;
    color: white;
    min-height: 24px;
    background-color: #002c77;
    border: 1px solid #002c77;
    margin-bottom: 10px;
}


    #Menu .element_menu a {
        color: white;
        font-size: 16px;
        text-decoration: none;
    }

        #Menu .element_menu a:hover {
            text-decoration: underline;
        }

    #Menu .element_menu ul {
        margin-left: -15px;
        padding-left: 30px;
        list-style-type: none;
        margin-top: 10px;
        background-color: #002c77;
        border-top: 2px solid white;
        padding-top: 10px;
    }

    #Menu .element_menu li {
        padding-top: 3px;
        padding-bottom: 3px;
    }

        #Menu .element_menu li a {
            text-decoration: none;
            color: white;
            font-size: 13px;
            font-weight: normal;
        }

            #Menu .element_menu li a:hover {
                text-decoration: underline;
            }

.info_user {
    color: black;
    /*font-family: Arial, Verdana;*/
    font-size: 13px;
    padding-left: 30px;
    padding-bottom: 1px;
    border: 1px solid black;
    padding-top: 12px;
    background-color: white;
}

    .info_user span {
        font-weight: bold;
    }

    .info_user ul {
        list-style-type: none;
        padding-left: 10px;
        margin-top: 0px;
    }

    .info_user a {
        color: black;
        /*font-family: Arial, Verdana;*/
        font-size: 13px;
        text-decoration: none;
    }

        .info_user a:hover {
            text-decoration: underline;
        }

.TableauModif th {
    text-align: left;
}

.TableauModif td {
    text-align: right;
}

.TableauBase th {
    text-align: left;
}

.TableauBase td {
    vertical-align: middle;
}

.Tableau h3, .Tableau2 h3 {
    text-align: center;
}

.Tableau {
    margin-top: 10px;
    margin-left: 20px;
    border-collapse: separate;
    border-spacing: 4px;
}

    .Tableau .infoCpl {
        font-style: italic;
        text-align: left;
    }

.Tableau2 {
    border-spacing: 4px;
    border-collapse: separate;
}

    .Tableau td, .Tableau2 td {
        vertical-align: middle;
        text-align: right;
    }

    .Tableau th, .Tableau2 th, .tdInfo {
        text-align: left;
        background-color: white;
        padding: 4px;
    }

.Tableau .infoGras td {
    font-weight: bold;
    color: #333333;
}

.Tableau .infoGras th {
    font-weight: bold;
    background-color: #C0C0C0;
}

.tdInfo2 {
    text-align: left;
    padding: 3px;
    background-color: #DBDBDB;
    border: none;
}


.popup .Tableau th, .tdInfo, .popup .Tableau2 th {
    text-align: left;
}

table.blocContenu2 h4, div.blocContenu h4, div.blocContenu2 h4 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 10px;
}

.Tableau .Cell1, .Tableau2 .Cell1 {
    text-align: left;
    padding-right: 10px;
    font-style: italic;
    font-size: 11px;
}

.Tableau h4 {
    text-align: left;
}

.CellButton, .CellButton2, .CellButton3, .Tableau .CellButton, .Tableau .CellButton2, .Tableau .CellButton3, .Tableau2 .CellButton, .Tableau2 .CellButton2, .Tableau2 .CellButton3, .TableauSelection .CellButton, .TableauSelection .CellButton2.TableauSelection .CellButton3, .TableauSelection2 .CellButton, .TableauSelection2 .CellButton2, .TableauSelection2 .CellButton3 {
    vertical-align: top;
}

    .CellButton input[type="button"], .CellButton2 input[type="button"], .CellButton3 input[type="button"], #PopupButton input[type="button"], .CellButton4 input[type="button"],
    .CellButton input[type="submit"], .CellButton2 input[type="submit"], .CellButton3 input[type="submit"], #PopupButton input[type="submit"], .CellButton4 input[type="submit"],
    .CellButton input[type="file"], .CellButton2 input[type="file"], .CellButton3 input[type="file"], #PopupButton input[type="file"], .CellButton4 input[type="file"],
    .CellButton button, .CellButton2 button, .CellButton3 button, .CellButton4 button, #PopupButton button {
        /*font-family: Arial;*/
        font-size: 12px;
        padding: 5px;
        cursor: pointer;
        margin: 2px;
        background-color: #337eff;
        border: 1px solid #337eff;
        color: white;
        /*background: -moz-linear-gradient(top,#EEEEEE,#BBBBBB);*/
        /*background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#BBBBBB));*/
        zoom: 1;
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#BBBBBB',GradientType=0 );*/
    }

.CellButton4 input {
    padding: 0px;
    font-size: 10px;
}

    .CellButton input:hover, .CellButton2 input:hover, .CellButton3 input:hover, #PopupButton input:hover, .CellButton4 input:hover {
        color: White;
        background: #002c77;
        border: 1px solid white;
    }

    .CellButton input:disabled, .CellButton2 input:disabled, .CellButton3 input:disabled, #PopupButton input:disabled, .CellButton4 input:disabled {
        background: #EEEEEE;
        color: #777777;
    }


.TableauSelection {
    margin-left: 20px;
}


    .TableauSelection .infoCpl {
        font-style: italic;
    }

.TableauSelection2 {
    border-collapse: separate;
    border-spacing: 4px;
}

    .TableauSelection td, .TableauSelection2 td {
        vertical-align: middle;
    }

    .TableauSelection th, .TableauSelection2 th {
        text-align: right;
        white-space: nowrap;
    }

    .TableauSelection .Cell1, .TableauSelection2 .Cell1 {
        text-align: left;
        padding-right: 10px;
        font-style: italic;
        font-size: 11px;
    }

    .TableauSelection2 .Hyperlink {
        cursor: pointer;
        text-decoration: underline;
    }

.nbRows {
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
    font-weight: bold;
    font-style: italic;
}

    .nbRows span {
        font-weight: normal;
    }

.Echeancier table {
    margin-top: 5px;
    border-collapse: collapse;
    margin-left: 20px;
}

.Echeancier th {
    width: 150px;
    border: 1px solid #999999;
    color: #949DB9;
    background-color: #002358;
    vertical-align: middle;
}


.Echeancier .EcheancierAlter1 td {
    text-align: center;
    border: 1px solid #999999;
    font-weight: bold;
    background-color: white;
}

.Echeancier .EcheancierAlter2 td {
    text-align: center;
    border: 1px solid #999999;
    font-weight: bold;
    background-color: #D6D6D6;
}

.garanties {
    margin-top: 10px;
}

    .garanties td {
        width: 200px;
    }

    .garanties th {
        text-align: left;
        width: 150px;
    }

    .garanties .cartouche {
        border: 1px grey solid;
        padding: 5px 5px 5px 5px;
        width: 100%;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .garanties .Notice td {
        width: auto;
    }


.paneInfo {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 20px;
    padding-left: 38px;
    font-style: italic;
    background-image: url('images/warning.gif');
    background-repeat: no-repeat;
    background-position: 0px 5px;
    font-weight: bold;
    color: #555555;
}

    .paneInfo ul {
        margin: 0px;
    }

.PanelInfoLog1 {
    float: left;
    margin-right: 10px;
}


/* ---------------------------------------------------------------------------- */
/*								     DATAGRID									*/
/* ---------------------------------------------------------------------------- */


.inactif {
    background-color: #808080;
    color: Black;
}


.datagrid {
    width: auto;
    border-collapse: collapse;
}


    .datagrid td {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-spacing: 0px;
        height: 25px;
        vertical-align: middle;
        border: 1px solid #999999;
    }

    .datagrid .datagridHeader a, .datagrid .datagridPager a {
        color: white;
        text-decoration: none;
    }

        .datagrid .datagridHeader a:hover, .datagrid .datagridPager a:hover {
            color: #FFFFCC;
            text-decoration: underline;
        }

    .datagrid .datagridPager td {
        text-align: center;
        font-weight: bold;
        height: 25px;
        background-color: #002c77;
        font-size: 15px;
        color: White;
        border: 1px solid #999999;
    }

    .datagrid .datagridPager a {
        font-size: 12px;
        margin-left: 2px;
        margin-right: 2px;
    }

    .datagrid .datagridHeader2 td {
        font-weight: bold;
        color: #000066;
        background-color: White;
        text-align: center;
    }

    .datagrid .datagridHeader td, .datagrid .datagridFooter td {
        font-weight: bold;
        background-color: #002c77;
        color: white;
    }


    .datagrid .datagridItem td {
        color: #000066;
        background-color: White;
    }

    .datagrid .datagridSelectedItem td {
        color: #000000;
        background-color: #002c7763;
    }

.iconSelected {
    position: absolute;
    background-image: url('Images/fleche_droite.gif');
    width: 22px;
    height: 22px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.datagrid .date {
    text-align: center;
    width: 80px;
}

.datagrid .mnt {
    text-align: right;
}

.datagrid .count {
    text-align: center;
    width: 35px;
}

.echeancierRed {
    color: Red;
}

.echeancierGreen {
    color: Green;
}

.echeancierYellow {
    color: Yellow;
}




.datagrid .datagridAlternatingItem td {
    color: #000066;
    background-color: #e5efff;
}


.datagrid .highlight td {
    background-color: #002c7773;
    color: #FFFFFF;
}

.datagrid .highlight a {
    color: #FFFFFF;
}

.panelClass {
    width: 300px;
}

#divPopup {
    position: absolute;
    padding: 10px;
    border: 2px solid #002358;
    background-color: #e9f2fc;
    top: auto;
    left: auto;
    z-index: 1000;
    border-radius: 5px;
}

#PopupButton {
    border: 1px solid #002358;
    text-align: right;
    padding: 5px;
    margin-top: 10px;
}

    #PopupButton table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0px;
    }

    #PopupButton input {
        cursor: pointer;
    }

#PanelInitialisation {
    position: absolute;
    padding: 10px;
    border: 2px solid #002358;
    background-color: White;
    width: 750px;
    height: 750px;
}

    #PanelInitialisation h3 {
        /*font-family: arial;*/
        font-size: 12pt;
        font-weight: bold;
    }

#ListeBiens {
    padding-left: auto;
    padding-right: auto;
}

    #ListeBiens .cartouche {
        border: 1px grey solid;
        padding: 5px 5px 5px 5px;
        width: 300px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    #ListeBiens th {
        text-align: left;
    }

    #ListeBiens td {
        text-align: right;
    }

    #ListeBiens h3 {
        text-align: center;
        border-bottom: 1px solid #002358;
        padding-bottom: 5px;
    }



.PopupGarantie h3 {
    text-align: center;
    border-bottom: 1px solid #002358;
    padding-bottom: 5px;
}


.PopupGarantie td {
    vertical-align: middle;
    text-align: right;
    padding-left: 10px;
}

.PopupGarantie th {
    text-align: left;
}

.SouscriptionSelected td {
    background-color: #C1FFC1;
    color: Black;
}

.ResilieSelected, .ResilieSelected a {
    color: Red;
    font-style: italic;
}

.datagrid .datagridAlternatingItem td.DataGridImage, .datagrid .datagridItem td.DataGridImage, .SouscriptionSelected td.DataGridImage, .datagrid .highlight td.DataGridImage {
    text-align: center;
}


.pivotTable {
    border-collapse: collapse;
}

    .pivotTable td {
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 4px;
        padding-bottom: 4px;
        vertical-align: middle;
    }

.pivotTopHead {
    /*font-family: Arial,Verdana;*/
    font-size: 12px;
    font-weight: bold;
    background-color: #002358;
    color: white;
    border: 1px white solid;
}


.pivotLeftCol {
    /*font-family: Arial,Verdana;*/
    font-size: 12px;
    font-weight: bold;
    background-color: #002358;
    color: white;
    text-align: left;
    border: 1px white solid;
    white-space: nowrap;
}


.pivotSubHead {
    /*font-family: Arial,Verdana;*/
    font-size: 11pt;
    font-weight: bold;
    background-color: #8ca6ce;
    color: white;
    border: 1px white solid;
}

.pivotItems {
    /*font-family: Arial,Verdana;*/
    font-size: 11px;
    font-weight: normal;
    background-color: white;
    color: black;
    text-align: right;
    border-left: 1px black solid;
}

.pivotAlternateItems {
    /*font-family: Arial,Verdana;*/
    font-size: 11px;
    font-weight: normal;
    color: black;
    text-align: right;
    border-left: 1px black solid;
}

.pivotTotals {
    /*font-family: Arial,Verdana;*/
    font-size: 11px;
    font-weight: bold;
    background-color: #002358;
    color: White;
    text-align: right;
    border: 1px white solid;
    white-space: nowrap;
}

/*
/* ---------------------------------------------------------------------------- */
/*																				*/
/* ---------------------------------------------------------------------------- */



.ReportViewerButtons {
    background-color: White;
    line-height: 30px;
}

    .ReportViewerButtons a {
        margin: 20px;
        color: #000066;
        text-decoration: none;
    }

        .ReportViewerButtons a:hover {
            color: #000066;
            text-decoration: underline;
        }


#PanelSelectionReportingSouscription th {
    vertical-align: top;
    text-align: right;
    padding-top: 7px;
}


#PanelSelectionReportingSouscription {
    margin-left: 10px;
}

.home {
    line-height: 20px;
}


#PanelSelectionReportingContact th {
    vertical-align: top;
    text-align: right;
    padding-top: 7px;
}


#PanelSelectionReportingContact {
    margin-left: 10px;
}

.home {
    line-height: 20px;
}


/* ---------------------------------------------------------------------------- */
/*								     Suivi d'exploitation						*/
/* ---------------------------------------------------------------------------- */

.suiviPanel .clp_Content {
    padding: 0px;
}

.suiviExpl {
    border: 1px white solid;
    border-collapse: collapse;
}

    .suiviExpl .remise {
        border: 1px white solid;
        width: 200px;
        padding-left: 5px;
        padding-right: 5px;
        vertical-align: middle;
    }

        .suiviExpl .remise span {
            font-size: 11px;
        }

    .suiviExpl td, .suiviExplRemise td {
        padding: 0px;
        height: 38px;
        /*font-family: Arial;*/
        border-top: 1px white solid;
        border-bottom: 1px white solid;
    }

    .suiviExpl .item {
        background-color: #CCCCCC;
        border-left: 1px solid #DDDDDD;
        border-right: 1px solid #DDDDDD;
    }

    .suiviExpl .altern {
        background-color: #EBEBEB;
        border-left: 1px solid #DDDDDD;
        border-right: 1px solid #DDDDDD;
    }

.suiviExplRemise {
    border: 1px white solid;
    width: 220px;
    border-collapse: collapse;
}

    .suiviExplRemise td {
        padding-left: 5px;
        padding-right: 5px;
        vertical-align: middle;
    }

        .suiviExplRemise td span {
            font-size: 11px;
        }

    .suiviExpl th, .suiviExplRemise th {
        color: #FFFFFF;
        background-color: #131343;
        font-size: 11px;
        width: 25px;
        border-right: 1px white solid;
    }

.suiviExpl .tp, .suiviExpl .nd, .suiviExpl .ec, .suiviExpl .ok, .suiviExpl .ko, .suiviExpl .al {
    text-align: center;
    width: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: bold;
}

    .suiviExpl .tp a, .suiviExpl .nd a, .suiviExpl .ec a, .suiviExpl .ok a, .suiviExpl .ko a, .suiviExpl .al a {
        color: Black;
    }

.suiviExpl .nd {
    background-color: #C0C0C0;
}

.suiviExpl .ec {
    background-color: yellow;
}

.suiviExpl .ok {
    background-color: green;
}

.suiviExpl .ko {
    background-color: red;
}

.suiviExpl .al {
    background-color: Orange;
}

.suiviExpl .today {
    background-color: #B9B9FF;
}

.suiviExpl .search {
    background-color: #00FFFF;
}

.suiviExpl .weekend {
    background-color: #99FFCC;
}

.divFooter {
    margin-left: 20px;
    padding-top: 20px;
}



/* ---------------------------------------------------------------------------- */
/*								     Referentiel             					*/
/* ---------------------------------------------------------------------------- */

.profilsAutorises {
    width: 50%;
    padding-right: 10px;
}

.profilsDisponibles {
    width: 50%;
    padding-left: 10px;
}

.DataGridRef {
    margin-right: 20px;
}

.InfoNbTables {
    font-style: italic;
    font-weight: bold;
}

/* ---------------------------------------------------------------------------- */
/*								     Reporting               					*/
/* ---------------------------------------------------------------------------- */


.ReportingContact {
    text-align: right;
    border-collapse: collapse;
    empty-cells: show;
}

    .ReportingContact td {
        border: 1px solid white;
        vertical-align: middle;
        padding-right: 4px;
    }

    .ReportingContact th {
        border: 1px solid white;
        vertical-align: middle;
    }

    .ReportingContact .item {
        background-color: #CCCCCC;
        height: 30px;
        font-size: 11px;
        font-weight: bold;
    }

        .ReportingContact .item span {
            font-size: 9px;
            font-style: italic;
            font-weight: normal;
        }

    .ReportingContact .altern {
        background-color: #EBEBEB;
        height: 30px;
        font-size: 11px;
        font-weight: bold;
    }

        .ReportingContact .altern span {
            font-size: 9px;
            font-style: italic;
            font-weight: normal;
        }

    .ReportingContact .status {
        color: #FFFFFF;
        background-color: #131343;
        text-align: left;
        height: 30px;
        padding-left: 5px;
        padding-right: 5px;
    }

        .ReportingContact .status div {
            width: 200px;
        }

    .ReportingContact .entete {
        color: #FFFFFF;
        background-color: #131343;
        text-align: center;
        font-size: 11px;
    }

    .ReportingContact .enteteGar {
        color: #FFFFFF;
        background-color: #131343;
        text-align: center;
        height: 45px;
        width: 90px;
        font-size: 12px;
    }

    .ReportingContact .enteteBis div {
        width: 50px;
    }

    .ReportingContact .vide {
        border: none;
    }

    .ReportingContact .enteteStatus {
        border: none;
        height: 79px;
    }

.Export {
    font-style: italic;
    text-align: right;
    padding-right: 65px;
}

.ExportXls {
    font-style: italic;
    text-align: left;
    padding-right: 65px;
}

.ReportingContact .coupure {
    border: none;
    height: 5px;
    font-size: 1px;
}

.ReportingContact .enteteBis {
    color: #FFFFFF;
    background-color: #131343;
    text-align: center;
    height: 30px;
    font-size: 10px;
}

/* ---------------------------------------------------------------------------- */
/*								Reporting Souscription         					*/
/* ---------------------------------------------------------------------------- */

.ReportingSouscription {
    text-align: right;
    border-collapse: collapse;
    empty-cells: show;
    font-size: 12px;
}

    .ReportingSouscription td {
        border: 1px solid white;
        vertical-align: middle;
    }

    .ReportingSouscription th {
        border: 1px solid white;
        vertical-align: middle;
        width: 70px;
    }

    .ReportingSouscription .entete {
        color: #FFFFFF;
        background-color: #131343;
        text-align: center;
        vertical-align: middle;
        height: 25px;
    }


    .ReportingSouscription .separateur {
        height: 5px;
        font-size: 1px;
        border: none;
    }

    .ReportingSouscription .enteteLeft {
        background-color: #131343;
        width: 150px;
        padding-left: 5px;
        color: White;
        text-align: center;
        font-weight: bold;
    }

    .ReportingSouscription .labelGarantie {
        background-color: #131343;
        color: White;
        text-align: left;
        height: 22px;
        padding-left: 5px;
    }

    .ReportingSouscription .LabelSite {
        text-align: left;
        height: 20px;
        text-align: left;
        padding-left: 5px;
    }

    .ReportingSouscription .LigneSiteItem {
        font-weight: bold;
        background-color: #EBEBEB;
    }

    .ReportingSouscription .LigneSiteAltern {
        font-weight: bold;
        background-color: #CCCCCC;
    }

    .ReportingSouscription .LigneTotalGarantie {
        height: 22px;
        background-color: #7E7D82;
        color: White;
        font-weight: bold;
    }


    .ReportingSouscription .LigneTotalToutesGaranties {
        height: 25px;
        background-color: #3F3F43;
        color: White;
        font-weight: bold;
    }

        .ReportingSouscription .LigneTotalToutesGaranties th {
            text-align: left;
            padding-left: 5px;
            width: 150px;
        }

    .ReportingSouscription .LigneTotalGarantie th {
        text-align: left;
        padding-left: 5px;
    }

    .ReportingSouscription .LigneTotalToutesGaranties td {
        width: 70px;
    }



/* ---------------------------------------------------------------------------- */
/*								Reporting Souscription  Mois   					*/
/* ---------------------------------------------------------------------------- */

.ReportingSouscriptionMois {
    text-align: right;
    border-collapse: collapse;
    empty-cells: show;
    font-size: 12px;
}

    .ReportingSouscriptionMois td {
        border: 1px solid white;
        vertical-align: middle;
    }

    .ReportingSouscriptionMois th {
        border: 1px solid white;
        vertical-align: middle;
        width: 40px;
    }

    .ReportingSouscriptionMois .entete {
        color: #FFFFFF;
        background-color: #131343;
        text-align: center;
        vertical-align: middle;
        height: 25px;
    }


    .ReportingSouscriptionMois .separateur {
        height: 5px;
        font-size: 1px;
        border: none;
    }

    .ReportingSouscriptionMois .enteteLeft {
        background-color: #131343;
        width: 150px;
        padding-left: 5px;
        color: White;
        text-align: center;
        font-weight: bold;
    }

    .ReportingSouscriptionMois .labelGarantie {
        background-color: #131343;
        color: White;
        text-align: left;
        height: 22px;
        padding-left: 5px;
    }

    .ReportingSouscriptionMois .LabelSite {
        text-align: left;
        height: 20px;
        text-align: left;
        padding-left: 5px;
    }

    .ReportingSouscriptionMois .LigneSiteItem {
        font-weight: bold;
        background-color: #EBEBEB;
    }

    .ReportingSouscriptionMois .LigneSiteAltern {
        font-weight: bold;
        background-color: #CCCCCC;
    }

    .ReportingSouscriptionMois .LigneSitePcentItem {
        font-weight: bold;
        background-color: #EBEBEB;
        font-size: 10px;
    }

    .ReportingSouscriptionMois .LigneSitePcentAltern {
        font-weight: bold;
        background-color: #CCCCCC;
        font-size: 10px;
    }

    .ReportingSouscriptionMois .LigneTotalGarantie {
        height: 22px;
        background-color: #7E7D82;
        color: White;
        font-weight: bold;
    }


    .ReportingSouscriptionMois .LigneTotalToutesGaranties {
        height: 25px;
        background-color: #3F3F43;
        color: White;
        font-weight: bold;
    }

        .ReportingSouscriptionMois .LigneTotalToutesGaranties th {
            text-align: left;
            padding-left: 5px;
            width: 150px;
        }

    .ReportingSouscriptionMois .LigneTotalGarantie th {
        text-align: left;
        padding-left: 5px;
    }

    .ReportingSouscriptionMois .LigneTotalToutesGaranties td {
        width: 40px;
    }

.TableauSelectRef {
    margin-left: 20px;
}

    .TableauSelectRef th {
        padding-right: 10px;
    }

.MessageVide {
    font-style: italic;
    font-weight: bold;
    margin-left: 20px;
}


.RegleGestion {
    font-style: italic;
    margin-right: 30px;
    margin-bottom: 10px;
    color: #000066;
}


/* ---------------------------------------------------------------------------- */
/*								Gestion des garanties        					*/
/* ---------------------------------------------------------------------------- */


#TableauSelection {
    text-align: left;
    font-size: 12px;
}



.TableauGarElem {
    border-collapse: collapse;
    font-size: 11px;
    width: 100%;
}


    .TableauGarElem input {
        font-size: 11px;
        width: 50px;
        text-align: center;
    }

    .TableauGarElem td, .TableauGarElem th {
        border: 1px solid white;
        text-align: left;
        vertical-align: middle;
        font-weight: bold;
        padding: 3px;
        vertical-align: middle;
    }

    .TableauGarElem th {
        font-weight: normal;
        text-align: right;
    }

.TableauGenHeader, .TableauGenFooter {
    padding: 5px;
    color: #E0E0E0;
    background-color: #131343;
    font-size: 15px;
    border: 1px solid white;
    text-align: left;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.TableauGenVide {
    border: 1px solid white;
    text-align: center;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
}

.TableauGenFooter {
    font-size: 12px;
    letter-spacing: normal;
    font-weight: normal;
}

    .TableauGenFooter span {
        font-weight: bold;
        color: white;
        padding-right: 50px;
    }

.TableauGarElem .Header {
    color: #FFFFFF;
    background-color: #366092;
}

    .TableauGarElem .Header th {
        padding: 5px;
        vertical-align: middle;
        font-weight: bold !important;
        text-align: center !important;
    }

.TableauGarElem .info {
    background-color: #B1B1B1;
}

.TableauGarElem .EnteteTableauBis div {
    width: 210px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.TableauGarElem .EnteteTableauBis {
    color: #FFFFFF;
    background-color: #131343;
}


.TableauGarElem .vide {
    border: none;
    height: 1px;
    font-size: 1px;
}

.TableauGarElem .Icone {
    border: none;
}

.TableauGarElem .TableauPart {
    width: 100%;
}

    .TableauGarElem .TableauPart td {
        vertical-align: top;
        border: none;
        text-align: center;
    }

.TableauGarElem .LigneItem th, .TableauGarElem .LigneItemAltern th {
    font-weight: normal;
    text-align: right;
}
/*	Tableau des courtiers   */

.TableauCourtier {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}


    .TableauCourtier th, .TableauCourtier td {
        border: 1px solid #999999 !important;
        font-size: 11px;
        padding: 3px;
        vertical-align: middle !important;
    }

    .TableauCourtier th {
        color: #333333;
        background-color: #366092;
        background-color: #B1B1B1;
        font-weight: bold !important;
        text-align: center !important;
    }

    .TableauCourtier td {
        background-color: #EBEBEB;
    }


/*	Tableau des totaux   */



.TableauTotaux {
    border-collapse: collapse;
    font-size: 11px;
}

    .TableauTotaux .LigneVide {
        border: none;
    }

    .TableauTotaux .Entete {
        color: #FFFFFF;
        background-color: #131343;
    }

    .TableauTotaux td {
        border: 1px solid white;
        text-align: left;
        vertical-align: middle;
        font-weight: bold;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 2px;
        padding-bottom: 2px;
    }


    .TableauTotaux th {
        border: 1px solid white;
        background-color: #EBEBEB;
    }

/*	Page garantie élémentaire   */

.FormulaireAjoutGarElem {
    border-collapse: collapse;
}

    .FormulaireAjoutGarElem th {
        text-align: right;
        width: 200px;
    }

    .FormulaireAjoutGarElem td {
        vertical-align: middle;
        padding-left: 5px;
    }

.FormulaireSuppGarElem {
    border-collapse: collapse;
}


    .FormulaireSuppGarElem td {
        vertical-align: middle;
        text-align: right;
    }

    .FormulaireSuppGarElem th {
        vertical-align: middle;
        text-align: left;
    }


.TableauCourtierSupp {
    border-collapse: collapse;
}

    .TableauCourtierSupp th {
        vertical-align: middle;
        text-align: left;
    }

    .TableauCourtierSupp td {
        vertical-align: middle;
        text-align: right;
        width: 200px;
    }

#ListeGarantiesElem #MessageInformatif {
    color: Red;
}

/*----------------------------------------------------------*/
/*          	        Bordereaux                          */
/*----------------------------------------------------------*/

.bordereaux {
    margin-left: 20px;
}

.bordereaux_vide {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 50px;
    font-size: 14px;
    font-weight: bold;
}

.bordereaux .page {
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}

    .bordereaux .page a {
        color: #949DB9;
        text-decoration: none;
    }

        .bordereaux .page a:hover {
            color: White;
        }

    .bordereaux .page div {
        text-align: center;
        border: 3px #E1E1FF solid;
        float: left;
        background-color: #002358;
        width: 23px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-left: 2px;
        margin-right: 2px;
        border: 1px #002358 solid;
    }

        .bordereaux .page div.sel {
            background-color: #E1E1FF;
            border: 1px #002358 solid;
            color: #949DB9;
        }

            .bordereaux .page div.sel a {
                color: #949DB9;
            }

.etatControle td div, .etatControle th div {
    overflow: hidden;
}

.tbl_bordereau, .etatControle table {
    border-collapse: collapse;
    width: 100%;
}

    .tbl_bordereau td, .tbl_bordereau th, .etatControle td, .etatControle th {
        border-right: 1px solid white;
        border-top: 1px solid white;
        vertical-align: middle;
        font-size: 9px;
        font-family: Verdana;
        padding-left: 2px;
        padding-right: 3px;
        padding-top: 4px;
        padding-bottom: 4px;
        height: 25px;
    }


    .tbl_bordereau .head th, .etatControle th {
        color: white;
        background-color: #002358;
    }

    .tbl_bordereau td, .etatControle td {
        white-space: nowrap;
        text-align: right;
    }

    .tbl_bordereau .lp, .etatControle .lp {
        background-color: #CCCCCC;
    }

    .tbl_bordereau .sg {
        border-left: 1px white solid;
    }

    .tbl_bordereau .sd {
        border-left: 1px white solid;
    }

    .tbl_bordereau .li, .etatControle .li {
        background-color: #EBEBEB;
    }

    .tbl_bordereau .txt {
        text-align: center;
    }

    .tbl_bordereau .txtLeft {
        text-align: left;
    }

.etatControle .txt {
    text-align: left;
}

.etatControle .sep td {
    border-right: 1px #002358 simple;
}

.tbl_bordereau .tot_rupt0 {
    font-weight: bold;
    font-size: 12px;
}

    .tbl_bordereau .tot_rupt0 td {
        font-size: 12px;
        border-bottom: 3px #002358 double;
        height: 30px;
        text-align: right;
    }

    .tbl_bordereau .tot_rupt0 th {
        padding-left: 30px;
        text-align: left;
        font-size: 12px;
        border-top: 1px #002358 solid;
        border-bottom: 3px #002358 double;
    }

.tbl_bordereau .tot_rupt1 {
    font-weight: bold;
    border-right: 1px #002358 solid;
    border-left: 1px white solid;
    font-size: 12px;
}

.tbl_bordereau .tot_rupt1_WhiteBorder {
    font-weight: bold;
    border-right: 1px white solid;
    border-left: 1px white solid;
    font-size: 12px;
}

.tbl_bordereau .tot_rupt1 td {
    border-bottom: 1px #002358 solid;
    font-size: 12px;
}

.tbl_bordereau .tot_rupt1 th {
    padding-left: 30px;
    text-align: left;
    font-size: 12px;
    border-bottom: 1px #002358 solid;
}

.tbl_bordereau .tot_rupt2 {
    font-weight: bold;
}

    .tbl_bordereau .tot_rupt2 td {
        font-size: 11px;
    }

    .tbl_bordereau .tot_rupt2 th {
        padding-left: 30px;
        text-align: left;
        font-size: 11px;
    }

.tbl_bordereau .tot_gen td, .tbl_bordereau .tot_gen th {
    font-size: 12px;
    background-color: #002358;
    color: White;
    border-bottom: 1px #white double;
    font-weight: bold;
}

.tbl_bordereau .tot_gen th {
    padding-left: 30px;
    text-align: left;
}

.etatControle .total {
    background-color: #999999;
}

    .etatControle .total td {
        font-weight: bold;
        font-size: 11px;
        border-top: 1px #002358 solid;
        border-bottom: 1px #002358 solid;
    }

.divSynthese {
    border: 1px #002358 solid;
    margin-top: 20px;
    margin-bottom: 20px;
}

.bordereau_g {
    margin-left: 5px;
    float: left;
    border-left: 1px #002358 solid;
    border-top: 1px #002358 solid;
    border-bottom: 1px #002358 solid;
    background-color: #002358;
}

.bordereau_o {
    float: left;
    border: 1px #002358 solid;
    background-color: #002358;
}

.ajax__tab_body {
    padding: 0px !important;
    border: none !important;
    font-size: 9px !important;
    font-family: Verdana !important;
}

.ajax__tab_header {
    font-size: 9px !important;
    font-family: Verdana !important;
}


.Pointeur {
    cursor: pointer;
}



.LienRefGarantie {
    float: right;
    font-style: italic;
}

.clp_Content {
    padding: 10px;
    border: 1px gray solid;
    margin-bottom: 20px;
}

.clp_Collapse, .clp_Expand {
    margin-top: 10px;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    padding-top: 3px;
    padding-left: 28px;
    height: 22px;
    border: 1px gray solid;
    margin-bottom: 2px;
}

.clp_Collapse {
    background-image: url('Images/clp_expand.gif');
    background-position: left top;
    background-repeat: no-repeat;
}

.clp_Expand {
    background-image: url('Images/clp_collapse.gif');
    background-position: left top;
    background-repeat: no-repeat;
}

.recl_trans {
    text-align: left;
    font-weight: bold;
    padding-left: 20px;
}

    .recl_trans table {
        border-collapse: collapse;
    }

.recl_motif {
    margin-left: 20px;
}

.rp%¨Mxcwtent {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}


/* EDITION DOC AR */

.Doc_AR td {
    width: 300px;
    font-weight: bold;
}

.CorpsDocAR {
    color: Red;
}

.Doc_AR_2 td {
    width: 150px;
}

.Doc_AR_2 th {
    text-align: left;
}

.PageDocAR {
    border: 1px solid black;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: White;
}

.ChoixReclam {
    padding-left: 20px;
    font-weight: bold;
}

.AllSelection, .AllSelection td {
    text-align: right;
    padding-right: 7px;
}

.errorEtape {
    text-align: center;
    margin-top: 100px;
    font-weight: bold;
    font-size: 14px;
    color: red;
}
/*--------------------------------------------------------------------------------------------------*/
/*                                STYLE TRAITEMENT APPELS                                           */
/*--------------------------------------------------------------------------------------------------*/

.infoBulle {
    background-position: left center;
    margin-left: 30px;
    margin-right: 30px;
    background-color: #FFFFCC;
    background-image: url('images/information.gif');
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 60px;
    padding-right: 5px;
    padding-top: 9px;
    padding-bottom: 9px;
    border-radius: 20px;
    text-align: left !important;
    font-weight: bold;
}


.blocTitre {
    border: 1px gray solid;
    /*font-family: Arial, Verdana;*/
    font-size: 16px;
    color: #ffffff;
    background-color: #002c77;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    margin-bottom: 5px;
}

.blocContenu {
    border: 1px gray solid;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

    .blocContenu .CellButton {
        text-align: right;
    }

.etapes .datagrid .datagridItem td, .etapes .datagrid .datagridAlternatingItem td, .etapes .eEncours, .etapes .eHisto, .etapes .eSuivante {
    background-color: white;
}

.etapes .eEncours {
    color: red;
    background-image: url('images/coche2.gif');
    background-repeat: no-repeat;
    background-position: 28px center;
}

.etapes .eHisto {
    color: black;
    background-image: url('images/coche.gif');
    background-repeat: no-repeat;
    background-position: 28px 5px;
}

    .etapes .eHisto .count, .etapes .eEncours .count, .etapes .eSuivante .count {
        text-align: left;
        padding-left: 10px;
    }

.etapes .eSuivante {
    color: #999999;
}

.garElemVert, .Tableau .garElemVert {
    background-color: #DCF0C6;
}

.garElemRouge, .Tableau .garElemRouge {
    background-color: #FFD0D0;
}

.garElemGris, .Tableau .garElemGris {
    background-color: #D9D9D9;
}

.popupControlsWidth {
    width: 500px;
}

.popupAlignRight {
    text-align: right;
}

.popupAlignLeft {
    text-align: left;
}

.listeMultiple {
    margin-top: 10px;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

    .listeMultiple th {
        font-size: 10pt;
        vertical-align: bottom;
        padding-bottom: 5px;
    }

    .listeMultiple .disabled, listeMultiple .disabled {
        background-color: #DDDDDD;
    }

    .listeMultiple .CellButton {
        text-align: center;
        vertical-align: middle;
    }

        .listeMultiple .CellButton input {
            width: 40px;
        }

.appel {
    margin-top: 10px;
    width: 700px;
}

    .appel .col1, .Tableau .col1, .TableauSelection .col1 {
        width: 150px;
    }

.materiels {
    background-color: lightgray;
    overflow: auto;
    height: 240px;
    width: 230px;
    padding: 5px;
}

.treeViewPgs .trv11 {
    width: 100px;
}

.treeViewPgs .trv21 {
    width: 280px;
}

.treeViewPgs .trv21, .treeViewPgs .trv22 {
    font-size: 10px;
}

.treeViewFct .trv11 {
    width: 100px;
}

.treeViewFct .trv21 {
    width: 100px;
}

.treeViewFct .trv21, .treeViewFct .trv22 {
    font-size: 10px;
}

/* Tableau d'affichage des propriétés souscription */

.TableauSouscription td {
    vertical-align: text-top;
}

.txtbox {
    padding: 0px;
    border-collapse: collapse;
}

    .txtbox td {
        padding: 0px;
    }

    .txtbox input {
        text-align: center;
    }
/*--------------------------------------------------------------------------------------------------*/
/*                                      STYLE BLOC INFORMATIONS                                     */
/*--------------------------------------------------------------------------------------------------*/

.blocInfo {
    margin-left: auto;
    margin-right: auto;
    background-color: #E1E1FF;
}

    .blocInfo th {
        font-size: 14px;
        color: #002358;
        font-weight: bold;
    }

    .blocInfo td, .blocInfo th {
        padding: 10px;
        border: 1px gray solid;
        vertical-align: middle;
    }

    .blocInfo .CellButton {
        text-align: right;
    }

/*--------------------------------------------------------------------------------------------------*/
/*                                      STYLE GRILLE TARIFAIRE                                      */
/*--------------------------------------------------------------------------------------------------*/

.grilleTarifaire td, .grilleTarifaire th {
    padding: 1px;
    border: 1px gray solid;
    vertical-align: middle;
    height: 5px;
}

.HauteurLigne tr, .HauteurLigne td {
    padding: 3px;
    height: 3px;
}

/*--------------------------------------------------------------------------------------------------*/
/*                                      STYLE GRILLE POUR LES GARANTIE a 0 ou obsoletes             */
/*--------------------------------------------------------------------------------------------------*/

.garantiePerimee td {
    font-style: italic;
    color: #0066FF;
    width: auto;
}
/*--------------------------------------------------------------------------------------------------*/
/*                                      STYLE INDISPONIBILITé                                     */
/*--------------------------------------------------------------------------------------------------*/

.indisponibilite {
    width: 700px;
    height: 100px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 20px;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
}

.indispoAdresseSam {
    padding-top: 3px;
    padding-left: 15px;
    text-align: center;
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 95%;
    text-align: center;
    margin-bottom: 30px;
}



.AttributSelection, .AttributSelection input {
    font-size: 7pt;
}

.alt {
    background-color: #EAEAFF;
}

.tab, .tabSin {
    border: 1px gray solid;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.tab {
    padding-top: 10px;
}

.lstSous .infoBulle {
    margin-top: 10px;
}

.message_popup {
    width: 500px;
    padding: 20px 5px 20px 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    font-size: 13px;
    border: 1px gray solid;
    background-color: #EAEAFF;
    -moz-box-shadow: 8px 8px 5px 0px #656565;
    -webkit-box-shadow: 8px 8px 5px 0px #656565;
    -o-box-shadow: 8px 8px 5px 0px #656565;
    box-shadow: 8px 8px 5px 0px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
}

    .message_popup span {
        font-weight: bold;
    }

    .message_popup .CellButton2 {
        margin-top: 30px;
    }
/* ---------------------------------------------------------------------------- */
/*						            CAPTCHA            		                	*/
/* ---------------------------------------------------------------------------- */

.TableauCaptcha {
    border: 1px black solid;
    font-weight: bold;
    background-color: White;
}

    .TableauCaptcha td {
        width: auto;
    }

.Error {
    color: Red;
}

.divWait {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    cursor: wait;
}

    .divWait div {
        background-color: White;
        width: 400px;
        background-image: url('Images/ajax-loader.gif');
        background-repeat: no-repeat;
        background-position: center center;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-top: 90px;
        padding-bottom: 10px;
        font-weight: bold;
        border: 1px black solid;
    }


.expl .col-1, .expl .col-2, .expl .col-3, .expl .col-4, .expl .col-5, .expl .col-6 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    flex: 1 1 200px;
    border: 10px #CACACA solid;
}

.expl .expl-cpt a {
    color: black;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .expl .expl-cpt a:hover {
        text-decoration: none;
        background: #777777;
        background: -moz-linear-gradient(top,#EEEEEE,#777777);
        background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#777777));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#777777',GradientType=0 );
        color: #002358;
    }

.expl .expl-cpt {
    border: 1px #9E9E9E solid;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.expl .col-1 {
    background-color: #DDDDDD;
    padding-top: 20px;
    padding-bottom: 20px;
}

.expl .col-2 {
    background-image: linear-gradient(to right, #008000, #57D53B);
}

.expl .col-3 {
    background-image: linear-gradient(to right, #FFA500, #FFD688);
}

.expl .col-4 {
    background: linear-gradient(to right, #FF0000, #FF9F9F);
}

.expl .col-5 {
    background: linear-gradient(to right, #FFFF05, #FFFFB3);
}

.expl .col-6 {
    background: linear-gradient(to right, #9E9E9E, #DADADA);
}

.expl .alrt::before {
    background: url('images/exclam_g.png') no-repeat;
    content: " ";
    width: 43px;
    height: 44px;
    position: absolute;
    margin-top: 7px;
    margin-left: 22px;
}

.expl .sel {
    font-weight: bold;
    border-color: #808080;
}




#divPopupMsg {
    background-color: white;
    border-radius: 4px;
    margin: 5px;
    width: 420px;
    min-height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 0px 0px 19px 0px rgba(164,157,157,0.75);
}

    #divPopupMsg .close {
        font-weight: bold;
        font-size: 30px;
        cursor: pointer;
        right: 0;
        top: 0;
        position: absolute;
        margin: 2px 5px;
        transform: rotate(45deg);
        transition-duration: 0.3s;
    }

        #divPopupMsg .close:hover {
            color: #00b2ff;
        }

    #divPopupMsg .title {
        text-align: center;
        margin-top: 10px;
        font-size: 16px;
        font-weight: bold;
        color: #00b2ff;
    }

    #divPopupMsg ul {
        list-style-type: none;
    }

    #divPopupMsg li {
        margin-bottom: 5px;
    }



.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
    background-image: none !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_inner,
.ajax__tab_xp .ajax__tab_header .ajax__tab_outer,
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    background-image: none !important;
}

.ajax__tab_xp .ajax__tab {
    border: 1px solid black;
}

    .ajax__tab_xp .ajax__tab:hover {
        background-color: #002c77;
        color: white;
    }

    .ajax__tab_xp .ajax__tab:hover a {
        color: white;
    }


.ajax__tab.ajax__tab_active {
    background-color: #002c77;
}

    .ajax__tab.ajax__tab_active a {
        color: white;
    }