/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : 
/////////////////////////////////////////////////////////////////////////////////////

*/

@font-face {
    font-family: 'Univers';
    src: url('../fonts/Univers.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Univers Condensed';
    src: url('../fonts/Univers-Condensed.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Univers Condensed Light';
    src: url('../fonts/Univers-CondensedLight.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Univers Condensed Light Oblique';
    src: url('../fonts/Univers-CondensedLtOblique.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Universal Condensed';
    src: url('../fonts/ufonts.com_universal-condensed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Consola';
    src: url('../fonts/consola.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*

/////////////////////////////////////////////////////////////////////////////////////
// Général
// Structure
// - Bandeau haut
// - Menu haut
// - Contenu
// tabsMetDesigner
// - Filtres
// - Tableau de données
// - Entête
// - Ligne
// - Ligne 1
// - Ligne 2
// - Ligne Warning
///////////////////////////////////////////////////////////////////////////////////*/



.panel100 {
    width: 100%;
}

.mfytable td,
table.ui-jqgrid-btable td {
    word-wrap: break-word;
}

.metEditorPanelBoard td a {
    display: block;
    padding: 3px 0;
}

#divConteneurContenu {
    min-height: calc(100vh - 22px);
}

#pageContent {
    /*min-height: calc(100vh - 22px);*/
    border-radius: 0;
    padding-bottom: 1px;
}

#mfy_version {
    text-align: right;
    padding: 10px !important;
    display: inline-block;
    width: 100%;
    position: fixed;
    z-index: -1;
    bottom: 0;
    right: 0;
    text-align: center !important;

}

table[id*="status"] div[class^="stat"],
#gview_dashboardstatus table div[class*="stat"],
#gview_dashboardstatus table div[class*="stat"].oneEm {
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    padding: 0 5px;
    font-weight: bold;
    color: #444444;
}

#pageContent table[id*="status"] div.stat00,
#gview_dashboardstatus table div.stat00 {
    background-color: #ea686b;
    color: white;
}

#pageContent table[id*="status"] div.stat05,
#gview_dashboardstatus table div.stat05 {
    background-color: #f0937e;
    color: white;
    width: 50%;
}

#pageContent table[id*="status"] div.stat07,
#gview_dashboardstatus table div.stat07 {
    background-color: #fff49b;
    width: 70%;
}

#pageContent table[id*="status"] div.stat09,
#gview_dashboardstatus table div.stat09 {
    background-color: #c7dc5b;
    width: 90%;

}

#pageContent table[id*="status"] div.stat10,
#gview_dashboardstatus table div.stat10 {
    background-color: darkcyan;
    color: white;
    width: 100%;
}

table.hscroll {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    display: block;
}

div.divMap {
    color: white;
    position: absolute;
    width: 15px;
}

span.jqGrid2csvButton img {
    cursor: pointer;

}

div.monospace {
    background-color: #dddddd;
    border: none;
    height: 37px;
    color: #595959;
    /*font-family: arial;*/
    padding: 8px;
    white-space: nowrap;
    width: 100% !important;
}

div.exampleColor {
    font-weight: bold;
    padding: 10px;
    text-align: center;
    text-shadow: 1px 1px #000;
    width: 200px;
    color: #fff;
}

span.MfySelectMap_removeme {
    cursor: pointer;
    float: right;
    margin-right: -19px;
    margin-top: -2px;
    padding: 1px 4px;
}

span.MfySelectMap_removeme:hover {
    background-color: #81b2e1;
}

embed.bg {
    background-position: center;
    background-repeat: no-repeat;
}

/* override ckeditor zindex and bring to front */
.cke_skin_kama div.cke_dialog_body {
    z-index: 10000;
}

table.WFAlertResults {
    /*width: 650px;*/
    margin: auto;
}

#WFAlertResultsDiv {
    max-height: 250px;
    overflow: auto;
}

table.WFAlertResults tbody tr:hover {
    background-color: #080;
    color: #fff;
    cursor: default;
}

table.WFAlertResults tr td {
    border: 1px solid #fff;
}

#WFAlertResults .caption {
    font-size: 110%;
    font-weight: bold;
    color: red;
    text-align: center;
}

.wfalertCount {
    background: repeating-linear-gradient( -55deg, #444, #444 2px, #CCC 2px, #CCC 5px );
    margin-left: 5px;
}

div.divTitleMap {
    font-size: 9pt;
    height: 1.3em;
    margin-top: -2em;
    overflow: hidden;
    text-align: center;
    text-shadow: 1px 1px #fff;
    font-weight: bold;
}

div.divTitleMapWarning {
    font-size: 9pt;
    height: 1.3em;
    overflow: hidden;
    text-align: center;
    text-shadow: 1px 1px #fff;
    font-weight: bold;
}

div.db_update_available,
div.browser_warning {
    position: fixed;
    top: -1px;
    left: 0;
    right: 0;
    background-color: yellow;
    text-align: center;
    padding: 5px;
}

div.browser_warning {
    z-index: 3999;
    background-color: yellow;
    border: 1px solid red;
}

div.db_update_available {
    z-index: 4000;
    background-color: #cdfaff;
}

#warningsmap_left td.nonEditable,
table tr.nonEditable {
    opacity: .6;
}

table tr.nonEditable td {
    font-style: italic;
    background-color: #eee;
    color: #333;
}

#warningsmap_left td.nonEditable span,
#warningsmap_left td.editable span {
    padding: 0px 2px;
    cursor: pointer;
    color: white;
    float: left;
    display: block;
    text-align: center;
    border-radius: 3px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

#warningsmap_left td img {
    max-height: 17px;
    max-width: 17px;
}

#warningsmap_left~table td>.form-group:not(:last-child) {
    width: 48% !important;
    float: left;
}

#warningsmap_left~table td>.form-group:first-child {
    margin-right: 4%;
}

#warningsmap_left~table td>.form-group select {
    min-width: inherit !important;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Général
///////////////////////////////////////////////////////////////////////////////////*/
body,
html {
    margin: 0;
    padding: 0;
}

div.divSeparateurInvisible {
    clear: both;
    height: 2px;
}

div.divSeparateurInvisible hr {
    display: none;
}

img {
    border: 0;
    vertical-align: middle;
}

a {
    text-decoration: none;
    color: #595959;
}

/* Général */
html {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 100%;
}

body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    background-image: url(../images/background/back-page-type.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-attachment: fixed;
    font: normal 12px Helvetica, Verdana, Arial, sans-serif;
}

/*font:normal 12px Verdana, Helvetica, Arial, sans-serif;*/
form {
    padding: 0;
    margin: 0;
}

input:disabled, select:disabled {
    background-color: #f3f3f3 !important;
    color: #666 !important;
}

caption {
    width: 100%;
    display: block;
    padding: 10px;
}

#divContentLogin {
    margin: 0 auto;
    clear: left;
    position: relative;
    height: 100%;
    width: 100%;
    min-width: 1400px;

    background-image:
        url(../images/mfy/degrade_bleu.png),
        url(../images/mfy/fond_terre.png),
        url(../images/mfy/rosas.png),
        linear-gradient(#343436 0%, #343436 30%, #fcfefd 100%);

    background-size:
        30%,
        90%,
        620px,
        100%;

    background-repeat:
        repeat-y,
        no-repeat,
        no-repeat,
        no-repeat;


    background-position:
        top right,
        bottom center,
        -5px -5px,
        top;
}

#divLoginZone {
    border-radius: 0;
    clear: both;

}

#divContentLogoCustomer {
    position: absolute;
    width: 84px;
    height: 84px;
    top: 468px;
    left: 1069px;
}

#divContentLogin #logolog {
    width: 100%;
    position: relative;
    top: 15px;
    left: 0;
    right: 0;
    float: left;
    background: url(../images/mfy/logo_mfy_2019.png);
    background-size: 420px;
    background-position: center;
    background-repeat: no-repeat;
    height: 235px;
}

#divContentLogin #logolog>* {
    display: inline-block;
    line-height: 50px;
    float: left;
}

.loginBlock {
    text-align: center;
    width: 63%;
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#divLoginMessage {
    clear: both;
    padding-top: 12px;
    text-align: center;
    color: red;
    font-weight: bold;
}

#divLoginContent label {
    color: #fefefe;
    font-family: Univers Condensed Light;
    font-size: 12pt;
    display: inline-block;
    float: left;
    margin-bottom: 5px;
}

#divLoginContent label:hover {
    text-decoration: none;
}

#divLoginContent .form-group {
    width: 500px;
    margin: 15px auto;
}

#divLoginContent input {

    margin: 3px auto;
    width: 500px;
    font: normal 13px Helvetica, Arial, sans-serif;
    line-height: normal;
    color: #525252;
    line-height: 37px;
    padding: 0 8px;
    border-radius: 3px;
    border: none;
    display: block;
}

#divLoginContent img {
    float: right;
    margin: 5px 27px 0 0;
}

#signin {
    background-color: #4c687e;
    background-image: linear-gradient(to bottom, #4c687e, #324759);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding-right: 0px;
    padding-left: 0px;
    transition: 0.3s;

    margin: 35px 0 15px 0;
    display: block;
    padding: 6px 15px;
    font-size: 14px;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;

    width: 500px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 3px;
}

#signin:hover {
    background-color: #ffcc00;
    background-image: linear-gradient(to bottom, #d6ac31, #ffcc00);
    color: #6a591d;
}

.logo-picto {
    background-image: url(../images/mfy/logo_mfy.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    width: 50px;
    margin-right: 12px;
}

.logo-bold,
.logo-thin {
    color: white;
    font-size: 30px;
}

.logo-bold {
    font-weight: 700;
}

.logo-mfi,
.logo-client {
    height: 100px;
    width: 286px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 45px;
}

.logo-mfi {
    background-image: url(../images/mfy/logo_mfi.png);
    left: 30px;
}

.logo-client {
    /*left: calc(100vw - 340px);*/
    left: inherit;
    right: 45px;
    text-align: right;
}


#imageRosas {
    width: 280px;
    height: 295px;
    top: 0;
    left: 0;
    overflow: hidden;
}

#imageRosas::after {
    content: "";
    display: block;
    position: absolute;
    left: -60px;
    top: -46px;
    width: 338px;
    height: 338px;
    background-color: grey;
    overflow: hidden;
    border-radius: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-duration: 20s;
    animation-direction: alternate;
}



#imageRosas::after {
    background-image:
        url(../images/loginslider/slide1.jpg),
        url(../images/loginslider/slide2.jpg),
        url(../images/loginslider/slide3.png),
        url(../images/loginslider/slide4.png);

    background-position:
        0 center,
        338px center,
        676px center,
        1014px center;

    animation-name: changeImage;
    opacity: 1;
    z-index: 20;
}



@keyframes changeImage {
    0% {
        background-position:
            0px center,
            338px center,
            676px center,
            1014px center;
    }

    20% {
        background-position:
            0px center,
            338px center,
            676px center,
            1014px center;
    }

    25% {
        background-position:
            -338px center,
            0px center,
            338px center,
            676px center;
    }

    45% {
        background-position:
            -338px center,
            0vw center,
            338px center,
            676px center;
    }

    50% {
        background-position:
            -676px center,
            -338px center,
            0px center,
            338px center;
    }

    70% {
        background-position:
            -676px center,
            -338px center,
            0px center,
            338px center;
    }

    75% {
        background-position:
            -1014px center,
            -676px center,
            -338px center,
            0px center;
    }

    95% {
        background-position:
            -1014px center,
            -676px center,
            -338px center,
            0px center;
    }

    100% {
        background-position:
            -1014px center,
            -676px center,
            -338px center,
            0px center;
    }



}





/* /////////////////////////////////////////////////////////////////////////////////
//   convenience classes
//////////////////////////////////////////////////////////////////////////////////*/
.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.nobr {
    white-space: nowrap;
}

.red {
    color: red;
}

.bold {
    font-weight: bold;
}


/*///////////////////////////////////////////////////////////////////////////////////
// Structure
///////////////////////////////////////////////////////////////////////////////////*/


#divConteneurMenuHaut {
    position: fixed;
    width: 100%;
    z-index: 20;
    top: 65px;
    left: 0;
}



#divConteneurIdentite span#spanNomMachine {
    font: italic normal 12px Helvetica, Arial, sans-serif;
    color: #418502;
}

#divConteneurIdentite img {
    width: 18px;
    position: relative;
    top: 8px;
    left: -5px;
}

#help {
    position: absolute;
    right: 625px;
    color: white;
    text-align: right;
    top: 17px;
}

/*#help a[title*="Sign out"]*/

#help a {
    float: right;
    padding: 0px 8px;
    text-align: center;
    background-color: #222;
    font-weight: 600;
    font-size: 12px;
    transition: 0.3s;
    height: 30px;
    margin-left: 8px;
    line-height: 32px;
}

#help a:hover {
    background-color: #ffcc00;
    color: #6a591d;
}

#help br {
    display: none;
}

#help * {
    color: white;
    font-size: 12px;
    font-family: normal 12px Helvetica, Arial, sans-serif;
    line-height: 13px;
    cursor: pointer;
}

#help a.button.small {
    display: block;
}


#help *:hover {
    background: transparent;
    border: blanchedalmond;
}

#help img {
    height: 17px;
    position: relative;
    top: -1px;
    left: -2px;
}

#divConteneurDateHeure {
    position: absolute;
    top: 6px;
    right: 405px;
    width: 203px;
    text-align: left;
    color: white;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 15px;
}


#divConteneurDateHeure p span {
    margin-top: 2px;
}


#divConteneurDateHeure p br {
    display: none;
}

#divConteneurDateHeure p strong {
    display: block;
}

#divConteneurDateHeure p strong~span {
    position: relative;
    top: 4px;
    font-size: 11px;
}



span#spanIdentifiant small {
    position: relative;
    top: 0;
    padding-left: 22px;
}

#divConteneurBandeauHaut #divConteneurLogo {
    position: absolute;
    right: 0;
    top: 0;
    height: 65px;
    padding: 10px 20px;
    box-sizing: border-box;
    /*background: white;*/
    width: auto;
    max-width: 230px;
}


#divConteneurLogo img {
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    display: block;
}

/* Menu haut */
div.marginAuto {
    margin: 0px auto;
}



.divOngletMenuHaut p img,
.divOngletMenuHautOver p img {
    width: 26px;
    margin-bottom: 3px;
    margin-right: 5px;
}

#hidemenu {
    margin: 0 auto;
    position: relative;
    width: auto;
    height: 78px;
    background: #FFFFFF;
    opacity: .50;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    display: none;
}



div.divOngletMenuHaut p a:link,
div.divOngletMenuHautOver p a:link,
div.divOngletMenuHaut p a:active,
div.divOngletMenuHautOver p a:active,
div.divOngletMenuHaut p a:hover,
div.divOngletMenuHautOver p a:hover,
div.divOngletMenuHaut p a:visited,
div.divOngletMenuHautOver p a:visited {
    text-decoration: none;
}

div.divOngletMenuHaut p a,
div.divOngletMenuHautOver p a {
    color: white;
    text-transform: uppercase;
    font-family: Univers Condensed;
    padding: 0 8px;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 300;
    line-height: 35px;
    height: 35px;
    display: block;
}

div.divOngletMenuHaut p a strong,
div.divOngletMenuHautOver p a strong {
    font-weight: 900;
}


.clockHourLocale,
#clockdayLocale {
    display: none;
}

#divConteneurDateHeure:hover .clockHourGMT,
#divConteneurDateHeure:hover #clockday {
    display: none;
}

#divConteneurDateHeure:hover .clockHourLocale,
#divConteneurDateHeure:hover #clockdayLocale {
    display: inline;
}

/* Contenu */
#divConteneurContenu,
#divConteneurContenu_drbdcode {
    clear: left;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: auto;
}

#divConteneurMenuHaut~#divConteneurContenu {
    top: 100px;
}

.ui-tabs-nav li img {
    height: 23px;
    width: auto;
}




/*///////////////////////////////////////////////////////////////////////////////////
// tabsMetDesigner
///////////////////////////////////////////////////////////////////////////////////*/


#divTabsMetDesigner-1 {
    position: relative;
}

/* Filtres */
#divConteneurFiltres {
    position: relative;
    /*margin: 0;*/
    min-height: 50px;
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-flow: wrap;
}



#divConteneurFiltres radiogroup {
    margin: 10px 0;
    display: block;
    max-width: inherit;
}

#divConteneurFiltres radiogroup label {
    margin-right: 8px;
}

/*
#divConteneurFiltres *{
	max-width: 200px;
}*/

#divConteneurFiltres #divFiltreAdd>.button:first-child {
    margin-left: 0;
}

#divConteneurFiltres select,
#divConteneurFiltres input,
#divConteneurFiltres .button,
#divConteneurFiltres button {
    margin-bottom: 0;
}

#divConteneurFiltres a[title*="Export as CSV File"] {
    float: left;
    position: relative;
    top: 2px;
}

#divConteneurFiltres input:not([type="radio"]):not([type="checkbox"]),
#divConteneurFiltres select,
select.mfy,
#pageContent select,
.divTab select,
#pageContent input:not([type="radio"]):not([type="checkbox"]) {
    border: none;
    background-color: #f6f6f6;
    min-height: 37px;
    max-width: inherit;
    display: inline-block;
    float: left;
    box-shadow: none;
    border-radius: 3px;
    padding: 9px 8px;
    background-position: left center;
    background-size: 24px;
    text-align: left;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}


