@font-face {
  font-family: "Avenir LT Bold";
  src: url("../fonts/avenir-lt-std-95-black.otf");
}

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

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

:root {
  --primary: #0092a6;
  --primary-hover: #08707d;
  --primary-rgb: 0, 146, 166;
  --primary-lighter: #a1d2d8;
  --boxed-width: 1240px;

  --red: #e42726;
  --red-rgb: #e22726;

  --blue: #0d2993;

  --background: #bfeef5;
  --background-rgb: 191, 238, 245;
  /* --background-lighter: #e2f2f4; */
  --background-lighter: #f3f8f9;
  --background-lighter-rgb: 226, 242, 244;
  
  /* Bootstrap overrides */
  --bs-tertiary-bg: var(--background-lighter);
  --bs-tertiary-bg-rgb: var(--background-lighter-rgb) !important;

  --bs-primary: var(--primary) !important;
  --bs-primary-rgb: var(--primary-rgb) !important;

  --bs-link-color: var(--primary) !important;
  --bs-link-hover-color: var(--primary) !important;

  --bs-border-color: var(--primary) !important;
  --modal-border-color: #dee2e6 !important;

  --bs-font-sans-serif: "Lato", "Roboto", sans-serif !important;

}

.pagination {
  --bs-pagination-active-bg: var(--primary) !important;
  --bs-pagination-active-border-color: var(--primary) !important;
}

.navbar {
  --bs-navbar-padding-y: 0.2rem !important
}

body {
  overflow-x:hidden;
  overflow-y:scroll;
  color:black;
  background-color: var(--bs-tertiary-bg) !important;
}

html {
  font-size: 13px;
  color:black;
}

/** BOOTSTRAP OVERRIDES **/
.modal {
  --bs-modal-header-border-color: var(--modal-border-color) !important;
  --bs-modal-footer-border-color: var(--modal-border-color) !important;
}

.btn-primary {
  --bs-btn-bg: var(--primary) !important;
  --bs-btn-border-color: var(--primary) !important;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--primary) !important;
  --bs-btn-hover-border-color: var(--primary) !important;
  --bs-btn-active-bg: var(--primary) !important;
  --bs-btn-active-border-color: var(--primary) !important;
  --bs-btn-disabled-color: #fff !important;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--primary) !important;
  --bs-btn-disabled-bg: var(--primary) !important;
}

.btn-outline-primary {
  --bs-btn-color: var(--primary) !important;
  --bs-btn-border-color: var(--primary) !important;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--primary) !important;
  --bs-btn-hover-border-color: var(--primary) !important;
  --bs-btn-active-bg: var(--primary) !important;
  --bs-btn-active-border-color: var(--primary) !important;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-color: var(--primary) !important;
  --bs-btn-disabled-border-color: var(--primary) !important;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: var(--primary) !important;
}

.form-check-input:checked {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.form-control:focus,
.form-check-input:focus,
.form-select:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 0.25rem var(--background-lighter) !important;
}

.dropdown-item:focus {
  background-color: var(--background-lighter) !important;
  color: var(--primary) !important;
}

.dropdown-menu {
  --bs-dropdown-item-padding-y: 0.3rem !important;
}


.text-blue {
  color: var(--blue);
}

.border.border-lighter {
  border-color: var(--primary-lighter) !important;
}

/** FIN BOOTSTRAP OVERRIDES **/

#logo-wrapper {
  text-decoration: none !important;
}

#logo-wrapper #logo-quali, #logo-wrapper #logo-sap{
  font-family: "Avenir LT Bold";
  color: var(--primary);
  line-height: 100%;
  font-weight: bold;
  font-size: 26px !important;
}

#logo-wrapper #logo-sap {
  color: var(--red);
}

body,html  {

/*       font-family: "Galaxy BT", Arial, helvetica, sans-serif;
*/       font-family: 'Lato', Arial, helvetica, sans-serif;
}

table
{
      font-family: 'Lato', Arial, helvetica, sans-serif;
}
table th
{
/*       font-family: "Galaxy BT", Arial, helvetica, sans-serif;
*/       font-family: 'Lato', Arial, helvetica, sans-serif;
}


.content
{
  /*background: url('/images/fond.gif') top left repeat;*/
 }

div,span {
       /* font-size: 11px; */
       }

.flash_error{
              margin: 20px;
               background-color: red;
               color: white;
 }

.flash_notice{
              margin: 20px;
               background-color: green;
               color: white;
 }

#erreur {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          border: 2px solid white;
          z-index: 10;
          background-color: red;
          color: white;
          padding: 3px;
 }

img {
      border:0;
      }


.erreur_html {
               background-color: red;
               color: white;
               position: relative;
               z-index: 20;
 }

h1 {
     margin: 0;
     padding: 0;
     font-size: 1.4em;
 }


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
 color: black;
 background:white;
 font-weight: normal;
 padding: 5px;
 border: 1px solid #888;
 font-size: 1em;
 border-color:#888 #ccc #ccc #888;
 }
