/* Fit Layout */
.ux-Layout-Fit {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden;}

/* Vertical Dock */
.ux-VerticalDock-North {position: absolute; left: 0px; top: 0px; right: 0px; -webkit-transition: height 250ms; transition: height 250ms;}
.ux-VerticalDock-South {position: absolute; left: 0px; right: 0px; bottom: 0px; -webkit-transition: top 250ms; transition: top 250ms;}

/* Label */
.ux-label-wrapper { position: relative;top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; background: transparent none no-repeat 0px 0px; overflow: hidden; }
.ux-label-title { position: absolute; top: 0px; left: 0px; background: transparent none no-repeat 0px 0px; overflow: hidden; text-overflow: ellipsis; white-space: pre; }
.ux-label-value { position: absolute; top: 0px; left: 0px; background: transparent none no-repeat 0px 0px; overflow: hidden; text-overflow: ellipsis; white-space: pre; }

/* IconLabel */ 
.ux-iconlabel-global { position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; background: transparent none no-repeat 0px 0px; overflow: hidden; }
.ux-iconlabel-title { position: absolute; top: 0px; left: 0px; background: transparent none no-repeat 0px 0px; overflow: hidden; text-overflow: ellipsis; white-space: pre; }

/* AccessorField */ 
.ux-accessorfield-main {position: relative; top: 0px; left: 0px; width: 100%; height: 52px;}

/* Slide Fieldset */ 
.ux-SlideFieldset { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; background: transparent none no-repeat 0px 0px; }
.ux-SlideFieldset-Header { position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 45px; background: transparent none no-repeat 0px 0px; }
.ux-SlideFieldset-Container { position: absolute; top: 45px; left: 0px; right: 0px;  bottom: 0px; background: transparent none no-repeat 0px 0px; }