#pageContent .divTab select,
#pageContent .divTab input:not([type="radio"]):not([type="checkbox"]):not(button):not(.button),
#pageContent .divTab .chosen-container-single .chosen-single,
#pageContent .white-panel #divConteneurFiltres select,
#pageContent .white-panel #divConteneurFiltres input:not([type="radio"]):not([type="checkbox"]):not(button):not(.button),
#pageContent .white-panel select,
#pageContent .white-panel input:not([type="radio"]):not([type="checkbox"]):not(button):not(.button),
#pageContent .white-panel .chosen-container-single .chosen-single,
#pageContent .white-panel #divConteneurFiltres .chosen-container-single .chosen-single,
#pageContent #help_content select,
#pageContent #help_content input:not([type="radio"]):not([type="checkbox"]):not(button):not(.button),
#pageContent #help_content .chosen-container-single .chosen-single,
#pageContent .ui-tabs-panel .ui-tabs-panel .chosen-container-single .chosen-single,
#pageContent .ui-tabs-panel .ui-tabs-panel select,
#pageContent .ui-tabs-panel .ui-tabs-panel input:not([type="radio"]):not([type="checkbox"]):not(button):not(.button) {
    /*background-color: #dddddd;*/
    background-color: white;
    border: 1px solid #bbb;
    box-shadow: none;
}

#pageContent #help_content .chosen-container-single .chosen-single,
#pageContent .divTab .chosen-container-single .chosen-single,
#pageContent .white-panel #divConteneurFiltres .chosen-container-single .chosen-single,
#pageContent .white-panel .chosen-container-single .chosen-single,
#pageContent .ui-tabs-panel .ui-tabs-panel .chosen-container-single .chosen-single {
    background-image: none;
}


#pageContent input.button {
    text-align: center !important;
}


.chosen-container a.chosen-single {
    padding-right: 25px !important;
}

.chosen-container .chosen-results li {
    white-space: nowrap;
    width: auto;
}

.chosen-container-single .chosen-drop {
    width: auto;
    max-width: 700px;
    width: 100% !important;
}

.chosen-search>input[type="text"] {
    width: 100% !important;
}


#pageContent .chosen-with-drop .chosen-drop {
    border: none;
    min-width: 200px;
    top: 38px;
    left: 0;
    border-radius: 0 0 4px 4px;
    padding-top: 5px;
}

#pageContent .chosen-with-drop .chosen-single {
    border-radius: 4px 4px 0 0 !important;
}

#divConteneurFiltres .chosen-container a,
#pageContent .chosen-container a {
    height: 37px;
    line-height: 37px;
    padding: 7px 8px;
    border-radius: 3px;
    border: none;
    box-shadow: none;
}

#pageContent .chosen-container {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}

#pageContent #listDisseminations #divConteneurFiltres .chosen-container {
    max-width: 210px !important;
}

#pageContent #listDisseminations #divConteneurFiltres span {
    max-width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



#pageContent .chosen-container-single .chosen-search {
    display: inline-block;
    width: 100%;
}

#pageContent .chosen-container-single .chosen-search input[type=text] {
    background-color: #f4f4f4;
    background-image: url(/media/images/icon/mfy-search.png);
    background-repeat: no-repeat;
    padding-left: 34px;
    background-size: 24px;
}

#pageContent select {
    background-image: -webkit-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%) repeat;
}

#pageContent td .chosen-container a {
    max-width: inherit;
}

#divConteneurFiltres .chosen-container-single .chosen-single div b,
#pageContent .chosen-container-single .chosen-single div b {
    background-position: 0 9px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b,
#pageContent .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 8px;
}

#pageContent tr td .chosen-container .chosen-drop {
    z-index: 9999;
}


#pageContent .active-result.level_0 {
    color: white;
}

#pageContent .chosen-container .chosen-results li:not(.group-result):hover {
    color: white;
}

#divConteneurFiltresProducer {
    position: relative;
    margin: 20px 0 0 50px;
    height: 70px;
}

/*
#divFiltreType {
	float: left;
}

#divFiltreType + #divFiltreType {
	margin-left: 15px;
}

#divFiltreCategory {
	float: left;
	margin-left: 15px;
}*/

.generators select {
    max-width: 400px;
}

#divFiltreCategory select {
    width: 190px;
}

#divFiltreCategoryBis {
    float: left;
}

#divFiltreProductionCenter {
    float: left;
}

#divFiltreType span,
#divFiltreCategory span,
#divFiltreProductionCenter span {
    font: bold 12px Helvetica, Arial, sans-serif;
    color: #58585a;
}

#divConteneurFiltres>* {
    margin-right: 15px;
    margin-bottom: 15px !important;
    float: left;
    width: auto !important;
}

#divFiltreType select {
    width: 120px;
}

#divFiltreSearch {
    float: left;
}

#divFiltreSearchInput {
    float: left;
}

#divFiltreComponentType {
    float: left;
}

#divFiltreSearchInput input {
    width: 120px;
}

#divFiltreSearchBtnOk {
    float: right;
    padding-left: 5px;
}



#divFiltreAdd {
    float: right;
    margin-bottom: 15px;
    text-align: right;
}

#divConteneurFiltres #divFiltreAdd {
    margin-bottom: 0;
}

#divFiltreData {
    float: right;
    padding-right: 40px;
    padding-top: 8px;
    text-align: right;
}

#divConteneurTableau {
    width: 100%;
}

table#tableData {
    width: 1135px;
}

#divConteneurFiltres span,
#divGroupBy span {
    font-weight: bold;
    padding-bottom: 5px;
    display: block;
    margin: 0;
    color: #222;
}

#divConteneurFiltres br,
#divGroupBy br {
    display: none;
}

#divConteneurFiltres a span,
#divGroupBy a span {
    font-weight: normal;
    padding-bottom: inherit;
    display: inline-block;
    color: #222;
}

/* Entete */
th#thWarningLeft {
    width: 36px;
    background: none !important;
    border: none;
}


.mfytable thead tr :first-child {
    border-radius: 0;
}

.mfytable thead tr :last-child {
    border-radius: 0;
}

.mfytable thead tr th {
    border-right: 1px solid #fff;
}

.mfytable th a {
    color: #fff !important;
}

.mfytable th {
    /* clara */
}

.mfytable {
    width: 100%
}

.mfytable th.highlight {
    /* clara */
}

.ui-th-column {
    /* clara*/
}

td.highlight {
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #6f6f6f;
    text-align: center;
}

th#thId,
th#thTitle {
    height: 20px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    font: bold 12px Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
}

th#thId {
    width: 75px;
}

th#thTitle {
    width: 331px;
}

th#thType,
th#thCategory,
th#thProductionCenter,
th#thActions {
    height: 20px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    font: bold 12px Helvetica, Arial, sans-serif;
    color: #3a6207;
    text-align: center;
}

th#thType {
    width: 152px;
}

th#thCategory {
    width: 145px;
}

th#thProductionCenter {
    width: 150px;
}

th#thActions {
    width: 200px;
    border-right: none;
}

th#thWarningRight {
    width: 36px;
    background: none;
    border: none;
}

/* Ligne */
.tdLigneCellGD {
    height: 36px;
    text-align: center;
}

.tdLigneBasTable {
    border-bottom: 1px solid #dddddd;
}

/* Ligne 1 */
tr.disseminationdone .tdLigne1Cell1 {
    background: #aaaaff;
}

tr.disseminationdone .tdLigne2Cell1 {
    background: #bbbbff;
}

.jqgrow td b {
    color: #555;
}

.altRow td {
    background: #e5f2d7;
}



.tdLigne1Cell3 img {
    margin: 0 5px 0 5px;
}


.tdLigne2Cell3 img {
    margin: 0 5px 0 5px;
}

/* Ligne Warning simple administration */
.tdLigne1WarningCell1 {
    background: #f1a811;
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    border-right: 1px solid #fff;
}

.tdLigne1WarningCell1Left {
    background: #f1a811;
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: left;
    border-right: 1px solid #fff;
}

.tdLigne2WarningCell1 {
    background: #f1a811;
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    border-right: 1px solid #fff;
}

/* Ligne Warning */
.tdLigneWarningCell1,
td.producterror {
    background: #f1a811;
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    border-right: 1px solid #fff;
}

.tdLigneWarningCell1Left,
td.producterrorLeft {
    background: #f1a811;
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: left;
    border-right: 1px solid #fff;
}

.tdLigneWarningCell2 {
    padding-left: 10px;
    padding-right: 10px;
    background: #f1a811;
    font: bold 18px Helvetica, Arial, sans-serif;
    color: #fff;
    border-right: 1px solid #fff;
}

.tdLigneWarningCell3 {
    background: #f1a811;
    text-align: center;
}

.tdLigneWarningCell3 img {
    margin: 0 5px 0 5px;
}

/* Ligne Information */
.tdLigneInformationCell1 {
    background: #71ba4a;
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    border-right: 1px solid #fff;
}

.tdLigneInformationCell2 {
    padding-left: 10px;
    padding-right: 10px;
    background: #71ba4a;
    font: bold 18px Helvetica, Arial, sans-serif;
    color: #fff;
    border-right: 1px solid #fff;
}

.tdLigneInformationCell3 {
    background: #71ba4a;
    text-align: center;
}

.tdLigneInformationCell3 img {
    margin: 0 5px 0 5px;
}

.home {
    background: url(../images/home/back-login-page.png) no-repeat top left;
    width: auto;
    height: 662px;
}

#logo {
    cursor: pointer;
}



.button.disabled {
    opacity: 0.8;
    color: #666;
    background-color: #ccc;
}

.button.disabled:hover {
    color: #666;
    cursor: default;
    background-color: #ccc;
}

.button img {
    height: 16px;
    width: 16px;
    position: relative;
    top: -1px;
}

.button img[src*="outWarning"] {
    top: -1px;
    margin-right: 8px;
}

/*
.button img.tiny {
    max-height: 11px;
}*/

.small {
    font-size: 10px;
    font-weight: normal;
}


.button.tiny {
    margin: 1px;
    font-weight: normal;
    font-size: 7pt;
    line-height: .9em;
}

button:hover,
.button:hover,
a.button:hover {
    background-color: #81b2e1;
    border: none;
    color: #ffffff;
    outline: none;
}

input.button {
    color: #222222;
}

button:active,
.button:active {
    border: none;
    background-color: #81b2e1;
    font-weight: bold;
    color: #ffffff;
    outline: none;
}

/********************************
 * Encarts verts et table 
********************************/

#adminweatherforecast table {
    width: calc(100vw - 380px);
}

table.tableContenuEncart2Colonnes {}

.tdCellProprieteEncart,
.tdCellAttributEncart,
.tdCellLigne1Encart,
.tdCellLigne2Encart,
.tdCellProprieteDisabledEncart {
    padding: 3px 5px 3px 0;
    font: 13px Helvetica, Arial, sans-serif;
    color: #6F6F6F;
    vertical-align: top;
}

#divConteneurContenu .tdCellProprieteEncart,
#divConteneurContenu #pageContent #adminweatherforecast .tdCellProprieteEncart {
    width: 8%;
    text-align: left;
    padding-left: 10px;
    border: 1px solid white;
    border-width: 0px 0 1px 1px;
    background: #88b0ec;
    color: white;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 10px;
}

#divConteneurContenu #pageContent #adminweatherforecast .tdCellProprieteEncart {
    border-width: 0;
}

#adminweatherforecast .tdCellProprieteEncart br {
    display: block;
}

#divConteneurContenu #pageContent #adminweatherforecast .tdCellLevel {
    padding: 10px;
}

/*

#divConteneurContenu #pageContent #adminweatherforecast .tdCellLevel {
    padding: 0px !important;
    background: white !important;
}


#divConteneurContenu #pageContent #adminweatherforecast .tdCellLevel span.quickeditor {
    display: block;
    height: 1000%;
    width: 100%;
    float: left;
    border: 1px solid red;
}*/

#divConteneurContenu #pageContent #adminweatherforecast .tdCellProprieteEncart strong {
    margin-bottom: 5px;
}


#divConteneurContenu .weatherTable>tbody>tr:last-child td.tdCellProprieteEncart {
    border-bottom: none;
}

#overflow-x {
    width: 100%;
    overflow-x: auto;
}

.tdCellProprieteEncart>strong {
    font-weight: normal;
}

.tdCellAttributEncart {
    padding-left: 5px;
    font-weight: normal;
    text-align: left;
}

.tdCellLigne1Encart {
    padding-left: 15px;
    text-align: left;
    background-color: white;
}

.tdCellLigne2Encart {
    padding-left: 15px;
    text-align: left;
    background-color: #ecf4fe;
}

/********************************
 * Typo 
*********************************/
h1.h1TitreMetEditor {
    padding: 0;
    margin: 0;
    color: white;
    font-size: 26px;
    font-family: Univers Condensed;
    font-weight: 400;
    line-height: 1.2;
}


h2 {
    font-family: 'Univers';
    font-weight: normal;
    font-size: 18px;
    color: #37474f;
}

h3 {
    font-family: 'Univers Condensed';
    font-size: 18px;
    font-weight: normal;
    color: #37474f;
    margin-top: 8px;
}

h3 .chosen-container {
    margin-left: 8px;
}

h3.h3TitreContenu {
    margin-top: 0;
    font-size: 26px;
    font-family: Roboto, sans-serif;
    font-family: Univers Condensed;
    font-weight: 400;
    line-height: 1.2;
    /*color: white;*/
    margin-bottom: 0;
}

h3.h3TitreContenu img {
    height: 35px;
    width: 35px;
    min-width: 35px;
    position: relative;
    top: -2px;
    left: 0px;
    margin-right: 5px;
}

h3.p30 {
    padding: 0 30px;
    margin-top: 30px;
}

#pageContent form tr td h3 {
    font-size: 20px;
    margin: 10px 0;
}

table h3.h3TitreContenu,
div.divTab h3.h3TitreContenu,
.ui-widget-content h3.h3TitreContenu {
    color: #212933;
}

h3.h3TitreContenu+* {
    margin-top: 30px;
}

h3.h3TitreContenu+*[style*="display"][style*="none"]+* {
    margin-top: 30px;
}

.clearspacer {
    /*display: none;*/
}

.clearspacer+* h3.h3TitreContenu {
    margin-top: 30px;
}

h3.h3TitreContenu+small {
    margin-top: 5px;
    margin-bottom: 30px;
    display: block;
    color: #444;
    font-size: 14px;
    font-weight: normal;
    background: none;
}

h3.h3TitreContenu:not(:first-of-type) {
    margin-top: 30px;
}

h3.h3TitreContenu2 {
    padding: 15px 0 0 0;
    margin: 0;
    color: #63aa00;
    font: bold 14px Helvetica, Verdana, Arial, sans-serif;
    text-decoration: underline;
    margin-bottom: 15px;
}

h4.h4TitreContenu {
    padding: 10px 0 0 0;
    margin: 0;
    color: #CE6C1F;
    font: bold 15px Helvetica, Verdana, Arial, sans-serif;
    text-decoration: none;
    margin-bottom: 12px;
}

span.spanStyle2 {
    font: bold 12px Helvetica, Verdana, Arial, sans-serif;
    color: #fff;
}

span.spanStyledate {
    color: #fff;
    font-family: Univers Condensed;
    font-weight: normal;
    font-size: 24px;
}

/**************************
* Structure 4 map 
***************************/


/****************************
 * Img MetEditor
*****************************/
img.imgWarningLevel {
    margin: 2px;
}

img.imgAwarnessReport {
    margin: 15px;
}

a.initializationList {
    color: #777777;
    display: block;
    font: bold 12px Helvetica, Verdana, Arial, sans-serif;
    margin: 0;
    padding: 3px;
    text-align: left;
    text-decoration: none;
}

a.initializationList:hover {
    color: #F9903b;
}

/********************************************
 * Couleur des lignes pour les écrans report 
*********************************************/

/* marron */
td.Delay0 {
    background-color: #cbbba1;
    color: #ffffff;
}

/* gris */
td.Delay1 {
    background-color: #E6E6E6;
    color: #999999;
}

/* vert */
td.Delay2 {
    background-color: #a5cb64;
    /* 87d302 */
    color: #ffffff;
}

td.Delay2 {
    background-color: #a5cb64;
    color: #ffffff;
}

/* orange */
td.Delay3 {
    background-color: #F9CB3B;
    color: #ffffff;
}

/* rouge  */
td.Delay4 {
    background-color: #C16281;
    color: #ffffff;
}

/* bleu */
td.Delay5 {
    background-color: #D4E4F9;
    color: #4590F4;
}

.panel {
    min-height: 500px;
    width: 100%;
}

/*****************************************
 * Utils
 *****************************************/

/* Tips, Error, Message */
.error {
    font-size: 14px;
    padding-left: 30px;
    color: #37474f;
    background: url(../images/picto/icone_security.png) no-repeat left center;
    background-size: 18px;
    margin-top: 15px;
    line-height: 22px;
}

#datastatus .error {
    margin-top: 0;
}

.alert {
    font-weight: bold;
    padding-left: 22px;
    color: orange;
    background: url(../images/picto/icone_security.png) no-repeat left center;
    background-size: 14px;
}

textarea.error {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    font-weight: inherit !important;
    padding-left: inherit !important;
}

.info:not(.button),
.message {
    font-size: 110%;
    font-weight: bold;
    padding-left: 22px;
    padding-left: 0;
    background: none !important;
    /*

    color: #4D84A7;
    background: url(../images/picto/icon-info.png) no-repeat left center;*/
}