.ui-datepicker table {
                       background-color: #bfeef5;
 }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
                                                                                                     background-color: #0092a6;
                                                                                                     border: 1px solid #FCEFA1;
                                                                                                     color: white;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
                                                                                                     background-color: var(--background-lighter);
                                                                                                     border: 1px solid var(--primary);
}

input[type="text"]:not(.form-control),
input[type="password"]:not(.form-control),
textarea,
select:not(.form-select) {
           border: 1px solid #888;
           border-width: 2px 1px 1px 2px;
           border-color:#888 #ccc #ccc #888;
       font-family: Arial, Helvetica, sans-serif;
           font-size: 1em;
           padding:2px;
 }

#fiche_numero_crss
{
  width: 100px;
  text-align: center;
}

.ui-menu .ui-menu-item a {
           line-height: 1;
           padding: 0;
 }



/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 6px;
}

.ui-button-icon-only .ui-icon {
	left: 50%;
/*	margin-left: -3px;*/
}

.ui-datepicker-trigger{
                        float:left;
                        padding-top: 1px;
 }



.cadre {
         background-color:#bfeef5;
         width: 1000px;
         margin-top: 5px;
 }

.cadre2 {
         width: 1000px;
         margin-top: 5px;
 }

.cadrecommande {
                 background-color:#bfeef5;
                 width: 1000px;
                 margin-top: 5px;
                 background:url(/images/cadre/fondbarre.gif) repeat-x;
                 position:relative;
                 padding:0;
                 margin:0;
                 height:52px;
                 text-align:right;
 }


.contentcontrole {
                   margin-left:5px;
 }
.contentcontroleabs {
                   position:absolute;
 }

.titrecadreidx,
.titrecadre {
              font-weight:bold;
              color:white; /*#0092a6;*/
              font-size: 1.4em;
              position: relative;
              top: 5px;
              left: 10px;
              padding-bottom: 0;
              padding-left:5px;
              text-align: left;

              /* border: 10px solid #274975; */
              /* border-width: 0 0 0 10px; */
              /* float: left; */
              }

.itemsau,.itemsau2 {
    width:250px;
    height: 20px;
    float: left;
    position: relative;
    margin: 3px;
    margin-right: 20px;
}

.itemsau2 {
    width:550px;
    height: 20px;
    float: left;
}

.itemsau2 span, .itemsau span {
    position: absolute;
    top: 3px;
    left:  0;
}

.itemsau2 img, .itemsau img,
.itemsau2 input, .itemsau input,
.itemsau2 ul, .itemsau ul,
.itemsau2 textarea, .itemsau textarea
{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left:  230px;
}

.itemsau2 ul input, .itemsau ul input,
.itemsau2 ul li, .itemsau ul li
{
    display: inline;
    position: unset;
    vertical-align: middle;
    margin-left: 4px;
}

.controle,
.controleabs
 {
            vertical-align: top;
 }
.controleabs
{
            position: absolute;

}
.controle
{
            float:left;

}
.controle span
 {
            float: left;
}

.controleabs span
{
  }


.contentcadrepopup {
                     overflow-x:hidden;
                     overflow-y:auto;
                     width:100%;
                     height:348px;
                     padding:0;
 }




span.controle input[id$="_date"] {
                                   width: 80px;
 }

span.controle input[id$="_heure"] {
                                   width: 20px;
 }

span.controle input[id$="_minute"] {
                                   width: 20px;
 }

span.controle input[id$="_temps"] {
                                   width: 50px;
                                              text-align: center;
 }


span.contentcontroleabs input[id$="_date"] {
                                   width: 80px;
 }

span.contentcontroleabs input[id$="_heure"] {
                                   width: 20px;
 }

span.contentcontroleabs input[id$="_minute"] {
                                   width: 20px;
 }

span.contentcontroleabs input[id$="_temps"] {
                                   width: 50px;
                                              text-align: center;
 }


.gradienthautx {

             border-radius: 20px;
             moz-border-radius: 20px;
             khtml-border-radius: 20px;
            width:970px;

            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4JSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIwLjExIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top,  rgba(30,87,153,1) 8%, rgba(30,87,153,0.11) 90%, rgba(30,87,153,0.06) 95%, rgba(125,185,232,0.05) 96%, rgba(125,185,232,0) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,rgba(30,87,153,1)), color-stop(90%,rgba(30,87,153,0.11)), color-stop(95%,rgba(30,87,153,0.06)), color-stop(96%,rgba(125,185,232,0.05)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 8%,rgba(30,87,153,0.11) 90%,rgba(30,87,153,0.06) 95%,rgba(125,185,232,0.05) 96%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(30,87,153,1) 8%,rgba(30,87,153,0.11) 90%,rgba(30,87,153,0.06) 95%,rgba(125,185,232,0.05) 96%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(30,87,153,1) 8%,rgba(30,87,153,0.11) 90%,rgba(30,87,153,0.06) 95%,rgba(125,185,232,0.05) 96%,rgba(125,185,232,0) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(30,87,153,1) 8%,rgba(30,87,153,0.11) 90%,rgba(30,87,153,0.06) 95%,rgba(125,185,232,0.05) 96%,rgba(125,185,232,0) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-8 */

            height:40px;
            padding:5px;
            position:absolute;
            top:-50px;
            left:0px;
            font-weight:bold;
            font-size:1.4em;
            color:#ffffff;
            text-align:center;

            }

