body
{
   background-color: #FFE4C4;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#dispenseLine3
{
   border-color: #000000;
   border-style: solid;
   border-bottom-width: 1px;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   height: 0 !important;
   line-height: 0 !important;
   margin: 10px 0 10px 0 ;
   padding: 0;
}
#dispenseLine2
{
   border-color: #000000;
   border-style: solid;
   border-bottom-width: 1px;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   height: 0 !important;
   line-height: 0 !important;
   margin: 10px 0 10px 0 ;
   padding: 0;
}
#wb_dispenseText3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_dispenseText3
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 19px;
   line-height: 21px;
}
#wb_dispenseText3 p, #wb_dispenseText3 ul
{
   margin: 0;
   padding: 0;
}
#wb_dispenseText3
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_dispenseTop
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #000000;
   background-image: none;
   border: 0px solid #FFA500;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#dispenseTop
{
   box-sizing: border-box;
   padding: 25px 15px 25px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 970px;
}
#dispenseTop > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#dispenseTop > .row > .col-1, #dispenseTop > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#dispenseTop > .row > .col-1, #dispenseTop > .row > .col-2
{
   float: left;
}
#dispenseTop > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 91.66666667%;
   text-align: center;
}
#dispenseTop > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 8.33333333%;
   text-align: center;
}
#dispenseTop:before,
#dispenseTop:after,
#dispenseTop .row:before,
#dispenseTop .row:after
{
   display: table;
   content: " ";
}
#dispenseTop:after,
#dispenseTop .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#dispenseTop > .row > .col-1, #dispenseTop > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_dispenseLayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFA500;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#dispenseLayoutGrid2
{
   box-sizing: border-box;
   padding: 15px 15px 15px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 970px;
}
#dispenseLayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#dispenseLayoutGrid2 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#dispenseLayoutGrid2 > .row > .col-1
{
   float: left;
}
#dispenseLayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#dispenseLayoutGrid2:before,
#dispenseLayoutGrid2:after,
#dispenseLayoutGrid2 .row:before,
#dispenseLayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#dispenseLayoutGrid2:after,
#dispenseLayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#dispenseLayoutGrid2 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_dispenseLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#dispenseLayoutGrid1
{
   box-sizing: border-box;
   padding: 20px 15px 20px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 970px;
}
#dispenseLayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#dispenseLayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#dispenseLayoutGrid1 > .row > .col-1
{
   float: left;
}
#dispenseLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#dispenseLayoutGrid1:before,
#dispenseLayoutGrid1:after,
#dispenseLayoutGrid1 .row:before,
#dispenseLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#dispenseLayoutGrid1:after,
#dispenseLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#dispenseLayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_dispenseLayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#dispenseLayoutGrid3
{
   box-sizing: border-box;
   padding: 20px 15px 20px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 970px;
}
#dispenseLayoutGrid3 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#dispenseLayoutGrid3 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#dispenseLayoutGrid3 > .row > .col-1
{
   float: left;
}
#dispenseLayoutGrid3 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#dispenseLayoutGrid3:before,
#dispenseLayoutGrid3:after,
#dispenseLayoutGrid3 .row:before,
#dispenseLayoutGrid3 .row:after
{
   display: table;
   content: " ";
}
#dispenseLayoutGrid3:after,
#dispenseLayoutGrid3 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#dispenseLayoutGrid3 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_dispenseText2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_dispenseText2
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 19px;
   line-height: 21px;
}
#wb_dispenseText2 p, #wb_dispenseText2 ul
{
   margin: 0;
   padding: 0;
}
#wb_dispenseText2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_dispenseFontAwesomeIcon1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
   margin: 30px 10px 10px 10px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#dispenseFontAwesomeIcon1
{
   height: 57px;
   width: 109px;
}
.dispenseFontAwesomeIcon1
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Material Icons";
   font-style: normal;
   font-weight: normal;
   line-height: 1;
}
.dispenseFontAwesomeIcon1:before
{
   content: "\e7fd";
}
#dispenseFontAwesomeIcon1 i
{
   color: #000000;
   display: inline-block;
   font-size: 57px;
   line-height: 57px;
   vertical-align: middle;
   width: 56px;
}
#wb_dispenseFontAwesomeIcon1:hover #dispenseFontAwesomeIcon1 i
{
   color: #000000;
}
#dispenseEditbox1
{
   box-sizing: border-box;
   line-height: 30px;
   margin: 10px 10px 10px 10px;
   border: 2px solid #000000;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 19px;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
#dispenseEditbox1:focus
{
   border-color: #FFD700;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(255,215,0,0.60);
   outline: 0;
}
#dispenseEditbox1::placeholder
{
   color: #000000;
   opacity: 1;
}
#dispenseEditbox1::-ms-input-placeholder
{
   color: #000000;
}
#dispenseEditbox2
{
   box-sizing: border-box;
   line-height: 30px;
   margin: 10px 10px 10px 10px;
   border: 2px solid #000000;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 19px;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
#dispenseEditbox2:focus
{
   border-color: #FFD700;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(255,215,0,0.60);
   outline: 0;
}
#dispenseEditbox2::placeholder
{
   color: #000000;
   opacity: 1;
}
#dispenseEditbox2::-ms-input-placeholder
{
   color: #000000;
}
#dispenseEditbox3
{
   box-sizing: border-box;
   line-height: 30px;
   margin: 10px 10px 10px 10px;
   border: 2px solid #000000;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 19px;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
#dispenseEditbox3:focus
{
   border-color: #FFD700;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(255,215,0,0.60);
   outline: 0;
}
#dispenseEditbox3::placeholder
{
   color: #000000;
   opacity: 1;
}
#dispenseEditbox3::-ms-input-placeholder
{
   color: #000000;
}
#wb_dispenseFontAwesomeIcon8
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
   margin: 30px 10px 10px 10px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#dispenseFontAwesomeIcon8
{
   height: 64px;
   width: 128px;
}
.dispenseFontAwesomeIcon8
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Material Icons";
   font-style: normal;
   font-weight: normal;
   line-height: 1;
}
.dispenseFontAwesomeIcon8:before
{
   content: "\e762";
}
#dispenseFontAwesomeIcon8 i
{
   color: #000000;
   display: inline-block;
   font-size: 64px;
   line-height: 64px;
   vertical-align: middle;
   width: 63px;
}
#wb_dispenseFontAwesomeIcon8:hover #dispenseFontAwesomeIcon8 i
{
   color: #000000;
}
#dispenseNo_du_cours
{
   box-sizing: border-box;
   line-height: 30px;
   margin: 10px 10px 10px 10px;
   border: 2px solid #000000;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 19px;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
#dispenseNo_du_cours:focus
{
   border-color: #FFD700;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(255,215,0,0.60);
   outline: 0;
}
#dispenseNo_du_cours::placeholder
{
   color: #000000;
   opacity: 1;
}
#dispenseNo_du_cours::-ms-input-placeholder
{
   color: #000000;
}
#dispenseNom_du_cours
{
   box-sizing: border-box;
   line-height: 30px;
   margin: 10px 10px 10px 10px;
   border: 2px solid #000000;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 19px;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
#dispenseNom_du_cours:focus
{
   border-color: #FFD700;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(255,215,0,0.60);
   outline: 0;
}
#dispenseNom_du_cours::placeholder
{
   color: #000000;
   opacity: 1;
}
#dispenseNom_du_cours::-ms-input-placeholder
{
   color: #000000;
}
#dispenseDispense_du
{
   box-sizing: border-box;
   line-height: 34px;
   border: 2px solid #000000;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 19px;
   text-align: left;
   padding: 1px 1px 1px 1px;
}
#dispenseDispense_du:focus
{
   border-color: #CCCCCC;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(204,204,204,0.60);
   outline: 0;
}
.ui-datepicker
{
   font-family: Arial;
   font-weight: normal;
   font-size: 19px;
   z-index: 1003 !important;
   display: none;
   --svg-prev: url('data:image/svg+xml;charset=utf8,%3csvg%20viewBox%3d%220%200%201024%201024%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%20fill%3d%22%23000000%22%3e%0d%0a%3cpath%20d%3d%22M512%200c282.77%200%20512%20229.23%20512%20512s%2d229.23%20512%2d512%20512c%2d282.77%200%2d512%2d229.23%2d512%2d512s229.23%2d512%20512%2d512zM633.051%20222.72l%2d335.214%20278.235c%2d3.182%202.633%2d5.23%206.583%2d5.303%2011.081%200.037%205.266%201.755%208.155%205.303%2011.081l335.214%20278.162c9.874%208.155%2025.234%201.17%2025.234%2d11.337v%2d555.886c0.115%2d12.189%2d16.021%2d18.701%2d25.234%2d11.337z%22/%3e%0d%0a%3c/svg%3e%0d%0a');
   --svg-next: url('data:image/svg+xml;charset=utf8,%3csvg%20viewBox%3d%220%200%201024%201024%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%20fill%3d%22%23000000%22%3e%0d%0a%3cpath%20d%3d%22M512%201024c%2d282.77%200%2d512%2d229.23%2d512%2d512s229.23%2d512%20512%2d512c282.77%200%20512%20229.23%20512%20512s%2d229.23%20512%2d512%20512zM390.949%20801.28l335.214%2d278.235c3.182%2d2.633%205.23%2d6.583%205.303%2d11.081%2d0.037%2d5.266%2d1.755%2d8.155%2d5.303%2d11.081l%2d335.214%2d278.162c%2d9.874%2d8.155%2d25.234%2d1.17%2d25.234%2011.337v555.886c%2d0.115%2012.189%2016.021%2018.701%2025.234%2011.337z%22/%3e%0d%0a%3c/svg%3e%0d%0a');
}
.ui-datepicker, .ui-datepicker .ui-corner-all
{
   border-radius: 0px;
}
#ui-datepicker-div .ui-datepicker-header .ui-icon
{
   -webkit-mask-position: 50% 50%;
   mask-position: 50% 50%;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: 14px 14px;
   mask-size: 14px 14px;
}
#ui-datepicker-div
{
   border-color: #000000;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
}
#ui-datepicker-div .ui-widget-header
{
   border-color: #DDDDDD;
   background-color: #E9E9E9;
   background-image: none;
   color: #000000;
}
#ui-datepicker-div .ui-state-default
{
   border-color: #C5C5C5;
   background-color: #F6F6F6;
   background-image: none;
   color: #000000;
}
#ui-datepicker-div .ui-icon.ui-icon-circle-triangle-w
{
   background-color: #000000;
   background-image: none;
   -webkit-mask-image: var(--svg-prev);
   mask-image: var(--svg-prev);
}
#ui-datepicker-div .ui-icon.ui-icon-circle-triangle-e
{
   background-color: #000000;
   background-image: none;
   -webkit-mask-image: var(--svg-next);
   mask-image: var(--svg-next);
}
#ui-datepicker-div .ui-state-hover
{
   border-color: #CCCCCC;
   background-color: #EDEDED;
   background-image: none;
   color: #000000;
}
#ui-datepicker-div .ui-state-hover .ui-icon.ui-icon-circle-triangle-w
{
   background-color: #000000;
   background-image: none;
   -webkit-mask-image: var(--svg-prev);
   mask-image: var(--svg-prev);
}
#ui-datepicker-div .ui-state-hover .ui-icon.ui-icon-circle-triangle-e
{
   background-color: #000000;
   background-image: none;
   -webkit-mask-image: var(--svg-next);
   mask-image: var(--svg-next);
}
#ui-datepicker-div .ui-state-active
{
   border-color: #2E6DA4;
   background-color: #3370B7;
   background-image: none;
   color: #FFFFFF;
}
#ui-datepicker-div .ui-state-active .ui-icon.ui-icon-circle-triangle-w
{
   background-color: #FFFFFF;
   background-image: none;
   -webkit-mask-image: var(--svg-prev);
   mask-image: var(--svg-prev);
}
#ui-datepicker-div .ui-state-active .ui-icon.ui-icon-circle-triangle-e
{
   background-color: #FFFFFF;
   background-image: none;
   -webkit-mask-image: var(--svg-next);
   mask-image: var(--svg-next);
}
#dispenseDispense_du
{
   margin: 10px 10px 10px 10px;
}
#dispenseDispense_au
{
   box-sizing: border-box;
   line-height: 34px;
   border: 2px solid #000000;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 19px;
   text-align: left;
   padding: 1px 1px 1px 1px;
}
#dispenseDispense_au:focus
{
   border-color: #CCCCCC;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(204,204,204,0.60);
   outline: 0;
}
.ui-datepicker
{
   font-family: Arial;
   font-weight: normal;
   font-size: 19px;
   z-index: 1003 !important;
   display: none;
   --svg-prev: url('data:image/svg+xml;charset=utf8,%3csvg%20viewBox%3d%220%200%201024%201024%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%20fill%3d%22%23000000%22%3e%0d%0a%3cpath%20d%3d%22M512%200c282.77%200%20512%20229.23%20512%20512s%2d229.23%20512%2d512%20512c%2d282.77%200%2d512%2d229.23%2d512%2d512s229.23%2d512%20512%2d512zM633.051%20222.72l%2d335.214%20278.235c%2d3.182%202.633%2d5.23%206.583%2d5.303%2011.081%200.037%205.266%201.755%208.155%205.303%2011.081l335.214%20278.162c9.874%208.155%2025.234%201.17%2025.234%2d11.337v%2d555.886c0.115%2d12.189%2d16.021%2d18.701%2d25.234%2d11.337z%22/%3e%0d%0a%3c/svg%3e%0d%0a');
   --svg-next: url('data:image/svg+xml;charset=utf8,%3csvg%20viewBox%3d%220%200%201024%201024%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%20fill%3d%22%23000000%22%3e%0d%0a%3cpath%20d%3d%22M512%201024c%2d282.77%200%2d512%2d229.23%2d512%2d512s229.23%2d512%20512%2d512c282.77%200%20512%20229.23%20512%20512s%2d229.23%20512%2d512%20512zM390.949%20801.28l335.214%2d278.235c3.182%2d2.633%205.23%2d6.583%205.303%2d11.081%2d0.037%2d5.266%2d1.755%2d8.155%2d5.303%2d11.081l%2d335.214%2d278.162c%2d9.874%2d8.155%2d25.234%2d1.17%2d25.234%2011.337v555.886c%2d0.115%2012.189%2016.021%2018.701%2025.234%2011.337z%22/%3e%0d%0a%3c/svg%3e%0d%0a');
}
.ui-datepicker, .ui-datepicker .ui-corner-all
{
   border-radius: 0px;
}
#ui-datepicker-div .ui-datepicker-header .ui-icon
{
   -webkit-mask-position: 50% 50%;
   mask-position: 50% 50%;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: 14px 14px;
   mask-size: 14px 14px;
}
#ui-datepicker-div
{
   border-color: #000000;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
}
#ui-datepicker-div .ui-widget-header
{
   border-color: #DDDDDD;
   background-color: #E9E9E9;
   background-image: none;
   color: #000000;
}
#ui-datepicker-div .ui-state-default
{
   border-color: #C5C5C5;
   background-color: #F6F6F6;
   background-image: none;
   color: #000000;
}
#ui-datepicker-div .ui-icon.ui-icon-circle-triangle-w
{
   background-color: #000000;
   background-image: none;
   -webkit-mask-image: var(--svg-prev);
   mask-image: var(--svg-prev);
}
#ui-datepicker-div .ui-icon.ui-icon-circle-triangle-e
{
   background-color: #000000;
   background-image: none;
   -webkit-mask-image: var(--svg-next);
   mask-image: var(--svg-next);
}
#ui-datepicker-div .ui-state-hover
{
   border-color: #CCCCCC;
   background-color: #EDEDED;
   background-image: none;
   color: #000000;
}
#ui-datepicker-div .ui-state-hover .ui-icon.ui-icon-circle-triangle-w
{
   background-color: #000000;
   background-image: none;
   -webkit-mask-image: var(--svg-prev);
   mask-image: var(--svg-prev);
}
#ui-datepicker-div .ui-state-hover .ui-icon.ui-icon-circle-triangle-e
{
   background-color: #000000;
   background-image: none;
   -webkit-mask-image: var(--svg-next);
   mask-image: var(--svg-next);
}
#ui-datepicker-div .ui-state-active
{
   border-color: #2E6DA4;
   background-color: #3370B7;
   background-image: none;
   color: #FFFFFF;
}
#ui-datepicker-div .ui-state-active .ui-icon.ui-icon-circle-triangle-w
{
   background-color: #FFFFFF;
   background-image: none;
   -webkit-mask-image: var(--svg-prev);
   mask-image: var(--svg-prev);
}
#ui-datepicker-div .ui-state-active .ui-icon.ui-icon-circle-triangle-e
{
   background-color: #FFFFFF;
   background-image: none;
   -webkit-mask-image: var(--svg-next);
   mask-image: var(--svg-next);
}
#dispenseDispense_au
{
   margin: 10px 10px 10px 10px;
}
#dispenseLabel1
{
   box-sizing: border-box;
   margin: 0;
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
   text-align: center;
   vertical-align: top;
   padding: 0 10px 0 10px;
}
#dispenseLabel1:focus
{
   outline: 0;
}
#dispenseLabel2
{
   box-sizing: border-box;
   margin: 0;
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
   text-align: center;
   vertical-align: top;
   padding: 0 10px 0 10px;
}
#dispenseLabel2:focus
{
   outline: 0;
}
#wb_dispenseFontAwesomeIcon4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
   margin: 30px 10px 10px 10px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#dispenseFontAwesomeIcon4
{
   height: 64px;
   width: 128px;
}
.dispenseFontAwesomeIcon4
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Material Icons";
   font-style: normal;
   font-weight: normal;
   line-height: 1;
}
.dispenseFontAwesomeIcon4:before
{
   content: "\ea20";
}
#dispenseFontAwesomeIcon4 i
{
   color: #000000;
   display: inline-block;
   font-size: 64px;
   line-height: 64px;
   vertical-align: middle;
   width: 63px;
}
#wb_dispenseFontAwesomeIcon4:hover #dispenseFontAwesomeIcon4 i
{
   color: #000000;
}
#dispenseDescription
{
   box-sizing: border-box;
   border: 2px solid #000000;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 19px;
   text-align: left;
   padding: 4px 4px 4px 4px;
   margin: 10px 10px 10px 10px;
   overflow: auto;
   resize: none;
}
#dispenseDescription:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#dispenseDescription::placeholder
{
   color: #000000;
   opacity: 1;
}
#dispenseDescription::-ms-input-placeholder
{
   color: #000000;
}
#dispenseMotif
{
   border: 2px solid #000000;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 19px;
   margin: 35px 10px 10px 10px;
   text-align: left;
   padding: 4px 4px 4px 4px;
   box-sizing: border-box;
}
#dispenseMotif:focus
{
   border-color: #FFD700;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(255,215,0,0.60);
   outline: 0;
}
#dispense_add *
{
   box-sizing: border-box;
}
#dispense_add
{
   display: table;
   border-collapse: separate;
   margin: 10px 10px 10px 10px;
}
#dispense_add .form-control
{
   display: block;
   width: 100%;
   height: 35px;
   line-height: 35px;
   padding: 0 10px 0 10px;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 19px;
   color: #000000;
   background-color: #FFFFFF;
   background-image: none;
   border: 2px solid #000000;
   border-radius: 4px;
}
#dispense_add .form-control
{
   position: relative;
   z-index: 2;
   float: left;
   width: 100%;
   margin-bottom: 0;
}
#dispense_add label
{
   display: inline-block;
   margin-bottom: 5px;
   font-weight: 700;
}
#dispense_add .input-group-btn, #dispense_add .form-control
{
   display: table-cell;
}
#dispense_add :first-child.form-control, #dispense_add :first-child.input-group-btn > .btn, #dispense_add :first-child.input-group-btn > .btn-group > .btn, #dispense_add :last-child.input-group-btn > :not(:last-child):not(.dropdown-toggle).btn, #dispense_add :last-child.input-group-btn > :not(:last-child).btn-group > .btn
{
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
}
#dispense_add .input-group-btn
{
   width: 1%;
   white-space: nowrap;
   vertical-align: middle;
   position: relative;
   font-size: 0;
   white-space: nowrap;
}
#dispense_add .btn
{
   display: inline-block;
   margin-bottom: 0;
   font-weight: 400;
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
   background-color: #D3D3D3;
   background-image: none;
   border: 1px solid #000000;
   color: #000000;
   white-space: nowrap;
   padding: 0 10px 0 10px;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 19px;
   line-height: 35px;
   border-radius: 4px;
   height: 35px;
}
#dispense_add .input-group-btn > .btn
{
   position: relative;
}
#dispense_add-file:disabled ~ .btn
{
   background-color: #e9ecef;
   border-color: #000000;
   pointer-events: none;
   color: #000000;
}
#dispense_add :last-child.form-control, #dispense_add :last-child.input-group-btn > .btn, #dispense_add :last-child.input-group-btn > .btn-group > .btn, #dispense_add :first-child.input-group-btn > :not(:first-child).btn, #dispense_add :first-child.input-group-btn > :not(:first-child).btn-group > .btn
{
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
}
#dispense_add :last-child.input-group-btn > .btn, #dispense_add :last-child.input-group-btn > .btn-group
{
   margin-left: -1px;
}
#dispenseButton1
{
   border: 2px solid #000000;
   border-radius: 4px;
   background-color: rgba(244,164,96,0.81);
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 19px;
   padding: 0;
   text-align: center;
   -webkit-appearance: none;
   margin: 10px 10px 10px 10px;
}
#dispenseButton1:focus
{
   outline: 0;
}
#dispenseLine1
{
   border-color: transparent;
   border-style: solid;
   border-bottom-width: 1px;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   height: 0 !important;
   line-height: 0 !important;
   margin: 5px 0 5px 0 ;
   padding: 0;
}
#dispenseLayer1
{
   background-color: #808080;
   background-image: none;
   box-sizing: border-box;
}
#dispenseLayer1_panel
{
   background-color: #808080;
   background-image: none;
   border-radius: 0px;
   display: none;
   position: fixed;
   top: 0;
   height: 330px;
   width: 100%;
   z-index: 9999;
}
#wb_dispenseImage1
{
   vertical-align: top;
}
#dispenseImage1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_dispenseLayoutGrid9
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#dispenseLayoutGrid9
{
   box-sizing: border-box;
   padding: 10px 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 970px;
}
#dispenseLayoutGrid9 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#dispenseLayoutGrid9 > .row > .col-1, #dispenseLayoutGrid9 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#dispenseLayoutGrid9 > .row > .col-1, #dispenseLayoutGrid9 > .row > .col-2
{
   float: left;
}
#dispenseLayoutGrid9 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 75%;
   text-align: center;
}
#dispenseLayoutGrid9 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: center;
}
#dispenseLayoutGrid9:before,
#dispenseLayoutGrid9:after,
#dispenseLayoutGrid9 .row:before,
#dispenseLayoutGrid9 .row:after
{
   display: table;
   content: " ";
}
#dispenseLayoutGrid9:after,
#dispenseLayoutGrid9 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#dispenseLayoutGrid9 > .row > .col-1, #dispenseLayoutGrid9 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_dispenseLayoutGrid7
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#dispenseLayoutGrid7
{
   box-sizing: border-box;
   padding: 5px 15px 5px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 970px;
}
#dispenseLayoutGrid7 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#dispenseLayoutGrid7 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#dispenseLayoutGrid7 > .row > .col-1
{
   float: left;
}
#dispenseLayoutGrid7 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#dispenseLayoutGrid7:before,
#dispenseLayoutGrid7:after,
#dispenseLayoutGrid7 .row:before,
#dispenseLayoutGrid7 .row:after
{
   display: table;
   content: " ";
}
#dispenseLayoutGrid7:after,
#dispenseLayoutGrid7 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#dispenseLayoutGrid7 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_dispenseHeading2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: center;
}
#dispenseHeading2
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_dispenseCaptcha1 span
{
   display: block;
   overflow: hidden;
   padding: 0 0px 0 5px;
}
#dispenseCaptcha1
{
   box-sizing: border-box;
   margin: 0;
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
#dispenseCaptcha1:focus
{
   outline: 0;
}
#wb_dispenseHeading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: center;
}
#dispenseHeading1
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 43px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
.dispenseExtension4
{
   position: relative;
   top: 0;
   left: 0;
   pointer-events: none;
}
.dispenseExtension4 .content 
{
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
   width: 47px;
   height: 47px;
   border-radius: 23px;
   background: #000000;
   box-shadow: 0px 1px 4px rgba(0,0,0,0.20);
   transition: height 200ms, box-shadow 200ms linear;
}
.dispenseExtension4.show 
{
   pointer-events: auto;
}
.dispenseExtension4.show .content 
{
   height: 100%;
   box-shadow: 0px 6px 30px rgba(0,0,0,0.20);
}
.dispenseExtension4-button 
{
   position: absolute;
   z-index: 3;
   top: 0;
   right: 0;
   height: 47px;
   width: 47px;
   border-radius: 50%;
   overflow: hidden;
   white-space: nowrap;
   color: transparent;
   pointer-events: auto;
}
.dispenseExtension4-button span, .dispenseExtension4-button span::after, .dispenseExtension4-button span::before 
{
   position: absolute;
   width: 24px;
   height: 3px;
   background-color: #1E90FF;
}
.dispenseExtension4-button span 
{
   left: 50%;
   top: 50%;
   bottom: auto;
   right: auto;
   transform: translateX(-50%) translateY(-50%);
   transition: background-color 0.2s;
}
.dispenseExtension4-button span::after, .dispenseExtension4-button span::before 
{
   content: '';
   top: 0;
   left: 0;
   backface-visibility: hidden;
   transition: transform 200ms linear;
}
.dispenseExtension4-button span::before 
{
   transform: translateY(-8px);
}
.dispenseExtension4-button span::after 
{
   transform: translateY(8px);
}
.show .dispenseExtension4-button span 
{
   background-color: transparent;
}
.show .dispenseExtension4-button span::before 
{
   transform: rotate(-45deg);
}
.show .dispenseExtension4-button span::after 
{
   transform: rotate(45deg);
}
.dispenseExtension4 ul 
{
   position: relative;
   z-index: 2;
   margin: 0px;
   padding: 47px 0 11px 0;
   visibility: hidden;
   transition: visibility 0.3s;
   text-align: left;
   list-style: none;
}
.dispenseExtension4 ul a
{
   position: relative;
   display: block;
   height: 44px;
   line-height: 44px;
   color: #1E90FF;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   transition: color 0.2s;
   text-decoration: none;
}
.dispenseExtension4 ul a::after 
{
   content: '';
   position: absolute;
   height: 44px;
   width: 47px;
   right: 0;
   top: 50%;
   transform: translateY(-50%) scale(0);
   color: #1E90FF;
   font-size: 24px;
   text-align: center;
}
.dispenseExtension4 ul a::before 
{
   content: '';
   position: absolute;
   width: 3px;
   height: 16px;
   top: 50%;
   right: 60px;
   transform: translateX(3px) translateY(-50%) scaleY(0);
   background-color: #1E90FF;
}
.dispenseExtension4 ul li:nth-of-type(1) a::after
{
   content: '';
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E90FF' viewBox='0 0 240 240'%3E%3Cpath d='M100 205 L51 205 L51 125 L21 125 L120 35 L220 125 L190 125 L190 205 L141 205 L141 145 L100 145Z '/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 32px 32px;
}
.dispenseExtension4 ul li:nth-of-type(1) a:hover::after
{
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E90FF' viewBox='0 0 240 240'%3E%3Cpath d='M100 205 L51 205 L51 125 L21 125 L120 35 L220 125 L190 125 L190 205 L141 205 L141 145 L100 145Z '/%3E%3C/svg%3E");
}
.dispenseExtension4 ul li:nth-of-type(2) a::after
{
   content: '';
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E90FF' viewBox='0 0 240 240'%3E%3Cpath d='M201 80 L201 60 L120 110 L40 60 L40 80 L120 130Z  M201 40 C206 40, 210 42, 214 46 C218 50, 220 55, 220 60 L220 180 C220 185, 218 190, 214 194 C210 198, 206 200, 201 200 L40 200 C35 200, 30 198, 26 194 C23 190, 21 185, 21 180 L21 60 C21 55, 23 50, 26 46 C30 42, 35 40, 40 40'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 32px 32px;
}
.dispenseExtension4 ul li:nth-of-type(2) a:hover::after
{
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E90FF' viewBox='0 0 240 240'%3E%3Cpath d='M201 80 L201 60 L120 110 L40 60 L40 80 L120 130Z  M201 40 C206 40, 210 42, 214 46 C218 50, 220 55, 220 60 L220 180 C220 185, 218 190, 214 194 C210 198, 206 200, 201 200 L40 200 C35 200, 30 198, 26 194 C23 190, 21 185, 21 180 L21 60 C21 55, 23 50, 26 46 C30 42, 35 40, 40 40'/%3E%3C/svg%3E");
}
.dispenseExtension4 ul li:nth-of-type(3) a::after
{
   content: '';
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E90FF' viewBox='0 0 240 240'%3E%3Cpath d='M151 112 C157 106, 160 99, 160 90 C160 79, 156 70, 149 62 C141 54, 131 50, 120 50 C109 50, 100 54, 92 62 C84 70, 81 79, 81 90 L100 90 C100 85, 102 80, 106 76 C110 72, 115 70, 120 70 C126 70, 130 72, 134 76 C139 80, 141 85, 141 90 C141 95, 139 100, 134 104 L122 117 C114 125, 111 134, 111 145 L111 150 L130 150 C130 140, 134 130, 142 122 Z M130 190 L130 170 L111 170 L111 190Z  M50 49 C69 30, 93 20, 120 20 C148 20, 171 30, 191 49 C210 69, 220 92, 220 120 C220 147, 210 171, 191 190 C171 210, 148 220, 120 220 C93 220, 69 210, 50 190 C30 171, 21 147, 21 120 C21 92, 30 69, 50 49'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 32px 32px;
}
.dispenseExtension4 ul li:nth-of-type(3) a:hover::after
{
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E90FF' viewBox='0 0 240 240'%3E%3Cpath d='M151 112 C157 106, 160 99, 160 90 C160 79, 156 70, 149 62 C141 54, 131 50, 120 50 C109 50, 100 54, 92 62 C84 70, 81 79, 81 90 L100 90 C100 85, 102 80, 106 76 C110 72, 115 70, 120 70 C126 70, 130 72, 134 76 C139 80, 141 85, 141 90 C141 95, 139 100, 134 104 L122 117 C114 125, 111 134, 111 145 L111 150 L130 150 C130 140, 134 130, 142 122 Z M130 190 L130 170 L111 170 L111 190Z  M50 49 C69 30, 93 20, 120 20 C148 20, 171 30, 191 49 C210 69, 220 92, 220 120 C220 147, 210 171, 191 190 C171 210, 148 220, 120 220 C93 220, 69 210, 50 190 C30 171, 21 147, 21 120 C21 92, 30 69, 50 49'/%3E%3C/svg%3E");
}
.dispenseExtension4 ul span 
{
   display: block;
   opacity: 0;
   transform: translateX(-25px);
   position: absolute;
   top: 0;
   left: calc(47px + 1em);
}
.dispenseExtension4.show ul 
{
   visibility: visible;
}
.dispenseExtension4.show ul a::after 
{
   transform: translateY(-50%) scale(1);
   animation: scaleIn 0.15s backwards;
   transition: color 0.2s;
}
.dispenseExtension4.show ul span 
{
   opacity: 1;
   transform: translateX(0);
   animation: slideIn 0.15s backwards;
   transition: transform 0.2s;
}
.dispenseExtension4.show ul li:nth-of-type(1) a::after,
.dispenseExtension4.show ul li:nth-of-type(1) span 
{
   animation-delay: 0ms;
}
.dispenseExtension4.show ul li:nth-of-type(2) a::after,
.dispenseExtension4.show ul li:nth-of-type(2) span 
{
   animation-delay: 66ms;
}
.dispenseExtension4.show ul li:nth-of-type(3) a::after,
.dispenseExtension4.show ul li:nth-of-type(3) span 
{
   animation-delay: 132ms;
}
.dispenseExtension4-button:hover ~ .content
{
   box-shadow: 0px 6px 30px rgba(0,0,0,0.20);
}
.dispenseExtension4.show ul a:hover 
{
   color: #1E90FF;
}
.dispenseExtension4.show ul a:hover::after 
{
   color: #1E90FF;
}
.dispenseExtension4.show ul a:hover span 
{
   transform: translateX(5px);
}
@keyframes scaleIn 
{
   from { transform: translateY(-50%) scale(0); }
   to { transform: translateY(-50%) scale(1); }
}
@keyframes slideIn 
{
   from { opacity: 0; transform: translateX(-25px); }
   to { opacity: 1; transform: translateX(0); }
}
.dispenseExtension4-icon
{
   fill: #1E90FF;
   font-size: 0;
   margin-right: 0.5em;
   overflow: visible;
   width: 19px;
   height: 19px;
   line-height: 19px;
   vertical-align: middle;
}
#dispenseExtension4 a:hover .dispenseExtension4-icon
{
   fill: #1E90FF;
}
#dispenseExtension4 > .active .dispenseExtension4-icon
{
   fill: #1E90FF;
}