/* GENERAL */

html {
    background-color: white;
}

body, td, th, span, a, div, .p, input, button, .x-form-item-label, .x-toolbar div{
    font-family: "Source Sans Pro" !important;
    font-size: 14px;
    color: #555964;
}

.x-form-item-label{
    font-weight: 400;
}

.x-small-editor .x-form-field, span.x-status-text, .x-window-dlg .ext-mb-text{
    font-family: "Source Sans Pro" !important;
    font-size: 14px;
    color: #555964 !important;
    font-weight: 400;
}


.x-small-editor .x-form-field-wrap .x-form-trigger {
    margin-top: 1px;
}

/* SPECIFIC - START */

.x-form-text, textarea.x-form-field{
    background-image: none;
}

.x-border-layout-ct {
    /* background du LHS title  */
    background-color: white;
}

.x-grid-group-hd .x-grid-group-div {
    /* subtitle sur USER  */
    font-family: "Source Sans Pro" !important;
    font-size: 13px;
    font-weight: 400;
}

#proOnLeft, #proRefOnLeft, #virtualServerSourceLeft, #authProjGridId, #authUserGridId{
    border-right: 1px solid #e2e2e2 !important;
}


/* SPECIFIC - END */

/* LOGIN PAGE - START */

.suiteName span{
    color: #404040 !important;
}

.version .gwt-Label {
    color: #FFFFFF!important;
}

.header2 {
    background-color: #FAFAFA!important;
    background-image: none!important;
}

#idLoginPasswordInput.x-form-checkbox  {
    top: 30px!important;
    left: 75px!important;
 }

#loginButtonOnPage{
    margin-left: 4px !important;
}

#forgetPwdButtonOnPage {
    margin-left: 32px;
}

#forgetPwdButtonOnPage .x-btn-tl,
#forgetPwdButtonOnPage .x-btn-tr,
#forgetPwdButtonOnPage .x-btn-tc,
#forgetPwdButtonOnPage .x-btn-ml,
#forgetPwdButtonOnPage .x-btn-mr,
#forgetPwdButtonOnPage .x-btn-mc,
#forgetPwdButtonOnPage .x-btn-bl,
#forgetPwdButtonOnPage .x-btn-br,
#forgetPwdButtonOnPage .x-btn-bc {
    background-image: none !important;
    background-color: transparent!important;
}

#forgetPwdButtonOnPage:hover{
    font-weight: 400 ! important;
}

#idForgetButton {
    color: #00a6ce !important;
}

#GoToDBConfigButton .x-btn-tl,
#GoToDBConfigButton .x-btn-tr,
#GoToDBConfigButton .x-btn-tc,
#GoToDBConfigButton .x-btn-ml,
#GoToDBConfigButton .x-btn-mr,
#GoToDBConfigButton .x-btn-mc,
#GoToDBConfigButton .x-btn-bl,
#GoToDBConfigButton .x-btn-br,
#GoToDBConfigButton .x-btn-bc {
    background-image: none !important;
    background-color: transparent!important;
}

#GoToDBConfigButton:hover{
    font-weight: 400 ! important;
}

#idLoginOpenDbConfigButton {
    color: #00a6ce !important;
}

#idLoginOpenDbConfigButton:hover {
    text-decoration: underline;
}

/* SCROLLBAR */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.10);
}

::-webkit-scrollbar-thumb:hover {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.15);
}

/* CHECKBOXES and RADIO BUTTONS  - START */

.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker{
    background-image: none!important;
}

.x-grid3-row-checker, .x-grid3-hd-checker, .x-form-checkbox {
    -webkit-appearance: none!important;
    appearance: none!important;
    width: 18px!important;
    height: 19px!important;
    margin: 0px 4px 0 0!important;
    vertical-align: middle!important;
    background: url(../images/cssimages/check_radio_sheet-blue.png) left top no-repeat !important;
    cursor: pointer!important;
}

.x-grid3-hd-checker-on .x-grid3-hd-checker, .x-form-checkbox:checked {
    -webkit-appearance: none!important;
    appearance: none!important;
    background: url(../images/cssimages/check_radio_sheet-blue.png) -18px top no-repeat !important;
}

.x-form-radio {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 19px;
    background: url(../images/cssimages/check_radio_sheet-blue.png) -36px top no-repeat !important;
}

.x-form-radio:checked {
    -webkit-appearance: none;
    appearance: none;
    background: url(../images/cssimages/check_radio_sheet-blue.png) -54px top no-repeat !important;
}

/* CHECKBOXES and RADIO BUTTONS  - END */

/*  BUTTONS - START */

.x-btn button {
    font-size: 14px;
    font-weight: 400;
}

