@charset "UTF-8";

/* ============================================================================== */
/* ============================================================================== */
/* Button MG */

.button--mg {
    margin-right:10px;
}

.button--mg.button--outline,
.button--mg.button--outline:visited {
  color: #000;
  border: 1px solid #ced1d2;
  background-color: #ffffff;
}
.button--mg.button--outline:hover,
.button--mg.button--outline:visited:hover,
.button--mg.button--outline:focus,
.button--mg.button--outline:visited:focus,
.button--mg.button--outline:active,
.button--mg.button--outline:visited:active {
  color: #000;
  border-color: #ced1d2;
}

.mg-button-float { float:left; }

.mg-button-float-right { float:right; }

.thcenter {text-align:center;}

/* ============================================================================== */
/* ============================================================================== */
/*  Calendrier */

.mg-button--calendrier {
  font-size: 14px;
  height: 50px;
  background:url('img/chevron.png') no-repeat #f2f2f2; 
  background-position:right; 
  display:block;
  padding-right:30px;
}

.mg-button--calendrier .normal { display:inline-block;   }
.mg-button--calendrier .compare { display:inline-block; margin-left:20px;  }

.mg-button--calendrier p {
    display:block;
}

.mg-button--calendrier .title {
    font-weight:normal;
}

/* ============================================================================== */
/* ============================================================================== */
/* header */

