/* Help Button */
.ux-HelpButton {position: relative; top: 0; left: 0; height: 64px; background: none no-repeat 0 0 transparent; overflow: hidden; float: right; cursor: pointer;}
.ux-HelpButtonOver {} .ux-SessionButtonPush {} .ux-SessionButtonDisabled {cursor: default;}
.ux-HelpButtonIcon {position: relative; top: 20px; float:left; margin-right: 10px; width: 19px; height: 24px; background: url(../images/help.png) no-repeat 0 0 transparent;}
.ux-HelpButtonLabel {position: relative; top: 0; float:left; margin-right: 15px;background: none no-repeat 0 0 transparent; line-height: 9.375rem; text-overflow: ellipsis; font-size: 1.83375rem; font-family: Backoffice UI Light; color: #444444; white-space: nowrap; text-overflow: ellipsis;}
/* Navigator Menu */
.ux-NavigatorMenuWrapperTop {position: absolute; left: 0; top: 0; height: 10px; right: 0; background: url(../images/menuTop.png) no-repeat 0 0 transparent;}
.ux-NavigatorMenuWrapperBottom {position: absolute; left: 0; bottom: 0; height: 10px; right: 0; background: url(../images/menuBottom.png) no-repeat 0 0 transparent;}

/* Collapsible Menu Header */
.ux-CollapsibleCollapsed {position : absolute; top: 2px; right: 7px; width: 11px; height: 9px; background: url(../images/collapsible.png) no-repeat -11px 0 transparent;}

/* Desktop Taskbar */
.ux-TaskbarClearSpace {position: relative; float: left; height: 30px; background: none no-repeat 0 0 transparent;}
.ux-TaskbarQuickLaunch {position: relative; float: left; height: 30px; background: none no-repeat 0 0 transparent;}
.ux-TaskbarSplit {position: relative; float: left; width: 10px; height: 30px; background: url(../images/taskbar/taskbar-split-h2.png) no-repeat 0 0 transparent; cursor: w-resize;}

.ux-TaskbarNavigatorOver {background-image: url(../images/icons/quickstart/over19notrans.png);}
.ux-TaskbarNavigatorUpOver {background-image: url(../images/icons/task/upper2.png);} .ux-TaskbarNavigatorDownOver {background-image: url(../images/icons/task/downer2.png);}

.ux-QuickLaunchButton {position: absolute; top: 2px; height: 26px; width: 26px; background: none no-repeat 0 0 transparent; -moz-user-select: none;}
.ux-QuickLaunchButtonOver {background-image: url(../images/icons/quickstart/over26notrans.png);}
.ux-QuickLaunchButtonIcon {position: relative; left: 5px; top: 5px; height: 16px; width: 16px; background: none no-repeat 0 0 transparent;}
.ux-QuickLaunchExpander {position: relative; float: right; top: 2px; height: 26px; margin-right: 3px; background: none no-repeat 0 0 transparent; -moz-user-select: none;}
.ux-QuickLaunchExpanderOver {background-image: url(../images/icons/quickstart/over19notrans.png);}
.ux-QuickLaunchExpanderIcon {position: relative; left: 0; top: 0; width: 19px; height: 26px; background: url(../images/icons/quickstart/Expander.png) no-repeat 6px 5px transparent;}
.ux-QuickLaunchSelect {position: relative; height: 30px; width: 8px; visibility: hidden; z-index: 1; background: url(../images/icons/quickstart/select.png) no-repeat 0 0 transparent; -moz-user-select: none;}

/* Logon */
.ux-LogonBody {position: absolute; width:100%; bottom:50px; height:auto; top:20%; }
.ux-LogonFormBody {position: relative; height: 384px; width: 628px; margin-top:auto; margin-bottom:auto; margin-left: auto; margin-right: auto; text-align: left;
                   background-image: linear-gradient(top, #f5f5f5 50%, #f5f5f5 50%);
                   background-color:rgba(245, 245, 245, 0.5);
                   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f5f5f5, endColorstr=#7ff5f5f5); }
.ux-LogonFormTitle {position: absolute; height: 50px; width: 608px; left:10px; top:10px; font-family: Backoffice UI; font-size: 3.5rem; overflow:hidden; color:White;
                    background-image: linear-gradient(top, #91d1e4 50%, #91d1e4 50%);
                    background-color:rgba(145, 209, 228, 0.5);
                    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f91d1e4, endColorstr=#7f91d1e4);
                    }
.ux-LogonFormContainer {position: absolute; height: 264px; width:608px; left:10px; top:60px; background: white; overflow: hidden; }
.ux-LogonFormFooter {position: absolute; height: 50px; width: 607px; left:10px; bottom: 0; top:324px;
                     background-image: linear-gradient(top, #91d1e4 50%, #91d1e4 50%);
                     background-color:rgba(145, 209, 228, 0.5);
                     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f91d1e4, endColorstr=#7f91d1e4);}
.ux-LogonFormFooterButton { position: absolute; left: 472px; top: 6px; }

/* Credits */
.ux-CreditsBody {position: absolute; height: auto; width: 100%; margin-left: auto; margin-right: auto; bottom: 0; text-align:center; margin-bottom:10px; }

/* Frame Layout */
.ux-Frame {position : absolute; left: 0; top: 0; width: 100%; height: 100%; background: none no-repeat 0 0 transparent;}
.ux-GridFrameHeader {position : absolute; left: 0; top: 0; right: 0; height: 45px; background: none no-repeat 0 0 transparent;}
.ux-GridFrameContent {position : absolute; left: 0; top: 45px; right: 0; bottom: 0; background: none no-repeat 0 0 transparent;}

.ux-Wrap {position : absolute; left: 0; top: 0; width: 100%; height: 100%;}
.ux-InvisibleWrap {position : absolute; left: 0; top: 0; width: 100%; height: 100%; display: none;}
.ux-TestFrameEl {position : relative; left: 0; top: 0; right: 0; height:3px; border: 1px solid black; background: none no-repeat 0 0 transparent; white-space:nowrap; overflow: hidden;}

/* Desktop Shortcut */
.ux-DesktopFocusEl {position: absolute; left: -1px; top: -1px; width : 1px; height: 1px; overflow : hidden; background: none no-repeat 0 0 transparent;}

/* TextBox */
.ux-TextBoxDisabled {position : absolute; left : 0; top : 0; right : 0; bottom : 0; cursor: default!important; background: url(../images/basic/disabled.png) repeat 0 0 transparent;}
.ux-TextBoxInputClassic {position : relative; top: 0; left: 0; font: normal 1.5rem tahoma, arial, helvetica, sans-serif; background: url(../images/form/text-bg.gif) repeat-x 0 0 rgb(255, 255, 255); border: 1px solid rgb(181, 184, 200); margin: 0; padding-left : 3px; color: black;}
.ux-TextBoxInputOver {border: 1px solid rgb(126, 173, 217);}
.ux-TextBoxInputFocus {border: 1px solid rgb(126, 173, 217);}
.ux-TextBoxInputDisabled {border: 1px solid rgb(181, 184, 200); background: url(../images/form/text-bg-disabled.png) repeat 0 0 rgb(255, 255, 255);}

/* DropDownListComboBox */
.ux-ComboDropDownListDisabled {position: absolute; left: 0; top: 0; height: 22px; background: url(../images/basic/disabled.png) repeat 0 0 transparent;}
.ux-ComboDropDownListBody {position: absolute; left: 0; top: 0; height: 20px; right: 18px; background: url(../images/form/text-bg.gif) repeat-x 0 0 rgb(255, 255, 255); border: 1px solid rgb(181, 184, 200); margin: 0; color: black;}
.ux-ComboDropDownListBodyOver {border: 1px solid rgb(126, 173, 217);}
.ux-ComboDropDownListBodyFocus {border: 1px solid rgb(126, 173, 217);}
.ux-ComboDropDownListBodyDisabled {border: 1px solid rgb(181, 184, 200); background: url(../images/form/text-bg-disabled.png) repeat-x 0 0 rgb(255, 255, 255);}
.ux-ComboDropDownListButton {position: absolute; top: 0; width: 18px; height: 22px; right: 0; background: url(../images/basic/combo2.png) no-repeat 0 0 transparent; overflow: hidden;}
.ux-ComboDropDownListButtonOver {background-position : -18px 0;}
.ux-ComboDropDownListButtonFocus {background-position : -36px 0;}
.ux-ComboDropDownListFocusEl {position: absolute; left: -1px; top: -1px; width : 1px; height: 1px; border: none 0 none; overflow : hidden; background-color: transparent; }
.ux-ComboDropDownListIcon {position: absolute; top: 3px; left: 4px; width: 16px; height: 16px; background: none no-repeat 0 0 transparent; overflow: hidden;}
.ux-ComboDropDownListLabel {position: absolute; top: 0; left: 24px; right: 19px; line-height : 2.75rem; vertical-align : middle; background: none no-repeat 0 0 transparent; overflow: hidden; font-size: 1.5rem; font-family: tahoma, arial, helvetica, sans-serif; white-space: nowrap;}
.ux-ComboDropDownListMenuGlobal {position: absolute; left: 0; top: 21px; height: 200px; right: 0; background-color: white; margin: 0;}
.ux-ComboDropDownListMenu {position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: white; border: 1px solid rgb(126, 173, 217);  margin: 0; overflow-y: auto; overflow-x: hidden;}
.ux-ComboDropDownListMenuItem {position: relative; border-bottom : 1px solid transparent; border-top : 1px solid transparent; left: 0; height: 20px; width: 100%; background: none repeat-x 0 0 transparent;}
.ux-ComboDropDownListMenuItemOver {border-bottom-color : rgb(181, 184, 200); border-top-color : rgb(181, 184, 200); background-image: url(../images/basic/itemover.png);}
.ux-ComboDropDownListMenuItemIcon {position: absolute; top: 2px; left: 3px; width: 16px; height: 16px; background: none no-repeat 0 0 transparent;}
.ux-ComboDropDownListMenuItemLabel {position: absolute; top: -1px; left: 23px; right: 0; line-height : 2.75rem; vertical-align : middle; background: none no-repeat 0 0 transparent; font-size: 1.5rem; font-family: tahoma, arial, helvetica, sans-serif; white-space: nowrap;}

.ux-focus-off { display: none; }
.ux-focus-on { display: block; }

.ux-summary-global {position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; background: #F2F2F2 none no-repeat 0 0; padding: 0 10px 0 10px;}

.ux-SlideViewMain {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: transparent none no-repeat 0 0; overflow: hidden;}
.ux-SlideCardMain {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent none no-repeat 0 0; }
.ux-SlideCardHorizontalTransition { -webkit-transition: left 0.5s; -o-transition: left 0.5s; -moz-transition: left 0.5s; transition: left 0.5s; }
.ux-SlideCardVerticalTransition {-webkit-transition: top 0.5s; -o-transition: top 0.5s; -moz-transition: top 0.5s; transition: top 0.5s;}

.ux-button-add { float: right; width: 20px; height: 20px; background: transparent url(../images/icons/AddDark.png) no-repeat 0 0; cursor: pointer; }

/* BasicFieldset: Autosize */
/* BasicFieldset: Fit */
.bo-BasicFieldsetFit { position: relative; top: 0; left: 0; width: 100%; height: 100%; }
.bo-BasicFieldsetFit-header { position: relative; top: 0; left: 0; width: 100%; height: 27px; }
.bo-BasicFieldsetFit-title {position: absolute;top: 0;left: 0;text-overflow: ellipsis;overflow: hidden;white-space: pre;height: 25px;font-family: LatoBold;font-size: 2rem;color: #313843;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;}
.bo-BasicFieldsetFit-separator { position: relative; width: 100%; height: 1px; background-color: #2EA5FF; }
.bo-BasicFieldsetFit-container { position: absolute; top: 30px; left: 0; bottom: 0; right: 0; margin: 10px; overflow: hidden; }

/* ToolFieldset: Autosize */
.bo-ToolFieldset { position: relative; top: 0; left: 0; width: 100%; height: auto; }
.bo-ToolFieldset-header { position: relative; top: 0; left: 0; width: 100%; height: 27px; }
.bo-ToolFieldset-title { position: absolute; top: 0; left: 0; line-height: normal; font-family: LatoBold; font-size: 2rem; color: #313843; }
.bo-ToolFieldset-toolbar { position: absolute; right: 0; display: flex; flex-direction: row-reverse; }
.bo-ToolFieldset-separator { position: relative; width: 100%; height: 1px; background-color: #2EA5FF; }
.bo-ToolFieldset-container { position: relative;  margin: 10px; overflow: hidden; }

.bo-ToolFieldset-helpContainer {
    position: relative;
    margin: 10px;
    overflow: hidden;
    display: block;
}

.bo-ToolFieldset-subContainer {
    position: relative;
    margin: 10px;
    overflow: hidden;
    display: none;
}

/************************************************ | ADMINISTRATION CSS | ************************************************/
/********************************************** | PARAMETERS GENERAL CSS | **********************************************/
/******************Import /Paramètres**************/
.bo-importParameters-processingSettings {position: absolute; left: 0; top: 400px; bottom: 0; right: 0; margin: 10px 10px 10px 10px; }
.bo-importParameters-Report { position: absolute; left: 50%; top: 20px; bottom: 0; float: right; right: 0; margin: 10px 10px 10px 10px; }
.bo-importParameters-gridSelected {position: relative; float: right; height: 200px;width: 45%; margin: 10px 10px 10px 10px;}
.bo-importParameters-gridAssociated {position: relative; float: left; height: 200px; width: 45%; margin: 10px 10px 10px 10px;}
.bo-importParameters-Destination { position: absolute; right: 50%; top: 20px; bottom: 0; float: right; right: 0; margin: 10px 10px 10px 10px; }