@font-face {
font-family: 'Dosis';
src: url('fonts/Dosis/Dosis-ExtraLight.ttf');
font-weight: 200;
font-style: normal;

}
@font-face {
font-family: 'Dosis';
src: url('fonts/Dosis/Dosis-Light.ttf');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Dosis';
src: url('fonts/Dosis/Dosis-Regular.ttf');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Dosis';
src: url('fonts/Dosis/Dosis-Medium.ttf');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Dosis';
src: url('fonts/Dosis/Dosis-SemiBold.ttf');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Dosis';
src: url('fonts/Dosis/Dosis-Bold.ttf');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Dosis';
src: url('fonts/Dosis/Dosis-ExtraBold.ttf');
font-weight: 800;
font-style: normal;
}

@font-face {
font-family: 'Gotham';
src: url('fonts/Gotham/Gotham-Thin.otf');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url('fonts/Gotham/Gotham-ThinItalic.otf');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Gotham';
src: url('fonts/Gotham/Gotham-Light.otf');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url('fonts/Gotham/GothamLightItalic.ttf');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Gotham';
src: url('fonts/Gotham/GothamBook.ttf');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url('fonts/Gotham/Gotham-BookItalic.otf');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Gotham';
src: url('fonts/Gotham/GothamBookItalic.ttf');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Gotham';
src: url('fonts/Gotham/GothamMedium.ttf');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url('fonts/Gotham/GothamMediumItalic.ttf');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Gotham';
src: url('fonts/Gotham/Gotham-Bold.otf');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url('fonts/Gotham/GothamBoldItalic.ttf');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'Gotham';
src: url('fonts/Gotham/Gotham-Black.otf');
font-weight: 900;
font-style: normal;
}

body { font-family: Dosis !important; font-size: 13px; margin:0; padding: 0; height:100%; width:100%; }
.ui-widget { font-size : 12px !important; font-family: Dosis !important; }
.dx-widget {font-family: Dosis !important; }
.dx-menu-base {font-family: Dosis !important; }
.dxtlControl {font-family: Dosis !important; }