.info_txt,
h3.h3TitreContenu+.info_txt {
    display: block;
    margin: 0px 0 15px;
}

.panel-info {
    border-radius: 3px;
    margin: 15px 0;
    background-color: white;
    background-image: url(../images/picto/icon-info.png) no-repeat left center;
    padding: 15px;
    background-size: 20px;

}


.info#gotxt {
    padding-left: 0;
}

.OK {
    background: url("/media/images/picto/icon-ok.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
    color: #0ba00b;
    padding-left: 22px;
}

label.OK {
    background: url("/media/images/picto/icon-ok.png") no-repeat left center;
    background-size: 32px;
    padding-left: 30px;
}

.tips {
    padding-left: 22px;
    color: #CC7400;
    background: url(../images/bullet/tips.gif) no-repeat left center;
}

.clearspacer {
    clear: both;
}

/******************
 * MEtEditor
 **************/
.tdCellEnteteHours,
#divConteneurContenu #pageContent #adminweatherforecast .tdCellEnteteHours {
    background-color: #749fe7;
    background-size: 100% 100%;
    border-bottom: 1px solid #749fe7;
    border-left: 1px solid #749fe7;
    color: #fff;
    cursor: default;
    font: 10px Helvetica, Verdana, Arial, sans-serif;
    text-align: center;
    width: 80px;
    padding: 3px 0;
    font-weight: bold;
}

.tdCellEnteteTime,
#divConteneurContenu #pageContent #adminweatherforecast .tdCellEnteteTime {
    background-color: #88b0ec;
    border-bottom: 1px dotted #88b0ec;
    border-left: 1px solid #88b0ec;
    color: #fff;
    font: bold 12px Helvetica, Verdana, Arial, sans-serif;
    text-align: center;
}

tr>.tdCellEnteteTime:not(:first-child):not(:nth-child(2)) {
    border-left: 1px solid #749fe7;
}

.paramTypeLabel {
    font: bold 14px Helvetica, Verdana, Arial, sans-serif;
    margin: 20px 0 20px -7px;
}


div.fillMapBox {
    float: left;
    max-width: 48% !important;
    height: 46%;
    min-height: 320px;
}

div.fillMapBox embed {
    sborder: 1px solid red;
}

div.fillMapBox.onebyfour {
    float: none;
    width: 95%;
    height: 100%;
}

.hilite {
    background: #fbffa4 !important;
    color: #6F6F6F !important;
}

/*****************************************
 * Wizard
 *****************************************/

.removecolumn img,
.removecontainer img {
    width: 27px;
}

#page-composer {
    padding: 0px 0px 70px 0px;
    width: 100%
}

#page-composer .row {
    padding: 40px 0px 30px;
    margin: 0;
    background: #dddddd;
    border-radius: 3px;
    width: 100%;
}

#page-composer .addcontainer {
    position: absolute;
    right: 40px;
    padding: 0;
    color: #444444;
    background: white;
    border: none;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    top: 6px;
}

#page-composer .addcontainer span {
    position: relative;
    top: 2px;
    left: 1px;
}

#page-composer .row .container {
    position: relative;
    left: 20px;
}

#page-composer .container {
    background-color: #ffffff;
    border: none;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

#page-composer div[class*="nbcontainer"] .container {
    margin-right: 35px;
}

#page-composer div[class*="nbcontainer"] .ui-resizable-e {
    right: -15px;
}

#page-composer .page-number {
    right: 5px;
}

#page-composer #content_table {
    margin-top: 18px;
}

#page-composer .select-element-wizard {
    left: 10px;
    top: 10px;
}

#page-composer .new-page {
    border-top: none;
    margin-top: 15px;
    position: relative;
    border-radius: 0 0 3px 3px;
}

#page-composer .new-page:before {
    content: "";
    position: absolute;
    top: -4px;
    width: 100%;
    height: 4px;
    background:
        /*#01adae*/
        #212933;
    left: 0px;
    border-radius: 3px 3px 0 0;
    display: block;
}

#page-composer .btn-group #addpage,
#page-composer .btn-group #addrow {
    position: inherit;
    left: inherit;
    bottom: inherit;
}

#pageContent div#tabs.wizard-tabs,
#pageContent div#tabs.wizard-tabs .ui-tabs-nav {
    padding: 0;
    border: none;
}

#pageContent div#tabs.wizard-tabs .ui-tabs-nav {
    background-color: #7c9cb5 !important;
    border-radius: 3px 3px 0 0;

}

#pageContent div#tabs.wizard-tabs .ui-tabs-nav li {
    height: 40px;
    padding: 5px 8px;
    font-weight: normal;
    font-size: 14px;
    font-family: Univers Condensed;
    color: rgb(55, 71, 79);
}

#pageContent div#tabs.wizard-tabs .ui-tabs-nav li * {
    color: rgb(55, 71, 79) !important;
}

#pageContent div#tabs.wizard-tabs .ui-tabs-nav li:not(.ui-tabs-selected) {
    background: transparent;
}

#pageContent div#tabs.wizard-tabs .ui-tabs-nav li:not(.ui-tabs-selected)>a {
    color: rgb(55, 71, 79) !important;
}

#pageContent div#tabs.wizard-tabs .ui-tabs-nav li img {
    display: none;
}

#pageContent div#tabs.wizard-tabs .ui-tabs-nav li.ui-tabs-selected {
    border-radius: 3px 3px 0 0;
}

.myDragClass {
    background-color: #fbffa4;
    color: #6F6F6F;
}

.myDragClass td {
    background-color: #fbffa4;
    color: #6F6F6F;
}

#activitystream {
    background-color: #E6F3DA;
    opacity: .80;
    filter: Alpha(Opacity=80);
    opacity: 0.80;
    height: 370px;
    width: 700px;
    position: absolute;
    top: 20px;
    left: 10px;
}

#forecastinformation {
    background-color: #E6F3DA;
    opacity: .90;
    filter: Alpha(Opacity=90);
    opacity: 0.90;
    height: 580px;
    position: absolute;
    top: 20px;
    left: 715px;
}

#modelinformation {
    background-color: #E6F3DA;
    opacity: .90;
    filter: Alpha(Opacity=90);
    opacity: 0.90;
    height: 200px;
    width: 340px;
    position: absolute;
    top: 400px;
    left: 10px;
}

#satelliteinformation {
    background-color: #E6F3DA;
    opacity: .90;
    filter: Alpha(Opacity=90);
    opacity: 0.90;
    height: 200px;
    width: 340px;
    position: absolute;
    top: 400px;
    left: 370px;
}

/*****************************************
 * Divers
 *****************************************/
.informationDiv {
    width: 600px;
    background-repeat: no-repeat;
    background-image: url(/media/images/icon/help.png);
    background-color: #E6F3DD;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    border: 1px solid;
}

.current {
    font: bold 14px Helvetica, Verdana, Arial, sans-serif;
    color: #3C630A;
}

/****************************************
 * Cyclone
 ***************************************/
#sk {
    font-family: sans-serif;
    font-size: 9px;
    display: none;
}


.divTab div.ui-dynatree-container {
    border: none;
}



.smallmap {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    background: #fafafa;
}

span.cyclone_interpolatedtrack span.ui-dynatree-icon {
    background-image: url("../images/picto/chart_curve.png");
}

span.cyclone_track span.ui-dynatree-icon {
    background-image: url("../images/picto/chart_line.png");
}

span.cyclone_warnings span.ui-dynatree-icon {
    background-image: url("../images/picto/icone_security.png");
}

span.cyclone_listdate span.ui-dynatree-icon {
    background-image: url("../images/picto/icone_daily.png");
}

span.cyclone_date span.ui-dynatree-icon {
    background-image: url("../images/picto/icone_daily.png");
}

span.cyclone_servers span.ui-dynatree-icon {
    background-image: url("../images/picto/pictures.png");
}

span.cyclone_image span.ui-dynatree-icon {
    background-image: url("../images/picto/picture.png");
}

span.cyclone_points span.ui-dynatree-icon {
    background-image: url("../images/picto/hurricane.png");
}

span.cyclone_circle span.ui-dynatree-icon {
    background-image: url("../images/picto/circles.png");
}

span.cyclone_circles span.ui-dynatree-icon {
    background-image: url("../images/picto/circles.png");
}

span.cyclone_extra span.ui-dynatree-icon {
    background-image: url("../images/picto/tag_blue.png");
}

span.cyclone_point span.ui-dynatree-icon {
    background-image: url("../images/picto/tag_blue.png");
}

span.cyclone_cyclone span.ui-dynatree-icon {
    background-image: url("../images/picto/icone_cyclone.png");
}

span.cyclone_options span.ui-dynatree-icon {
    background-image: url("../images/picto/options.png");
}

span.cyclone_cone span.ui-dynatree-icon {
    background-image: url("../images/picto/fillcircle.png");
}

span.cyclone_landing span.ui-dynatree-icon {
    background-image: url("../images/picto/arrow_in.png");
}

span.cyclone_map span.ui-dynatree-icon {
    background-image: url("../images/picto/image.png");
}

span.cyclone_general span.ui-dynatree-icon {
    background-image: url("../images/picto/wrench.png");
}

span.cyclone_winds span.ui-dynatree-icon {
    background-image: url("../images/picto/wind.png");
}

span.cyclone_style span.ui-dynatree-icon {
    background-image: url("../images/picto/color_wheel.png");
}

span.cyclone_styles span.ui-dynatree-icon {
    background-image: url("../images/picto/color_wheel.png");
}

#warningsmap_left {
    margin-right: 30px;
}

#warningsmap_edit {}

.warningsmap_picto {
    cursor: pointer;
    height: 30px;
    align: middle;
}

div.cto div.slider-content {
    height: 100%;
    overflow: visible;
    padding-bottom: 20px;
    position: absolute;
    right: 0;
    top: -10px;
    width: 169px;
}

div[id*="floatmenu"] {
    float: left;
    width: 198px;
}

div[id*="floatmenu"] td {
    padding: 0px 8px !important;
}

div[id*="floatmenu"] td * {
    font-size: 12px;
}


#zoneReport {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    max-width: 920px;
}

div.pinned_right {
    position: absolute;
    right: 3em;
    top: 7em;
}

div.pinned_left {
    left: 3em;
    position: absolute;
    top: 7em;
}

div.floating2 {
    margin-left: 1000px;
    position: fixed;
    top: 2em;
    right: 3em;
}

div.floating1 {
    margin-right: 1000px;
    position: fixed;
    top: 2em;
    left: 3em;
}

#bottom {
    background-color: #FFFFFF;
    border-radius: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    padding: 12px 0 !important;
    position: fixed;
    width: 100%;
    z-index: 10;
    text-align: center;
    display: flex;
    justify-content: center;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2);
}

#bottom>* {
    margin: 0 4px;
}

#divConteneurContenu #bottom input {
    width: auto;
}

#bottom .button {
    margin-bottom: 0;
}



#refreshdisseminationstatus {
    background-image: url("../images/icon/reload.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10px center;
}

button.cancel,
a.cancel,
input.cancel {
    background-image: url("../images/picto/icon-ko.png");
    background-repeat: no-repeat;
}

button.add,
.button.add,
a.add,
input.add {
    background-image: url("../images/picto/add-white.png");
    background-repeat: no-repeat;
}

button.save,
a.save,
input.save {
    background-image: url("../images/picto/icon-ok.png");
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 7px center;
    text-align: left;
    padding-left: 34px !important;
    min-width: inherit;
}

a.back,
input.back {
    background-image: url("../images/picto/undo.png");
    background-repeat: no-repeat;
}

a.next,
input.next {
    background-image: url("../images/picto/icon-select.png");
    background-repeat: no-repeat;
}


a.autotask_delete,
a.autotask_edit {
    background-size: contain;
}

#tableFillmapHeader .back,
#tableFillmapHeader .next {
    background-size: 17px;
    background-position: 8px center;
}

/*
	leftmenu styles
					*/
#leftmenu>ul,
#launchertabs.ui-tabs .ui-tabs-nav {
    list-style-type: none;
    margin: 0 0 -5px 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    clear: both;
}

#launchertabs.ui-tabs .ui-tabs-nav {
    background: #7c9cb5;
}

#leftmenu>ul>li,
.lefttab,
#launchertabs.ui-tabs .ui-tabs-nav>li {
    margin-bottom: 0px;
    cursor: pointer;
    display: inline-block;
    border-radius: 3px 3px 0 0;
    transition: 0.2s;
    float: left;
    padding: 0 10px;
    height: 43px;
    line-height: 43px;
	user-select: none;
}



#launchertabs.ui-tabs .ui-tabs-nav>li a {
    padding: 0;
}

#pageContent #leftmenu>ul>li img,
#pageContent #launchertabs.ui-tabs .ui-tabs-nav>li img,
#leftmenu>ul>li img,
#launchertabs.ui-tabs .ui-tabs-nav>li img {
    height: 27px;
    width: 27px;
    min-width: inherit;
    position: relative;
    top: -2px;
    margin-right: 4px;
}

#leftmenu>ul>li.selected,
#leftmenu>ul>li[style*="0.4"],
#launchertabs.ui-tabs .ui-tabs-nav>li.ui-state-active,
#launchertabs.ui-tabs .ui-tabs-nav>li.ui-tabs-selected {
    background-color: white !important;
    border: none;
}

#leftmenu>ul>li.selected a,
#leftmenu>ul>li[style*="0.4"] a,
#launchertabs.ui-tabs .ui-tabs-nav>li.ui-state-active a,
#launchertabs.ui-tabs .ui-tabs-nav>li.ui-tabs-selected a {
    color: #37474f;
}




div.divreport img {
    max-width: 450px;
}

ul.sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*width: 80%;*/
    width: 100%;
    min-height: 50px;
}

.sortable li {
    margin: 0 0 8px 0;
    padding: 0;
    /*width: 800px;*/
    width: 100%;
}

.paragraph {
    height: 1.5em;
    line-height: 1.2em;
}

.fieldplaceholder {
    height: 34px;
    background: none repeat scroll 0 0 #FFE45C;
    border: 1px solid #F1A811;
}

.blockplaceholder {
    height: 100px;
    background: none repeat scroll 0 0 #FFE45C;
    border: 1px solid #F1A811;
}

.block {
    background-color: #f9f9f9;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.block>* {
    margin-bottom: 10px;
}


.right {
    float: right
}

.blockname {
    float: left;
    display: flex;
    align-items: center;
    margin: 10px 0px;
    width: 70%;
    ;
}

.blockname>input {
    flex: 1;
}

.blockname>* {
    margin-left: 10px;
}

.blockname+* {
    float: right;
    margin-top: 10px;
    margin-left: 45px;
}

#blocks {
    width: 100%;
    float: right;
}

#inputtimes {
    background-color: #f9f9f9;
    width: 50%;
    padding: 5px;
    min-height: 50px;
    margin-right: 5px;
    float: right;
}



#dialogfield {
    display: none
}

#dialogdate {
    display: none
}

.cke_skin_kama .cke_charcount {
    display: block;
    float: right;
    margin-top: 5px;
    margin-right: 3px;
    color: #60676A;
}

.cke_charcount span.cke_charcount_count,
.cke_charcount span.cke_charcount_limit {
    font-style: italic;
}

.warning,
.cke_skin_kama .cke_charcount.warning,
.cke_skin_kama .cke_charcount .warning {
    color: orange;
}

.exceeded,
.cke_skin_kama .cke_charcount.exceeded,
.cke_skin_kama .cke_charcount .exceeded {
    color: tomato !important;
    font-weight: bold;
}

.counter {
    font-size: 12px;
    font-style: italic;
}

.noTitleBar .ui-dialog-titlebar,
.noTitleBarWait .ui-dialog-titlebar {
    display: none;
}

.ui-dialog .ui-resizable-handle {
    display: none !important;
}

.noTitleBarWait div {
    padding: 0 15px;
    background-image: url(/media/images/interface/inprogress-mini.gif);
    background-repeat: no-repeat;
    background-position: center right;
}

#dataCanbeUpdated {
    display: block;
    padding: 5px 15px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #ffea00;
    text-align: center;
    border-bottom: 1px solid #fff;
    z-index: 2000;
}

td.levelcolor {
    cursor: pointer;
}

tr.trarea {
    border: 1px solid #ccc
}

#productPreview {
    background-color: #fff;
}

#productPreview img {
    cursor: -moz-zoom-out;
}

#productPreview img.zoomedOut {
    cursor: -moz-zoom-in;
    max-width: 1000px;
    max-height: 550px;
}

.mfytable tr.error td {
    background-color: #ffa5a5;
    background-color: #ffd5c2;
    background-color: #ababab;
}

a.toggleActive {
    display: block;
    margin: 0 20%;
    height: 32px;
    width: 32px;
    cursor: pointer;
}

a.toggleActive.enabled,
a.toggleActive.disabled,
a.toggleActive.waiting,
.waiting {
    background-size: contain;
    background-position: left;
    display: block;
    width: 100%;
    margin: 0;
    background-repeat: no-repeat;
}

a.toggleActive.enabled {
    background-image: url(/media/images/icon/green-circle.png);
}

a.toggleActive.disabled {
    background-image: url(/media/images/icon/red-circle.png);
}

a.toggleActive.waiting {
    background-image: url(/media/images/interface/inprogress.gif);
}

.waiting {
    background-image: url(/media/images/interface/inprogress.gif);
    background-position: center;
    background-repeat: no-repeat;
    min-height: 2.5em;
}

.productAction {
    cursor: pointer;
}

hr.white {
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px dotted #fff;
}

