/* Upgrade Ext JS Component */
.x-panel-transparent { border: 0px; background-color: transparent; }
.x-body { font: normal 1rem Roboto; font-weight: 400; }

/* Menu Ext JS */
.x-menu-body { user-select: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; cursor: default; background: #434343!important; padding: 0px; }
/*.x-panel-body-default { background: #434343!important; border: 1px solid #434343; color: white; }*/
.x-menu-item-text { font: normal 10pt Aller light; color: white;}
.x-menu-item-separator { height: 2px; border-top: solid 1px #333; background-color: #616161; margin: 0px 0px 0px 0px; overflow: hidden; }
.x-menu-icon-separator { display: none;}
.x-menu-item-active { cursor: default; }
.x-menu-item-link { display: block; margin: 1px; padding: 5px 2px 4px 20px; text-decoration: none!important; line-height: 2rem; cursor: default; }
.x-menu-item-active .x-menu-item-link { background-image: none; background-color: transparent; margin: 1px; border: 0px; cursor: default; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; }
.x-nlg .x-menu-item-active .x-menu-item-link { background: transparent no-repeat scroll 0px 0px; }
.x-menu-item-icon { width: 16px; height: 27px; position: absolute; top: 0px; left: 0px; background: no-repeat center center; }
.x-menu-item-active .x-menu-item-icon { background-color: #E33B3B; }
.x-nlg .x-menu-item-active .x-menu-item-checked .x-menu-item-icon { background-image: url('../images/menu/checked_over.png'); }
.x-menu-item-arrow { position: absolute; width: 12px; height: 9px; top: 9px; right: 0; background: #434343 url('../images/menu/menu-parent.png') no-repeat center center; }
.x-menu-item-checked .x-menu-item-icon { background-image: url('../images/menu/checked.png'); }
.x-menu-item-unchecked .x-menu-item-icon { background-image: url('../images/menu/unchecked.png'); }
.x-menu-item-disabled { filter: alpha(opacity=60); opacity: .6; }

/* Calendar */
.x-form-text, textarea.x-form-field { padding: 1px 3px; background: white none no-repeat 0px 0px; border: 1px solid; border-color: #BFBFBF; }
.x-form-calendar { background-image: url('../images/calendar/date.png'); background-position: 0 0; width: 26px; height: 22px; border-bottom: 0px; cursor: pointer; cursor: hand; overflow: hidden; }
.x-form-calendar-over { background-position: -26px 0; border-bottom-color: white; }
.x-form-calendar-click { background-position: -52px 0; border-bottom-color: white; }
.x-form-focus, textarea.x-form-focus { border-color: #C0E3FC; border-right-color: #C0E3FC; }
.x-form-calendar-wrap-focus .x-form-calendar { background-position: -78px 0; border-bottom-color: white; }
.x-form-calendar-wrap-focus .x-form-calendar-over { background-position: -104px 0; border-bottom-color: white; }
.x-form-calendar-wrap-focus .x-form-calendar-click{ background-position: -130px 0; border-bottom-color: white; }
.x-item-disabled .x-form-item-label, .x-item-disabled .x-form-field, .x-item-disabled .x-form-cb-label { filter: alpha(opacity=60); opacity: 0.6; }
.x-item-disabled .x-form-calendar { background-position: -156px 0; border-bottom-color: #BFBFBF; }
.x-datepicker { border: 1px solid #BFBFBF; background-color: white; position: relative; }
.x-datepicker-header { position: relative; height: 26px; background: white none no-repeat 0px 0px; }
.x-nlg .x-datepicker-header { background: white none no-repeat 0px 0px; }
.x-datepicker-prev a, .x-datepicker-next a { display: block; width: 16px; height: 16px; background-position: top; background-repeat: no-repeat; cursor: pointer; text-decoration: none!important; filter: alpha(opacity=100); opacity: 1; }
.x-datepicker-prev a { background-image: url('../images/calendar/gauche.png'); }
.x-datepicker-next a { background-image: url('../images/calendar/droite.png'); }
.x-datepicker-month span { color: #0072C6 !important; }
.x-btn-default-small .x-btn-inner { font: normal 1.5rem Segoe UI; color: #333; background-repeat: no-repeat; padding: 0 4px; }
.x-datepicker-month .x-btn-split-right { background-image: none; padding-right: 0px!important; }
.x-monthpicker-months { border-right: 1px solid #BFBFBF; width: 87px; }
table.x-datepicker-inner th { width: 25px; height: 19px; padding: 0; color: #0072C6!important; font: normal 1.25rem tahoma,arial,verdana,sans-serif; text-align: right; border-bottom: 0px solid transparent; border-collapse: separate; background-image: none; background-color: white; cursor: default; }
table.x-datepicker-inner .x-datepicker-today a { border: 1px solid #BFBFBF; }
.x-datepicker-footer, .x-monthpicker-buttons { position: relative; border-top: 1px solid #BFBFBF; background-image: none; background-color: #0072C6; text-align: center; }
.x-nlg .x-datepicker-footer, .x-nlg .x-monthpicker-buttons { background: #0072C6 none no-repeat 0px 0px; }

/* CheckBox */
.x-form-checkbox, .x-form-radio { vertical-align: -1px; width: 13px; height: 13px; background: no-repeat; background-image: url('../images/checkbox/checkbox.png'); overflow: hidden; padding: 0; border: 0; background-position:0px 0px; }
.x-form-cb-checked .x-form-checkbox, .x-form-cb-checked .x-form-radio { /* Mozilla and Opera doesn't support background-position-x or -y */ background-position: 0px -13px; /* Chrome, IE, Safari support it */ background-position-y: -13px!important; background-position-x: 0px; }
.x-item-disabled .x-form-item-label, .x-item-disabled .x-form-field, .x-item-disabled .x-form-cb-label { color: #838383; filter: alpha(opacity=100); opacity: 1; /* Mozilla and Opera doesn't support background-position-x or -y */ background-position: -13px 0px; /* Chrome, IE, Safari support it */ background-position-x: -13px!important; background-position-y: 0px; }

/* ComboBox */
.x-form-item { font: normal 10pt Segoe UI; }
.x-form-item { vertical-align: top; table-layout: fixed; }
.x-form-item-label { display: block; padding: 3px 0 0; font-size: 1.66625rem; user-select: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; cursor: default; }
.x-form-item-body { position: relative; }
.x-form-trigger-wrap { vertical-align: top; }
.x-hide-display { display: none!important; }
.x-border-box .x-form-text { height: 22px; }
.x-form-text { height: 18px; line-height: 2.25rem; vertical-align: top; }
.x-form-text, textarea.x-form-field { padding: 1px 3px; background: repeat-x 0 0; border: 1px solid; background-color: white; background-image: none; border-color: #BFBFBF; }
.x-form-trigger-wrap-focus .x-form-trigger { background-position: -51px 0; border-bottom-color: #BFBFBF; }
.x-form-field, .x-form-display-field { margin: 0; /*font: normal 12px tahoma,arial,verdana,sans-serif;*/ color: black; }
.x-border-box .x-form-trigger { height: 22px; }
.x-form-trigger { background-image: url('../images/combobox/deroulant.png'); background-position: 0 0; width: 17px; height: 21px; border-bottom: 1px solid #BFBFBF; cursor: pointer; cursor: hand; overflow: hidden; }
.x-form-trigger-over { background-position: -17px 0; border-bottom-color: #BFBFBF; }
.x-form-trigger-click, .x-form-trigger-wrap-focus .x-form-trigger-click { background-position: -34px 0; border-bottom-color: #BFBFBF; }
.x-unselectable { user-select: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; cursor: default; }
.x-item-disabled .x-trigger-noedit, .x-item-disabled .x-form-trigger { cursor: auto; background-position: -102px 0px; }
.x-item-disabled .x-form-field, .x-item-disabled .x-form-cb-label, .x-item-disabled .x-form-cb-label { filter: alpha(opacity=60); opacity: 0.6; border-right-color: #999; }
.x-form-focus, textarea.x-form-focus { border-color: #C0E3FC; border-right-color: #BFBFBF; }
.x-boundlist-item { padding: 5px 2px 5px 10px; user-select: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; cursor: default; cursor: pointer; cursor: hand; position: relative; border: 0px solid transparent; border-top: 1px solid #BFBFBF; }
.x-boundlist-item-over { border: 0px solid transparent; border-top: 1px solid #BFBFBF; background: url('../images/combobox/over.png') repeat-y 0px 0px transparent; }
.x-boundlist-selected { border: 0px solid transparent; border-top: 1px solid #BFBFBF; background: url('../images/combobox/selected.png') repeat-y 0px 0px transparent; }


/* Numeric */
.x-form-text, textarea.x-form-field { padding: 1px 3px; background: no-repeat; border: 1px solid; background-color: white; background-image: none; border-color: #BFBFBF; }
.x-form-trigger-wrap .x-form-spinner-up, .x-form-trigger-wrap .x-form-spinner-down { background-image: url('../images/numeric/numeric.png'); width: 17px!important; height: 11px!important; font-size: 0; border-bottom: 0; }
.x-form-trigger-wrap .x-form-spinner-up-over { background-position: -17px 0px; }
.x-form-trigger-wrap .x-form-spinner-down-over { background-position: -17px -11px; }
.x-form-trigger-wrap .x-form-spinner-up-click { background-position: -34px 0px; }
.x-form-trigger-wrap .x-form-spinner-down-click { background-position: -34px -11px; }
.x-form-trigger-wrap-focus .x-form-spinner-up { background-position: -51px 0px; }
.x-form-trigger-wrap-focus .x-form-spinner-down { background-position: -51px -11px; }
.x-form-focus, textarea.x-form-focus { border-color: #C0E3FC; border-right-color: #BFBFBF; }
.x-form-trigger-wrap-focus .x-form-spinner-up-over { background-position: -68px 0px; }
.x-form-trigger-wrap-focus .x-form-spinner-down-over { background-position: -68px -11px; }
.x-form-trigger-wrap-focus .x-form-spinner-up-click { background-position: -85px 0px; }
.x-form-trigger-wrap-focus .x-form-spinner-down-click { background-position: -85px -11px; }
.x-item-disabled .x-form-spinner-up { background-position: -102px 0px; }
.x-item-disabled .x-form-spinner-down { background-position: -102px -11px; }
.x-item-disabled .x-form-item-label, .x-item-disabled .x-form-field, .x-item-disabled .x-form-cb-label { filter: alpha(opacity=60); opacity: 0.6; border-right-color: #999; }


/* Permissions */
.x-grid-dirty-cell { background-image: none; background-position: 0 0; background-repeat: no-repeat; }
.x-grid-cell-checkcolumn .x-grid-cell-inner { padding-top: 7px; padding-bottom: 2px; line-height: 2rem; }
.x-grid-with-row-lines .x-grid-cell-checkcolumn .x-grid-cell-inner { padding-top: 3px; }
/* Viewer */
.x-grid-checkheader { height: 16px; background-image: url('/backoffice/test/permissions/check_permissions.png'); background-position: center 0px; background-repeat: no-repeat; background-color: transparent; }
.x-grid-checkheader-checked { background-position: center -16px; }
.x-grid-checkheader-partial { background-position: center -32px; }
.x-grid-checkheader-editor .x-form-cb-wrap { text-align: center; }
/* Editor */
.x-tree-checkbox { height: 16px; width:16px; background-image: url('/backoffice/test/permissions/check_permissions.png'); background-position: 0px 0px; }
.x-tree-checkbox-checked { background-position: center -16px; }
.x-tree-checkbox-partial { background-position: center -32px; }



/* ProgressBar */
.x-progress-default { border-color: #C5C2C2; }
.x-progress-text-back { padding-top: 1px; }
.x-progress-default .x-progress-text-back { color: #5D5D5D; }
.x-progress-default .x-progress-text { color: white; }
.x-progress { position: relative; border-width: 1px; border-style: solid; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; overflow: hidden; height: 20px; background-color: White;}
.x-progress-bar { height: 18px; overflow: hidden; position: absolute; width: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; border-right: 0px; border-top: 0px; }
.x-progress-default .x-progress-bar { background-image: none; background-color: #0072C6; }
.x-progress-default .x-progress-text { color: white; }
.x-progress-text { overflow: hidden; position: absolute; padding: 0 5px; height: 18px; font-weight: bold; font-size: 1.375rem; line-height: 2rem; text-align: center; }
.x-nlg .x-progress-default .x-progress-bar { background-image: none; background-attachment: scroll; background-repeat:repeat-x; background-position-x:0%; background-position-y:0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: #0072C6; }
.ux-ProgressBar-default { border-color: #C5C2C2; }
.ux-ProgressBar-text-back { padding-top: 1px; }
.ux-ProgressBar-default .ux-ProgressBar-text-back { color: #5D5D5D; }
.ux-ProgressBar-default .ux-ProgressBar-text { color: white; }
.ux-ProgressBar { position: relative; border-width: 1px; border-style: solid; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; overflow: hidden; height: 20px; }
.ux-ProgressBar-bar { height: 18px; overflow: hidden; position: absolute; width: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }
.ux-ProgressBar-default .ux-ProgressBarBar-bar { background-image: none; background-color: #0072C6; }
.ux-ProgressBar-default .ux-ProgressBarBar-text { color: white; }
.ux-ProgressBar-text { overflow: hidden; position: absolute; padding: 0 5px; height: 18px; font-weight: bold; font-size: 1.375rem; line-height: 2rem; text-align: center; }

/* RadioButton */
.x-form-radio { background-image: url('/Framework/UI/resources/images/radiobutton/radio-button.png'); }
.x-item-disabled .x-form-item-label, .x-item-disabled .x-form-field, .x-item-disabled .x-form-cb-label { filter: alpha(opacity=50); opacity: .5; /* Mozilla and Opera doesn't support background-position-x or -y */ background-position: -13px 0px; /* Chrome, IE, Safari support it */ background-position-x: -13px!important; background-position-y: 0px; }
.x-form-cb-checked .x-form-checkbox, .x-form-cb-checked .x-form-radio { /* Mozilla and Opera doesn't support background-position-x or -y */ background-position: 0px -13px; /* Chrome, IE, Safari support it */ background-position-y: -13px!important; background-position-x: 0px; }


/* TextBox */
.x-form-text, textarea.x-form-field {  font: normal 10pt Segoe UI; padding: 1px 3px; border: 1px solid #BFBFBF; background: white none no-repeat 0px 0px; }
.x-form-focus, textarea.x-form-focus { border-color: #C0E3FC; }
.x-form-item-label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.x-item-disabled .x-form-item-label, .x-item-disabled .x-form-field, .x-item-disabled .x-form-cb-label { filter: alpha(opacity=60); opacity: .6; }
.x-item-disabled .x-form-field { background: #F0EFEF none no-repeat 0px 0px; }

/* ToolTip */
.x-tip { -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; padding: 2px 2px 2px 2px; border-width: 1px; border-style: solid; background-color: #383636; border-color: #383636; }
.x-tip-header, .x-tip-body, .x-form-invalid-tip-body { color: white; font: normal 1.625rem Segoe UI; }
.x-nbr .x-tip {padding: 0px 0px 0px 0px !important; border-width: 0px!important; border-color: #383636; background: #383636 none no-repeat 0px 0px; }



/* Grid */
.x-grid-row .x-grid-cell {font-size: 1.66625rem; font-family: Aller light, tahoma, arial, verdana, sans-serif;}


/* Grid Line */
.x-grid-with-row-lines .x-grid-cell {border-width: 0px 0;}
.x-grid-cell-inner {position:relative; height: 27px; border-bottom: 1px solid #CFCFCF; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; overflow: hidden; line-height: 3.375rem; vertical-align : middle; padding: 0px 8px;}
.x-grid-with-col-lines .x-grid-cell {padding-right: 0; border-right: 1px solid #C6C6C6;}

.x-grid-row-alt .x-grid-cell, .x-grid-row-alt .x-grid-rowwrap-div {background-color: white;}
.x-grid-row-over .x-grid-cell, .x-grid-row-over .x-grid-rowwrap-div {border-color: #C6C6C6; background-color : #EEEEEE;}
.x-grid-with-row-lines .x-grid-cell-inner {line-height: 3.375rem; padding-bottom: 0px;}



/* Grid Header */
.x-grid-header-ct {background: none no-repeat 0px 0px #EAEAEA;}
.x-column-header {background: none no-repeat 0px 0px #EAEAEA; font-size: 1.66625rem; font-family: Aller, tahoma, arial, verdana, sans-serif;}
.x-column-header-inner {line-height: 5rem; vertical-align: middle; padding: 0px 8px;}
.x-column-header-over, .x-column-header-sort-ASC, .x-column-header-sort-DESC{background: none no-repeat 0px 0px #C6C6C6;}
.x-column-header-trigger {display: none; position: absolute; top: 0; right: 0; width: 24px; height: 100%; background: url('../images/grid/gridHeader.png') no-repeat 0px 0px #E33B3B; z-index: 2;}


/* Grid Pager */
.x-toolbar-default { background: none no-repeat 0px 0px #EAEAEA; }
.x-toolbar .x-toolbar-text{font-size: 1.66625rem; font-family: Aller light, tahoma, arial, verdana, sans-serif; }


.x-tbar-page-first { background-image: url('../images/grid/gridPager.png')!important; background-position: 0px 0px!important; }
.x-item-disabled .x-tbar-page-first {background-image: url('../images/grid/gridPager.png')!important; background-position: -16px 0px!important; }
.x-tbar-page-prev { background-image: url('../images/grid/gridPager.png')!important; background-position: 0px -16px!important; }
.x-item-disabled .x-tbar-page-prev {background: url('../images/grid/gridPager.png')!important; background-position: -16px -16px!important; }
.x-tbar-page-next { background-image: url('../images/grid/gridPager.png')!important; background-position: 0px -32px!important; }
.x-item-disabled .x-tbar-page-next {background-image: url('../images/grid/gridPager.png')!important; background-position: -16px -32px!important; }
.x-tbar-page-last { background-image: url('../images/grid/gridPager.png')!important; background-position: 0px -48px!important; }
.x-item-disabled .x-tbar-page-last { background-image: url('../images/grid/gridPager.png')!important; background-position: -16px -48px!important; }
.x-tbar-loading { background-image: url('../images/grid/gridPager.png')!important; background-position: 0px -64px!important; }
.x-item-disabled .x-tbar-loading { background-image: url('../images/grid/gridPager.png')!important; background-position: -16px -64px!important; }