.x-toolbar .x-btn-over .x-btn-text {
    color: white !important;
}

.x-btn-over .x-btn-text {
    font-weight: 400;
}

.x-btn {
    height: 30px;
}

.x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
    height: 20px;
}

.x-toolbar .x-toolbar-cell {
    padding: 2px 5px 2px 5px;
}

.x-btn-tl,
.x-btn-tr,
.x-btn-tc,
.x-btn-ml,
.x-btn-mr,
.x-btn-mc,
.x-btn-bl,
.x-btn-br,
.x-btn-bc {
    background-image: none !important;
    background-color: #00873D !important;
}

.x-btn-mc .x-btn-text {
    color: white !important;
    line-height:9px;
}

.x-btn-icon .x-btn-tl,
.x-btn-icon .x-btn-tr,
.x-btn-icon .x-btn-tc,
.x-btn-icon .x-btn-ml,
.x-btn-icon .x-btn-mr,
.x-btn-icon .x-btn-mc,
.x-btn-icon .x-btn-bl,
.x-btn-icon .x-btn-br,
.x-btn-icon .x-btn-bc {
    background-image: none !important;
    background-color: transparent!important;
}


.x-item-disabled .x-btn-tl,
.x-item-disabled .x-btn-tr,
.x-item-disabled .x-btn-tc,
.x-item-disabled .x-btn-ml,
.x-item-disabled .x-btn-mr,
.x-item-disabled .x-btn-mc,
.x-item-disabled .x-btn-bl,
.x-item-disabled .x-btn-br,
.x-item-disabled .x-btn-bc {
    background-image: none !important;
    background-color: rgba(85, 89, 100, 0.27) !important;
}

.x-item-disabled .x-btn-mc .x-btn-text {
    color: rgba(85, 89, 100, 0.35) !important;
}

.x-item-disabled .x-btn-over .x-btn-tl,
.x-item-disabled .x-btn-over .x-btn-tr,
.x-item-disabled .x-btn-over .x-btn-tc,
.x-item-disabled .x-btn-over .x-btn-ml,
.x-item-disabled .x-btn-over .x-btn-mr,
.x-item-disabled .x-btn-over .x-btn-bl,
.x-item-disabled .x-btn-over .x-btn-br,
.x-item-disabled .x-btn-over .x-btn-bc {
    background-color: transparent !important;
}

.x-item-disabled .x-btn-over .x-btn-mc {
    background-color: #f2f2f2!important;
}

.x-item-disabled .x-btn-over .x-btn-mc .x-btn-text {
    color: rgba(85, 89, 100, 0.27) !important;
}

.x-grid3-row-selected .x-item-disabled .x-btn-mc .x-btn-text {
    color: white !important;
}

.x-toolbar .x-btn-tl,
.x-toolbar .x-btn-tr,
.x-toolbar .x-btn-tc,
.x-toolbar .x-btn-ml,
.x-toolbar .x-btn-mr,
.x-toolbar .x-btn-mc,
.x-toolbar .x-btn-bl,
.x-toolbar .x-btn-br,
.x-toolbar .x-btn-bc {
    background-image: none !important;
    background-color: transparent!important;
}

.x-toolbar .x-btn-mc .x-btn-text {
    color: #555964 !important;
}

.x-toolbar .x-btn-over .x-btn-tl,
.x-toolbar .x-btn-over .x-btn-tr,
.x-toolbar .x-btn-over .x-btn-tc,
.x-toolbar .x-btn-over .x-btn-ml,
.x-toolbar .x-btn-over .x-btn-mr,
.x-toolbar .x-btn-over .x-btn-bl,
.x-toolbar .x-btn-over .x-btn-br,
.x-toolbar .x-btn-over .x-btn-bc {
    background-color: transparent !important;
}

.x-toolbar .x-btn-over .x-btn-mc {
    background-color: #00873D !important;
}

.x-toolbar .x-btn-over .x-btn-mc .x-btn-text {
    color: white !important;
}


.x-btn-pressed .x-btn-tl,
.x-btn-pressed .x-btn-tr,
.x-btn-pressed .x-btn-tc,
.x-btn-pressed .x-btn-ml,
.x-btn-pressed .x-btn-mr,
.x-btn-pressed .x-btn-bl,
.x-btn-pressed .x-btn-br,
.x-btn-pressed .x-btn-bc {
    background-color: transparent !important;
}

.x-btn-pressed .x-btn-mc{
    background-color: #b8b8b8!important;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    border-top: 1px solid #797979;
    border-left: 1px solid #797979;

}

.x-btn-pressed .x-btn-text {
    color: white !important;
    font-weight: 400;
}