tr.highlightProduct td {
    background-color: #AAAAFF;
}


/*
tr.generation_error td:first-child {
    background-color: #f0937e !important;
    color: white;
    font-weight: bold;
}*/


tr.generation_error td {
    background-color: #f0937e !important;
    color: white;
    font-weight: bold;
}

tr.generation_error td * {
    color: white !important;
}

.productAction.disabled {
    opacity: .4;
    cursor: not-allowed;
}

div.MfyDoubleSelectList_add,
div.MfyDoubleSelectList_remove,
div.MfyDoubleSelectList_addall,
div.MfyDoubleSelectList_removeall {
    border: none;
    background-color: #f9f9f9;
    border-radius: 0;
    cursor: pointer;
    padding: 3px 0;
}


input.searchfield {
    background-image: url(/media/images/icon/mfy-search.png);
    background-repeat: no-repeat;
    background-position: 3px center !important;
    background-size: 24px;
    padding-left: 20px;
}

input.liveSearch {
    background-image: url(/media/images/icon/mfy-search.png);
    background-repeat: no-repeat;
    background-position: 3px center !important;
    background-size: 24px;
}

select.liveSearch {
    color: #444;
    background-color: #fff;
    padding: 2px 20px 2px 5px;
    border-radius: 0;
    height: 20px;
}

input.liveSearch:hover {
    background-color: #F2F9EC;
}

select.MfyDoubleSelectList {
    height: 175px;
    width: 300px
}

.clientSelect {
    min-width: 200px;
}

#genproduct .clientSelect {
    min-width: inherit;
    width: 170px;
}

.filteringInfo {
    margin-right: 20px;
}

.filteringInfo small {
    text-align: right;
}

tr.whiteBorder td {
    border-bottom: 2px solid #fff;
}

select option.header {
    font-weight: bold;
    background-color: #ddd;
}

span#producer_errorcount {
    color: #db2323;
}

span#producer_standbycount {
    color: #e56700;
}

span#producer_errorcount,
span#producer_standbycount {
    margin: 0 5px 0 0;
    font-size: 14px;
    float: left;
    border-radius: 3px;
    width: auto;
    text-align: center;
    padding: 0 5px;
    border: none;
    overflow: hidden;
    display: inline;
    line-height: 20px;
    position: relative;
    position: relative;
    top: 7px;
    background: white;

    animation-name: warning;
    animation-iteration-count: infinite;
    animation-delay: 0;
    animation-fill-mode: forwards;
    animation-duration: 2s;
}

@keyframes warning {
    0% {
        visibility: visible;
    }

    49% {
        visibility: visible;
    }

    50% {
        visibility: hidden;
    }

    99% {
        visibility: hidden;
    }
}


.mapselectlist {
    background-color: #FFFFFF;
    display: block;
    overflow: auto;
    padding: 0;
    max-height: 160px;
    display: inline-block;
    width: 100% !important;
    margin-bottom: 0;
}

.MfySelectMapContainer {
    margin: 0 !important;
    padding: 0 !important;
}

#divConteneurContenu .mapselectlist li {
    border-radius: 4px;
    display: inline-block;
    min-height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
}

div.MfySelectMap_svgcontainer {
    margin-top: 3px;
}

div.MfySelectMapContainer {
    border: none;
    border-radius: 0;
    padding: 4px;
    background-color: transparent;
}

.mapselectlist .ui-state-highlight {
    height: 17px;
    padding: 5px 21px 5px 5px !important;
    margin: 2px !important;
}

.mapselectlist .ui-state-highlight span {
    line-height: 15px;
}

.mapselectmap {
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid #AAAAAA;
    padding: 0;
}

.mapselectlist ul {
    margin: 0;
    padding: 0;
}

#summaryTable td {
    cursor: default;
}

#customalert {
    max-height: 600px;
}

.level_0 {
    background-color:
        /*#01adae*/
        #212933;
    color: white !important;
    font-weight: bold;
}


.level_1 {
    background-color: white;
    padding-left: 15px;
}

.ui-jqgrid-htable {
    width: 100% !important;
}

.ui-jqgrid-btable {
    width: 100% !important;
}

.ui-jqgrid-hbox {
    padding-right: 0px !important;
}



table.stickyFixed {
    position: fixed;
    z-index: 1000;
    top: 10px;
    background-color: #E6F3DA;
}


select.filter_production_center_and_category {
    min-width: 310px;
    max-width: 580px;
}

.mfyTextarea a {
    background-color: #FFFFFF;
    border-radius: 0;
    display: inline-block;
    height: 17px;
    margin: 2px;
    padding: 3px 5px;
}

.mfyTextarea a div:hover,
.mfyTextarea a.selected div {
    background-color: rgba(0, 0, 255, .1);
}

.mfyTextarea a div {
    background-image: url("/lib/ckeditor/skins/kama/icons.png");
    border-radius: 0;
    background-position: 100px center;
    background-repeat: no-repeat;
    cursor: default;
    display: inline-block;
    height: 16px;
    margin-top: 1px;
    width: 16px;
}

.mfyTextarea a#ltr div {
    background-position: 0 -1056px;
}

.mfyTextarea a#rtl div {
    background-position: 0 -1072px;
}

.mfyTextarea textarea {
    border-radius: 0;
    /*font-family: arial;*/
    padding: 4px;
}

.mfyTextarea {
    padding: 3px;
    background-color: #ccc;
    border-radius: 0;
}

.mfyTextarea textarea {
    border: none;
}

.divvalidation {
    text-align: right;
}

fieldset {

    border: none;
    padding: 0;
    border-radius: 0;
    margin: 0;
}

.draggable {
    cursor: default;
}

.MfyProgressBar {
    background-color: #fff;
    border: 1px solid #595959;
    border-radius: 0;
    height: 1.5em;
    text-align: center;
}

.MfyProgressBar span.label {
    font-weight: bold;
    display: block;
    margin-top: -1.4em;
    width: 100%;
}

.MfyProgressBar span.bar {
    background-image: url(/media/images/background/progressBarBG.png);
    display: block;
    height: 1.5em;
    border-radius: 0;
    border-right: 1px solid #595959;
}

.MfyProgressBar span.tenpercent {
    background-color: red;
}

.MfyProgressBar.tenpercent {
    background-color: #ffd5d5;
}

.MfyProgressBar.twentyfivepercent {
    background-color: #ffd5d5;
}

.MfyProgressBar span.twentyfivepercent {
    background-color: #ff5555;
}

.MfyProgressBar span.thirtythreepercent {
    background-color: #ff6600;
}

.MfyProgressBar span.fiftypercent {
    background-color: #ffcc00;
}

.MfyProgressBar span.sixtysixpercent {
    background-color: #ccff00;
}

.MfyProgressBar span.seventyfivepercent {
    background-color: #37c837;
}

.MfyProgressBar span.ninetypercent {
    background-color: #00ff00;
}

/***********************************/
/**** Substitutinon rule table ****/
/**********************************/
#rules tr {
    background-color: #E5F2D7;
}

#rules tr:nth-child(even) {
    background-color: #f9f9f9;
}


#rules tr td.conditions {
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
}

#rules tr td.conditions div {
    padding: 0;
    display: flex;
    align-items: flex-start;
}

/*
#rules #line-action-group {
    min-width: 80px;
    display: flex;
    align-items: center;
    height: 37px;
    justify-content: flex-end;
}

#rules #line-action-group a+a {
    margin-left: 4px;
}
*/

.conditions .aLien1 {
    position: relative;
    top: 3px;
}

.conditions .aLien1+.aLien1 {
    margin-left: 5px;
}

#rules tr td.conditions select,
#rules tr td.conditions input {
    margin: ° 4px;
}

#rules tr td.result a img {
    top: 2px;
}

#rules tr td.result input {
    margin-bottom: 0;
}

/*
#rules tr td.result a {
    position: absolute;
    left: 60px;
    width: auto !important;
    top: 63px;
}*/

#rules .conditions .aLien1 img {
    text-align: right;
    float: right;
}

#pageContent #rules td input+*,
#pageContent #rules td button+* {
    margin-left: 5px;
}

#rules td.result .colorSelector div {
    top: 2px;
}

button.v {
    font-size: 8pt;
    padding: 0px 3px;
    border-radius: 0;
    margin: 1px;
}

table.variableButtons {
    border-style: solid;
    border-color: #ccc;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    width: 100% !important;
}

table.variableButtons tr {
    display: flex;
    width: 100%;
}

table#variableButtonsrule tr td {
    flex: 1;
    padding: 8px;
    text-align: center;
}

table.variableButtons td {
    padding: 4px;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px 1px 0 0;
}


.aLien1 {
    cursor: pointer;
}

td .aLien1 {
    position: relative;
    z-index: 3 !important;
    display: inline-block;
}

td .aLien1.previewlink,
td .flex-hor,
div .flex-hor {
    display: flex;
    align-items: center;
}

td .flex-hor>*+*,
div .flex-hor>*+* {
    margin-left: 5px;
}

td .aLien1.previewlink img {
    margin-right: 5px;
}

/**
 * Cyclone page refresh
 */
.autorefresh-wrap {
    text-align: right;
    display: inline-block;
    width: 100%;
    clear: both;
    margin-bottom: 25px;
}

/**
 * Dropdown heigth for warning paramtext which setting
 **/
#warningparamtext_2_chosen ul.chosen-results {
    max-heigth: 250px;
}

#paramtextNewsmetPlugin div[name=timerange] .chosen-container {
    width: 100px !important;
}


/**
 * Info meteditor label
 **/
.spanInfoMap .infoBox {
    position: relative;
}

.spanInfoMap .infoBox .infoLabel .tooltiptext {
    visibility: hidden;
    width: 166px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 0;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: -310%;
    left: 50%;
    margin-left: -83px;
    opacity: 0;
    transition: opacity 0.3s;
}

.spanInfoMap .infoBox .infoLabel .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.spanInfoMap .infoBox .infoLabel:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/**
 * INTERFACE HELP
**/
.spanInfoInterface .toggle-content {
	display: none;
	height: 0;
	opacity: 0;
	overflow: hidden;
	transition: height 350ms ease-in-out, opacity 750ms ease-in-out;
}

.spanInfoInterface .toggle-content.is-visible {
	display: block;
	height: auto;
	opacity: 1;
}

.spanInfoInterface img {
    width: 15px;
    height: 15px;
}


/* NEW CHART */

/* base */

body {
    background: #7c9cb5;
}

#divConteneurMenuHaut,
#divConteneurContenu {
    background: transparent;
}

/* menu horizontal niv 1 & 2 */


div.divOngletMenuHautOver p,
div.divOngletMenuHaut p {
    display: inline-block;
    float: left;
    margin: 0;
    line-height: 37px;
    transition: 0.2s;
}

.divOngletMenuHaut {
    float: left;
}

div.divOngletMenuHautOver p {
    background: linear-gradient(to bottom, #678ca8 0%, #7c9cb5 100%);
}

div.divOngletMenuHaut p {
    background-color: transparent;
}

/* onglets */

.lefttab a {
    font-weight: normal;
    font-size: 14px;
    font-family: Univers Condensed;
}

.lefttab.tabActive a {
    color: #37474f !important;
}


/* content */

* {
    box-sizing: border-box;
}

.mfy_container,
#pageContent {
    margin: auto;
    display: block;
    position: relative;
}

#divConteneurMenuHaut .mfy_container {
    background: rgba(0, 0, 0, 0.2);
    height: 35px;
    overflow: hidden;
    padding-left: 260px;
}

/* layout */

#pageContent>.ui-tabs>ul {
    display: inline-block;
    width: 260px;
    float: left;
    box-sizing: border-box;
    border: none;
    padding: 0;
    background: linear-gradient(to right, #1a1f25 0%, #567288 100%);
    height: calc(100vh - 90px);
    position: fixed;
    left: 0;
    z-index: 8;
}

#pageContent>.ui-tabs>ul>li {
    display: block;
    width: 100%;
    line-height: 38px;
    background: transparent;
}

#pageContent>.ui-tabs>ul>li.ui-state-active {
    background: linear-gradient(to right, #1a1f25 0%, #7c9cb5 100%);
}



#pageContent>.ui-tabs>ul>li>a {
    width: 100%;
    box-sizing: border-box;
    color: white;
    text-transform: none;
    font-size: 14px;
    font-family: Univers Condensed;
}

#pageContent>.ui-tabs>ul>li>a img {
    margin-right: 5px;
    position: relative;
    top: -1px;
}

#pageContent>.ui-tabs>ul~.ui-tabs-panel {
    display: inline-block;
    min-width: calc(100% - 260px);
    margin-left: 260px;
    float: left;
    box-sizing: border-box;
    padding: 30px;

}

@media(min-width: 1600px) {
    #pageContent>.ui-tabs>ul~.ui-tabs-panel {
        padding: 30px 7%;
    }
}

#pageContent>.ui-tabs {
    border-radius: 0;
}


#has-leftmenu {
    position: relative;
    min-height: 300px;
}

#leftmenu {
    width: 100%;
    z-index: 1
}

#leftmenu+#main {
    z-index: 0;
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    background-color: white;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 20px;
}

#leftmenu+#main table {
    padding: 0;
}


#leftmenu+#main>div>h3,
#leftmenu+#main>div>small {
    width: 50%;
}

#leftmenu+#main #divFiltreAdd {
    position: absolute;
    right: 20px;
    top: 23px;
}

#leftmenu+#main #divFiltreAdd>* {
    float: right;
}

.ui-widget-content {
    background: transparent;
    max-width: 100%;
    border-radius: 0px;
}



/* tables */

td>* {
    position: relative;
}

#pageContent table,
#conf_container {
    border-collapse: collapse;
}


#pageContent thead tr,
#conf_container thead tr {
    background: #1a1f25;
}


#gview_dataactivity>.ui-jqgrid-bdiv {
    max-height: 400px !important;
    overflow-y: auto;
}

#pageContent table:not(#timeline):not(.htCore),
#pageContent table:not(#timeline):not(.htCore) thead,
#pageContent table:not(#timeline):not(.htCore) tr,
#pageContent table:not(#timeline):not(.htCore) tbody,
#conf_container,
#conf_container thead,
#conf_container thead tr,
#conf_container thead tbody {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#pageContent tr>*,
#conf_container thead tr>* {
    line-height: 22px;
    font-size: 13px;
    text-align: left;
}

#pageContent table:not(#timeline):not(.htCore) tr>*,
#conf_container tr>* {
    box-sizing: border-box;
    padding: 8px;
    word-break: break-word;
    border-left: none;
    text-align: left;
    border: none;
    transition: 0.3s;
}

#pageContent table:not(#timeline):not(.htCore) tr>*:not(:last-child):not(:only-child),
#conf_container tr>*:not(:last-child):not(:only-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}


#pageContent table:not(#timeline):not(.htCore) th,
#conf_container th {
    line-height: 18px;
    background-color: #212933;
    color: white;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

#pageContent table:not(#timeline):not(.htCore)>tbody>tr:last-child>td,
#conf_container td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#pageContent table:not(#timeline):not(.htCore)>thead+tbody>tr>*:first-child,
#pageContent table:not(#timeline):not(.htCore)>thead+tbody>tr>*:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#pageContent table:not(#timeline):not(.htCore)>tbody>tr+tr:not[role="row"] {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#pageContent table:not(#timeline):not(.htCore)>thead+tbody>tr:first-child,
#conf_container tbody>tr:first-child {
    border-top: none;
}


#pageContent table:not(#timeline):not(.htCore) th *,
#conf_container th * {
    color: white;
}


/* FLEX TABLE  */

#pageContent .ui-pg-table .ui-pg-table * {
    border-top: none !important;
    border-bottom: none !important;
}

#divConteneurContenu #pageContent .ui-pg-table td[id*="pager_center"] {
    padding: 0 !important;
}

#divConteneurContenu #pageContent .ui-pg-table td[id*="pager_left"] {
    display: none;
}


#pageContent #gview_subs table,
#pageContent #gview_subs table thead,
#pageContent #gview_subs table tbody,

#divTabsWarnings table,
#divTabsWarnings table thead,
#divTabsWarnings table tbody,
#pageContent .ui-pg-table table,
#pageContent .ui-pg-table table thead,
#pageContent .ui-pg-table table tbody,
#history table,
#history table thead,
#history table tbody,
#editbar table,
#editbar table thead,
#editbar table tbody,
#pageContent #gview_liststandby table,
#pageContent #gview_liststandby table thead,
#pageContent #gview_liststandby table tbody,
#gbox_disseminationstatus table,
#gbox_disseminationstatus table thead,
#gbox_disseminationstatus table tbody,
#pageContent #client_ftp,
#pageContent #client_ftp thead,
#pageContent #client_ftp tbody,
#inputtimes table,
#inputtimes table thead,
#inputtimes table tbody,
#pageContent #form_table.switch-table,
#pageContent #form_table.switch-table thead,
#pageContent #form_table.switch-table tbody,
#page-composer #content_table,
#page-composer #content_table thead,
#page-composer #content_table tbody,
#page-composer #content_table~div>table,
#page-composer #content_table~div>table thead,
#page-composer #content_table~div>table tbody {
    display: block;
}


#pageContent #gview_subs table tr,
#divTabsWarnings table tr,
#pageContent .ui-pg-table table tr,
#history table tr,
#editbar table tr,
#pageContent #gview_liststandby table tr,
#gbox_disseminationstatus table tr,
#pageContent #client_ftp tr,
#inputtimes table tr,
#pageContent #form_table.switch-table tr,
#page-composer #content_table tr,
#page-composer #content_table~div>table tr {
    display: flex;
}

