/**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-paneltitle {
    color: #fff;
}

.x-button-action .x-inner-el {
    cursor: pointer;
    color: #fff;
}


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

.x-titlebar, .x-tabbar  {
    background-color: #000;
    border-color: #000;
}
.x-tab.x-active, .x-tab.x-active.x-focused {
    color : #FFF;
}
.x-form-fieldset-title {
    font-size: 1.1em;
}

/**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;
}

.x-invalid.x-htmleditormodern>.x-body-wrap-el>.x-body-el>.x-input-wrap-el {
    border: 1px solid #c30;
}

/**Design des MessageBox**/

.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,
#mParameters_2 .x-inner-el:before {
	content: "\e994";
}

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

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

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

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

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

#mSchedulerModule .x-body-el:before,
#mSchedulerModule_2 .x-body-el:before {
	content: '\e94e ';
}

/***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 ";
}

/**Sélecteur langue app*/
#language-app-selector {
    width: 250px;
    padding: 5px;
}

#language-app-selector .x-label-text-el {
    color: #FFF;
}

.language-item {
    padding-left: 10px;
}

.language-flag {
    height: 20px;
    padding-left: 5px;
}

#language-app-selector div.x-before-input-el {
    padding-top: 5px;
}

/** HISTORIC AND SAVE RESEARCH **/
/* 
.x-toolbar .x-body-el,
.x-toolbar .x-body-el .x-toolbar-body-el ,
.search-container 
{
    overflow: visible;
    
}
.search-container {
    height: 45px;
}

.search-container .x-body-el{
    height: 100%;
}

.search-container.haveSave {
    margin: unset !important;    
}

.search-container.haveSave .x-body-el .x-searchfield {
    padding-bottom: 0px !important;
    height: 100%;
}

.search-container.haveSave .x-body-el .x-searchfield .x-input-wrap-el {
    border-radius: 5px 0 0 5px !important;
}

.search-container.haveSave ~ .menuSearch .x-inner-el {
    border-radius: 0 5px 5px 0!important;
}

.search-container.haveSave .x-field .x-body-wrap-el {
    height: 40px;
}
.historyContainer .x-body-el {
    padding: 5% 0% 0% 1% !important;
}

.historyContainer .x-panel-body-wrap-el .x-panel-body-el {
    border-radius: 0 0 5px 5px !important;
}

.historyContainer {
    border: 3px solid #FFD500 !important;
    border-top:  unset !important;
    border-radius: 0 0 5px 5px !important;
    width: 100%;
    z-index: 99;

}



.historyContainer .history-item
{
    cursor: pointer;
    border-bottom: 0,5px solid rgb(228, 228, 228);
}
.historyContainer .history-item:hover {
    background-color: #FFD500;
    color: white;
}
.historyClosed ~ .historyContainer {
    display: none;
}
.saveResearchModal .x-field .x-body-wrap-el {
    height: unset;
}

.saveResearchModal .x-toolbar .x-body-el {
    flex-wrap: wrap;
}


/** FIN HISTORIC AND SAVE RESEARCH * */