.gradienthautx {
             border-radius: 20px;
             moz-border-radius: 20px;
             khtml-border-radius: 20px;
                background-color:#274975;
                width:1000px;
                height:30px;
                position:absolute;
                top:-50px;
                left:0px;
                font-weight:bold;
                font-size:1.4em;
                color:#ffffff;
                text-align:center;
                padding-top:7px;
                }

.gradienthaut {
                background-color:transparent;
                width:1000px;
                height:30px;
                position:absolute;
                top:-60px;
                left:0px;
                font-weight:bold;
                font-size:1.5em;
                color:#0092a6;
                text-align:center;
                padding-top:11px;
                }

input:disabled,
textarea:disabled,
select:disabled
{
  background:white;
  color: green;
 }


.gerer
{
  background-color: transparent;
 }

button {
  background-color: transparent;
 }

.titrefenetre
{
  font-size:1.4em;
  vertical-align:middle;
  height:30px;
  background-color:#0092a6;
  color:white;
  font-weight:bold;
  position:relative;
  text-align:left;
  padding-left:5px;
  padding-top:2px;
  cursor: pointer;
  }

#titrefenetre
{
  color:white;
  padding-left:5px;
  padding-top:5px;
  font-size: 1em;
  }


div.itemvers
{
position:absolute;
left: 50px;
}

span.itemvers {
color:#0092a6;
width:400px;
text-align:left;
font-size:1.3em;
 }

#version
{
z-index:1000;
position:absolute;
left:50%;
margin-left:-200px;
top:200px;
width:400px;
height:200px;
border:2px solid #0092a6;
background-color:white;
display:none;

 }

  #sablier {
    display:none;
    z-index:200;
    position:fixed;
    top:25%;
    left:50%;

        -webkit-animation-name: load-animation;
        -webkit-animation-duration: 3000ms;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: load-animation;
        -moz-animation-duration: 3000ms;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -ms-animation-name: load-animation;
        -ms-animation-duration: 3000ms;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;

        animation-name: load-animation;
        animation-duration: 3000ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
       }

    @-moz-keyframes load-animation {
        from { -moz-transform: rotate(0deg); }
        to { -moz-transform: rotate(360deg); }
    }
    @-webkit-keyframes load-animation {
        from { -webkit-transform: rotate(0deg); }
        to { -webkit-transform: rotate(360deg); }
    }
    @keyframes load-animation {
        from {transform:rotate(0deg);}
        to {transform:rotate(360deg);}
    }


.ui-menu-item a {
  border-radius:0;
  background: none;
  background-color: white;
}

.ui-menu-item a.ui-state-focus,
.ui-menu-item a.ui-state-active {
  background: none;
  background-color: #0092a6;
  color: white;
  font-weight: bold !important;
}

.etiquette_numero {
/*  font-family: Courier new;
*/}

.etiquette_numero_grand {
  top: -2px;
/*  font-family: Courier new;
*/  font-size: 1em;
 background-color:#bfeef5;
 color:#0092a6;
  padding:5px;
  margin-left: 2px;
}


#flux_distant_url {
    width: 240px;
}





/* page login */

#contenu #login {
    position:absolute;
    left:301px;
    top:358px;
}

#contenu #pwd {
    position:absolute;
    left:301px;
    top:426px;
}

#contenu #pwd input,
#contenu #login input {
  width: 317px;
  color: black;
border:0;
height:37px;
font-size:25px;
}


#contenu #login input {
  width: 536px;
}

#contenu, #image
{
  position:absolute;
     left: 50%;
     margin-top: 20px;
     margin-left: -472px;
 }

#goxx
{
  position:absolute;
     left: 50%;
     margin-top: 290px;
     margin-left: 160px;
border:0;
}

#contenu #go {
    position:absolute;
    left:644px;
    top:423px;
}

#contenu #go input {
  cursor: pointer;
width:201px;
  height: 47px;border:0;
padding:0;
background: transparent url(/images/boutonlogin.png) no-repeat left top;

}

#line {
  content: '';
  position: absolute;
  bottom: 50%;
  border-bottom: 2px solid var(--primary);
  width: 100%;
  z-index: 10;
}

#footer.footer-modern a {
  z-index: 20;
}


#container {
  max-width: var(--boxed-width);
}

.table tr {
  cursor: pointer;
}

.form-control#filtrer, .form-control.search {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-color:white;
  background-position: 0px 50% !important;
  background-size: 25px;
  padding-left: 23px;
}

/* Formulaires Dialogues */
#dialogue .action-info {
	width: 140px;
}

#dialogue .badge {
  min-width: 45px;
}

.table > :not(caption) > * > * {
  padding: .2rem .5rem !important;
}

.admin-user-form .col-form-label {
  color: var(--blue);
}