/*--------------------------------------------------------------------------------------------------------------------*/
/*============================================== HEADER ==============================================================*/
/*====================================================================================================================*/
* {
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
}
.shinken-menu-top-bar {
    width : 100%;
}
.shinken-menu-top-bar {
    position         : fixed;
    right            : 0px;
    left             : 0px;
    top              : 0px;
    overflow         : visible;
    background-color : #454545;
    z-index          : 9000;
}
.shinken-navigation-table-container {
    height     : 34px;
    max-width  : 50px; /* TRICKS TO NOT REMOVE*/
    overflow-y : visible;
}
.shinken-menu-top-bar #shinken-id-navigation-table .shinken-carret {
    padding-right : 3px;
}
.shinken-menu-top-bar #shinken-id-navigation-table .shinken-counter-extra-label .shinken-short-text {
    display : none;
}
.shinken-menu-top-bar[data-responsive="1"] #shinken-id-navigation-table .shinken-counter-extra-label .shinken-long-text,
.shinken-menu-top-bar[data-responsive="2"] #shinken-id-navigation-table .shinken-counter-extra-label .shinken-long-text,
.shinken-menu-top-bar[data-responsive="3"] #shinken-id-navigation-table .shinken-counter-extra-label .shinken-long-text,
.shinken-menu-top-bar[data-responsive="4"] #shinken-id-navigation-table .shinken-counter-extra-label .shinken-long-text {
    display : none !important;
}
.shinken-menu-top-bar[data-responsive="1"] #shinken-id-navigation-table .shinken-counter-extra-label .shinken-short-text {
    display : inline-block;
}
.shinken-menu-top-bar[data-responsive="2"] #shinken-id-navigation-table .shinken-nav-icons,
.shinken-menu-top-bar[data-responsive="3"] #shinken-id-navigation-table .shinken-nav-icons {
    display : none !important;
}
.shinken-menu-top-bar[data-responsive="4"] #shinken-id-navigation-table .shinken-nav-icons {
    height          : 20px;
    width           : 20px;
    display         : flex;
    justify-content : center;
    align-items     : center;
    min-width       : 0;
}
.shinken-menu-top-bar[data-responsive="4"] #shinken-id-navigation-table .shinken-nav-icons:has(#chevron-circle) {
    padding-top : 0;
}
.shinken-menu-top-bar[data-responsive="4"] #shinken-id-navigation-table .menu-apply-changes-in-apply .shinken-nav-icons {
    padding-right : 0;
}
.shinken-menu-top-bar[data-responsive="4"] #shinken-id-navigation-table .shinken-nav-icons .shinken-navbar-title {
    padding-left : 2px;
}