.header-customerselect { width:300px; float:left; padding-top:3px; }
.header-app-logo-mg { float:left; width:200px;}
    .header-app-logo-mg > div { height: 55px;  line-height: 55px; float:left; padding-left: 20px; padding-right: 15px; font-size: 16px;font-weight: 600;font-family: Montserrat, Open Sans, sans-serif; color: #392e5f }
    .header-app-logo-mg > img {  margin-top: 7px; margin-left:18px;  }

.navlevel2 { font-size:0.9em; }

.needhelp {  background:url('img/needhelp.png') no-repeat #fff; width:133px; height:38px; padding-left:40px; line-height:38px; float:right; margin-right:20px;}
    .needhelp a {  text-decoration:none; color:#000;}
.header-customerselect .select2-container--default .select2-selection--single {
    background-color: #f4f4f4;
    border: 0px;
}

.swithinterface {float:right; font-size:0.8em; text-decoration:none; margin-right:20px; line-height: 36px; color:#939393;}
    .swithinterface a  {text-decoration:none;  color:#939393;}


.panelperfomance { float:right; margin-right:15px; padding-right:30px; font-size:0.9em; line-height:55px; height:55px; background: url(img/chevron.png) no-repeat #fff; background-position: right;}
        .panelperfomance .dropdown-content-perfomance { display: none; position:absolute; line-height:normal; padding:10px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; background-color:#fff;}

        .panelperfomance .exportshow { display: block; }


.contentexpires {  margin-top:100px; text-align:center;  }

@media screen and (max-width: 1380px){
	.avp-header__multi__container {
        padding: 0 20px 0 20px;
    }

    .header-app-logo-mg {
       display:none;
    }
}
  

/* ============================================================================== */
/* ============================================================================== */
/* =========== Page Resultat */

.main-container { margin: 30px 20px 60px 20px; padding-bottom:50px; min-width:1200px; }

.main-container .container-calendrier { height:50px; width:100%; margin-bottom:20px; }
    .main-container .container-calendrier .btnfiler { margin-top:18px; }
    .main-container .container-calendrier .btngraph { padding: 11px 10px 10px 10px; }

.main-container .container-filter { width:100% ; background-color: #ebebeb; border: 1px solid #e2e2e2; border-radius: 4px; padding:20px 0 20px 0; margin-bottom:20px; height:auto; }
    .main-container .container-filter p { margin-left:20px; }
    .main-container .container-filter p b { font-weight:600; }
   
    
.main-container .container-bookingtype { width:100% ; margin-bottom:20px; height:auto; }
     .main-container .container-bookingtype a {text-decoration: none; }
    .main-container .container-bookingtype .notselected {color:#000;  }
    .main-container .container-bookingtype .selected {color:#2778c7;  }

.main-container .container-declareascanceled { width:100% ; margin-bottom:20px; height:auto; }
    .main-container .container-declareascanceled span { color:#00a78d; }

.main-container .container-viewby { height:50px; width:100%; margin-bottom:20px; height:32px; }
    .main-container .container-viewby p  { margin-right:10px; height:32px; line-height:32px; } 
    .main-container .container-viewby select { margin-right:20px;  }


.main-container .container-kpi { height:110px; width:100%; margin-bottom:20px; font-size:1em; }
    .main-container .container-kpi > div { width:16%; margin-right:0.69%; height:105px; float:left; background-color:#fff; margin-bottom:10px; border:1px solid #f0f0f0; padding:0 5px 5px 5px; overflow:hidden;}
    .main-container .container-kpi > div:last-child {  margin-right:0%; float:right; }
    .main-container .container-kpi > div select {  border-width:0px; font-size:1.1em; }  
    .main-container .container-kpi > div p {  margin-left:6px; font-size:2.1em; font-weight:600; } 
    
    .main-container .container-kpi > div .comparedownn--red {  margin-left:6px; font-size:1em;  background:url('img/compare-down-red.png') no-repeat #fff;  background-position:left; padding-left:16px; color:#d0021b; } 
    .main-container .container-kpi > div .comparedownn--green {  margin-left:6px; font-size:1em;  background:url('img/compare-down-green.png') no-repeat #fff;  background-position:left; padding-left:16px; color:#009900; } 
    .main-container .container-kpi > div .compareup--green {  margin-left:6px; font-size:1em; background:url('img/compare-up-green.png') no-repeat #fff;  background-position:left; padding-left:16px; color:#009900; } 
    .main-container .container-kpi > div .compareup--red {  margin-left:6px; font-size:1em; background:url('img/compare-up-red.png') no-repeat #fff;  background-position:left; padding-left:16px; color:#d0021b; } 
    .main-container .container-kpi > div .budgetleft {  margin-left:6px; font-size:1em; color:#000; font-weight:normal; } 
    .main-container .container-kpi > div span { font-size:0.5em;  } 

    .main-container .container-kpi > div .budget {  margin-left:6px; font-size:0.9em; font-weight:normal; }

    /* Table result */
.main-container .containertable { width:100%; overflow:auto;  } 
    .main-container .containertable td { width:150px; text-align:center; }
        .main-container .containertable .compareup--green { padding-top:10px; color:#009900; font-size:0.9em; }
         .main-container .containertable .compareup--red { padding-top:10px; color:#d0021b; font-size:0.9em; }
        .main-container .containertable .comparedownn--red { padding-top:10px; color:#d0021b; font-size:0.9em;}
         .main-container .containertable .comparedownn--green { padding-top:10px; color:#009900; font-size:0.9em; }
     
    .main-container .containertable th { width:150px; text-align:center; background: #fff; padding: 10px; }
    .main-container .containertable th a { text-decoration:none; color: #000000; }
    .main-container .containertable .expandcollapse { font-size:0.8em; font-weight:normal;}
        .main-container .containertable th .expandcollapse a { text-decoration:none;}
    

    .main-container .tableresult--totaline td { background-color:#e7ebed; font-weight:600;}

    .main-container .containermeta table tr td:first-child , .main-container .containermeta table tr th:first-child  { width: 400px; text-align:left; }


    /* table with level search */
     .main-container .pagercss2 {text-align:center;}
        .main-container .pagercss2 a  { color:inherit; text-decoration:none;}

         .main-container .pagercss2 select  { margin-right :30px; }

        .main-container .pagercss2 .fullback {  margin: 0 10px 0 30px; font-size: 18px;  font-family: 'Font Awesome 5 Pro'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block;font-style: normal;font-variant: normal; text-rendering: auto;line-height: 1;  }
            .main-container .pagercss2 .fullback:before { content: "\f049";}
        .main-container .pagercss2 .back {  margin: 0 10px 0 10px; font-size: 18px; font-family: 'Font Awesome 5 Pro'; ; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block;font-style: normal;font-variant: normal; text-rendering: auto;line-height: 1;  }
            .main-container .pagercss2 .back:before { content: "\f053";}
        .main-container .pagercss2 .fullfoward {  margin: 0 10px 0 10px; font-size: 18px; font-family: 'Font Awesome 5 Pro';  -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block;font-style: normal;font-variant: normal; text-rendering: auto;line-height: 1;}
            .main-container .pagercss2 .fullfoward:before { content: "\f050";}
        .main-container .pagercss2 .foward {margin: 0 10px 0 10px; font-size: 18px; font-family: 'Font Awesome 5 Pro';  -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block;font-style: normal;font-variant: normal; text-rendering: auto;line-height: 1;  }
            .main-container .pagercss2 .foward:before { content: "\f054";}

         .main-container .pagercss2 .disable { color:#e3e7eb; }

    /* table simple search */
    .main-container .table--simple tbody tr:nth-child(0n+1) td {  font-weight:bold;  }

    .main-container .pagercss td {text-align:center;}
        .main-container .pagercss td table  {margin: 0 auto;}
            .main-container .pagercss td table td  {width:30px;}
            .main-container .pagercss td table tr th:first-child,  .main-container .pagercss td table tr td:first-child {width:30px;}


    /* dashboard */
   .main-container .containerdashboard table tr td:first-child , .main-container .containerdashboard table tr th:first-child  { width: 250px; text-align:left; }
        .main-container .containerdashboard .tableresult--totaline td { background-color:#6e6e6e; font-weight:600; color:#fff;}
        .main-container .containerdashboard .dashboard--topline td { background-color:#e7ebed; }
        .main-container .containerdashboard .dashboard--topline td:first-child  {color:#2778c7; font-weight:600; font-size:1.1em;}
        .main-container .containerdashboard .dashboard--middleline td:first-child  {padding-left:20px;}

  
    /* grid--result by level 1, 2 et 3 */
    .main-container .containermeta .grid--result--level1 td { background-color:#fff;}
    .main-container .containermeta .grid--result--level2 td { background-color:#ecf0f1;}
    .main-container .containermeta .grid--result--level3 td { background-color:#f2f5f6; }

    .grid--result--level1 .itemtitle  { color:#000; font-size:1em; }
    .grid--result--level2 .itemtitle  { color:#2778c7; font-size:0.9em; }
    .grid--result--level3 .itemtitle  { font-size:0.9em; }


    /* grid bouton pour ouvrir */
    .main-container .open-close-button { width: 50px; display:inline-block; }
         .main-container .open-close-button .btn    { cursor:pointer; height:20px; width:25px; float:left; padding-top:5px; }

    /* grid_sea_keyword */
    .main-container .containersearchkeyword tr td:first-child , .main-container .containersearchkeyword tr th:first-child { width: 400px; text-align:left; } 


    /* grid_sea_keyword */
    .main-container .grid_sea_keyword .keywordtitle  { width:240px; height:20px; margin-top:10px; display:inline-block;   }
    .main-container .grid_sea_keyword a  { color:inherit; text-decoration:none;}
    .main-container .grid_sea_keyword .keyword_edit  { float:right; }
    .main-container .grid_sea_keyword .keyword_cpabib_texte  { float:right;  font-size:0.8em; width:125px; text-align:center; line-height:1.2em; margin-top: 10px; }
    .main-container .grid_sea_keyword .btnonoff {  width:50px;  display:inline-block;}
    .main-container .grid_sea_keyword .bidedit {  width:60px;  display:inline-block; cursor:pointer;}

    /* grid_sea_campaign */
    .main-container .grid_sea_campaign .campaigntitle  { width:270px; height:20px; display:inline-block;   }
    .main-container .grid_sea_campaign .btnonoff { width:50px;  display:inline-block;}


     /* grid_sea_keyword */
    .main-container .grid_sea_adgroup .adgrouptitle  { width:190px; height:20px; display:inline-block;   }
    .main-container .grid_sea_adgroup a  { color:inherit; text-decoration:none;}
    .main-container .grid_sea_adgroup .bid_edit  { float:right; }
          .main-container .grid_sea_adgroup .bid_edit .libellebid2  {  width:100%; font-size:0.8em; text-align:center;  }
    .main-container .grid_sea_adgroup .btnonoff {  width:50px;  display:inline-block;}
    .main-container .grid_sea_adgroup .bidedit {  width:50px;  display:inline-block; cursor:pointer;}
    .main-container .grid_sea_adgroup .libellebid {  width:380px; font-size:0.8em; text-align:right; float:right; }

    

      /* grid_provider_meta */
    .main-container .grid_provider_meta .container--line1 { width:325px; display:inline-block; } 
        .main-container .grid_provider_meta  .container--line1 .btnonoff {  width:50px; padding-top:4px; float:right;  }
        .main-container .grid_provider_meta  .container--line1 .btnmanange { float:right;   }
    .main-container .grid_provider_meta  .libellebid {  width:380px; font-size:0.8em; text-align:right; margin-top:5px; }

      /* grid_provider */
    .main-container .grid_provider .container--line1 { width:325px; display:inline-block; } 


    /* grid_hotel_meta */
    .main-container .grid_hotel_meta .container--line1 { width:325px; display:inline-block; } 
        .main-container .grid_hotel_meta  .container--line1 .btnonoff {  width:50px; padding-top:4px; float:right;  }
        .main-container .grid_hotel_meta  .container--line1 .btnmanange { float:right;   }
    .main-container .grid_hotel_meta  .libellebid {  width:380px; font-size:0.8em; text-align:right; margin-top:5px; }

    /* grid_cluster_meta */
    .main-container .grid_cluster_meta .container--line1 { width:325px; display:inline-block; } 
        .main-container .grid_cluster_meta  .container--line1 .btnonoff {  width:50px; padding-top:4px; float:right;  }
        .main-container .grid_cluster_meta  .container--line1 .btnmanange { float:right;   }
    .main-container .grid_cluster_meta  .libellebid {  width:380px; font-size:0.8em; text-align:right; margin-top:5px; }

    .main-container .grid_market_meta .container--line1 { width:325px; display:inline-block; } 
        .main-container .grid_market_meta  .container--line1 .btnonoff {  width:50px; padding-top:4px; float:right;  }
        .main-container .grid_market_meta  .container--line1 .btnmanange { float:right;   }
    .main-container .grid_market_meta  .libellebid {  width:380px; font-size:0.8em; text-align:right; margin-top:5px; }
    

     /* grid_cluster_meta */
    .main-container .grid_device_meta .container--line1 { width:200px; display:inline-block; } 
    .main-container .grid_device_meta  .libellebid {  display:inline-block; width:120px; font-size:0.8em; text-align:right; }

      /* grid_defaultitem */
    .main-container .grid_defaultitem .container--line1 { width:325px; display:inline-block; } 

    /* modal info bulle */
    .main-container .modal-bulle-info { display:none; position:absolute; z-index:10; width:500px; background-color:#fff; height:auto; padding:5px 5px; text-align:center; box-shadow: 1px 1px 1px #aaa; border:1px solid #f0f0f0; }
        .main-container .modal-bulle-info b { font-weight:600; }
        .main-container .modal-bulle-info--small { width:200px;}
        .main-container .modal-bulle-info table { width:90%; margin-left:5%; margin-top:20px;}
            .main-container .modal-bulle-info table td , .main-container .modal-bulle-info table th { border:dotted 1px black; text-align:center; width:50%;}

    /* modal bid edition */
    .main-container .modal-bid-edit { position:absolute; z-index:10; width:300px; background-color:#fff; height:90px; padding:15px 5px; text-align:center; box-shadow: 1px 1px 1px #aaa; border:1px solid #f0f0f0; }
    .main-container .modal-bid-edit--hide { display:none; }
        .main-container .modal-bid-edit .bidedit2 {  width:80px;  display:inline-block; }
        .main-container .modal-bid-edit input {  margin-left:15px; }



/* ============================================================================== */
/* ============================================================================== */
/* =========== Sea Wizard */

   .seawizardpanel .seawizardcontent-left { width:45%; padding-right:2%; float:left; }
   .seawizardpanel .seawizardcontent-right { width:45%; padding-left:2%; border-left:1px solid #e2e2e2; float:right; }

    .seawizardpanel .propertiesitems { padding:10px; }
    .seawizardpanel .ads { width:50%; float:left;  }
    .seawizardpanel .sitelink { width:50%; float:right;  }

   .seawizardpanel .publishbtn { color: #fff; font-size: 16px; text-decoration: none; }
   .seawizardpanel .publishbtnsmall { color: #fff; font-size: 11px; text-decoration: none; }

   .seawizardpanel-tag {
        display: inline-flex;
        align-items: center;
        padding: 0 5px;
        margin:2px 0;
        border-radius: 2px;
        border: 1px solid #000;
        background-color: #d8d8d8;
    }

   .seawizardpanel-tag .avp-label { font-size:0.9em; }

   .seawizard-container b { font-weight: 600; }
        .wizard_image_wrapper {
            width: 220px;
            display:inline-block
        }
        .wizard_image_container { height: 200px; width: 200px; background-color: #ffffff; box-shadow: 0 0 25px rgba(17, 1, 68, 0.08); border-radius: 8px; position: relative; cursor: pointer; margin-bottom:10px;  }
        .wizard_image_container input[type="checkbox"] { -webkit-appearance: none; position: relative; width: 100%;  cursor: pointer;  }
        .wizard_image_container input[type="checkbox"]:after { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f111"; font-size: 18px; color: #478bfb; right: 10px; top: -5px; }
        .wizard_image_container input[type="checkbox"]:checked:after { font-weight: 900; content: "\f058"; color: #478bfb; }
        .wizard_image_container input[type="radio"] { -webkit-appearance: none; position: relative; width: 100%;  cursor: pointer;  }
        .wizard_image_container input[type="radio"]:after { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f111"; font-size: 18px; color: #478bfb; right: 10px; top: -5px; }
        .wizard_image_container input[type="radio"]:checked:after { font-weight: 900; content: "\f058"; color: #478bfb; }

        .wizard_image_container img { width: 65%; position: absolute; margin: auto; left: 0; right: 0;  top: 0; bottom: 0; cursor: pointer; }
        .wizard_image_container .imagecomment { width: 100%; position: absolute; margin: auto; bottom: 0px; text-align:center; font-style: italic; font-size:0.8em; }

         .wizard_image_preview_warper { display:inline-block;  width: 100%; padding-left:60px; }
                    .wizard_image_preview_warper .wizard_image_previewcontainer {  display:inline-block; height: 50px; width: 50px; position: relative;  margin-right:5px; margin-bottom:5px;  }
                        .wizard_image_preview_warper .wizard_image_previewcontainer img { width: 100%; position: absolute; margin: auto; left: 0; right: 0;  top: 0; bottom: 0;  }

     


/* ============================================================================== */
/* ============================================================================== */
/* =========== Hotel Image Extension */
        
        .imageextension_wrapper {
            width: 220px;
            display:inline-block
        }
        .imageextension_container { height: 200px; width: 200px; background-color: #ffffff; box-shadow: 0 0 25px rgba(17, 1, 68, 0.08); border-radius: 8px; position: relative; cursor: pointer; margin-bottom:10px;  }
        .imageextension_container input[type="checkbox"] { -webkit-appearance: none; position: relative; width: 100%;  cursor: pointer;  }
        .imageextension_container input[type="checkbox"]:after { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f111"; font-size: 18px; color: #478bfb; right: 10px; top: -5px; }
        .imageextension_container input[type="checkbox"]:checked:after { font-weight: 900; content: "\f058"; color: #478bfb; }
        .imageextension_container input[type="radio"] { -webkit-appearance: none; position: relative; width: 100%;  cursor: pointer;  }
        .imageextension_container input[type="radio"]:after { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f111"; font-size: 18px; color: #478bfb; right: 10px; top: -5px; }
        .imageextension_container input[type="radio"]:checked:after { font-weight: 900; content: "\f058"; color: #478bfb; }

        .imageextension_container img { width: 65%; position: absolute; margin: auto; left: 0; right: 0;  top: 0; bottom: 0; cursor: pointer; }
        .imageextension_container .imagecomment { width: 100%; position: absolute; margin: auto; bottom: 0px; text-align:center; font-style: italic; font-size:0.8em; }
        /*
         .wizard_image_preview_warper { display:inline-block;  width: 100%; padding-left:60px; }
                    .wizard_image_preview_warper .wizard_image_previewcontainer {  display:inline-block; height: 50px; width: 50px; position: relative;  margin-right:5px; margin-bottom:5px;  }
                        .wizard_image_preview_warper .wizard_image_previewcontainer img { width: 100%; position: absolute; margin: auto; left: 0; right: 0;  top: 0; bottom: 0;  }

             */

/* ============================================================================== */
/* ============================================================================== */
/* =========== Action - Tools */

.ctx-widget-select {  display: flex; justify-content: space-between; align-items: center; }

.main-container .toolsbackground  { position:fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(51,51,51,0.7); z-index: 10;}
    .main-container .toolsdata  {position:absolute; top:0; left: 50%; width:1000px;height:auto; margin-left: -500px; /*set to a negative number 1/2 of your width*/border: 30px solid #fff; background-color: #fff;z-index: 1000;}
    
    .main-container .toolsdata .avp-textinput { width:50px; }
    .main-container .toolsdata h3 { margin-bottom:10px; }
   
    .main-container .toolsdata .widget--select-small { font-size:0.8em; }
         .main-container .toolsdata .widget--select-small select, .main-container .toolsdata .widget--select-small input  { font-size:1em; height:28px; }
         .main-container .toolsdata .widget--select-small label { font-size:1.2em; }
         .main-container .toolsdata .widget--select-small .widget-content { padding:3px 10px; }

    .main-container .toolsdata .close { float:right;  }
        .main-container .toolsdata hr { margin:30px 0 30px 0; height:1px;  }
        .main-container .toolsdata .edition--div--level1 { margin:5px 0 5px 0; height:1px; height:25px;  }
        .main-container .toolsdata .edition--div--level2 { margin:5px 0 5px 40px; height:1px; height:25px;  }
             .main-container .toolsdata .edition--div--level2 label { display:inline;  }
             .main-container .toolsdata .edition--div--level2 input { display:inline; width:80px;  margin:0 5px 0 5px; }

    .main-container .toolsdata .savbtn > a { float:right; margin-left:10px;  }
             
    .main-container .toolsdata .grid-padding { padding-right:50px; }


    .main-container .toolsdata .mg--table--market tr th, .main-container .toolsdata .mg--table--market tr td { text-align:center; padding:5px; }
        .main-container .toolsdata .mg--table--market .linelibelle { text-align:left;  }
        .main-container .toolsdata .mg--table--market .bidmultiplier { text-align:left; font-size:0.9em;  }

/* ============================================================================== */
/* ============================================================================== */
/* ======== Filter */

.main-container .filtersbackground  { position:fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(51,51,51,0.7); z-index: 10;}
    .main-container .filtersdata  {position:absolute; top:0; left: 50%; width:750px;height:auto; margin-left: -500px; /*set to a negative number 1/2 of your width*/ background-color: #fff;z-index: 1000;}
    
    .main-container .filtersdata .filter--content { width:94%; margin:3% 3% 0 3%; height:auto;}

    .main-container .filtersdata .close { float:right; clear:both; }
    .main-container .filtersdata .clearall  { float:right; margin-top:15px; }

    .main-container .filtersdata .btnsave { width:100%; position: -webkit-sticky; position: sticky; bottom: 0; background-color: #3a2e60; width:100%; height:65px; margin-top:20px; }
         .main-container .filtersdata .btnsave > input { float:right; margin:15px 3% 15px 0; }
         .main-container .filtersdata .btnsave > span { float:left; margin:20px 0 15px 3%; color:white;}

    .main-container .filtersdata hr { margin:30px 0 30px 0; height:1px;  }

    .main-container .filtersdata h1 { font-weight:bold; margin:10px 0 10px 0; }
    .main-container .filtersdata h2 { margin:30px 0 10px 0; font-size:1.5em; }

    .main-container .controlcontainer { width:100%; height:auto; max-height:210px; overflow:hidden; }
    .main-container .controlcontainer--seemore { width:100%; height:auto; overflow:hidden; }

     .main-container  .avp-custom-textinput { margin-bottom:20px; width:80%; }
            .main-container  .avp-custom-textinput input { width:80%; }

    .main-container .filteritem {overflow:hidden; width: 48%; margin-right:2%;}
        .main-container .filteritem label { white-space: nowrap; display: inline-block; width:20px;}

     .main-container .filtersdata .seemore { text-decoration:underline; color: #000000; margin-top:5px; }


/* ============================================================================== */
/* ============================================================================== */
/* ======== Canceled booking */

.main-container .cancelled--booking--background  { position:fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(51,51,51,0.7); z-index: 10;}
    .main-container .cancelled--booking  {position:absolute; top:0; left: 50%; width:750px;height:auto; margin-left: -500px; /*set to a negative number 1/2 of your width*/ background-color: #fff;z-index: 1000;}
    
    .main-container .cancelled--booking .close { float:right; clear:both; }

   .main-container .cancelled--booking .cancelled--content { width:94%; margin:3% 3% 0 3%; height:auto;}

   .main-container .cancelled--booking ipufile


    .main-container .cancelled--booking .btnsave { width:100%; position: -webkit-sticky; position: sticky; bottom: 0; background-color: #3a2e60; width:100%; height:65px; margin-top:20px; }
         .main-container .cancelled--booking .btnsave > input { float:right; margin:15px 3% 15px 0; }
         .main-container .cancelled--booking .btnsave > span { float:left; margin:20px 0 15px 3%; color:white;}

    .main-container .cancelled--booking input[type=file] { border: 1px solid #e6e6e6; background-color: white; padding:4px; width:80%; clear:both: }


  

/* ============================================================================== */
/* ============================================================================== */
/*=================  Admin ==============*/

    .mg-table-admin { table-layout:auto; border-bottom-width:0px; border-top-width:0px; }
        .mg-table-admin tr th { font-weight:bold; text-align:center; border-bottom-width:0px; border-top-width:0px; }
            .mg-table-admin tr th a { font-weight:bold; text-decoration:none; color:#000; }
        .mg-table-admin tr td { border-bottom-width:0px; border-top-width:0px; }

        .mg-table-admin tr td a { text-decoration:none; color:#000;  }
        .mg-table-admin > tbody > tr:last-child td a { text-decoration:underline;  }
     
    .mg-table-dashboard { table-layout:auto; }
        .mg-table-dashboard tr th { font-weight:bold; text-align:center;  }
        .mg-table-dashboard tr td { text-align:center;  }


    .nonactivated { color: #cacaca; text-decoration: none; }

    .mg-filter { padding-bottom:20px; }
        .mg-filter > div > span { font-weight:600; margin-bottom:5px; }
        .mg-filter > div > div {  margin-top:5px; }

    .mg-createnew  { float:right; margin-bottom:10px; }
    .mg-ok  { margin-top:20px; }
    .mg-calendar  { float:right;  }

    .mg-admin-input  {  padding: 7px 10px; line-height:inherit; height: 27px; }
    
	.editcontainer .adminedit { width:800px; margin: 0 auto; /*font-size:1.3em; */  }
		.editcontainer .adminedit td { padding:7px; }
        .editcontainer .adminedit td .avp-textinput { min-width: 350px; }
        .editcontainer .adminedit .buttonaction { text-align: center; }


    .editcontainer .adminedituser { width:1000px; margin: 0 auto; /*font-size:1.3em; */  }
		.editcontainer .adminedituser td { padding:7px; }
        .editcontainer .adminedituser td .avp-textinput { min-width: 350px; }
        .editcontainer .adminedituser .buttonaction { text-align: center; }
        .editcontainer .adminedituser .user-hotel { padding-bottom:10px; color:#9ea09f; width:40%; float:left; }
		.editcontainer .adminedituser  .user-hotel input { margin-right:10px; margin-top:5px; }

    .adminedit .noMccCustomerItemStyle { padding-bottom:10px; color:#9ea09f; width:100%; float:left; }
		.adminedit  .noMccCustomerItemStyle input { margin-right:10px; margin-top:5px; }

    

    .adminedit .hotelsItemStyle { padding-bottom:10px; color:#000; width:100%; float:left; }
		.adminedit  .hotelsItemStyle input { margin-right:10px; margin-top:5px; }
        .adminedit  .hotelsItemStyle input { margin-right:10px; margin-top:5px; }

        .adminedit .CustomerItemStyle { padding-bottom:10px; color:#000; width:100%; float:left; }
		.adminedit  .CustomerItemStyle input { margin-right:10px; margin-top:5px; }

        .adminedit .nonactivateditem { color: #cacaca; }
        

	.adminedit .hoteldetailsbudget {  padding-bottom:10px; color:#9ea09f; width:100%; float:left; }
		.adminedit  .hoteldetailsbudget input {display:inline-block; margin-right:10px; margin-top:5px; }
		.adminedit .hoteldetailsbudget > div { display:inline-block;  }

    .toolsgroup {  padding: 20px; border: 1px solid #E2E2E2; border-radius: 4px 4px 0 0; margin: 20px 0 0 0; }
    .toolsgroup .toolsgroup-title {       margin: 0 0 5px 0;font-size: 18px;font-weight: 600; }


    .adminedit .box_hotelconfiguration { float:left; margin:5px; width:90%; }
    .adminedit .alternatename { font-size:1.1em;}
    .adminedit .sample  { font-size:0.9em; font-style:initial; color:darkgrey;}
    .editcontainer .avp-tab { text-decoration:none;}


    .adminedit  .btnsave { width:100%; position: -webkit-sticky; position: sticky; bottom: 0; width:100%; height:65px; margin-top:20px; }
        .adminedit .btnsave > input { float:right; margin:15px 3% 15px 0; }
        .adminedit .btnsave > span { float:left; margin:20px 0 15px 3%; color:white;}

    #reportcalendrier { position: absolute;  right: 20px; top:300px; width: 490px; border: 1px solid #e3e7eb; background-color: #fff; overflow:auto; display:none; color:#7e90a1; z-index:100;}
		#reportcalendrier {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
			#reportcalendrier .ui-datepicker-trigger { display:none; }
			#reportcalendrier .calendriertitle { background-color:#585a59; color:#f2f2f2; width:95%; height:50px; line-height:50px; padding-left:5%; text-transform:uppercase; font-size:1.1em; }
			#reportcalendrier .periode { margin:10px 0 10px 5%; width:90%; }
				#reportcalendrier .periode select { font-size:0.9em; width:100%; border: 1px solid #e3e7eb;  height:45px; padding:0px; margin: 0; color:#7e90a1; background: url('img/chosen-dropdwon.png') no-repeat right center;  -webkit-appearance: none; -moz-appearance: none; appearance: none;  }
					#reportcalendrier .periode select::-ms-expand { display: none; }
			#reportcalendrier .debut { float:left; margin:10px 0 20px 5%; width:43.5%; height:50px; cursor:pointer; }
			#reportcalendrier .fin { float:left; margin:10px 0 20px 5%; width:43.5%; height:50px; cursor:pointer; }
			#reportcalendrier .milieu { float:left; width:1%; padding-top:40px; text-align:center;  }
				
				#reportcalendrier .debut input , #reportcalendrier .fin input {  font-size:0.9em; width:auto; border: 1px solid #e3e7eb;  height:40px; padding:4px 0 0 35px; margin: 0; color:#7e90a1; background:url('img/calendrier.png') no-repeat 0px 10px;   }

			#reportcalendrier .fin span, #reportcalendrier .periode span, #reportcalendrier .debut span { display:block; text-transform:uppercase; font-size:0.8em; height:25px; }

			#reportcalendrier .bouton { float:left; width:90%; margin:15px 5% 10px 5%;  border-top: 1px solid #e3e7eb; padding-top:10px;  }
				#reportcalendrier .bouton input { float:right; margin-left:10px; }
				#reportcalendrier .bouton img { float:right; margin-left:10px; cursor:pointer;}




/* ============================================================================== */
/* ============================================================================== */
/*=================  Setting Customer ==============*/

        .bid-managment-container { width:1400px;}    
        .bid-managment-container-essential { width:1200px;}

            .bid-managment-container .bidsetting--meta-essential .providerlogo  { width:150px; } 
            .bid-managment-container .bidsetting--meta-essential .providerlogo > div { width:100%; border:solid 2px #2778c7; padding:10px 5px;  background-color: #fff;  border-radius: 4px; } 


            .bid-managment-container .bidsetting--meta .providerlogo  { width:9.7%; float:left; } 
            .bid-managment-container .bidsetting--meta div > div { width:100%; border:solid 1px black; padding:10px 5px;  background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } 

            .bid-managment-container .bidsetting--meta .selectedmeta > div  { border: 3px solid #2778c7;   } 
            .bid-managment-container .bidsetting--meta div:not(:first-child)  { margin-left: 0.3%; } 
            .bid-managment-container .bidsetting--meta .selectedmeta > div + b  {  display:block;  margin-left: 40%; width: 20%; border-right: 20px solid transparent;  border-left: 20px solid transparent;  border-top: 10px solid #2778c7; } 

            .bid-managment-container .content { padding:0 20px 0 20px; }
            .bid-managment-container .bidmanagmentsectiontop { padding:40px 0 30px 0;}
            .bid-managment-container .bidmanagmentsection { border-top: 1px solid #aaa; padding:40px 0 30px 0;}

            .bid-managment-container .actionbtn {  float:right;  }

           .bid-managment-container .actionbtnfixed { 
                position: -webkit-sticky;
                position: sticky;
                bottom: 0;
                background-color: #fff;
                width: 100%;
                height: 65px;
                padding-top: 20px;
           }

           .bid-managment-container .actionbtnfixed input { float:right; margin-right:10px;  }

           .bid-managment-container .hoteldetails { float:left; width:49%;}
        
         .budget-managment-container { width:1400px;}    
            .budget-managment-container .actionbtn { float:right;}

            .budget-managment-container .budgetresume .budgetstatus { font-size:2em; }

			.budget-managment-container .budgetresume .budgetred { color:#ec6467; }
			.budget-managment-container .budgetresume .budgetgreen { color:#659668; }
			.budget-managment-container .budgetresume .budgetorange { color:#f49919; }

			.budget-managment-container .budgetresume .budgetredborder { border: 1px solid #ec6467; }
				.budget-managment-container .budgetresume .budgetredborder > div { color:#ec6467; }
			.budget-managment-container .budgetresume .budgetgreenborder { border: 5px solid #659668; }
				.budget-managment-container .budgetresume .budgetgreenborder > div { color:#659668; }

			.budget-managment-container .budgetresume .budgetlineA { font-size:3em; }
			
			.budget-managment-container .budgetresume .budgetleft {  border-radius: 110px; height:110px; width:110px; }
				.budget-managment-container .budgetresume  .budgetleft > div { padding-top:28px; font-size:1.5em; text-align:center; width:100%; }

			.budget-managment-container .budgetresume .budgetlineB { font-size:1.8em; color:#414342; line-height:1em; }

            .budget-managment-container .hotelbudgetorder > div { display:inline-block;  }




         .budget-managment-v3-container { width:100%;}    

            .budget-managment-v3-container .containertable { height:auto; }

            .budget-managment-v3-container .actionbtn { float:right; }

            .budget-managment-v3-container .budgetbloc { width:250px; height:100px; border:solid 2px #f6f6f6; float:left; padding:10px; margin-right:5px; }
                .budget-managment-v3-container .budgetbloc > div { font-size:2em; margin-top:10px; font-weight:bold; }
                .budget-managment-v3-container .budgetbloc > h2 { font-size:1.9em; }
                .budget-managment-v3-container .budgetbloc .smalltext { font-size:1.5em; font-weight:normal; }

            .budget-managment-v3-container .warning {  margin: 0 10px 0 30px; font-size: 18px;  font-family: 'Font Awesome 5 Pro'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block;font-style: normal;font-variant: normal; text-rendering: auto;line-height: 1;  }
                .budget-managment-v3-container .warning:before { content: "\f071";}
                
            .budget-managment-v3-container .budget--type { width:100% ; margin-bottom:10px; height:auto; }
            .budget-managment-v3-container .budget--type a {text-decoration: none; }
            .budget-managment-v3-container .budget--type .notselected {color:#000;  }
            .budget-managment-v3-container .budget--type .selected {color:#2778c7;  }


            
                
            .budget-managment-v3-container .tablecappingline { border:0px; border-collapse: collapse; }
                
                .budget-managment-v3-container .tablecappingline th { text-align:center; font-weight:normal; height:30px;  }
                .budget-managment-v3-container .tablecappingline td { text-align:center;  }
                .budget-managment-v3-container .tablecappingline .withborder { border-right:1px solid #000;  }
                .budget-managment-v3-container .tablecappingline .smalltext { font-size:0.8em;  }
                .budget-managment-v3-container .tablecappingline .verysmalltext { font-size:0.7em;  }

                .budget-managment-v3-container .tablecappingline .cappingline { padding:10px; height:40px; background-color:#eeeeee; width:100%; margin-bottom:10px;  }

                .budget-managment-v3-container .tablecappingline .cappingline .libelle {  width:100px;  }
                
                .budget-managment-v3-container .tablecappingline .cappingline .capping--field--all {  width:200px;   text-align:center;  }
                    .budget-managment-v3-container .tablecappingline .cappingline .capping--field--all input {  width:70px;  }
                
                    .budget-managment-v3-container .tablecappingline .cappingline .capping--field {  width:110px; text-align:center;  }
                        .budget-managment-v3-container .tablecappingline .cappingline .capping--field input {  width:70px;  }

                .budget-managment-v3-container .tablecappingline .cappingline .capping--field--separator {  width:5px; background-color:#fff;  }

            

/* ============================================================================== */
/* ============================================================================== */
/* =================  Colum Selector */

.main-container .columselectorbackground  { position:fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(51,51,51,0.7); z-index: 10;}
    .main-container .columselector  {position:absolute; top:0; left: 50%; width:750px;height:auto; margin-left: -500px; /*set to a negative number 1/2 of your width*/border: 30px solid #fff; background-color: #fff;z-index: 1000;}

    .main-container .columselector .btnsave { width:100%; }
         .main-container .columselector .btnsave > input { float:right; margin-right:10px; }

    .main-container .columselector hr { margin:30px 0 30px 0; height:1px;  }

    .main-container .columselector h1 { font-weight:bold; margin:10px 0 10px 0; }
    .main-container .columselector h2 { margin:30px 0 10px 0; font-size:1.5em; }

     .main-container .columselector .columselector--container { width:100%; margin-left:50px;}
        .main-container .columselector .columselector--container .lisboxitem { float:left; width:220px; }
            .main-container .columselector .columselector--container .lisboxitem select { height:200px; width:200px; }
            .main-container .columselector .columselector--container .lisboxitem  a {text-decoration:none;}

        .main-container .columselector .columselector--container .btn { float:left; width:30px; padding-top:70px; }
            .main-container .columselector .columselector--container .btn  a {text-decoration:none;}

       .main-container .columselector .columselector--container .lisboxitem .column--add { margin-left:80px; color:#000; font-size: 24px;  font-family: 'Font Awesome 5 Pro'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: block;font-style: normal;font-variant: normal; text-rendering: auto;line-height: 1;  }
            .main-container .columselector .columselector--container .lisboxitem .column--add:before { content: "\f101";}

        .main-container .columselector .columselector--container .lisboxitem .column--revome  { margin-left:80px; color:#000; font-size: 24px; font-family: 'Font Awesome 5 Pro'; ; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: block;font-style: normal;font-variant: normal; text-rendering: auto;line-height: 1;  }
            .main-container .columselector .columselector--container .lisboxitem .column--revome:before { content: "\f100";}

        .main-container .columselector .columselector--container .btn .column--up  {  margin-bottom:10px; color:#000; font-size: 24px; font-family: 'Font Awesome 5 Pro';  -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: block;font-style: normal;font-variant: normal; text-rendering: auto;line-height: 1;}
            .main-container .columselector .columselector--container .btn .column--up:before { content: "\f106";}

        .main-container .columselector .columselector--container .btn .column--down  { margin-bottom:10px; color:#000; font-size: 24px; font-family: 'Font Awesome 5 Pro';  -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: block;font-style: normal;font-variant: normal; text-rendering: auto;line-height: 1;  }
            .main-container .columselector .columselector--container .btn .column--down:before { content: "\f107";}

        .main-container .columselector .columselector--container .btn .column--bottom  { margin-bottom:10px; color:#000; font-size: 24px; font-family: 'Font Awesome 5 Pro';  -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: block;font-style: normal;font-variant: normal; text-rendering: auto;line-height: 1;  }
            .main-container .columselector .columselector--container .btn .column--bottom:before { content: "\f103";}

        .main-container .columselector .columselector--container .btn .column--top  { margin-bottom:10px; color:#000; font-size: 24px; font-family: 'Font Awesome 5 Pro';  -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: block;font-style: normal;font-variant: normal; text-rendering: auto;line-height: 1;  }
            .main-container .columselector .columselector--container .btn .column--top:before { content: "\f102";}



/* ============================================================================== */
/* ============================================================================== */
/* ================= Bid Management Nouvelle version de septembre */

.main-container .bid-managment-windows-background  { position:fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(51,51,51,0.7); z-index: 10;}
    .main-container .bid-managment-windows  {position:absolute; top:0; left: 50%; width:1200px;height:auto; margin-left: -500px; /*set to a negative number 1/2 of your width*/background-color: #fff;z-index: 1000;}
        .main-container .bid-managment-windows .close { float:right;  }


    .main-container .bid-managment-windows .bidmanagement-windows--content { width:94%; margin:3% 3% 0 3%; height:auto; }

    .main-container .bid-managment-windows .btnsave { width:100%; position: -webkit-sticky; position: sticky; bottom: 0; background-color: #3a2e60; width:100%; height:65px; margin-top:20px; }
         .main-container .bid-managment-windows .btnsave > input { float:right; margin-right:10px; margin:15px 3% 15px 0; }
         .main-container .bid-managment-windows .btnsave > span { float:left; margin:20px 0 15px 3%; color:white;}


    .main-container .bid-managment-container hr { margin:30px 0 30px 0; height:1px;  }

    .main-container .bid-managment-container h1 { font-weight:bold; margin:10px 0 10px 0; }
    .main-container .bid-managment-container h2 { margin:30px 0 10px 0; font-size:1.5em; }

    .main-container .bid-managment-container .bidmanagementdevicemarket > div { padding:5px 10px; }
    .main-container .bid-managment-container .bidmanagementdevicemarket > div > div { display:inline-block; width:6.8%; font-size:0.9em; text-align:center; }
        .main-container .bid-managment-container .bidmanagementdevicemarket > div select { font-size:1em;  }
        .main-container .bid-managment-container .bidmanagementdevicemarket > div > div:first-child {  width:35%; text-align:left; }

        .main-container .bid-managment-container .bidmanagement-customer-device { width:60%  }
        .main-container .bid-managment-container .bidmanagement-customer-device > div { padding:5px 10px;  }
        .main-container .bid-managment-container .bidmanagement-customer-market > div { padding:5px 10px;  }
        .main-container .bid-managment-container .hoteldetails { width:49%; float:left; }

     .main-container .bid-managment-container .trashbutton {  color:#9ea09f; margin: 0 10px 0 10px; font-size: 18px;  font-family: 'Font Awesome 5 Pro'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block;font-style: normal;font-variant: normal; text-rendering: auto;line-height: 1;  }
            .main-container .bid-managment-container .trashbutton:before { content: "\f2ed";}


    .main-container .bid-managment-container .apply-to-all { color: #2778C7;  }
    .main-container .bid-managment-container .table-hide-cluster td:nth-child(3) { display: none;  }
    .main-container .bid-managment-container .table-hide-all td:nth-child(2) { display: none;  }
    .main-container .bid-managment-container .table-hide-all td:nth-child(3) { display: none;  }
    .main-container .bid-managment-container .table-hide-all td:nth-child(4) { display: none;  }

     .main-container .bid-managment-container .apply-to-all-sem { font-size:0.8em; color: #2778C7;  }

    .main-container .bid-managment-container .clusterdisable { float:right; margin-right:5px; }

    .avp-custom-select-blue {background-color: #2778c7; color: #fff;}
         .avp-custom-select-blue option {background-color: #fff; color: #000;}


    .bidmodifierdaterange  {  width:300px; text-align:center; line-height:35px; display:inline;  }
        .bidmodifierdaterange .dateleft  { width:100px; cursor:pointer;}
        .bidmodifierdaterange .dateright {  width:100px; cursor:pointer;}
	    .bidmodifierdaterange input {  width:auto; border: 1px solid #e3e7eb;  height:35px;   padding:4px; margin: 0; text-align:center; }
        .bidmodifierdaterange .ui-datepicker-trigger { display: none; }


/* ============================================================================== */
/* ==============================================================================  */
/* ================= GRAPHIQUE */ 

    .main-container .graph { width:100%;  height:315px; float:left; background-color:#fff; margin-bottom:10px; text-transform:none; overflow:hidden; }
	.main-container .graph .googlegraphique { height:275px; z-index:1; padding-bottom:20px; }

	  .main-container .graph .graphiquetop { height:30px; width: 100%; background-color:#fff; margin: 10px 0 0 10px; z-index:1000; }
		    .main-container .graph .graphiquetop > input { height:30px;  width:80%; border: 0px; padding: 0px; text-align: center; color:#3a3c3b; background:url('img/dropdown.png') no-repeat #f0f0f0; background-position:right 15px; }
			.main-container .graph .graphiquetop > select { height:30px; border:0px; padding:0px; color:#3a3c3b; margin-right: 25px;}
            .main-container .graph .graphiquetop .circle { padding: 0px 10px; border-radius: 10px; margin: 0 8px; }
            .main-container .graph .graphiquetop .serie1 { background-color: #FD6D39;  }
            .main-container .graph .graphiquetop .serie2 { background-color: #5493F7; }

    .graphiquedashboard {/*height:250px;*/}

    .graphiquedashboard .graphdash { width:30%; margin-right:2%;  height:250px; float:left; background-color:#fff; text-transform:none; overflow:hidden; }
	.graphiquedashboard .graphdash .googlegraphique { height:200px; z-index:1; }


     .pricecompetition { width:100%; margin-right:2%;   background-color:#fff; text-transform:none; display:block;}
	     .pricecompetition .googlegraphique { z-index:1; }
         .pricecompetition .googlegraphique_month { height:500px; z-index:1; }
         .pricecompetition .googlegraphique_quarter { height:700px; z-index:1; }
         .pricecompetition .googlegraphique_semestre { height:1300px; z-index:1; }

	  .graphiquedashboard .graphdash .graphiquetop { height:30px; width: 100%; background-color:#fff; z-index:1000; }
		    .graphiquedashboard .graphdash .graphiquetop > input { height:30px;  width:80%; border: 0px; padding: 0px; text-align: center; color:#3a3c3b; background:url('img/dropdown.png') no-repeat #f0f0f0; background-position:right 15px; }
			.graphiquedashboard .graphdash .graphiquetop > select { height:30px; border:0px; padding:0px; color:#3a3c3b; margin-right: 25px;}
            .graphiquedashboard .graphdash .graphiquetop .circle { padding: 0px 10px; border-radius: 10px; margin: 0 8px; }
            .graphiquedashboard .graphdash .graphiquetop .serie1 { background-color: #FD6D39;  }
            .graphiquedashboard .graphdash .graphiquetop .serie2 { background-color: #5493F7; }

 .graphspentbymeta { width:100%; margin-right:2%;  height:200px;  background-color:#fff; text-transform:none;  }
	.graphspentbymeta .googlegraphique { height:200px; z-index:1; }
       
.graphconversiobyprovider { width:100%; margin-right:2%;  height:150px;  background-color:#fff; text-transform:none;  }
	.graphconversiobyprovider .googlegraphiquebyprovider { height:150px; z-index:1; }
    


/* ============================================================================== */
/* ============================================================================== */
/*  =================== Calendrier + Bouton export */
		
#calendrier { position:absolute; margin:40px 0 0 83px; width: 300px; border: 1px solid #e3e7eb; background-color: #fff; overflow:auto; display:none; z-index:100;}
		#calendrier {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:0.9em; }
			#calendrier .ui-datepicker-trigger { display:none; }

			#calendrier .periode { margin:15px 15px 0 15px; width:90%; }
			#calendrier .periode select { width:70%;  height:35px; padding:0px; margin: 0; 
                                          box-sizing: border-box; padding: 7px 10px; 
                                          -webkit-appearance: menulist; -moz-appearance: menulist; 
                                          appearance: menulist; border-radius: 4px; outline: none; background: none; box-shadow: inset 0px 0px 3px 0px #d2d2d2; border: 1px solid #e2e2e2; }

			#calendrier .periode select::-ms-expand { display: none; }

			#calendrier .datenormal   { width:90%; height:35px; margin:15px 15px 0 15px; text-align:center; line-height:35px; }
                #calendrier .datenormal .dateleft  { width:45%; float:left; cursor:pointer;}
                #calendrier .datenormal .dateright  { width:45%; float:right; cursor:pointer;}
				#calendrier .datenormal input {  width:auto; border: 1px solid #e3e7eb;  height:35px; 
                                                                                 padding:4px; margin: 0; text-align:center; }
			
                
                #calendrier .bouton { float:left; width:90%;  margin:15px 15px 15px 15px;  }
				#calendrier .bouton input , #calendrier .bouton div { float:right; margin-left:10px; }

             .ui-widget-header .ui-icon { background-image : url("img/Ui-icons_222222_256x240.png"); }

             /*
            .ui-datepicker { color:#7e90a1; border: 1px solid #e3e7eb;}
            .ui-widget-header { background:#585a59; color:#fff; border-bottom-right-radius:0px; border:0px; font-weight:normal; font-size:0.9em; }
            .ui-state-default, .ui-widget-content .ui-state-default { background:#f5f9fc; border:0px; color:#7e90a1; text-align:center; }
            
            .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border:0px; background: none; cursor:pointer; }
                 */

    .dropdown-content { display: none; position:absolute; right:0px; margin-top:30px; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; background-color:#fff;}
        .dropdown-content a { padding:10px; text-decoration: none; display: block; color:#000;}
        .dropdown-content a:hover {background-color: #ddd}

    .exportshow .dropdown-content { display: block; float:right; }


/* ============================================================================== */
/* ============================================================================== */
/*=================  My Profile ==============*/

.myprofile { width:600px; /*margin-left: 0 auto; font-size:1.3em; */  }
    .myprofile .actionbtn { text-align:right;}
    .myprofile .errorcell { text-align:center; width:100%; font-weight:bold;}
        
.passwordchange { width:600px; margin: 0 auto; /*font-size:1.3em; */  }
    .passwordchange img { margin-left: auto; margin-right: auto; display: block; }
    .passwordchange .actionbtn { text-align:right;}
    .passwordchange .errorcell { text-align:center; width:100%; font-weight:bold;}


    
/* ============================================================================== */
/* ============================================================================== */
/* ===========  LOGIN        ---------- */ 


.rootlogin { width:100%;  height:100vh; position:relative;}
    

	.rootlogin .loginleft  { float:left; width:600px; background-color:#fff;}
        .rootlogin .loginleft .containerlogin { width:400px; margin-left:100px; margin-top:0px; }
            .rootlogin .loginleft .containerlogin img { padding-bottom:30px; margin-left: auto;  margin-right: auto;  display: block; }
		    .rootlogin .loginleft .containerlogin input[type=text] , .rootlogin .loginleft .containerlogin  input[type=password] { height:40px; text-align:center;  }
		   
    .rootlogin .loginright { float:right; height:100%; position:absolute;  top:0; left:600px; right:0; background-image:url('img/right-login.jpg');   background-size: cover;  -webkit-background-size: cover; }


@media screen and (max-width: 1025px){

    .rootlogin .loginleft  { width:100%; }
         .rootlogin .loginleft .containerlogin { width:90%; margin-left:0; margin:80px auto; }

    .rootlogin .loginright { display:none;}
}