#pageContent #gview_subs table tr>*,
#divTabsWarnings table tr>*,
#pageContent .ui-pg-table table tr>*,
#history table tr>*,
#editbar table tr>*,
#pageContent #gview_liststandby table tr>*,
#gbox_disseminationstatus table tr>*,
#pageContent #client_ftp tr>*,
#inputtimes table tr>*,
#pageContent #form_table.switch-table thead tr>*,
#page-composer #content_table tr>*,
#page-composer #content_table~div>table tr>* {
    flex: 1;
    display: flex;
    align-items: center;
    min-height: 38px;
}


#pageContent #gview_subs table tr>*[valign="top"],
#divTabsWarnings table tr>*[valign="top"],
#pageContent .ui-pg-table table tr>*[valign="top"],
#history table tr>*[valign="top"],
#editbar table tr>*[valign="top"],
#history table tr>*[valign="top"],
#pageContent #client_ftp tr>*[valign="top"],
#pageContent #form_table.switch-table thead tr>*[valign="top"] {
    flex-direction: column;
    align-items: flex-start;
}

#pageContent #form_table.switch-table {
    margin-top: 37px;
}

#pageContent #client_ftp tr>*[valign="top"]>*+* {
    margin-top: 8px;
}


#pageContent #divsubstitution table .ui-widget-content.jqgroup.ui-row-ltr td .tree-wrap-ltr {
    top: 0px;
    left: 5px;
    margin-right: 8px !important;
}



/*



#pageContent table:not(#timeline):not(.htCore) td,
#pageContent table:not(#timeline):not(.htCore) th {
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

#pageContent table:not(#timeline):not(.htCore) th {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

#pageContent table:not(#timeline):not(.htCore) td[valign="top"],
#pageContent table:not(#timeline):not(.htCore) td[valign="bottom"] {
    align-items: flex-start;
    flex-direction: column;
}

#pageContent table:not(#timeline):not(.htCore) tr>* {
    float: left;
    flex: 1;
}

*/
/*EO FLEX TABLE */


div.divTab {
    background: white;
    color: #595959;
    padding: 15px;
    margin: 30px;
}

div.divTab.no-margin {
    margin: 0;
}

div.divTab {
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    overflow: hidden;
}

form .divTab {
    overflow: visible;
}


#pageContent .ui-jqgrid .ui-jqgrid-hdiv {
    border-radius: 0;
}

#pageContent table {
    border-width: 1px 0 1px 1px;
    background: transparent;
    border-radius: 4px;
    /*overflow: hidden;*/
}

#divConteneurTableau div[class*="ui-jqgrid"],
#pageContent div[class*="ui-jqgrid"],
#pageContent form {
    width: 100% !important;
}

.ui-jqgrid.ui-widget.ui-widget-content {
    margin-bottom: 30px;
    display: inline-block;
}



#pageContent table:not(#timeline):not(.htCore) tbody {
    background: white;
    border-radius: 4px;
    color: #222222;
}

#pageContent table:not(#timeline):not(.htCore) thead+tbody {
    border-radius: 0 0 4px 4px;
}


#pageContent table#form_table tr>*:first-child,
#pageContent table#modform tr>*:first-child,
#pageContent #client_ftp tr>*:first-child {
    border-left: none !important;
}


#pageContent th img {
    margin-right: 5px;
}

#pageContent .ui-widget-content.jqgroup.ui-row-ltr td {
    background: #81b2e1 !important;
    border-bottom: none;
    font-family: Univers Condensed;
    font-size: 14px;
    font-weight: normal;
    color: #181f27;
    line-height: 20px;
    text-align: left !important;
}

#pageContent .ui-widget-content.jqgroup.ui-row-ltr td .tree-wrap-ltr {
    top: 1px;
    left: 3px;
    position: relative;
    margin-right: 8px !important;
    float: left !important;
}

#pageContent .ui-widget-content.jqgroup.ui-row-ltr td b {
    font-weight: normal;
}

#pageContent td.tr-separator,
#pageContent td.tr-separator~td {
    padding: 8px 8px !important;
    background: #eaeaea !important;
    color: #222222 !important;
    font-weight: 600;

}



#pageContent table:not(#timeline):not(.htCore) td[valign="top"]>*+*,
#pageContent table:not(#timeline):not(.htCore) td[valign="bottom"]>*+* {
    margin: 10px 0 0;
}

#pageContent table:not(#timeline):not(.htCore) td,
#conf_container td {
    background: #eaeaea;
}

#pageContent table:not(#timeline):not(.htCore) tbody>tr:nth-child(odd) td,
#conf_container tbody>tr:nth-child(odd) td {
    background: #f0f0f0;
}

#pageContent table:not(#timeline):not(.htCore)#levelsPalette td {
    background: transparent;
    min-height: 50px;
}

#pageContent tr,
#pageContent tr td {
    position: relative;
    border-radius: 0;
}

/*
#pageContent table:not(#timeline):not(.htCore)>tbody>tr:first-child>*:first-child,
#pageContent table:not(#timeline):not(.htCore)>thead>tr>*:first-child {
    border-top-left-radius: 4px;
}

#pageContent table:not(#timeline):not(.htCore)>tbody>tr:first-child>*:last-child,
#pageContent table:not(#timeline):not(.htCore)>thead>tr>*:last-child {
    border-top-right-radius: 4px;
}

#pageContent table:not(#timeline):not(.htCore)>tbody>tr:last-child {
    border-radius: 0 0 4px 4px;
}

#pageContent table:not(#timeline):not(.htCore)>tbody>tr:last-child>*:first-child {
    border-bottom-left-radius: 4px;
}

#pageContent table:not(#timeline):not(.htCore)>tbody>tr:last-child>*:last-child {
    border-bottom-right-radius: 4px;
}
*/

#pageContent tr td * {
    z-index: 1;
    color: #222222;
}


#pageContent tr td:not([valign="top"]):after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 0;
    transition: 0.2s;
}

#pageContent tr:hover td:after {
    background: rgba(0, 0, 0, 0.1);
}

#pageContent td .button:not(input):hover {
    /*background: white;*/
    opacity: 1;
}

#pageContent table tbody>tr:nth-of-type(odd) {
    background: #f9f9f9;
}

#pageContent table tbody tr:not(.jqgroup)+tr {
    border-top: 1px solid rgba(0, 0, 0, .1);
}

tbody.ui-sortable tr {
    cursor: move;
}

table caption {
    position: relative;
    z-index: 1;
    background: white;
}

td b:not(:only-child) {
    margin: 0 5px;
}

#pageContent td:not(.form-radio) label+br+label {
    margin-left: 8px;
}

#pageContent td[dir="ltr"],
#pageContent th[dir="ltr"] {
    display: table;
}

#pageContent td input+*,
#pageContent td button+* {
    margin-left: 5px;
}

#pageContent td select {
    min-width: inherit;
}

#pageContent #listproduct td img+select {
    max-width: calc(100% - 32px);
    margin-left: 8px;
    position: relative;
    top: 0;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
}

#pageContent td[valign="top"] select,
#pageContent td[valign="bottom"] select {
    width: 100%;
}


#pageContent td[valign="top"] .btn-group select,
#pageContent td[valign="bottom"] .btn-group select {
    width: auto;
}


#divConteneurContenu #pageContent table:not(#timeline):not(.htCore) tr.jqgfirstrow>td {
    padding: 0 !important;
    min-height: inherit;
    border: none;
}


td,
th {
    flex: 1;
}

td[nowrap="nowrap"] {
    white-space: normal;
}

td select {
    width: 100%;
}

td img+select {
    margin-top: 5px;
}

#pageContent thead {
    border-bottom: none !important;
    padding: 0;
}






#pageContent .ui-pager-control tr>td:after,
#pageContent #cycloneform tr>td:after,
#pageContent #formProduct tr>td:after,
#pageContent table.no-table tr td:after,
#zoneReport table td:after,
#editinline table td:after,
#pageContent form tr>td:after,
#pageContent table#form_table tr>td:after,
#help_content table td:after {
    content: none !important;
}

#pageContent table#form_table td>input:only-child {
    margin: 0;
}

#pageContent .ui-pager-control>table>tbody>tr>td#products-pager_center {
    padding: 0 !important;
    border: none;
}

#pageContent .ui-pager-control>table>tbody>tr>td#products-pager_center td {
    min-height: 54px;
    border: none;
}

#pageContent .ui-pager-control>table>tbody>tr>td#products-pager_center>table>tbody>tr>td:nth-child(4) {
    padding-right: 17% !important;
}

/* fielset tables */

#disseminationstatus tr>*:first-child {
    width: 100px;
}

#pageContent table#client_ftp,
#pageContent table#form_table,
#pageContent table#form_table>tbody>tr>td,
#pageContent table#form_table>tbody>tr>th,
#pageContent table#modform,
#pageContent table#modform>tbody>tr>td,
#pageContent table#modform>tbody>tr>th,
#client_ftp>tbody>tr>th {
    border: none;
}


#formTemplate>table>tbody>tr>td:first-child,
#disseminationform fieldset>table>tbody>tr>td:first-child {
    min-width: 20%;
    max-width: 20%;
}

.first-col-mini>tbody>tr>td:first-child {
    max-width: 200px;
    min-width: 200px;
}


textarea#code_cp {
    width: 100% !important;
}

/* table-ception */

td h3.h3TitreContenu {
    width: 100%;
}

.ui-jqgrid .tree-wrap-ltr {
    top: -2px;
    left: -5px;
}


/* footer */

.legalFooter {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    padding: 15px;
    min-width: 1400px;
}

#divConteneurContenu #pageContent+div {
    padding: 0 30px 15px 30px;
    text-align: right;
}


/* Elements */

.ui-dialog.ui-widget-content {
    background: white;
    border-radius: 4px;
    border: none;
}

.ui-dialog {
    left: 50vw !important;
    transform: translateX(-50%);
}

.ui-dialog .ui-state-hover {
    border: none;
    background: transparent;
}

#pageContent button,
#pageContent .button,
#divConteneurContenu button,
#divConteneurContenu .button,
.divTab .button,
.divTab2 .button,
.ui-dialog .ui-button,
.ui-dialog.ui-widget.ui-widget-content .ui-button {
    min-height: 37px;
    display: inline-block;
    border: none;
    background-color: #81b2e1 !important;
    color: white !important;
    border-radius: 3px;
    font-weight: normal;
    cursor: pointer;
    padding: 0 15px;
    font-family: Univers Condensed;
    font-size: 14px;
    transition: 0.3s;
    outline: 0 !important;
}

.ui-dialog.ui-widget.ui-widget-content .ui-button {
    background: #81b2e1 !important;
}

#pageContent .button {
    padding: 9px 15px;
}

#pageContent button:not(:only-of-type),
#pageContent .button:not(:only-of-type) {
    margin-left: 15px;
}


#pageContent input[type="hidden"]+.button {
    margin-left: 0;
}




.btn-group,
.input-group {
    margin: 15px 0;
}

.btn-group {
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

.btn-group-flex-end {
    display: flex;
    justify-content: flex-end;
    margin: 0;
    float: right;
    width: 100%;
}

.btn-group-flex-center {
    display: flex;
    justify-content: center;
    margin: 0;
    float: right;
    width: 100%;
}

.panel .btn-group-flex-end,
.panel .btn-group-flex-center {
    float: none;
}

.btn-group.btn-group-flex-end>*,
.panel .btn-group-flex-center>* {
    width: auto !important;
}

.btn-group+.btn-group {
    margin-top: 0;
    clear: both;
    width: 100%;
}

#pageContent .btn-group>* {
    margin-bottom: 15px;
    width: auto;
}

.btn-group-flex-end>* {
    margin: 0 0 0 15px;
}


.btn-group-flex-center>* {
    margin: 0 8px 0 8px;
}

.input-group {
    clear: both;
    display: flex;
    align-items: flex-end;
    width: 100%;
}

td .input-group {
    margin: 0;
}

.input-group+.input-group {
    margin-top: 0;
}

.input-group>*+*,
.btn-group *+* {
    margin-left: 15px;
}

.btn-group .form-group span+*,
.btn-group .form-group label+* {
    margin-left: 0;
}

.btn-group *[type="hidden"]+* {
    margin-left: 0;
}

#pageContent .btn-group-left>* {
    margin-left: 0 !important;
    margin-right: 15px;
}

#pageContent .input-group>*:first-child {
    margin-left: 0;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-group.form-group-checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.form-group.form-group-checkbox label {
    margin: 0 0 0 5px;
    position: relative;
    top: 2px;
}

#changePassword .form-group+.form-group {
    margin-top: 15px;
}


.form-group span,
.form-group label {
    font-size: 13px;
    color: #444;
    font-weight: bold;
    margin-bottom: 5px;
}

#divConteneurContenu button,
#divConteneurContenu .button,
.divTab2 .button,
.divTab .button {
    color: white;
}

#divConteneurContenu button:hover,
#divConteneurContenu .button:hover,
.divTab2 .button:hover,
.divTab2 button:hover .divTab .button:hover,
.divTab button:hover,
#pageContent input.button:hover,
#pageContent a.button:hover,
#pageContent button:hover,
.ui-dialog .ui-button:hover {
    background-color: #92c5f5 !important;
    color: white;
    font-weight: normal;
}

#divConteneurContenu button.add,
#divConteneurContenu .button.add,
#divConteneurContenu a.add,
#divConteneurContenu input.add,
#divConteneurContenu a.cancel,
#divConteneurContenu input.cancel,
#divConteneurContenu .button.cancel,
#divConteneurContenu button.cancel,
#divConteneurContenu a.save,
#divConteneurContenu input.save,
.divTab button.add,
.divTab .button.add,
.divTab a.add,
.divTab input.add,
.divTab a.cancel,
.divTab input.cancel,
.divTab a.save,
.divTab input.save,
.divTab a.back,
.divTab input.back,
.divTab a.next,
.divTab input.next,
.divTab2 button.add,
.divTab2 .button.add,
.divTab2 a.add,
.divTab2 input.add,
.divTab2 a.cancel,
.divTab2 input.cancel,
.divTab2 a.save,
.divTab2 input.save,
.divTab2 a.back,
.divTab2 input.back,
.divTab2 a.next,
.divTab2 input.next,
input.liveSearch {
    padding-left: 32px !important;
    background-position: 2px center;
    background-repeat: no-repeat;
    background-size: 30px;
}

#divConteneurContenu a.back.button,
#divConteneurContenu input.back.button,
#divConteneurContenu a.next.button,
#divConteneurContenu input.next.button {
    background-size: 17px;
    background-position: 8px center;
    background-repeat: no-repeat;
    padding-left: 32px !important;
}

#divConteneurContenu .ui-widget input:not(.ui-pg-input):not([type="checkbox"]):not([type="radio"]),
#divConteneurContenu .ui-widget select,
#divConteneurContenu .ui-widget textarea,
#divConteneurContenu .ui-widget button {
    width: auto;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}



.ui-widget #warningform input:not(.ui-pg-input):not([type="checkbox"]):not([type="radio"]),
.ui-widget #warningform select,
.ui-widget #warningform textarea,
.ui-widget #warningform button {
    width: auto;
}

#height,
#width {
    margin-right: 8px;
}

#divConteneurContenu .button.info {
    background-position: 8px 9px;
    background-size: 18px;
    background-image: url(/media/images/picto/icon-info.png);
    background-repeat: no-repeat;
    padding-left: 34px;
}

/* use class="regularimage" to escape this too broad rule designed for buttons */
/*td img:not(.regularimage) {
    max-height: 27px;
    max-width: 27px;
}*/

td>a>img {
    float: left;
}

td>a,
td>img {
    display: inline-block;
    float: left;
    transition: 0.3s;
    position: relative;
}

td>a:not(:only-child),
td>img:not(:only-child) {
    margin: 3px 3px 3px 0;
}


td>a:hover {
    opacity: 0.7;
}



img[src*="csv.png"],
#pageContent img[src*="help.png"] {
    height: 40px;
    width: 40px;
    min-width: 30px;
    margin-left: 0px;
}


span.jqGrid2csvButton {
    background: #f6f6f6;
    min-height: 37px;
    border-radius: 4px;
    padding: 0 15px 0 2px !important;
    cursor: pointer;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}

span.jqGrid2csvButton:after {
    content: "Download";
    color: #444;
    font-family: arial;
    font-weight: normal;
    line-height: 37px;
}

#divConteneurFiltres img[src*="csv.png"] {
    position: relative;
    top: 0;
    transition: 0.3s;
    filter: brightness(100%);
}

#divConteneurFiltres img[src*="csv.png"] {
    filter: brightness(105%);
}

span.jqGrid2csvButton img[src*="csv.png"],
#divConteneurFiltres span.jqGrid2csvButton img[src*="csv.png"] {
    width: 35px;
    height: 35px;
}


#divLinkCsv br {
    display: none;
}

#divConteneurFiltres #divLinkCsv a[title*="Export as CSV File"] {
    top: 2px;
}

h4 img {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    position: relative;
    top: -1px;
}



#legend small {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.legend-box ul {
    list-style-type: none;
    padding: 0;
}

.legend-box li {
    display: flex;
    align-items: center;
    float: left;
    width: 50%;
    padding: 5px 0;
}

.legend-box li div {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-right: 8px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15);

}

#legendtitle {
    margin-bottom: 10px;
}

#legendtitle img {
    display: none;
}



