/**Gestion app général**/

.x-body {
    color: #000;
    font-size: 12px;
}

.not-connected .x-toolbar-footer {
    background-color: #fff;
}

.not-connected #center {
    margin: 0 auto;
}

.x-panelheader {
	background : #f2990f !important;
}

.x-paneltitle {
    color: #fff;
}

.x-button-action .x-inner-el {
    cursor: pointer;
    background-color: rgba(242,153,15,0.5);
    border-color: rgba(242,153,15,0.75);
    color: #fff;
}

.x-button-action.x-hovered .x-inner-el {
    background-color: rgba(242,153,15,1);
	border-color: rgba(242,153,15,1) !important;
}

.x-field > .x-label-el { 
    width: 30%;
}

.x-titlebar, .x-tabbar  {
    background-color: #000;
    border-color: #000;
}
.x-tab.x-active .x-inner-el {
    background-color: #f2990f;
}
.x-tab.x-active, .x-tab.x-active.x-focused {
    color : #FFF;
}
.x-form-fieldset-title {
    font-size: 1.1em;
}
.x-panel-outer-border-trl, .x-panel-outer-border-rbl, .x-panelheader, .x-panel-outer-border-rl {
    border-color: #f2990f !important;
}

/**HTML EDITOR MODERN (TINYMCE)**/
.x-htmleditormodern > .x-body-wrap-el {
    height : 220px;
}
.x-htmleditormodern > .x-body-wrap-el > .x-body-el > .x-input-wrap-el {
    border : none;
}

/**Design des MessageBox**/
.x-messagebox .x-messagebox-body-wrap-el {
    border-right : 2px solid rgba(242,153,15,1); 
    border-left : 2px solid rgba(242,153,15,1);
    border-bottom : 2px solid rgba(242,153,15,1);
    
}

.x-messagebox .x-toolbar-footer {
    background-color: #fff;
}

.x-messagebox .x-panelheader, .x-messagebox  .x-panel-outer-border-r, .x-messagebox .x-panel-outer-border-rbl  {
    border:none;
}

/**Gestion des icones de MessageBox non géré dans le modern**/
.x-msgbox-error,.x-msgbox-warning,.x-msgbox-info,.x-msgbox-question {
    background-color: white;
    height: auto!important;
    width: auto!important;
    padding : 5px;
}

.x-msgbox-error:after,.x-msgbox-warning:after,.x-msgbox-info::after,.x-msgbox-question:after {
    font-size: 35px;
    font-family: 'icomoon';
}
.x-msgbox-error::after {
    color:red;
    content: ' \ea0d';
}
.x-msgbox-warning::after {
    color:orangered;
    content: ' \ea07';
}
.x-msgbox-info::after {
    color:blue;
    content: ' \ea0c';
}
.x-msgbox-question::after {
    color:blue;
    content: ' \ea09';
}

/******Menu Bar********/
._topmenu #menu-div {
    padding-top: 35px!important;
}
._topmenu .x-button .x-inner-el {
    background-color: transparent;
    border: none;
}
.top_menu {
    top : 1px!important;
}
._topmenu .x-arrow-el {
    display: none!important;
}

._topmenu .x-toolbar-body-el {
    padding: 0;
}

.x-menu .x-menuitem.x-active .x-body-el {
    background-color: #000;
}

._topmenu .x-button.x-has-text .x-text-el, ._topmenu .x-menuitem .x-body-el {
    color: #000;
    font-weight: normal;
    font-size: 1.1em;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, sans-serif;
    cursor: pointer;
}


._topmenu .x-btn-text-icon .x-text-el {
    padding-left: 5px;
}

/**Icones Icomoon**/

._topmenu .x-btn-text-icon .x-inner-el:before, .x-menu .x-body-el:before {
    font-family: 'icomoon';
    color: #f2990f;
    font-size: 19px;
}

.x-menu-body-el > .submenu-icon .x-icon-wrap-el  {
    display: none;
}

.x-body-el:before {
    padding-left: 10px;
    padding-right: 10px;
}

#mParameters .x-inner-el:before {
	content: "\e994";
}

#mUsersOrganisations .x-inner-el:before {
	content: "\ea14";
}

#mAbout .x-inner-el:before {
	content: '\ea09';
}

#mUsers .x-body-el:before {
	content: '\e971 ';
}
#mUsersEntities .x-body-el:before  {
	content: '\e903 ';
}
#mUsersGroups .x-body-el:before  {
	content: '\e972 ';
}

#mEditParameter .x-body-el:before {
    content: "\e995";
}

#mUpdateModule .x-body-el:before {
	content: '\ea2e ';
}

/***Tools TileBar des Grid**/
.x-titlebar .clearColumns .x-inner-el, .x-titlebar .clearSort .x-inner-el, .x-titlebar .reloadData .x-inner-el, .x-toolbar .clearColumns .x-inner-el, .x-toolbar .clearSort .x-inner-el, .x-toolbar .reloadData .x-inner-el {
    display: none;
}

.x-titlebar .clearColumns, .x-titlebar .clearSort, .x-titlebar .reloadData, .x-toolbar .clearColumns, .x-toolbar .clearSort, .x-toolbar .reloadData {
    margin-left: 5px;
    margin-right: 5px;
}

.x-titlebar .clearColumns:after, .x-titlebar .clearSort:after, .x-titlebar .reloadData:after, .x-toolbar .clearColumns:after, .x-toolbar .clearSort:after, .x-toolbar .reloadData:after {
	font-family: 'icomoon';
	font-size: 18px;
	color:#FFF;
}

.x-toolbar .clearColumns:after, .x-toolbar .clearSort:after, .x-toolbar .reloadData:after {
    color:#606060;
}

.x-titlebar .clearColumns:after, .x-toolbar .clearColumns:after {
	content: "\eaf2 ";
}

.x-titlebar .clearSort:after, .x-toolbar .clearSort:after {
	content: "\eb12 ";
}

.x-titlebar .reloadData:after, .x-toolbar .reloadData:after {
	content: "\eaeb ";
}