/* Slider */
.ux-SliderGlobal {position: relative; left: 0px; top: 0px; right: 0px; height: 17px; overflow: hidden; background: none no-repeat 0px 0px transparent;}
.ux-SliderGlobalLine {position: absolute; left: 0px; top: 6px; right: 0px; height: 5px; overflow: hidden; background: none no-repeat 0px 0px #0072C6;}
.ux-SliderCursorLine {position: absolute; left: 50px; top: 6px; right: 0px; height: 5px; overflow: visible; background: none no-repeat 0px 0px #D6D6D6;}
.ux-SliderCursor {position: absolute; left: 0px; top: -6px; width: 4px; height: 17px; overflow: hidden; background: none no-repeat 0px 0px #383838;}

/* Fieldset */ 
.ux-Fieldset { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; background: white none no-repeat 0px 0px; }
.ux-Fieldset-Header { position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 45px; background: transparent none no-repeat 0px 0px; }
.ux-Fieldset-Container { position: absolute; top: 45px; left: 0px; right: 0px;  bottom: 45px; background: transparent none no-repeat 0px 0px; }

/* GridFieldset */ 
.ux-GridFieldset { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; background: transparent none no-repeat 0px 0px; }
.ux-GridFieldset-Header { position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 45px; background: transparent none no-repeat 0px 0px; }
.ux-GridFieldset-Container { position: absolute; top: 45px; left: 0px; right: 0px;  bottom: 0px; background: transparent none no-repeat 0px 0px; }

/* LinkItem (see Header) */ 
.ux-headeritem-global { position: absolute; top: 0px; bottom: 0px; height: 100%;  background: transparent none no-repeat 0px 0px; overflow: hidden; }
.ux-headeritem-link { position: absolute; cursor: pointer; top: 0px; left: 0px; padding-right: 10px;background: transparent none no-repeat 0px 0px; overflow: hidden; }

/* Tab Container */
.ux-tabcontainer-global { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: transparent none no-repeat 0px 0px; overflow: hidden; margin: 5px 5px 0px 0px;}
.ux-tabcontainer-command { position: absolute; top: 0px; left: 0px; bottom: 0px; width: 110px; margin: 0px 5px 0px 5px; background: transparent none no-repeat 0px 0px; overflow: hidden; }
.ux-tabcontainer-components { position: absolute; top: 0px; left: 115px; bottom: 0px; right: 0px; background: transparent none no-repeat 0px 0px; overflow: hidden; }

/* Tab Button */ 
.ux-tabbutton-global { position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; margin: 0px 10px 5px 5px; background: #0073C6 no-repeat 0px 0px; overflow: hidden; cursor: pointer; }
.ux-tabbutton-over { background: #35A9FF no-repeat 0px 0px; }.ux-tabbutton-push { background: #D9067D no-repeat 0px 0px; }
.ux-tabbutton-label { position: absolute; line-height: 4.375rem; text-overflow: ellipsis; font-size: 2rem; font-family: 'Backoffice UI Light', sans-serif; color: white; white-space: nowrap;}

/*LinkButton*/
.ux-LinkButtonMain { float:left; color: blue; cursor: default; text-decoration:underline;overflow: hidden; /*text-overflow: ellipsis;*/ white-space: pre; }
.ux-LinkButtonMainOver { float:left; color: blue; cursor: pointer; text-decoration:underline; overflow: hidden; /*text-overflow: ellipsis;*/ white-space: pre;}
.ux-LinkLabel-title { background: transparent none no-repeat 0px 0px; overflow: hidden; /*text-overflow: ellipsis;*/ white-space: pre; }

.ux-DropFileGroup {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}





/* CommandBar v2 */ 
.ux-basicBar-main { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: auto; height: auto; overflow: hidden; background: #666666;}
.ux-basicBar-monitor { position: absolute; top: 0px; left: 0px; bottom: 0px; width: auto; height: auto; }
.ux-basicBar-buttons { position: absolute; top: 0px; bottom: 0px; right: 0px; width: auto; height: auto; }

/* Command Button v2 */
.ux-commandButton { position: relative; top: 0px; left: 0px; float: left; padding: auto; width: 145px; height: 40px; margin: 5px 5px 5px 5px; background-color: #0073C6; cursor: pointer; }
.ux-commandButton-over { background-color: #35A9FF !important; } .ux-commandButton-push { background-color: #E33B3B !important; } .ux-commandButton-disabled { background-color: #CCC !important; }
.ux-commandButton-label { position: absolute;width: 100%; height: 100%; font: 12pt Backoffice UI Light; color: white; line-height: 5rem; text-align: center; }


/* White Button V2 */
.ux-buttonWhiteV2 { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: white; cursor: pointer; }
.ux-buttonWhiteV2-label { position: absolute; width: 100%; top: 25%; height: 50%; font: normal 10pt Backoffice UI; color: black; text-align: center; }
.ux-Label-over { text-decoration: underline; cursor: pointer; }

/* White Button */
.ux-buttonWhite { position: absolute; top: 0px; left: 0px; width: 130px; height: 34px; background-color: white; cursor: pointer; }
.ux-buttonWhite-over { background-color: #EEF8FB !important; } .ux-buttonWhite-disabled { background-color: #CCC !important; }
.ux-buttonWhite-label { position: absolute; width: 100%; height: 100%; font: normal 10pt Backoffice UI;; color: #2DA9B3; line-height: 4.25rem; text-align: center; }

.ux-RadioButtons-Container {
    display: flex;
    padding: 10px;
}

.ux-RadioButtons-Container .ux-smallbutton {
    height: 32px;
    padding: 2px;
    display: flex;
    flex-direction: row;
    align-content: stretch;
    justify-content: center;
    align-items: center;
    border-radius: 0;
}

/* .ux-RadioButtons-Container .ux-smallbutton:nth-of-type(1) {
    border-radius: 6px 0px 0px 6px;
}

.ux-RadioButtons-Container .ux-smallbutton:last-of-type {
    border-radius: 0px 6px 6px 0px;
} */


.ux-RadioButtons-Container .ux-smallbutton {
    height: 32px;
    padding: 2px;
    display: flex;
    flex-direction: row;
    align-content: stretch;
    justify-content: center;
    align-items: center;
    border-radius: 0;
}

.ux-RadioButtons-Container .ux-smallbutton .ux-smallbutton-label {
    font-size: 10px;
}

/* Link Label */
.ux-LinkLabel { font: normal 1.5rem Backoffice UI; }