.row {
    clear: both;
    display: inline-block;
    width: 100%;
}

.row-m15 {
    clear: both;
    display: inline-block;
    width: 100%;
}


.row-m15.row-separate {

    padding: 30px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}

.col-6:not(.col-p15) {
    float: left;
    width: 50%;
    padding-right: 30px;
}

.col-6.col-p15,
.row-m15 .col-6 {
    padding: 0 15px;
    width: 50%;
    float: left;
}

.row-m15>.col-6.col-p15:first-child {
    padding-left: 0;
}

.row-m15>.col-6.col-p15:nth-child(2n) {
    padding-right: 0;
}

/*
.col-6:not(.col-p15)+.col-6:not(.col-p15) {
    padding-left: 30px;
    padding-right: 0;
}

.row-m15>.col-6.col-p15+.col-6.col-p15 {
    position: relative;
    
    right: -30px;
    padding-left: 0;
}

.row-m15>.col-6.col-p15:first-child {
    padding-right: 0;
}*/


.border-top {
    border-top: 1px solid #ddd;
    padding-top: 30px;
}


.col-4 {
    padding: 0 15px;
    width: 33.333%;
    float: left;
}

.col-8 {
    padding: 0 15px;
    width: 66.666%;
    float: left;
}

.col-12 {
    padding: 0 15px;
    width: 100%;
}


.row-flex {
    display: flex;
    margin: 0 -15px;
}

/*
.row-flex>div+div {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}*/

.col-flex {
    flex: 1;
    padding: 0 20px;
}

.col-flex-200 {
    max-width: 200px;
}

.col-flex-430 {
    max-width: 445px;
}

.scroll-y {
    max-height: 100vh;
    overflow-y: scroll;
}

hr {
    display: none;
}

.border-hr {
    clear: both;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #dddddd;
    margin: 0 0 30px 0;
}

.no-wrap-table td {
    white-space: nowrap;
}

.dib {
    display: inline-block;
    width: 100%;
}

.icon-solo {
    margin-top: 0px !important;
    background-size: 20px !important;
    height: 25px;
    position: relative;
    top: -2px;
}

img {
    max-width: 100%;
}

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

.margin-bottom,
div.divTab.margin-bottom {
    margin-bottom: 30px !important;
}


.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-top {
    margin-top: 30px !important;
}

#divConteneurContenu .no-margin,
#divConteneurContenu .no-margin-child>* {
    margin: 0;
}

.full-width-child>* {
    width: 100%;
}

.min100 {
    min-width: 100%;
}

#pageContent input:not([type="radio"]):not([type="checkbox"]).pull-right,
.pull-right {
    float: right;
}


/* Pager */



#pageContent .ui-pager-control tr>td {
    border-right: none;
    justify-content: center;
    min-height: 53px;
}

#pageContent .ui-pager-control tr>td[dir="ltr"] {
    line-height: 35px;
    text-align: center;
    display: flex;
    justify-content: center;
}

/*
#pageContent .ui-pager-control tr > td[dir="ltr"] input{
	margin-right: 10px;
}
*/

#pageContent .ui-pager-control>table {
    border-radius: 4px;
    border: none;
    box-shadow: none;
    background: transparent;
}

#pageContent .ui-pager-control>table>tbody>tr {
    display: flex;
    flex-direction: column;
    border: none;
}

#pageContent .ui-pager-control>table>tbody>tr>td {
    min-width: 100%;
    border: none;
}

#pageContent .ui-pager-control>table>tbody>tr>td>table {
    border: none;
    border-radius: 0;
    padding: 0;
}

#pageContent .ui-pager-control tr>td[id*="pager_left"] {
    min-height: 0;
    padding: 0 !important;
}

#pageContent .ui-pager-control .ui-separator {
    display: none;
}

#pageContent .ui-pg-button.ui-corner-all {
    padding: 0 !important;
    min-width: 45px;
    max-width: 45px;
}

#pageContent .ui-pg-button:not(.ui-corner-all):not([dir="ltr"]) {
    min-width: 0;
    max-width: 0;
    padding: 0 !important;
}

#pageContent table.no-padding-hor-table tr>*,
#pageContent .no-padding-hor-table>table tr>* {
    padding-left: 0;
    padding-right: 0;
}

#pageContent .ui-pager-control select {
    min-width: inherit !important;
}

#pageContent .ui-pager-control input {
    margin: 0 8px;
    min-width: 30px !important;
}

#pageContent select.ui-pg-selbox {
    min-width: inherit;
    max-width: inherit;
    width: 100px;
}

#pageContent .ui-pager-control tr>td:nth-child(4) {
    min-width: 60%;
    justify-content: flex-end;
    padding-right: 14.5% !important;
}

#pageContent .ui-pager-control tr>td:last-child {
    justify-content: flex-end;
}


/* cyclones */

#pageContent #cyclone-div #map {
    margin: 30px 0;
}




/* #pageContent form tr > td:after */

#pageContent span.cke_skin_kama {
    border-radius: 0;
    border: none;
    padding: 0;
}

#pageContent .cke_skin_kama .cke_wrapper {
    background-image: none;
    padding: 0;
}

#cycloneform td img {
    max-height: inherit;
    max-width: 100%;
    min-width: 100%;
    margin-top: 10px;
}

#cycloneform .mfytable .input-group {
    margin-top: 5px;
}

#cycloneform .mfytable .td-column {
    flex-direction: column;
}

#pageContent table tr.tr-blue,
#pageContent table tr.tr-blue th {
    background:
        /*#01adae*/
        #212933;
    color: white;
    font-weight: bold;
}

#divConteneurContenu #pageContent table.cke_editor tr td[class*="cke_contents"] {
    margin: 0;
    background: white !important;
    padding: 0 !important;
}

/* aide clara */
#pageContent #editreportsPage tr th {
    text-align: center !important;
}

#divConteneurContenu #pageContent table.cke_editor tr td[class*="cke_contents"] iframe body {
    background: #dddddd;
}


#pageContent #editreportsPage .cke_bottom {
    display: none;
}

#pageContent td[id*="cke_top"],
#pageContent td[id*="cke_bottom"] {
    background: #ddd !important;
}

#pageContent .cke_skin_kama {
    margin: 0 !important;
}

#editreportsPage h4 {
    font-size: 14px;
    margin-bottom: 5px !important;
    font-weight: bold;
    margin-top: 15px !important;
}

#pageContent div.olMap {
    margin: 15px 0 0 0 !important;
}


/* maps */

table.expiredlabel {
    font-size: 18px;
    color: #f0937e;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    padding: 0;
    background: white;
}

#divTabsWarnings h4 {
    font-family: 'Univers Condensed';
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}

#divTabsWarnings tr>* {
    display: block !important;
}

#divTabsWarnings th {
    text-align: center !important;
}

#divTabsWarnings h4+table tr>td {
    border: none;
}

#divTabsWarnings table .input-group {
    justify-content: center;
}

/*
#divTabsWarnings h4+table {
    width: calc(50vw - 180px) !important;
}*/

/*
table#levelsPalette {
	padding: 3px;
}

div.stickyFixed table#levelsPalette {
	position: fixed;
	z-index: 1000;
	top: 10px;
	background-color: #E6F3DA;
	border: none;
	border-radius: 0;
}
*/


#editmapTab {
    width: calc(100% - 120px);
    margin-bottom: 0px;
}

#editmapTab .chosen-container {
    width: auto !important;
}

#editmapTab embed {
    width: 100%;
}

#svg-pan-zoom-controls {
    transform: scale(0.6) translate(15px, 15px);
    display: flex !important;
}

#pageContent tr td .currentParam {
    color: white;
}

@media(max-height: 1000px) {
    #editmapTab {
        margin-bottom: 65px;
    }
}

#pageContent #editmapTab .stickyTopV2 {
    width: 50px !important;
    display: block;
    position: absolute;
    top: 67px;
    right: -45px;
    margin-top: 0px;
	height: 100%;
}

#pageContent .stickyTopV2 table#levelsPalette {
    margin-top: 0px;
    position: sticky;
    top: 10px;
    right: 0;
    padding: 0;
    border: none;
    border-radius: 5px;
    overflow: hidden;
}

#pageContent .stickyTopV2 table#levelsPalette th {
    white-space: nowrap;
    font-size: 14px;
    color: #222;
    background: white;
    border: none;
}

#pageContent .stickyTopV2 #levelsPalette tbody {
    background: transparent;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
}

#pageContent .stickyTopV2 #levelsPalette tbody>tr:not(.center) {
    /*
    writing-mode: vertical-lr;*/
    white-space: nowrap;
}

#pageContent .stickyTopV2 #levelsPalette tbody>tr:not(.center) th {
    padding: 10px 0 !important;
    line-height: 50px;
}

#pageContent .stickyTopV2 #levelsPalette tr {
    border: none;
    display: flex;
}

#pageContent .stickyTopV2 #levelsPalette td {
    background: transparent;
    border-radius: 0 !important;
    border: none;
    flex: 1;
}

#pageContent .stickyTopV2 #levelsPalette td,
#pageContent .stickyTopV2 #levelsPalette th {
    padding: 0;
}

#divConteneurContenu #pageContent .stickyTopV2 #levelsPalette tr>* {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

#pageContent .stickyTopV2 #levelsPalette td:after {
    content: none;
}

#pageContent .stickyTopV2 #levelsPalette img {
    height: 24px !important;
    display: block;
    margin: 0 0 0 50%;
    transform: translateX(-50%);
}

#pageContent table:not(#timeline):not(.htCore):not(#levelsPalette) tr>td:only-child {
    min-width: 100%;
}


#timeline td {
    height: 30px;
}

#timeline tr>td:first-child {
    padding: 8px 5px;
}


div#warningsmap_container {
    border: 1px solid #eaeaea;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    overflow: hidden;
}


tr[onclick*="changeParam"][style*="rgb"] {
    transition: 0 !important;
    background-color: #aaaaaa !important;
}

tr[onclick*="changeParam"][style*="rgb"] td {
    background-color: #aaaaaa !important;
}

#pageContent #editmapTab td.tdCellEnteteHours {
	min-width: 28px !important;
    text-align: center;
    justify-content: center;
    font-size: 11px;
	border: none;
}

#pageContent #editmapTab tr td.tdCellEnteteHours:after {
    content: "h";
    font-weight: normal;
    margin-left: 1px;
    display: inline;
    width: auto;
    height: auto;
    position: inherit;
    background: none;
    transition: 0s;
}

#pageContent #editmapTab tr:hover td.levelcell:after {
    background: rgba(0, 0, 0, 0);
}

#pageContent #editmapTab tr td.levelcell:hover:after {
    background: rgba(0, 0, 0, 0.2);
}

#editmapTab .trarea {
    border: 1px solid white !important;
    border-width: 1px 0px 0px 0px !important;
}



#pageContent #editmapTab .col-4 {
    width: 390px;
    overflow: hidden;

}

#pageContent #editmapTab .col-8 {
    right: -15px;
    padding-right: 0;
    position: relative;
    width: calc(100% - 390px);
}

#editmapTab .form-group {
    margin-right: 0;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

#editmapTab .form-group span,
#editmapTab .form-group label {
    display: inline-block;
}

#editmapTab .form-group input {
    width: 100%;
}

img#map {
    background: transparent;
    border-radius: 4px;
    margin-top: 15px;
}

img#map+.info.left {
    margin-top: 9px;
    padding-left: 23px;
    background-size: 16px;
}

/* weather */

#weatherPage,
#reportsPage,
#cyclonePage {
    background: transparent;
}

#editreportsPage,
#clientformPage {
    margin-bottom: 65px;
}

#editreportsBisPage {
    margin-bottom: 65px;
}

#weatherPage #domains {
    width: 100%;
    height: 240px !important;
    min-width: inherit;
}


#weatherPage .row-flex>div {
    flex: 1;
    min-width: inherit;
    max-width: inherit;
}

.weatherTable td a {
    display: block;
    width: 100%;
}

#check-constraints {
    line-height: 36px;
    position: relative;
}

img.constraint-waiting {
    float: left;
    height: 30px;
    width: 30px;
    position: relative;
    left: -11px;
    top: 4px;
    margin-right: -10px;
}


img.constraint-waiting[src*="inprogress"] {
    height: auto;
    width: auto;
    left: 0;
    top: 10px;
    margin: 0;
    background: white;
    border-radius: 100%;
    margin-right: 7px;
}

.mfytable.weatherTable {
    background: white;
    padding: 4px 4px 4px 3px;
    border-radius: 4px;
}


#meteditorlegend {
    float: right;
    width: 25%;
    text-align: left;
    margin-bottom: 30px;
    display: flex;
    flex-flow: wrap;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

#meteditorlegend h3 {
    color: #212933;
}

#meteditorlegend ul {
    list-style-type: none;
    padding: 0;
    float: left;
    margin: 0;
}

#meteditorlegend h3 {
    margin: 8px 20px;
    width: 100%;
}

#meteditorlegend ul li {
    width: auto;
    float: left;
    margin-right: 20px;
}

#meteditorlegend ul img {
    margin-right: 0px;
    width: 28px;
    position: relative;
    top: -2px;
}

#meteditorlegend ul span {
    font-weight: bold;
}

#navMod .form-group {
    position: absolute;
    right: 0;
    top: 0;
}

.zoneFormulaire h3.h3TitreContenu {
    margin-top: 5px;
}



#tdMapEnteteEncart1,
#tdMapEnteteEncart2 {
    height: 45px;
    background: #37474f;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
    padding: 8px 15px;

    position: fixed;
    height: 58px;
    width: 100%;
    top: 0;
    left: 0;
}

#tdMapEnteteEncart1 small+small,
#tdMapEnteteEncart2 small+small {
    margin-left: 10px;
}

.spanInfoMap {
    display: inline-block;
    margin: 0 15px;
}

#tdMapEnteteEncart1 *:not(.button),
#tdMapEnteteEncart2 *:not(.button) {
    color: white;
}

#tableFillmapHeader {
    position: fixed;
    z-index: 100;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: 65px;
}


#tableFillmapHeader+form {
    margin-top: 90px;
    padding: 0 15px;
}


#tableFillmapHeader+form>div {
    padding: 0 15px;
    overflow: hidden;
    float: left;
    display: inline-block;
    margin-bottom: 30px;
    margin-right: 15px;
    border: none !important;
}


#tableFillmapHeader+form>div:nth-child(2n+1) {
    clear: both;
}

#tableFillmapHeader+form>div .tdCellMapWeather {
    /*padding-left: 15px;*/
}

#tableFillmapHeader+form div[id*="palette"] {
    background: #f9f9f9 !important;
    width: 204px;
}

#tableFillmapHeader+form div[id*="palette"] img[src*="wind_palette"] {
    border-color: #f9f9f9 /*!important*/;
    width: 32px;
    height: 32px;
    max-width: 32px;
    max-height: 32px;
    margin: 0;
}

img.imgWeatherElement {
    border: 3px solid #f9f9f9;
    margin: 0 !important;
    /*width: 32px;
    height: 32px;
    max-width: 32px;
    max-height: 32px;*/
    width: 36px;
    height: 36px;
}

td.mfy-skin-action img {
    width: 24px;
    height: 24px;
}

#tableFillmapHeader+form div[id*="palette"] td {
    border: none !important;
}

#tableFillmapHeader+form div[id*="palette"]>table>tbody>tr>td>table>tbody>tr:nth-child(1) td,
#tableFillmapHeader+form div[id*="palette"]>table>tbody>tr>td>table>tbody>tr:nth-child(2) td,
#tableFillmapHeader+form div[id*="palette"]>table>tbody>tr>td>table>tbody>tr:nth-child(3) td,
#tableFillmapHeader+form div[id*="palette"]>table>tbody>tr>td>table>tbody>tr:nth-child(4) td {
    display: flex;
    justify-content: center;
    flex-flow: wrap;
}

#tableFillmapHeader+form div[id*="palette"]>table>tbody>tr>td>table>tbody>tr:nth-child(4)>td {
    border: 1px solid #dddddd !important;
    border-width: 1px 0 !important;
    padding: 5px 0;
}


#tableFillmapHeader+form div[id*="palette"]>table>tbody>tr>td>table>tbody>tr:nth-child(4)>td tr {
    display: flex;
    justify-content: space-around;
    min-height: 25px;
    align-items: center;
    text-transform: capitalize;
}

#tableFillmapHeader+form th.highlight {
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 9px;
    border-bottom: 1px solid #ddd;
    color: #37474f;
}


/* pictos map edit */

img[title*="70km"] {
    visibility: hidden;
    position: relative;
}

/* radio checkbox */

input[type="radio"],
input[type="checkbox"] {
    margin: 0 4px 0 0;
    position: relative;
    top: 2px;
}


/* pages edit */



#divConteneurContenu #zoneReport .tdCellProprieteEncart input.button:hover,
#editinline input.button:hover {
    background-color: #81b2e1;
    color: white;
}


#floatmenu2+#zoneReport {
    float: none;
    margin-left: 23% !important;
}




#zoneReport .reportnotes {
    margin: 0 0 20px 0;
    width: 100%;
    max-width: inherit;
}

#zoneReport table {
    display: inline-block;
}

#zoneReport .reportnotes+div>input {
    display: inline-block;
    margin-bottom: 15px;
}

#zoneReport .reportnotes+div>input.button:first-child {
    margin-left: 0;
}

#zoneReport textarea,
#pageContent textarea {
    /*background: #dddddd;*/
    background: white;
    border: 1px solid #bbb;
    border-radius: 4px;
    min-height: 130px !important;
    width: 100%;
    padding: 10px;
    font-family: arial;
    /*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);*/
    box-shadow: none;
}