td.x-btn-mc {
    padding: 0px 5px 0px 5px !important;
}

.x-form-file-wrap {
    height: 27px;
    padding: 3px 0px 0px 5px;
}

/*  BUTTONS - END */

/* DIALOG - START  */

.x-window-plain .x-window-mc{
    background: none;
    background-color: transparent;
}

.x-window-tl,
.x-window-tc,
.x-window-tr,
.x-window-ml,
.x-window-mr,
.x-window-bl,
.x-window-br {
    background-image: none;
    background-color: white;
    padding: 2px 5px;
}

.x-window-bc{
    background-image: none;
    background-color: white;
    padding: 0px;
}

.x-window-mc {
    background-image: none;
    background-color: white;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.x-window-header, .x-window-header-text, .x-window-dlg .x-window-header-text{
    font-size: 18px;
    font-weight: 300;
}

.x-tool-close, .x-tool-close-over{
    background-image: url(../images/cssimages/TAC_dialog-close.png) !important;
    background-position: 0px 0px;
}

/* DIALOG - STOP */

/* TOP BANNER - START */

.header img.gwt-Image {
    background-size: 39px 36px !important;
}

.header-left {
    background-size: contain;
    background-position: right bottom;
}

/* TOP BANNER - END */

/*  LHS PANEL - START */

.x-tool-left, .x-tool-right{
    background-image: url(../images/cssimages/TAC-close-LHS-panel.png) !important;
    background-position: 0px 0px;
}

.x-tree3-el {
    padding: 2px 0px 2px 0px;
    white-space: nowrap;
    position: relative;
    outline: none;
}

.x-tree3-el span {
    font-weight: 400 !important;
}

.x-tree3-node-text {
	font-family: "Source Sans Pro" !important;
	font-size: 14px;
	color: #555964;
}

.x-ftree2-node-over {
    background-color: #CCC !important;
}

.x-ftree2-selected {
    background-color: #F6F6F6 !important;
}

.x-ftree2-selected span {
    color: #404040 !important;
    font-weight: 700;
}

.x-tree3-node-joint-expand span {
    font-weight: 400 !important;

}

.x-panel-header, div.x-panel-header {
    line-height: 24px;
    border-color: transparent;
    border-top: 1px solid #DEDEDE !important;   /*to be commented when we get a proper ID on CONFIGURATION category */
    /*border-bottom: 1px solid #C0D72D !important;*/
    background-image: none !important;
    background-color: transparent !important;
}

.x-panel-collapsed.x-panel.x-component :hover {
    background-color: #CCC !important;
    text-shadow: none !important;
}

span.x-panel-header-text {
    font-size: 20px;
    font-weight: 300;
}

.x-box-inner {
    margin-top: 0px;
    background: #fff !important;
}

.x-panel-body {
    border-color: transparent;
    background: #fafafa !important;
}

#x-auto-16.x-vsplitbar {
    background-image: none !important;
    background-color: transparent !important;
    box-shadow: 4px 0px 8px rgba(0, 0, 0, .2);
    border-right: 1px solid #BEBEBE;
}

.x-vsplitbar {
    background-image: none !important;
    background-color: transparent !important;
    border-right: 1px solid #DEDEDE;
    width: 4px!important;
}

/*  LHS PANEL - END */

/* RHS PANEL - START */

.x-panel-left{
    box-shadow: -4px 0px 8px rgba(0, 0, 0, .2);
    border-left: 1px solid #BEBEBE!important;
}

/* RHS PANEL - END */

/* MAIN CANVAS - START */

/* WELCOME PAGE - START */

.x-panel-welcome-page{
    background-color: #f9f9f9 !important;
}

.x-panel-welcome-page:hover{
    background-color: #d7d7d7 !important;
}


.x-form-field {
    font-size: 13px;
    font-weight: 400;
}

/* WELCOME PAGE - END */

/*  X-FIELD - START   */
.x-fieldset{
    border-width: 0px;
}

/* X-FIELD - END   */

/* X-GRID - START  */

.x-grid3-row-selected span,.x-grid3-row-selected label,.x-grid3-row-selected div {
    color: #555964;
}

td.x-grid3-hd-over .x-grid3-hd-inner,
td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background-image: none !important;
    background-color: #f2f2f2 !important;
}

.x-grid3-hd-btn{
    background-image: url(../images/cssimages/TAC_grid3-hd-btn.gif) !important;
    background-color: #f2f2f2 !important;
}

.x-grid3-col-loggedIn .x-component {
    margin: -5px 0px -5px 0px !important;
}

.x-border{
    border: 1px solid transparent !important;
}
.x-grid-group-hd{
    border-width: 1px;
}