.shinken-menu-top-bar[data-responsive="2"] #shinken-id-navigation-table .shinken-counter-label,
.shinken-menu-top-bar[data-responsive="3"] #shinken-id-navigation-table .shinken-counter-label,
.shinken-menu-top-bar[data-responsive="4"] #shinken-id-navigation-table .shinken-counter-label {
    font-size : 11px;
}
.shinken-menu-top-bar[data-responsive="3"] #shinken-id-navigation-table .shinken-navigation-info,
.shinken-menu-top-bar[data-responsive="4"] #shinken-id-navigation-table .shinken-navigation-info {
    display : none !important;
}
.shinken-menu-top-bar[data-responsive="4"] #shinken-id-navigation-table .shinken-navbar-title {
    display : none;
}
.shinken-menu-top-bar[data-responsive="4"] #shinken-id-navigation-table .shinken-navigation-title {
    padding : 0 !important;
}
.shinken-menu .shinken-nav-icons {
    margin-left  : 2px;
    margin-top   : 1px;
    margin-right : 3px;
}
.shinken-menu .shinken-nav-icons .shinkon-tools {
    font-size : 12px;
}
.shinken-menu-top-bar[data-responsive="4"] .shinken-navigation-entry-link .menu-working-element-summary {
    background-image : none !important;
}
/* =>>  ======================================== MENU  ===============================================================*/
body:has([data-area="working_area"]) .shinken-menu-top-bar[data-responsive="4"] .shinken-button-working-area .shinken-navigation-entry-link .shinken-navbar-title,
body:has([data-area="staging"]) .shinken-menu-top-bar[data-responsive="4"] .shinken-button-staging .shinken-navigation-entry-link .shinken-navbar-title,
body:has([data-controller="apply"]) .shinken-menu-top-bar[data-responsive="4"] .shinken-button-apply .shinken-navigation-entry-link .shinken-navbar-title {
    display : block !important;
}
.shinken-menu-top-bar[data-responsive="4"] .shinken-button-working-area .shinken-navigation-entry-link .shinken-navbar-title,
.shinken-menu-top-bar[data-responsive="4"] .shinken-button-staging .shinken-navigation-entry-link .shinken-navbar-title,
.shinken-menu-top-bar[data-responsive="4"] .shinken-button-apply .shinken-navigation-entry-link .shinken-navbar-title {
    padding-right : 3px;
}
.shinken-menu-top-bar[data-responsive="4"] .shinken-navigation-title,
.shinken-menu-top-bar[data-responsive="4"] .background-text-staging tr,
.shinken-menu-top-bar[data-responsive="4"] .shinken-table-btn-menu-apply-changes .to-apply-title {
    display       : flex;
    align-items   : center;
    padding-right : 0;
}
body:has([data-controller="apply"]) .shinken-menu-top-bar[data-responsive="4"] .shinken-table-btn-menu-apply-changes .to-apply-title {
    padding-top : 1px;
}
.shinken-menu-top-bar[data-responsive="2"] .shinken-table-btn-menu-apply-changes .to-apply-title,
body:has([data-controller="apply"]) .shinken-menu-top-bar[data-responsive="2"] .shinken-table-btn-menu-apply-changes .to-apply-title {
    padding-left : 3px;
}
.shinken-menu-top-bar[data-responsive="3"] .navigation .navigation-entry .shinken-staging-title {
    padding-top : 1px;
}
body:has([data-area="staging"]) .shinken-menu-top-bar[data-responsive="4"] .shinken-button-staging .shinken-navigation-entry-link .shinken-navbar-title {
    padding-top : 2px;
}
.shinken-menu-top-bar[data-responsive="4"] .shinken-table-btn-menu-apply-changes .to-apply-title {
    padding-top : 3px;
}
.shinken-menu .navigation .navigation-entry {
    list-style : outside none none;
    margin     : 0;
    padding    : 0 5px;
}
.shinken-menu .navigation .navigation-entry .shinken-navigation-title {
    white-space : nowrap;
    padding     : 0 6px;
}
.shinken-menu-top-bar .shinken-logo-cell .logo-shinken-block {
    position : absolute;
    top      : 4px;
    left     : 8px;
    width    : 155px;
}
.shinken-menu-top-bar .shinken-logo-cell .logo-shinken-block .shinken-logo-pill {
    background-color : white;
    border-radius    : 5px;
    padding          : 5px;
    margin           : 5px;
    height           : 30px;
}
.shinken-menu .shinken-navigation-info {
    padding : 0 3px 0 0;
    margin  : 0;
    border  : 0;
}
.shinken-menu .navigation .navigation-entry .shinken-navigation-info > * {
    background     : #000000;
    border-radius  : 4px;
    text-align     : center;
    line-height    : 15px;
    min-height     : 18px;
    vertical-align : middle;
    font-size      : 11px;
    display        : inline-block;
}
.shinken-menu .navigation .navigation-entry .shinken-navigation-info .shinken-counter-label {
    line-height : 22px;
    font-size   : 13px;
}
.shinken-menu .navigation .navigation-entry .shinken-navigation-info #id-shinken-apply-counter .shinken-counter-label {
    line-height   : 20px;
    padding-left  : 3px;
    padding-right : 3px;
}
.shinken-menu .navigation .navigation-entry .shinken-navigation-entry-link > a {
    display         : block !important;
    padding         : 1px 2px !important;
    margin          : 2px 0px 2px 2px;
    border-radius   : 3px !important;
    box-shadow      : 1px 1px 0 #383838, -1px -1px 0 #595959;
    font-family     : "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color           : #EDEDED !important;
    text-decoration : none;
    border          : solid;
    border-width    : 1px 1px 1px 1px !important;
    border-color    : #FFFFFF;
    min-height      : 24px;
    box-sizing      : content-box;
}
.shinken-menu .navigation .navigation-entry .shinken-navigation-entry-link .shinken-fine-tunning {
    position : relative;
    top      : 1px;
}
.shinken-menu .navigation .navigation-entry .dropdown-menu a {
    color   : white;
    border  : 0;
    padding : 7px 5px 7px 15px;
}
/* =>>  ======================================== LOGO  ===============================================================*/
.shinken-logo-cell {
    color            : #000000;
    padding          : 1px 2px 1px 2px;
    width            : 156px;
    min-width        : 156px;
    box-sizing       : content-box;
    background-color : #FFFFFF;
}
.logo-shinken-block .brand {
    color : #FFFFFF;
}
.shinken-logo-cell img {
    max-height : 30px;
    max-width  : unset;
    position   : absolute;
    top        : 5px;
}
.shinken-logo-cell .shinken-version-number {
    font-size     : 8px;
    line-height   : 20px;
    position      : absolute;
    top           : 31px;
    left          : 5px;
    color         : #000000;
    font-family   : "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
    width         : 130px;
}
.shinken-arrow-back-block-cell-shadow {
    width      : 20px;
    min-width  : 20px;
    background : linear-gradient(90deg, rgba(255, 255, 255, 1) 22%, rgb(239 239 239) 25%, #454545 43%);
}
/*============================================== BACK BUTTON =========================================================*/
.shinken-menu .shinken-arrow-back-block-cell {
    width : 67px;
}
.shinken-menu .shinken-arrow-back-border-edge-1 {
    /*border-left  : 1px solid #000000;*/
    /*border-right : 1px solid #6C6C6C;*/
}
.shinken-menu .shinken-arrow-back-border-edge-2 {
    /*border-left  : 1px solid #6C6C6C;*/
    /*border-right : 1px solid #000000;*/
    padding : 0px 0px 0px;
}
.shinken-menu .shinken-arrow-back-border {
    background-color : #373737;
    height           : 45px;
    width            : 45px;
    border-radius    : 30px;
}
.shinken-menu .arrow-back {
    font-size      : 21px;
    line-height    : 44px;
    text-shadow    : 1px 1px 1px rgba(255, 255, 255, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.25);
    text-anchor    : middle;
    text-transform : none;
    transform      : rotate(90deg);
    position       : relative;
    left           : -1px;
}
.shinken-menu .arrow-back:before {
    line-height : 44px;
}
.shinken-menu .arrow-back-background {
    position      : absolute;
    height        : 35px;
    width         : 35px;
    margin        : 5px;
    cursor        : pointer;
    border-radius : 45px;
    box-shadow    : 0 0 10px rgba(0, 0, 0, .5) inset, 3px 3px 4px rgba(0, 0, 0, .5), -1px -1px 2px rgba(255, 255, 255, .5);
    background    : linear-gradient(to bottom, #6B6B6B 0, #424242 100%);
}
.shinken-menu .arrow-back-background:hover {
    background : linear-gradient(to bottom, #787878 0, #4F4F4F 100%);
}
.shinken-menu .arrow-back-background.shinken-disabled {
    pointer-events : none;
    opacity        : 0.3;
    cursor         : not-allowed;
}
/*============================================== NAVIGATION =========================================================*/
.shinken-menu .navigation {
    width : 100%;
}
.shinken-menu .shinken-counter-hover:hover {
    color : whitesmoke;
}
/*======================================== STATUS COUNTER=======================================================*/
.shinken-menu .navigation .navigation-entry a.menu-top-element-summary {
    background-image : linear-gradient(60deg, #FFCC0E, #FF6800);
    color            : #000000 !important;
}
.shinken-menu .navigation .navigation-entry a.menu-top-element-summary:hover {
    background-image : linear-gradient(60deg, rgba(255, 114, 0, 0.70), rgba(255, 104, 0, 0.70));
    color            : #000000 !important;
}
.shinken-menu .navigation .navigation-entry a.menu-top-element-summary .caret {
    border-bottom-color : #000000 !important;
    border-top-color    : #000000 !important;
}
#btn-menu-apply-changes {
    background-image : linear-gradient(60deg, #0095DA, #4B6382);
    color            : #FFFFFF !important;
    height           : 25px;
}
#btn-menu-apply-changes .shinken-table-btn-menu-apply-changes {
    height : 100%;
}
#btn-menu-apply-changes:hover {
    background-image : linear-gradient(60deg, #4B6382, #0095DA);
    color            : #FFFFFF !important;
}
.shinken-menu .navigation .navigation-entry .shinken-counter-label {
    font-weight : normal;
    padding     : 1px;
}
.shinken-menu .navigation .navigation-entry .dropdown-menu .shinken-counter-label {
    padding : 0;
}
#id-shinken-working-area-edition-counter .shinken-counter-label {
    color : #FFCF9D;
}
#id-shinken-working-area-rejected-counter .shinken-counter-label {
    color : #FD5753;
}
#id-shinken-working-area-new-counter .shinken-counter-label,
#id-shinken-stagging-area-new-counter .shinken-counter-label,
.shinken-counter[data-counter-type="new"] .shinken-counter-label {
    color : #FFEF3A;
}
#id-shinken-stagging-area-difference-counter .shinken-counter-label,
#id-shinken-working-area-difference-counter .shinken-counter-label,
.shinken-counter[data-counter-type="change"] .shinken-counter-label {
    color : #02FF00;
}
#id-shinken-stagging-area-proposed-counter .shinken-counter-label,
.shinken-counter[data-counter-type="proposed"] .shinken-counter-label {
    color : #E26B26;
}
.background-text-staging {
    padding       : 4px 0px 2px 2px;
    border-radius : 5px;
    border        : 1px solid transparent;
    color         : black;
}
.background-text-staging .database-image {
    width          : 20px;
    margin-right   : 2px;
    vertical-align : middle;
    display        : inline-block;
    max-width      : unset;
}
.shinken-menu .navigation .navigation-entry > li > a:focus,
.shinken-menu .navigation .navigation-entry > li > a:hover {
    text-decoration  : none;
    color            : #D4D4D4 !important;
    background-color : transparent !important;
}
.shinken-menu .navigation .navigation-entry > .active > a,
.shinken-menu .navigation .navigation-entry > .active > a:hover,
.shinken-menu .navigation .navigation-entry > .active > a:focus {
    /*color:#fff;*/
    text-decoration : none; /*background-color:#272b30;-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);*/
    -moz-box-shadow : inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow      : inset 0 3px 8px rgba(0, 0, 0, 0.125)
}
.shinken-menu .navigation .navigation-entry .dropdown li a:hover {
    background-color : #0095DA;
    color            : #FFFFFF;
}
.shinken-menu .navigation .navigation-entry .dropdown-toggle .caret {
    margin-top          : 9px;
    border-bottom-color : white !important;
    border-top-color    : white !important;
}
.shinken-menu .navigation .navigation-entry li.dropdown.open > .dropdown-toggle {
    background-color : #343434 !important;
    color            : #555555 !important;
}
.shinken-menu .navigation .navigation-entry li.dropdown.open > .dropdown-toggle .caret {
    border-top-color    : #555555 !important;
    border-bottom-color : #555555 !important;
}
.shinken-menu .navigation .navigation-entry .dropdown-menu,
.shinken-menu .navigation .navigation-entry .dropdown-submenu .dropdown-menu {
    background    : linear-gradient(to bottom, #6C6C6C 0, #565656 100%);
    border-radius : 5px;
}
/* Sub shinken-menu */
.shinken-menu .navigation .navigation-entry .dropdown-submenu .dropdown-menu .is-template {
    background : #8A8A8A;
}
.shinken-menu .navigation .navigation-entry .dropdown-submenu .dropdown-menu .is-template span {
    margin-right : 5px;
}
.shinken-menu .navigation .navigation-entry .dropdown-submenu .dropdown-menu .group-separator {
    /*border-top: 2px solid #0095DA;*/
    border-top : 2px solid #C8C9CA;
}
.shinken-menu .navigation .navigation-entry > li > .dropdown-menu:before {
    bottom              : 100%;
    left                : 50% !important;
    top                 : -20px !important;
    border              : solid transparent;
    content             : " ";
    height              : 0;
    width               : 0;
    position            : absolute;
    pointer-events      : none;
    border-color        : rgba(108, 108, 108, 0) !important;
    border-bottom-color : #6C6C6C !important;
    border-width        : 10px;
    margin-left         : -10px;
}
.shinken-menu .navigation .navigation-entry > li > .dropdown-menu:after {
    display : none !important;
}
.shinken-menu .navigation .navigation-entry li:not(:first-child) a {
    border-top : 1px solid #838383;
}
.shinken-menu .navigation .navigation-entry > li > a.menu-apply-changes-disabled {
    cursor : default !important;
    color  : gray !important;
}
/*======================================== LOGOUT BUTTON =========================================================*/
.shinken-menu .shinken-quit-cell {
    text-align : right;
    max-width  : 180px;
}
.shinken-menu .shinken-quit-cell .btn-logout {
    background-color : #0095DA;
    border           : none;
    height           : 53px;
    min-width        : 100px;
    max-width        : 220px;
    border-radius    : 4px 0 0 4px;
    font-size        : 14px;
    font-weight      : normal;
    line-height      : 20px;
    z-index          : 9999;
    position         : relative;
}
.shinken-menu .shinken-quit-cell .btn-logout:hover, .shinken-menu .quit-block .btn-logout:focus {
    background-color : #26A5E0;
}
.shinken-menu .shinken-quit-cell .btn-logout .username,
.shinken-menu .shinken-quit-cell .btn-logout .icon {
    display        : inline-block;
    vertical-align : middle;
}
.shinken-menu .shinken-quit-cell .btn-logout .username {
    max-width : 160px;
}
.shinken-menu .shinken-quit-cell .btn-logout .icon {
    width          : 25px;
    font-size      : 22px;
    margin         : 2px;
    color          : #044A69;
    text-shadow    : rgba(255, 255, 255, .85) 1px 1px 1px, rgba(0, 0, 0, .1) 0 0 2px;
    font-family    : shinkon;
    text-anchor    : middle;
    text-transform : none
}
.production-icon {
    height  : 19px;
    width   : 19px;
    display : inline-block;

}
.header-icon {
    height         : 17px;
    width          : 17px;
    font-size      : 17px;
    line-height    : 17px;
    vertical-align : text-top;
    margin-right   : 4px;
}
.header-icon #chevron-circle {
    height : 19px;
    width  : 19px;
}
/*------------------------------------------------ HEADER END --------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------*/
/*============================================== A TRIER ET NETOYER ==================================================*/
/*====================================================================================================================*/
/*  Pagination styles
    ------------------------------------------------------- */
.pagination.center, .pagination.center ul {
    float    : left;
    position : relative;
}
.pagination.center {
    left : 50%;
}
.pagination.center ul {
    left : -50%;
}
/*  Search form styles
    ------------------------------------------------------- */
.navbar-search .search-query {
    border-radius       : 5px 5px 5px 5px;
    padding-top         : 1px;
    padding-bottom      : 2px;
    padding-left        : 29px;
    background-image    : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAACXBIWXMAAAsTAAALEwEAmpwYAAADG2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjaY2BgnuDo4uTKJMDAUFBUUuQe5BgZERmlwH6egY2BmYGBgYGBITG5uMAxIMCHgYGBIS8/L5UBFTAyMHy7xsDIwMDAcFnX0cXJlYE0wJpcUFTCwMBwgIGBwSgltTiZgYHhCwMDQ3p5SUEJAwNjDAMDg0hSdkEJAwNjAQMDg0h2SJAzAwNjCwMDE09JakUJAwMDg3N+QWVRZnpGiYKhpaWlgmNKflKqQnBlcUlqbrGCZ15yflFBflFiSWoKAwMD1A4GBgYGXpf8EgX3xMw8BUNTVQYqg4jIKAUICxE+CDEESC4tKoMHJQODAIMWgx9DJcMqhgeM0oxRjPMYnzIZMjUwXWLWYG5kvstiwzKPlZk1m/UqmxPbJnYV9pkcAhydnKyczVzMXG3c3NwTeaR4lvIa8x7iC+Z7xl8tICSwWtBN8JFQo7Ci8GGRdFFe0a1iceKc4lslUiSFJY9KVUjrSj+RmSMbKicod1a+R8FHkVfxgtIU5SgVJZXXqlvVGtX9NGQ13mru05qonapjrSuk+0rviP58gxrDKCNLY0nj3yb3TA+brTDvt6iwTLTysbawUbUVsWOx+2r/3OG24wWnY857Xba6rndb6b7UY5HnQq8F3gt9Fvsu81vlvz5ga+DeoGPB50NuhT4L+xLBFCkYpRRtHOMWGxWXF9+SMDtxc9LZ5OepTGly6TYZUZlVWbOy9+Tcy2PKVy/wKSwuml18uORtmUS5S0Vh5byqs9V/a/Xq4usnNRxr/N1s0JLeOq/teodgp3dXe/fhXoY++/66Cfsm/p/sOKV16onpvDOCZ86a9WiO1tySefsWcC0MW7R48celDssmLH+40nhV6+qba3XXNa2/udFgU8fmB1uttk3d/mGn765Vezj2pu87fkD9YOeh10f8jm4+Ln6i9uST095ntpyTPd9+4dOluMunrlpcW3ZD9Gbrra930u/evO/z4MAj08ernyo+m/lC8GXXa+Y3dW9/vi/98OlTwed3X/O+vfuR//PD7+I/3/5V/f8PAC4MHYugPAkxAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAGmSURBVHjaRJC/TxNhAIaf63eltLG9YsOpIWoaAdEmphDEhEFDYlAWEic1MXGhxsGFERIMZTAy+h/o4MDAgAY0GFNdHExUOGMt6iUqlV/SVu44e4a7+xxEfd7xeadHecEGsywPLgyup7VK23zb1Fm7l1/s8or7zQfnkEghkcjE0vhJk0UMDAyU2cjII6PvQKH7dt3UUgtDZk77fqen5fMOACJ65fFw1/y1AfnRqe3/1vkwJYyBjWT7TBULi1DhosLpsYTXSECMZnpvJVbfXFjWHGxs1JVsxHaL7xBEKFNGuLHSWt+UHt0KAFVb3TwRTenbNRxaOAQ81cPuKXsPARDKzvnqei5NFQWHVmL9leOpD0fWdHR0xKj57Orr/nItaex4jRTP37vrxn/u3VK05z+woMTkubCNjH/VnzS9RSIViUR2529wHZFDM50HbrKWsTJePFmq7wMFWDnjq4cLyiJlZvCpJopN6W298nKiNAYKEshOhgB8PMJWw5eGSkDm5tH8n9zC63iv/m0vd+dzbJxgKS+8y5d6pv/p/zef9gmfzk9d03V+DwDspKvKdZIrpwAAAABJRU5ErkJggg==);
    background-repeat   : no-repeat;
    background-position : 10px 4px;
}
.navbar-search .search-query:focus, .navbar-search .search-query.focused {
    padding-left        : 30px;
    background-position : 11px 7px;
}
.working-area-stats, .menu-top-element-summary .staging-stats, .to-apply-stat {
    color         : #FFFFFF;
    background    : #000000;
    border-radius : 3px;
    padding       : 2px 2px 3px 2px;
}
.to-apply-title {
    display     : flex;
    align-items : center;
    white-space : nowrap;
}
.to-apply-title .shinken-navbar-title {
    padding-left : 2px;
}
.to-apply-title .shinken-navbar-title {
    padding-top : 3px;
}