#zoneReport td {
    justify-content: flex-start;
    align-items: flex-start;
}

#zoneReport .fieldname {
    margin-bottom: 10px;
    color: white;
}

#zoneReport .tdCellProprieteEncart .fieldname {
    color: #222;
    font-weight: bold;
    display: block;
    width: 100%;
}

#divConteneurContenu #zoneReport .tdCellProprieteEncart {
    min-width: 200px;
    max-width: 200px;
    flex-direction: column-reverse;
    justify-content: flex-end;
}

#divConteneurContenu #zoneReport .tdCellProprieteEncart input {
    width: 180px;
}

#divConteneurContenu #zoneReport .tdCellProprieteEncart+td {
    width: calc(100% - 200px);
}

#divConteneurContenu #zoneReport .tdCellProprieteEncart+td input {
    width: 100%;
}


#divConteneurContenu #zoneReport .tdCellProprieteEncart input {
    margin-left: 0;
}

#divConteneurContenu #zoneReport .tdCellProprieteEncart input+* {
    margin-top: 8px;
}

.defaultvalue,
.previousvalue {
    background-color: #88b0ec;
    margin: 0;
    text-align: center;
    position: absolute;
    left: 0;
    top: 8px;
    transform: translate(calc(-100% + -10px), 0px);
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    width: 180px;
    z-index: 100;
    display: none;
    padding: 10px;
}

.previousvalue {
    background-color: #cccccc;
    color: #222222;
}

.defaultvalue b,
.previousvalue b {
    display: block;
}

.reportnotes {
    border: none;
    border-radius: 3px;
    color: #5a5a5a;
    font-size: 8pt;
    font-weight: normal;
    margin-left: 5px;
    max-width: 314px;
    opacity: 0.6;
    padding: 3px;
    text-align: left;

}



#pageContent .cke_skin_kama .cke_rcombo a {
    padding: 0;
}

#pageContent .cke_skin_kama .cke_rcombo .cke_openbutton .cke_icon {
    margin: 0;
    background-position: 0 -67px;
}

#zoneReport *:not(.cke_text) {
    overflow: visible !important;
}

#zoneReport .counter {
    margin: 5px 0 0 0;
}

#editinline fieldset>table>tbody>tr>td:first-child {
    max-width: 200px;
}

#pageContent td[valign="center"] {
    justify-content: center !important;
}

#pageContent td[valign="center"] img {
    margin: 5px;
}

#editinline input[value*="Time"] {
    margin-right: 10px;
}


#formProduct input,
#formProduct textarea,
#clientform input:not(.button):not([type="checkbox"]):not([type="radio"]),
#clientform textarea,
#clientform .chosen-single {
    width: 100%;
}

#clientform input.button {
    min-width: inherit;
}

#clientform .form-group {
    max-width: 240px;
}




/* help */

#pageContent #extension_tree .ui-dynatree-container {
    padding: 10px;
    background-color: white;
    border: none;
    border-radius: 0;
    height: 100vh;
    overflow-y: scroll;
    position: fixed;
    left: 260px;
    top: 0;
}

#help_content>.objectdiv {
    float: left;
    padding-left: 0;
    width: calc(100vw - 565px);
    background: white;
    border-radius: 4px;
    left: 535px;
    position: fixed;
    overflow-y: scroll;
    height: calc(100vh - 60px);
    padding: 20px;
}

#help_content>.objectdiv h3.h3TitreContenu {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#help_content fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 20px 0;
}

#pageContent fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

#help_content .list,
#help_content .list2,
#help_content .list3,
#help_content .list1 {
    list-style-image: none;
    list-style-type: none;
    padding: 0;
}

#help_content .list li,
#help_content .list2 li,
#help_content .list3 li,
#help_content .list1 li {
    padding: 7px 10px 7px 20px;
    background-image: url(/media/images/newsmet/list2.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left 8px;
    line-height: normal;
}

#help_content td .paramDescription b:not(:only-child) {
    margin: 0;
}

/* ? and info buttons */
#help_content .paramDescription a img {
    width: 20px;
    height: 20px;
    max-width: initial;
    max-height: initial;
    min-width: initial;
    min-height: initial;
}

#help_content input,
#help_content select,
#help_content .chosen-container {
    margin: 10px 0 !important;
}

#help_content table {
    margin: 10px 0;
}

#help_content label {
    width: 100%;
    font-weight: bold;
}

#help_content fieldset.generators>div {
    display: flex;
    align-items: center;
}

#help_content fieldset.generators > div > *:not(input) {
    flex-shrink: 0;
}

#help_content fieldset.generators > div > *:not(label) {
    flex-grow: 1;
    width: unset !important;
}

#help_content .exampleBox {
    min-height: 20px;
}

#pageContent .listvalues td>br {
    display: block;
}

#displayExportValue *:not(h3),
#displayWeatherParameters *:not(h3) {
    font-size: 14px;
}

#displayExportValue div,
#displayExportValue b,
#displayWeatherParameters div,
#displayWeatherParameters b {
    display: inline-block;
    margin-bottom: 5px;
}


#displayExportValue img,
#displayWeatherParameters img {
    max-width: 18px;
    max-height: 18px;
}

#displayExportValue .p,
#displayWeatherParameters .p {
    display: inline-block;
    margin: 10px 0;
    width: 100%;
}


#displayExportValue .p>div,
#displayWeatherParameters .p>div {
    color: #222;
    float: left;
    display: block;
    width: 100%;
    font-size: 18px;
}

#displayExportValue span[align="center"],
#displayWeatherParameters span[align="center"] {
    margin: 4px;
    display: flex;
    align-items: center;
    flex-direction: column;
    float: left;
}

#pageContent>.ui-tabs>ul>li+a.button {
    display: block;
    width: 100%;
    margin: 0 !important;
    line-height: 50px;
    text-align: left;
    height: 50px;
    padding-left: 12px !important;
    background: transparent !important;
    color: white;
    font-weight: normal;
    border-radius: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#pageContent>.ui-tabs>ul>li+a.button img {
    float: left;
    height: 24px;
    width: 24px;
    margin-right: 5px;
    position: relative;
    top: 12px;
}


#pageContent form tr td * {
    z-index: inherit;
}

#pageContent form tr td .colorpickerHolder {
    z-index: 10;
}

.colorpickerHolder input,
.ui-widget .colorpickerHolder input:not(.ui-pg-input):not([type="checkbox"]):not([type="radio"]) {
    min-height: inherit !important;
    width: auto !important;
    float: none !important;
    min-width: inherit !important;
    background: transparent !important;
    right: inherit;
    font-size: 9px;
    outline: 0;
}

.colorpickerHolder input {
    left: 16px;
    top: 3px;
}

.ui-widget .colorpickerHolder input:not(.ui-pg-input):not([type="checkbox"]):not([type="radio"]) {
    left: 19px;
    top: 5px;
    box-shadow: none;
    text-align: left;
    padding: 0 5px;
}

.colorpickerHolder input:focus,
select:focus,
button:focus,
input:focus {
    outline: 0;
}

.MfyDoubleSelectList_add,
.MfyDoubleSelectList_remove {
    cursor: pointer;
}

#pageContent .mini-input {
    display: flex;
    align-items: center;
}

td.mini-input select {
    margin: 0 0 0 10px !important;
}

#pageContent .mini-input input,
#pageContent .mini-input+td input {
    min-width: inherit !important;
    width: 100px !important;
    max-width: inherit !important;
}

#tr_column {
    display: flex;
    /*flex-direction: column;*/
    padding: 10px;
}

#tr_column * {
    padding: 0 !important;
    border: none;
}

#pageContent table #tr_column>td {
    padding: 0 !important;
}

#schedule {
    width: 100%;
    margin-top: 15px;
}



.ui-jqgrid .ui-jqgrid-resize-ltr {
    display: none;
}

#pageContent th *:not(.ui-jqgrid-resize) {
    display: inline;
}



#products tr>td:not(:first-child) {
    background: white !important;
    color: #222 !important;
    font-weight: normal !important;
}


#products tr>td:not(:first-child) * {
    color: #222 !important;
    font-weight: normal;
}


#reports tr>td:not(:first-child) {
    opacity: 0.8;
}

#products tr:hover>td:not(:first-child),
#reports tr:hover>td:not(:first-child) {
    opacity: 1;
}

#pageContent table#products:not(#timeline):not(.htCore) tbody tr>*:first-child,
#pageContent table#products:not(#timeline):not(.htCore) tbody tr>*:last-child {
    padding: 0 !important;
    text-align: center;
}

#pageContent table#products:not(#timeline):not(.htCore) tbody tr>*:first-child *,
#pageContent table#products:not(#timeline):not(.htCore) tbody tr>*:last-child * {
    margin: 0;
    float: none;
}

/*

#products tbody tr:not(.jqgroup)>td:first-child,
#listProduct tr>th:first-child,
#products tbody tr:not(.jqgroup)>td:last-child,
#pageContent #listProduct tr>th:last-child {
    padding: 0 !important;
    text-align: center;
}

#products tbody tr:not(.jqgroup)>td:nth-child(3),
#listProduct tr>td:nth-child(3) {
    width: 180px !important;
}

#reports tr>*:first-child:not(:only-child),
#products tbody tr:not(.jqgroup)>td:nth-child(2),
#listProduct tr>th:nth-child(2),
#products tbody tr:not(.jqgroup)>td:nth-child(5),
#listProduct tr>th:nth-child(5) {
    max-width: 80px;
}

#products tbody tr:not(.jqgroup)>td:last-child,
#pageContent #listProduct tr>th:last-child {
    display: none !important;
}
*/

#pageContent div[class*="selection"] ul {
    max-width: 100%;
}

div[class*="selection"] ul.domain {
    padding-left: 0;
    max-width: 100%;
}

div[class*="selection"] ul.domain>li.domain {
    background-image: none;
    padding: 10px 0;
}

div[class*="selection"] ul.cat,
div[class*="selection"] ul.product,
div[class*="selection"] ul.diss {
    list-style-type: none;
    padding: 0;
    position: relative;
}

div[class*="selection"] ul.cat>li.cat {
    background-image: url(/media/images/picto/folder.png);
    background-size: 17px;
    padding: 12px 10px 12px 42px;
    background-position: 20px 16px;
}


div[class*="selection"] ul.cat>li.cat>.explode {
    background-color:
        /*#01adae*/
        #212933;
    color: white;
    line-height: 30px;
    width: 100%;
    position: relative;
    top: -2px;
    border-radius: 4px;
    height: 30px;
    font-weight: bold;
    background-position: 1px 7px;
}

div[class*="selection"] ul.cat>li.cat>.explode .info {
    color: white;
    margin-left: 5px;
}

div[class*="selection"] ul.product>li.product {
    background-image: url(/media/images/picto/layout_edit.png);
    background-position: 3px 16px;
    background-size: 18px;
    padding: 6px 0 6px 27px;
}

#pageContent div[class*="selection"] ul.diss>li {
    background: #eaeaea;
}

#pageContent div[class*="selection"] ul.diss>li.checked {
    background: #ffd883;
}

#pageContent div[class*="selection"] ul.diss>li:not(.checked):hover {
    background: #dddddd;
}

#pageContent div[class*="selection"] ul.diss>li,
#pageContent div[class*="selection"] ul.diss>li.checked,
#pageContent div[class*="selection"] ul.diss>li.hover {
    margin: 10px 0 0 0;
    padding: 10px 10px 10px 10px;
    position: relative;
    border-radius: 4px;
    transition: 0.2s;
}




div[class*="selection"] .disspreview {
    display: flex;
    justify-content: flex-start;
    margin: 10px 0;
    padding: 0;
    border: none;
}


div[class*="selection"] a.toggleActive {
    width: 27px;
    float: left;
    position: absolute;
    top: 17px;
    left: 4px;
}

#pageContent div[class*="selection"] .button {
    padding: 0px 8px;
    line-height: 37px;
}

div[class*="selection"] ul.product>li.product>.button {
    position: absolute;
    right: 11px;
    top: 0;
}

.diss-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
}

ul.diss label {
    width: calc(100% - 166px);
    display: inline-block;
    padding-left: 20px;
}

.ui-widget-content.ui-tabs .ui-tabs>.ui-widget-header~.ui-tabs-panel {
    background: white;
    border-radius: 0 4px 4px 4px;
    margin-top: -16px;
    padding-top: 30px;
}

.ui-widget-content.ui-tabs .ui-tabs>.ui-widget-header a {
    font-weight: normal;
    font-size: 14px;
    font-family: Univers Condensed;
    color: rgb(55, 71, 79);
}

.ui-widget-content.ui-datepicker {
    background: white;
    margin-top: 10px;
}

.ui-widget-content.ui-datepicker .ui-datepicker-header {
    background:
        /*#01adae*/
        #212933;
    border: none;
}


span[id*="popup"] {
    margin-right: 5px;
    font-weight: bold;
    color: #444;
}

.rotated_cell .rotate_text {
    transform: none;
}

div#importationMode img {
    width: 23px;
    position: relative;
    top: -1px;
}

.block-float-none {
    display: inline-block;
    float: none;
}


#ttitle {
    font-weight: bold;
    max-width: 200px;
}




/* POPUP FORMS */

.clearBoth {
    clear: both;
}

.ui-dialog .colorpickerHolder {
    left: 0 !important;
}

.ui-dialog h3.h3TitreContenu {
    font-size: 20px;
    margin-bottom: 15px;
}

.ui-dialog h3.h3TitreContenu+* {
    margin-top: 8px;
}

.ui-dialog .nav-tabs {
    margin-bottom: 15px;
    width: 100%;
}

.ui-dialog #cke_content {
    width: 100% !important;
}

.ui-dialog legend,
.ui-dialog label {
    margin: 8px 0 8px;
    font-weight: 600;
    font-size: 14px;
    font-family: Univers;
}

.ui-dialog small {
    font-size: 13px;
    margin-right: 8px;
}

.ui-dialog input[type="checkbox"] {
    top: 2px;
    float: left;
    margin-right: 8px;
}

.ui-dialog .alldomains {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.ui-dialog .alldomains>* {
    margin: 0 8px 0 0;
}

.ui-dialog .domcatprodChooser>ul.domain {
    padding: 0;
}

.ui-dialog .domcatprodChooser ul>li.domain,
.ui-dialog .domcatprodChooser ul>li.cat,
.ui-dialog .domcatprodChooser ul>li.product {
    background-size: 23px;
    padding-top: 5px;
    padding-bottom: 10px;
    position: relative;
    clear: both;
    display: inline-block;
    width: 100%;
}

.ui-dialog .domcatprodChooser ul>li.cat,
.ui-dialog .domcatprodChooser ul>li.product {
    background-size: 18px;
    background-position: 3px 2px;
}

.ui-dialog .domcatprodChooser span.explode {
    float: right;
}

.ui-dialog .domcatprodChooser ul>li.domain input[type="checkbox"],
.ui-dialog .domcatprodChooser ul>li.domain input[type="radio"] {
    top: 0;
    left: 8px;
    float: left;
}

.ui-dialog .domcatprodChooser ul>li.domain label {
    float: left;
    margin-left: 8px;
    margin-top: 0;
    margin-bottom: 5px;
    position: relative;
    top: -2px;
}

.ui-dialog .domcatprodChooser ul>li.domain .explodeLabel {
    margin-left: 7px;
}


.ui-dialog select,
.ui-dialog input[type="text"],
.ui-dialog input[type="password"],
.ui-dialog input[type="number"],
.ui-dialog textarea {
    padding: 9px 8px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    background-color: #dddddd !important;
}

.ui-dialog table tr td input {
    margin: 8px 0 !important;
}

.ui-dialog .ui-dialog-content button {
    font-family: Univers Condensed !important;
    font-size: 14px !important;
    margin: 10px 0;
}

.ui-widget .ui-dialog-content td {
    flex-direction: column;
    vertical-align: top;
    padding: 5px 8px;
    min-width: 90px;
}

.ui-widget .ui-dialog-content td button,
.ui-widget .ui-dialog-content td input {
    margin: 0;
}

.ui-widget .ui-dialog-content td button+*,
.ui-widget .ui-dialog-content td input+* {
    margin-top: 10px !important;
}

.ui-widget .ui-dialog-content td .tree-action-group button+*,
.ui-widget .ui-dialog-content td .tree-action-group input+* {
    margin-top: 0 !important;
}

.ui-widget .ui-dialog-content td div#report_preview {
    background: #dddddd !important;
    border-radius: 4px;
    margin-right: 0 !important;
    width: 100% !important;
}

.ui-widget.ui-dialog .ui-dialog-titlebar {
    background: #81b2e1 !important;
    color: white;
}

.modal-dialog .ui-dialog-titlebar {
    background: #81b2e1 !important;
    color: white;
    border: none;
    border-radius: 3px 3px 0 0;
    padding: 0px 0 0 15px;
    font-size: 14px;
    line-height: 40px;
}

.ui-widget.ui-dialog .ui-dialog-titlebar *,
.modal-dialog .ui-dialog-titlebar * {
    color: white;
}

#emailTempPw {
    margin: 0 0 0 15px !important;
}

.button {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}

#selectProductHelperLeft *,
#selectProductHelperRight * {
    word-break: break-all;
}



#rulebody>tr>td>* {
    width: 100%;
}

#colors-selectors {
    width: 36px !important;
    float: right;
}