.prh-title-bg {width: 100%; background: #eaeae9; color:#236ee5; text-transform: uppercase; font-size:16px; font-weight: bold; padding : 6px; }
.prh-title-bg-white { background: #ffffff; color:#eaeae9; text-transform: uppercase; font-size:16px; padding : 6px;}
.prh_titre_h48 {line-height: 45px; height: 48px; padding: 0 0 0 3px; }
.prh_titre_h32 {line-height: 29px; height: 32px; padding: 0 0 0 3px;  }
span.titre { background: #eaeae9; color: #236ee5; text-transform: uppercase; font-size: 16px; width: 100%; line-height: 45px;
  height: 48px; padding: 0 3px;display: block; font-weight: normal;}
span.titre-white { color: #eaeae9; font-size: 16px; width: 100%; line-height: 45px;
  height: 48px; padding: 0 3px;display: block; font-weight: normal;}
th.titre { background: #eaeae9; color: #236ee5; text-transform: uppercase; font-size: 16px; width: 100%; line-height: 45px;
  height: 48px; padding: 0 3px;display: block; font-weight: normal; text-align: left:}
td.titre { background: #eaeae9; color: #236ee5; text-transform: uppercase; font-size: 16px; width: 100%; line-height: 45px;
  height: 48px; padding: 0 3px;display: block; font-weight: normal;}
td {font-size: 13px !important; }

.titre0 {font-size: 18px !important; font-weight: bold; color : #236ee5; padding-top : 6px; text-transform: uppercase; width:100%; margin-bottom: 4px;}
.titre0NoW {font-size: 18px !important; font-weight: bold; color : #236ee5; padding-top : 6px; text-transform: uppercase; margin-bottom: 4px;}
.titre1 {font-size: 18px !important; font-weight: normal; border-bottom : 2px solid silver; color : #236ee5; padding-top : 6px; text-transform: uppercase; width:100%; margin-bottom: 4px;}
.titre2 {font-size: 14px !important; font-weight: normal; border-bottom : 2px solid silver; color : #236ee5 ; padding-top : 6px; text-transform: uppercase;}
.titre3 {font-size: 12px !important; font-weight: normal; border-bottom : 2px solid silver; color : #236ee5; padding-top : 6px; text-transform: uppercase;}

.dx-list-item.dx-list-item-selected { background-color: rgba(0, 0, 255, 0.2) !important; }

.absolutetop { z-index: 99999 !important;}

#BTNVALIDER { color: white !important; background-color: #6BB9F0 !important; background: #6BB9F0 !important;}
#BTNVALIDER .dx-icon { color: white !important;}

#BTNSUPPRIMER { color: white !important; background-color: #FF8080 !important; background: #FF8080 !important;}
#BTNSUPPRIMER .dx-icon { color: white !important;}

.btnsilae { color: red !important; background: #fbdfbb !important;}

#DXBTNAJOUTFLOAT .dx-fa-button-icon { background-color: #ad0c80; color: white; }
#DXBTNAJOUTFLOAT .dx-fa-button-icon:hover { background-color: white; color: #ad0c80; }
.dx-fa-button.dx-fa-button-main .dx-overlay-content { background-color: #ad0c80 !important; color:white !important;}
.dx-fa-button.dx-fa-button-main .dx-overlay-content:hover { background-color: white !important; color: #ad0c80 !important; }

#BURGMENU { color: #333; }

.btnaction { color: #9B009B;  --fa-primary-color: #9B009B; --fa-secondary-color: #B48FB8; }
.splibswitch { float:left; padding : 2px 4px;}

.survol:hover, .survol:focus { cursor:pointer; color: #6A7DAE; background-color : #ccc /*#E4E4E4*/; font-weight: bold; border-radius : 5px; padding-right: 4px; }

td.ongleton { background: linear-gradient(to bottom,  #236ee5 0%,#236ee5 47%,#236ee5 100%) !important; color:white; font-size:12px; height:32px; line-height:25px; border: 1px solid silver; text-align: center;}
td.ongletoff { background: #eaeae9 !important; color:#236ee5;  font-size:12px; height:32px; line-height:25px; border-bottom: 1px solid silver; border-right: 1px solid silver; text-align: center;}
div.ongletoff { background: #eaeae9 !important; color:#236ee5;  font-size:12px; height:32px; line-height:25px; border-bottom: 1px solid silver; border-right: 1px solid silver;}
a.ongleton { background: linear-gradient(to bottom,  #236ee5 0%,#236ee5 47%,#236ee5 100%) !important; color:white;  font-size:12px; font-weight: bold;}
a.ongletoff { background: #eaeae9 !important; color:#236ee5;  font-size:12px; font-weight: bold;}
a { font-size: 13px; color: #001124; text-decoration: none; }
SELECT { color: #1A1A1A; font-family: Dosis; font-size: 13px; border: 1px solid silver; border-radius: 3px;  }
/*nav{ display:none; }*/
.masked { display:none; }
.burg{ padding : 4px 4px;}
.whitego {color: #FFFFFF !important;}
.bleugo {color: #51B5D5 !important;}
.purplego {color: #9b009c !important;}
.bleu-bg {background-color: #6BB9F0 !important;}
.red-bg {background-color: #FF8080 !important;}
.purple-bg {background-color: #9b009c !important;}
.btngo { border-radius: 16px; font-weight:bold; border:2px solid #236ee5; color: white; background-color:#236ee5; padding : 8px; text-align:center; font-size : 14px; cursor:pointer; }
.btngo:hover { background-color:white; color:#236ee5; 2px solid #236ee5; }
.prh-btngo-bleu { -moz-border-radius: 16px; -webkit-border-radius: 16px; -khtml-border-radius: 16px; border-radius: 16px; border: 1px solid #236ee5;
 0 8px 10px 0 rgba(176, 22, 120, 0.08); color: white; background: linear-gradient(to right, #236ee5 0%, #236ee5 100%);
 margin: 2px auto; padding: 6px 8px; text-align: center; font-size: 14px; cursor: pointer; margin-top: 6px; overflow:hidden;
 word-wrap: normal; max-height:33px;
 }
.dx-texteditor-container input[type="text"] { border: 1px solid transparent; }
.dx-button { border: 1px solid #d3d3d3; background-color: rgb(230,230,230); }
.dx-button-has-icon .dx-button-content { padding: 3px; }
.dx-list-item.dx-state-focused { background-color: #B5D7E6 !important; color: #FFFFFF !important; }
.prh-focusedItem { background-color: #1099cc !important; color: #fff !important; }

.prhtdb { background-color : #eaeaea; }

.libchamp { padding: 1px 4px; text-align:right; color: gray; font-size:80%; }
.datachamp { padding: 1px 4px; margin: 2px 4px;}

.dx-list-item { border-bottom: 1px solid #dddddd; color: #eaeae9;}
.dx-tile-selected { background-color : #B5D7E6 !important;}

.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {color:white !important;}
.mm-navbar {background-color: #236ee5; color:white !important;}
.mm-listitem {background-color: #236ee5; color:white !important;}
.mm-listitem:hover {background-color: white; color: #236ee5 !important;}

#DVMENUBURGER { float:left; margin: 0px 8px 0px 0px;}
#DVMENUBURGER a { color:white; }
#DVMENUBURGERGRAY { float:left; margin: 0px 0px;}
#DVMENUBURGERGRAY a { color:gray; }

#DVFONDGRAD { background: url('13/bh.blanc.png') 40% -121px no-repeat, linear-gradient(to right, #c629c1 18%,#7db9e8 85%);
 height: 44px; padding-top: 8px; }
#DVBTNFLOTTANT { float:right; padding-right:10px; cursor:pointer; position: relative; top: 6px; z-index: 2;}
#DVBTNFLOTTANT2 { float:right; padding-right:10px; cursor:pointer; position: relative; top: 6px; z-index: 2;}
#DVINDICS { float:right;width: 250px; background: white url('v2020/fond_indic.png') 0 0 no-repeat; padding-top: 20px; padding-left: 20px;}
#DVLISTINDICS .dx-list-item { border: 0 !important; padding-right: 15px; }
.unindic { width:100%; padding : 8px 8px; border-radius: 6px; box-shadow: 0 1px 3px rgba(35, 110, 229,0.16), 0 1px 2px rgba(0,0,0,0.24); border:0; background-color: rgba(35, 110, 229, 0.0);}
.indicval { float:left; font-size : 28px; font-weight: bold; width:100%; text-align:right; }
.indictxt { clear:both; font-size : 12px; font-weight: 500; color:gray; width:100%; text-align:right; }

.prh-btn-icononly { background: #9f3180 !important; margin: 0px 3px 3px 3px !important;
                    border: 1px solid #9f3180 /*#1099cc*/ !important;
                    -moz-border-radius: 16px !important; -webkit-border-radius: 16px !important; -khtml-border-radius: 16px; border-radius: 16px !important;
                    -webkit-transition:all 0.3s ease 0s !important;
                    -moz-transition: all 0.3s ease 0s !important;
                    -o-transition: all 0.3s ease 0s !important;
                    transition: all 0.3s ease 0s !important;
                    color: #FFFFFF !important;
                    cursor: pointer; }

.pad6_8 { padding: 6px 8px !important; }
.pad8_8 { padding: 8px 8px !important; }

.mart7     { margin-top: 7px; }
.mart3     { margin-top: 3px; }
.mart2     { margin-top: 2px; }
.padr3     { padding-right: 3px; }
.padl3     { padding-left: 3px; }
.padr6     { padding-right: 6px; }

.prh-btn-fuchsia { background: #9B009B !important; margin: 0px 3px 3px 3px !important;
                    border: 1px solid #9B009B !important;  border-radius: 3px;
                    -webkit-transition:all 0.3s ease 0s;
                    -moz-transition: all 0.3s ease 0s;
                    -o-transition: all 0.3s ease 0s;
                    transition: all 0.3s ease 0s;
                    color: #ffffff !important;
                    cursor: pointer; }
.prh-btn-icononly:hover { color: #9f3180 !important; background-color: #ffffff !important; margin: 3px; border: 1px solid /*#6BB9F0*/ #FFFFFF !important; }
.prh-btn-fuchsia:hover { color: #9B009C !important; background-color: #FFFFFF !important; margin: 3px; border: 1px solid #bf55ec !important; }
.prh-btn-icononly .dx-icon, .prh-btn-fuchsia .dx-icon{ color: #ffffff !important; }
.prh-btn-icononly:hover .dx-icon{ color: #9B009C !important; }
.prh-btn-fuchsia:hover .dx-icon{ color: #9B009B !important; }
.dx-button-has-icon .dx-icon {  width: 18px; height: 18px; font-size: 18px; line-height: 18px; }

.prh-input-right { text-align: right;}
.prh-grid-btn { height: 18px; width: 100%; border: 1px solid #D9D9D9; border-radius: 4px; background-color: #ececec; }
.prh-title { display: block; text-align: center; font-weight:bold; font-size:16px; color: black; margin-bottom: 10px;}
.prh-etoile-obligatoire { font-weight: bold; color: red; }
.prh-etoile-obligatoire:hover {cursor: help;}
.prh-input-obligatoire, prh-input-obligatoire:hover { border: 1px solid red !important; }
.flexbreak { flex-basis: 100%;  height: 0;}
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.w100 { width:100%; display: inline-block; }
.wid10 { width: 10%; display: inline-block; }
.wid20 { width: 20%; display: inline-block; }
.wid25 { width: 25%; display: inline-block; }
.wid30 { width: 30%; display: inline-block; }
.wid35 { width: 35%; display: inline-block; }
.wid40 { width: 40%; display: inline-block; }
.wid50 { width: 50%; display: inline-block; }
.wid60 { width: 60%; display: inline-block; }
.wid65 { width: 65%; display: inline-block; }
.wid70 { width: 70%; display: inline-block; }
.wid75 { width: 75%; display: inline-block; }
.wid80 { width: 80%; display: inline-block; }
.wid90 { width: 90%; display: inline-block; }
.padt5 { padding-top: 5px !important; }
.padb5 { padding-bottom: 5px !important; }
.prh-lh35 { line-height: 35px; }
.prh-lh25 { line-height: 25px; }
.prh-hei40 { height: 40%; line-height: 50%; }
.prh-hei50 { height: 50%; line-height: 50%; }
.prh-empty-line{ height: 10px; display: block; }
.prh-label-champ { text-align: left; margin-right: 3px 10px 0 0;}
.liblight { font-style: oblique; font-size: smaller;}
.depitemH48 { line-height: 48px; height: 48px;}
.empty { height: 1px; }
.prh-fl { float: left; vertical-align: middle; }
.prh-fr { float: right; vertical-align: middle; }
.prh-cb { float:left; clear:both; }
.space-for-button { width: calc(100% - 37px);}
.bold { font-weight: bold; }
.orange { color: orange;}
.darkorange { color: darkorange;}
.yellow { color: yellow;}
.darkred { color: darkred;}
.red { color: red;}
.black { color:black !important;}
#SUBMIT { margin: 0 auto; width: 200px; display: block; }
.BTNSUPP { height: 20px !important; width: 30px !important; padding: 0.1em 0.5em !important; }
#dvPopupCalendrier button { padding: 0px 6px; color: dimgray;}
.thcal { background : linear-gradient(to bottom, #dbdbdb 0%,#f7f7f7 100%); height:24px; font-weight:normal;}
.tdcal { height:25px; }
.tdcalvide { height:25px; background: #eee;}
.visionCollab { background-color : #E8E9F7; }
.visionManag { background-color : #FFF5E1; }
#IMGPRHSELIND { border-radius:16px; cursor:pointer; width:32px; height:31px; }
#IndIcoGT { border-radius:16px; cursor:pointer; width:32px; height:31px; margin-top: 2px !important; }
#IMGPRHSELINDALL { border-radius:16px; cursor:pointer; width:32px; height:31px; }
.ui-dialog { box-shadow: 2px 2px 8px 2px rgba(119, 119, 119, 0.8); }
#mega-menu-1 li.mega-hover a, #mega-menu-1 li.mega-hover a:hover {
  border-radius: 5px;
}

/* 02/10/18 RDU:Pour ?iter d'avoir des div transparentes quand une frame n'est pas affich? */
/* 10/10/18 JPP: NE PAS MODIFIER l'opacity ci-dessous PLEASE !!! */
frame { background-color:  rgba(240, 240, 240, 0.98); }

.iframe-body, .iframe-body103, .iframe-prhdialog, .iframe-table, .iframe-100{
	overflow: auto !important;
	height: -moz-available;
	height: -webkit-fill-available;
	height: fill-available;
  width: 100vw;
  width: 100%;
  height: 100%;
	display: none;
}

.iframe-body{
  height:calc(100vh - 96px);
}

.iframe-table {
  height:calc(100vh - 96px);
}

.iframe-body103{
  height:calc(100vh - 103px);
}

.iframe-100{
  height:100vh;
}


.ui-dialog.ui-widget {
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.ui-dialog .ui-dialog-title {
  color: #001124;
  font-size: 18px;
}

.ui-dialog.ui-widget  > .ui-dialog-titlebar.ui-widget-header {
  background: #eaeae9 !important;
  color: #001124 !important;
  border-radius: 0 !important;
  padding: 7px 14px !important;
  border-color: #eaeae9 !important;
  font-weight: 500;
}

.ui-dialog.ui-widget  > .ui-dialog-titlebar.ui-widget-header > button {
  background: #eaeae9 !important;
  border-color: #eaeae9 !important;
  color: #001124 !important;
 -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}

.ui-dialog.ui-widget  > .ui-dialog-titlebar.ui-widget-header > button:hover {
  background: #efefef !important;
  border-color: #efefef !important;
  color: #001124 !important;
}

.ui-dialog.ui-widget  > .ui-dialog-titlebar.ui-widget-header > button > span.ui-icon {
  background-image: url("61/plugins/images/ui-icons_888888_256x240.png");
}

.menuverticaltriggeropen {
   display : block;
   float : right;
   width:6px;
   cursor : pointer;
   margin-top : 0px;
   background-color : #913D88;
   background-image : url('13/expand.open.png');
   background-position : right 1px;
   background-repeat : no-repeat;
   border-top : 1px solid #C0C0C0;
   border-right : 1px solid #ACACAC;
   border-bottom : 1px solid #ACACAC;
   border-left : 1px solid #EDF1F3;
}

.noScrolling {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.flex-row, .flex-column {
  display: -moz-webkit-flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-row {
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.flex-column {
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.flex-container {
  width: 70%;
  margin: 0 auto;
}

.flex-container > .flex-row, .flex-container > .flex-column  {
  justify-content: space-between;
}

.helper--button-top{
  position: absolute;
  right: 48px;
  width: auto;
  margin-top: 10px;
  z-index: 999;
}
.prh-flx-space-between {
  justify-content: space-between;
}

#SUBMENU { min-width: 300px; }

.dx-datagrid-header-panel { padding-top: 4px; }

/*change la couleur de l'icone filtre pour les dxgrilles quand celui ci est active*/
.dx-datagrid span.dx-header-filter:not(.dx-header-filter-empty)  {
    color: #913d88;
}
.dx-treelist span.dx-header-filter:not(.dx-header-filter-empty)  {
    color: #913d88;
}
.blancfort { color: white !important; }
#TRSELEXTRACT { height: 44px; padding-top: 8px; height:38px;}
#TITSEL { color : white; font-size:16px !important;}
.primaire   {color:#236ee5 !important;}
.secondaire {color:#9f3180 !important;}
.faicon {color:white !important;}

/* utilisée dans 61/communs.js ObligatoireDX() : */
.requiredvalue { border:1px solid red;background-color:whitesmoke; border-radius:5px;}

.optobso { background-color: whitesmoke; color: silver; }