.x-grid3-hd-row .x-grid3-hd {
    border: 0px;
}

.x-grid3-header {
    background-color: #dfe3e8;
    background-image: none;
}

.x-grid3-hd-inner {
    border-left: 1px solid white;
}

.x-grid3-row {
    border-color: transparent !important;
}

.x-grid3-row-over, .x-grid3-row:hover {
    background-color: #CCCCCC !important;
    background-image: none!important;
    border-color: transparent!important;
}

.x-grid3-cell-inner{
    border-color: transparent !important;
    font-weight: 400 !important;
}

#dialogRoleWindow .x-grid3-row-selected,
#dialogRoleWindow .x-grid3-row-selected .x-grid3-cell-inner,
#dialogRoleWindow .x-grid3-row-selected td,
#dialogRoleWindow .x-grid3-cell-selected .x-grid3-cell-inner{
    background-color: transparent !important;
    border-color: transparent !important;
    color: #555964 !important;
}

.x-grid3-row-selected,
.x-grid3-row-selected .x-grid3-cell-inner,
.x-grid3-row-selected td,
.x-grid3-cell-selected .x-grid3-cell-inner{
    background-color: #F6F6F6 !important;
    border-color: transparent !important;
    color: #404040 !important;
}


.x-grid3-cell-inner {
    padding: 5px 3px 5px 3px;
    white-space: nowrap;
    position: relative;
    outline: none;
}

.x-grid3-check-col, .x-grid3-row-checker{
    width: 18px!important;
    height: 23px!important;
    margin: auto!important;
    vertical-align: middle!important;
    background: url(../images/cssimages/check_radio_sheet-blue.png) left top no-repeat !important;
    background-color: transparent!important;
}

.x-grid3-check-col-on, .x-grid3-row-selected .x-grid3-row-checker {
    background: url(../images/cssimages/check_radio_sheet-blue.png) -18px top no-repeat !important;
    background-color: transparent!important;
}

/* X-GRID - END  */

/* TABS  - START */

.x-tab-strip span.x-tab-strip-text{
    font-family: "Source Sans Pro" !important;
    font-size: 13px;
}

/* TABS  - END */

/* BOTTOM TABS - START   */

ul.x-tab-strip-bottom, .x-tab-strip-bottom .x-tab-right {
    background-image: none !important;
    background-color: #F9F9F9 !important;
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
    background-image: none !important;
    background-color: #FFF !important;
    border-bottom: 5px solid #00873D;
}

.x-tab-strip-bottom .x-tab-left {
    background-image: url(../images/cssimages/TAC_tab-separator.png) !important;
    background-size: contain;
}

.x-tab-strip-bottom  span.x-tab-strip-text {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #404040 !important;
}

.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {

}

.x-tab-strip-active span.x-tab-strip-text {
    color: #404040 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-shadow: none;
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
    top: 10px;
    right: 10px;
}

.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
    top: 11px;
    right: 10px;
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
    background-image: url(../images/cssimages/TAC_tab-close.gif) !important;
    background-size: contain;
}

.x-tab-strip img.x-tab-image {
    background-image: none !important;
    background-size: 1px 17px;
}

.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
    /* padding du text dans les tabs NON ACTIVES  */
    padding: 5px 15px 2px 5px;
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
    /* padding du text dans le tab ACTIF  */
    padding: 2px 15px 2px 5px;
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
    background: no-repeat;
}

/* BOTTOM TABS - END   */

/* MAIN CANVAS - END */


/* COMBOBOX - START  */

.x-combo-list {
    border-color: #d1d1d3 !important;
}

.x-combo-list-item {
	min-height: 12px;
	display: flex;
}

/* COMBOBOX - END  */

/* PROGRESS BAR - START */

.x-progress-bar{
    background-image: none !important;
    background-color: #00873D !important;
    border-color: transparent !important;
    border-top: 0px;
    border-right: 0px;
}

.x-progress-inner{
    background-image: none !important;
    background-color: white !important;
}

.x-progress-wrap{
    border-color: #B1B1B1 !important;
}

/* PROGRESS BAR - START */
/* CRON HELP PANEL - START */
.x-panel-cron-help {
    padding: 0px 25px 10px 10px;
    font: normal 16px times, tahoma, arial, helvetica, sans-serif !important;
}

.x-panel-cron-help  p {
    padding: 10px 0px 5px 0px;
}

.x-panel-cron-help  th {
    font: bold 16px times, tahoma, arial, helvetica, sans-serif !important;
}

.x-panel-cron-help  ul {
    margin: 0px 0px 0px 15px;
    list-style: disc;
}
/* CRON HELP PANEL - END */