#editparamstablehourly img,
#editparamstabledaily img {
    order: -1;
}

#editparamstablehourly select,
#editparamstabledaily select {
    margin: 0;
}

#table-scroll-x-y {
    /*height: 400px;*/
    margin: 0;
    overflow-y: hidden;
    overflow-x: auto;
    width: calc(100vw - 428px);
}

#table-scroll-x-y .mfytable {
    z-index: 1;
    width: calc(100vw - 428px);
}

#table-scroll-x-y .mfytable th:not(.highlight) {
    display: none;
}


#adminweatherforecast>.divTab h3 {
    margin-bottom: 30px;
}


#divConteneurContenu #highcharteditor .container {
    width: 100%;
}

#divConteneurContenu .container {
    width: auto;
    max-width: inherit;
}

.handsontable tr>* {
    min-width: 37px;
}


#divConteneurContenu .aglobuttons button {
    margin: 4px 4px 4px 0 !important;
    background: #dddddd !important;
}

#divConteneurContenu .aglobuttons button:hover {
    background: #eeeeee !important;
}

#divConteneurContenu .aglobuttons button span {
    margin: 0;
}

#divConteneurContenu .minicolors-swatch {
    width: 37px;
    height: 37px;
    border-radius: 3px;
    margin-left: 5px;
    cursor: pointer;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.listwmoreports#timeline thead {
    border-radius: 4px 4px 0 0;
}

.listwmoreports#timeline thead th {
    background-color:
        /*#01adae*/
        #212933;
    color: white;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 18px;
    min-height: 37px;
    padding: 8px;
    text-align: left;
}

.listwmoreports#timeline thead>th:first-child {
    border-radius: 4px 0 0 0;
}

.listwmoreports#timeline thead>th:last-child {
    border-radius: 0 4px 0 0;
}

.listwmoreports#timeline td {
    padding: 8px !important;
    text-align: left !important;
}

.listwmoreports#timeline tbody>.tr-separator-main>td {
    border-top: 2px solid
        /*#01adae*/
        #212933;
}

.listwmoreports#timeline tbody>.tr-separator-main>td:not(:first-child):not(:nth-child(2)) {
    background: white !important;
}

.listwmoreports#timeline tbody>.tr-separator-main>td:first-child:after,
.listwmoreports#timeline tbody>.tr-separator-main>td:nth-child(2):after {
    content: none !important;
}

.listwmoreports#timeline tr>*:last-child {
    min-width: 125px;
}

.listwmoreports#timeline tr>*:last-child a {
    margin: 0;
}



#divConteneurContenu[class*="container1400"],
body>#pageContent:not(.sidebar) {
    max-width: 1400px;
}

td a {
    position: relative;
}

#divConteneurContenu #pageContent .pictopdiss-count,
#divConteneurContenu #pageContent .mfytable span[id*="popup"] {
    background: #6da8e0;
    display: inline-block;
    padding: 0px 4px;
    border-radius: 3px;
    position: relative;
    top: -8px;
    left: -5px;
    font-size: 9px;
    color: white !important;
    height: 17px;
    line-height: 18px;


    /*
    position: absolute;
    top: -8px;
    left: 13px;*/
    word-break: keep-all;
}

a.pictopdiss {
    position: relative;
}


a.pictopdiss span[id*="popup"] {
    position: absolute;
    top: -2px;
    left: 16px;
}


form[name="fonts"] {
    position: relative;
}

form[name="fonts"] #fontfile {
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
}

span#widthtext {
    position: relative;
    top: 8px;
}

#ui-dialog-parameter tr>td:nth-child(2) {
    padding: 90px 0px 0px 16px !important
}


.MfySelectMapContainer .btn-group.btn-group-left * {
    width: auto !important;
    margin: 0 8px 8px 0 !important;
    float: left !important;
}

#ui-replication .btn-group.btn-group-left:first-child {
    margin-top: 0;
}

#ui-replication .MfySelectMapContainer>.btn-group.btn-group-left {
    margin-bottom: 0;
}

#IdZoneFormulaire {
    position: relative;
}

table#expiredMap {
    /* width: auto !important;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    background-position: center 38px;
    border-radius: 4px;
}

table#expiredMap * {
    background: transparent !important;
}


/*

#pageContent table:not(#timeline):not(.htCore) th#rules_Conditions {
    display: none !important;
}
*/



/* Fixe bugs */

body {
    min-width: 1400px;
    overflow-x: auto;
}

#divConteneurMenuHaut,
#divConteneurBandeauHaut {
    min-width: 1400px;
}


#divConteneurBandeauHaut #divConteneurLogo,
#divConteneurBandeauHaut #divConteneurIdentite,
#divConteneurBandeauHaut #help,
#divConteneurBandeauHaut #divConteneurDateHeure {
    position: relative;
    right: inherit;
    top: inherit;
    display: inline-block;
}

#divConteneurBandeauHaut .mfy_container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#divConteneurBandeauHaut #divConteneurLogo {
    order: 4;
}

#divConteneurBandeauHaut #divConteneurIdentite {
    order: 3;
}

#divConteneurBandeauHaut #help {
    order: 1;
    display: flex;
    align-items: center;

}

#divConteneurBandeauHaut #divConteneurDateHeure {
    order: 2;
    margin-left: 15px;
}

#divConteneurBandeauHaut {
    height: 65px;
    height: 100px;
    margin: 0 auto;
    position: relative;
    width: auto;
    background-image:
        url(../images/mfy/logo_mfi_mfy.png),
        linear-gradient(to right, #343436 0%, #4c687e 30%, #333333 100%);

    background-repeat: no-repeat, no-repeat;
    background-size: 482px, 100%;
    background-position: 10px 0px, center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

#divConteneurIdentite {
    width: auto;
    background-image: url(../images/mfy/ligne_admin_blanc.png);
    background-repeat: no-repeat;
    background-size: 170px;
    background-position: left top;
    padding: 0 20px;
    height: 55px;
    float: right;
    position: relative;
    text-align: left;
    color: white;
    margin-right: 20px;
}


#pageContent tr td a.button {
    word-break: break-word;
    white-space: normal;
}

#listbatches table tr>*:first-child,
#listproduct table tr>*:first-child {
    width: 40px !important;
}

div[class*="col-xs-12"] {
    padding: 0 15px;
}

.white-panel {
    background: white;
    padding: 15px;
    border-radius: 4px;
    box-shadow: rgba(0, 1px, 1px, .15);
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.color-white {
    color: white;
}

.color-dark {
    color: #212933;
}



.clientSelect option {
    text-align: left !important;
}


img[src$="/"] {
    display: none;
}

#editparamstablehourly input,
#editparamstabledaily input {
    margin: 0;
}

#history,
#history * {
    max-width: 340px;
}

#history .ui-jqgrid-bdiv {
    height: auto !important;
}

#reportscolors>div.a {
    width: 22%;
    margin-right: 1%;
    margin-bottom: 1%;
    background: #eaeaea;
    border-radius: 4px;
    min-height: 225px;
}

#reportscolors>div.a>label {
    font-weight: bold;
    margin-bottom: 8px;
    display: block;
    color: #444;
}

#reportscolors>div.a>div {
    margin-top: 8px;
}


.rangefilter-form .rangefilter+.button {
    background: #81b2e1;
    color: white !important;
    border-radius: 3px;
    font-weight: normal;
    cursor: pointer;
    padding: 0 15px;
    font-family: Univers Condensed;
    font-size: 14px;
    transition: 0.3s;
    outline: 0 !important;
    min-height: 37px;
    display: inline-block;
    border: none;
    line-height: 38px;
}

.rangefilter-form span[id*="-value"] {
    display: inline-block;
    margin: 0 0 0 5px;
    background: #212933;
    color: white;
    padding: 3px;
    border-radius: 3px;
}

.rangefilter-form span[id*="-value"]+.rangefilter-form span[id*="-value"] {
    margin-right: 5px;
}

.rangefilter-wrap {
    margin-bottom: 5px;
}

.rangefilter input {
    margin: 0 7px;
}

form .ui-slider {
    background: #dddddd;
    border-radius: 5px;

}

form .ui-slider .ui-slider-range {
    border: none;
    background: #81b2e1;
    border-radius: 5px;
}

form .ui-slider .ui-slider-handle,
form .ui-slider .ui-slider-handle:hover {
    position: absolute;
    z-index: 2;
    width: 17px;
    height: 17px;
    cursor: default;
    border-radius: 100%;
    background-color: #eaeaea;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}


#meteditorpopupform label {
    margin-top: 0;
}

#meteditorpopupform small {
    position: relative;
    font-size: 12px !important;
    color: #aaa;
}

#meteditorpopupform small~input {
    margin-top: 5px;
}

#type_specific_conf div>div:not(.slider-range) {
    margin-bottom: 16px;
}

#type_specific_conf div>div>select:last-child,
#type_specific_conf div>div>input:last-child {
    margin-bottom: 0;
}

#type_specific_conf .MfySelectMapContainer .btn-group {
    margin: 0;
}

.MfySelectMapContainer input:hover {
    color: #222222;
}

.MfySelectMapContainer ul {
    display: flex;
    flex-flow: wrap;
    margin-bottom: 12px;
}

.MfySelectMapContainer .ui-state-default {
    background: #eaeaea;
    border-radius: 4px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    margin: 8px !important;
    line-height: 16px;
}




/* Alignements */

.flex-align-hor {
    display: flex;
    align-items: center;
}

.flex-align-hor>*+* {
    margin-left: 7px;
}

.ui-fancytree.fancytree-container li {
    display: block;
    float: none;
    width: 100%;
}

.ancre-child span {
    padding-left: 10px;
}

.td-radio-label label {
    display: flex;
    align-items: center;
    padding-right: 4px;
}

.td-radio-label label input[type="radio"] {
    top: 0;
}

#gview_forecaststatus *,
#gview_dataactivity *,
#gbox_datastatus *,
#sysstatus table *,
#gview_liststandby table * {
    text-align: center !important;
    justify-content: center;
}


#weatherPage,
#reportsPage {
    max-width: 1400px;
    margin: 30px auto;
}

/* mini css */

#weatherPage button#go,
#weatherPage input#applyautofill {
    background: #3a4758 !important;
}

#weatherPage button#go:hover,
#weatherPage input#applyautofill:hover {
    background: #212933 !important;
}

.nav-tabs>li>a {
    margin-right: 0;
}

.nav-tabs>li>a:hover {
    border-color: transparent;
}

.tab-content-white {
    background: white;
    padding: 15px;
}

#pageContent table#timeline {
    border-collapse: separate;
}

#timeline select {
    margin: 0;
    height: 30px;
    padding: 0;
    min-height: 30px;
    padding: 0 4px;
}

#timeline select+select {
    margin-top: 4px;
}

a:focus,
input:focus,
button:focus {
    outline: 0;
}

#pageContent tr td .error {
    color: crimson;
    font-weight: bold;
}

#divConteneurContenu div.divTab:not(.divTabWhite),
#pageContent div.divTab:not(.divTabWhite) {
    background: #99b4c8;
    color: #212933;
}

#pageContent div.divTab.hasBottom {
    margin-bottom: 100px;
}

#refreshdisseminationstatus {
    padding-left: 38px !important;
}

#dataexportdialog {
    height: 600px !important;
}

div[id*="tree-action"] .tree-action-group {
    margin-bottom: 15px;
    clear: both;
    display: inline-block;
    width: 100%;
}

div[id*="tree-action"] .tree-action-group>* {
    display: inline-block;
    width: auto !important;
    margin: 0 8px 8px 0 !important;
    float: left;
    max-width: 170px;
}

.ui-dialog.ui-widget .ui-dialog-buttonpane {
    text-align: center;
}

.ui-dialog.ui-widget .ui-dialog-buttonpane button {
    float: none;
}

legend+table {
    margin-top: 8px;
}


.table-text-center * {
    text-align: center;
}

.table-text-center td {
    justify-content: center;
}

/* Stabiliser longeurs  */

#pageContent #priority {
    max-width: 150px;
}

td.min200 {
    min-width: 200px;
}

table.cke_editor {
    border: 1px solid #ccc;
    border-radius: 0;
}

table.cke_editor,
table.cke_editor>tbody,
table.cke_editor>tbody>tr,
table#datastatus,
table#datastatus>tbody,
table#datastatus>tbody>tr,
table#client_twitter,
table#client_twitter>tbody,
table#client_twitter>tbody>tr,
table#client_meteoalarm,
table#client_meteoalarm>tbody,
table#client_meteoalarm>tbody>tr {
    display: flex !important;
}

table.cke_editor>tbody,
table#datastatus>tbody,
table#client_twitter>tbody,
table#client_meteoalarm>tbody {
    flex-direction: column;
}

table.cke_editor>tbody>tr>td,
table#datastatus>tbody>tr>td,
table#client_twitter>tbody>tr>td,
table#client_meteoalarm>tbody>tr>td {
    display: flex !important;
    flex: 1;
}

table#client_meteoalarm input:-moz-read-only {
    background-color: #ddd !important;
}

table#client_meteoalarm input:read-only {
    background-color: #ddd !important;
}

#pageContent table tbody tr td.mini-input {
    border: none !important;
}


#gbox_datastatus {
    margin: 0;
}

#datastatus>.col-6 {
    margin-bottom: 30px;
}


.ui-dialog.ui-widget.ui-widget-content {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}


#gview_eventlog td,
#gview_eventlog th,
#dataExportEditPage td,
#dataExportEditPage th,
#autotasks td,
#autotasks th,
#gview_dashboardstatus table td,
#gview_dashboardstatus table th,
#listproduct .mfytable td,
#listproduct .mfytable th {
    min-width: 90px;
}

.rotated_cell {
    height: auto !important;
}

#gbox_liststandby tbody {
    max-height: 200px;
    overflow-y: scroll;
}

ul #adminmsg {
    padding: 0 15px;
}

ul #adminmsg h1.error {
    color: white;
    background-size: 22px;
    font-family: Univers Condensed Light;
    font-size: 15px;
    padding-left: 28px;
}

#definitionLoading {
    display: none;
    float: left;
    margin-top: -5px;
}

.colorpicker {
    z-index: 99;
}

#warningform select#sumary_classes {
    margin-left: 20px !important;
}

#help-twitter a.button.small {
    margin: 0;
    padding: 3px 8px;
    min-height: inherit;
    font-size: 12px;
}

tbody#rulebody select,
tbody#rulebody input {
    margin: 0;
}


tbody#rulebody td.conditions .aLien1 {
    padding-top: 2px;
}

tbody#rulebody td.result+td .aLien1 {
    padding-top: 5px;
}

#pageContent .chosen-container-single .chosen-single span {
    margin-right: 0;
}

td#select_ptypes #ptypes_chosen {
    width: 100% !important;
}

/*
#disseminationstatus td {
    word-break: keep-all !important;
}*/


.table-scroll-v {
    max-height: 458px;
    overflow-y: auto;
}

.table-v550 {
    max-height: 550px;
}

.table-v400 {
    max-height: 400px;
}

.table-v370 {
    max-height: 370px;
}

.table-235 {
    max-height: 235px;
}

.pageContentError>.ui-tabs>ul {
    top: 100px;
}

#top_error_header {
    width: calc(100% - 320px);
    margin: 30px 30px 0;
    float: right;
    margin-top: 30px;
    background: white;
    padding: 8px 12px;
    border-radius: 0;
    border-left: 6px solid tomato;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    font-weight: bold;
    color: #777;
}

#generatedMaps .generatedMapItem {
    justify-content: space-between;
}

#generatedMaps .generatedMapItem>div+div {
    max-width: calc(50% - 15px);
}

#gbox_forecaststatus .ui-jqgrid-bdiv {
    max-height: 370px;
}

.diagonal-hatch-timeline {
    background: repeating-linear-gradient( -55deg, #444, #444 2px, transparent 2px, transparent 5px );
}

#popupExampleParam .example br {
    display: block !important;
}

#tab.administration #ui-tabs-4 {
    padding: 30px 0% !important;
}

#tab.administration #ui-tabs-4 > div > h3, #tab.administration #ui-tabs-4 > div > div {
    padding: 0 7%;
}

#tab.administration #ui-tabs-4 > div > .divTab.hasBottom {
    padding: 0;
}

#meteditorform #table-scroll-x-y, #meteditorform #table-scroll-x-y table.hourly, .top-scroll-wrap {
    width: calc(100vw - 337px);
}

.top-scroll-wrap {
    overflow: auto;
    bottom: 61px;
    z-index: 99;
}

.top-scroll-wrap, .top-scroll-wrap .top-scroll {
    height: 20px;
}

.fixed {
    position: fixed;
}

#autotasks td {
    min-width: 30px;
}

#templatepreview {
    display: flex; /* center content */
    height: 500px;
    min-width: 500px;
}

#templatepreview > * {
    margin: auto; /* center content */
    max-width: 500px;
    max-height: 500px;
}

#reportscolors .newcolorpicker {
    padding: 0 8px !important;
}

#action_genproduct_all_products .header *, #action_genproduct_selected_products .header *  {
    color: white;
}

.variableButtonsFtp button {
    display: inline;
    padding: 10px;
    width: auto;
}

.img-disabled {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.fillMapBox {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.icon-button {
    width: 32px;
    height: 32px;
    max-height: 32px;
    max-width: 32px;
}

table.cke_editor > tbody {
    width: 100%;
}

#pageContent .btn-delete {
    background-color: #FF0000 !important;
}

#templatepreview img.regularimage {
    background-color: #FFF;
}