﻿/* EQUITY CSS Styles - JUNE 2011 - V1.0.5 */

.app body {
color: #575757;
background-color: #F5F5F6;
}

.app body.dialog {
color: #575757;
background-color: #FFFFFF;
}

.app body.download {
color: #575757;
background-color: #FFFFFF;
}

.app a, .app a:active, .app a:visited {
color: #575757;
}

.app a:hover {
    color: #727272;
}

.app .btnDotArrow {
background: transparent url(../Images/picto_arrow_black_bg01.png) no-repeat scroll 0 7px;
}

/*HEADER*/
.app #headerWrapper {
background-color: #fff;
}
/*bottom border reset: see line 120*/
/*FOOTER*/
.app #footerWrapper {
color: #575757;
background-color: #fff;
}

.app #headerWrapper #hidePanelTop {
background: #FFF url(../Images/picto_arrow_up_gray.png) no-repeat scroll 50% 49%;
}

.app #headerWrapper #showPanelTop {
background: #FFF url(../Images/picto_arrow_down_gray.png) no-repeat scroll 50% 49%;
}
/*.app #topHider { border-bottom:1px solid #E2E3E3;}*/

.dropIcon {
    background: #FFFFFF url(../Images/file-add-solid.png) no-repeat scroll 10px;
    background-size: 40% 50%;
}

.dropedIcon {
    background: #FFFFFF url(../Images/file-invoice-solid.png) no-repeat scroll 10px;
    background-size: 40% 50%;
}
/*NAV*/ /*z-index 500 -> 510 */
.app #navMainWrapper #navMain li a {
color: #26B9EC;
}

.app #navMainWrapper #navMain .toggleSubMenu {
color: #575757;
margin: -3px .2em 0 0;
}

.app #navMainWrapper #navMain .toggleSubMenu:hover {
background-position: 0 -33px !important;
background-color: #26B9EC !important;
}
.app #navMainWrapper #navMain .toggleSubMenu:hover > a {
    color: #FFF;
    text-decoration-line: none;
}


/*L1.1*/
.app #navMainWrapper #navMain li ul {
    background-color: #FFF;
    box-shadow: 1px 1px 6px 6px rgba(47, 55, 86, 0.1);
}
/*Setting width of Submenu item*/
.app #navMainWrapper #navMain li ul li a {
    color: #575757;
    border-bottom: 1px solid #d8d8d8;
}

.app #navMainWrapper #navMain li ul li a:hover {
    background-color: #FFF;
    border-color: #d8d8d8;
    color: #26B9EC;
    text-decoration-line: none;
}

.app #navMainWrapper #navMain li.subMenuOpen a {
background-color: #FFF;
border-color: #E3E3E3;
}
/*highlighting parent*/
.app #navMainWrapper #navMain li.subMenuOpen ul li a {
background-color: #fff;
}
/*resetting child*/
.app #navMainWrapper #navMain li.subMenuOpen ul li a:hover, .app a.subMenuItemOpen {
    background-color: #F1F1F1 !important;
    color: black !important;
}

.app .actionItem ul li {
background: transparent url(../Images/headnav_bg0x.png) repeat-x scroll 0 0;
border: solid 1px #F5F5F6;
}

.app .actionItem ul li a {
    color: #9F4590;
}

.app .actionItem ul li a:hover {
    color: #9F4590;
}

.app .actionItem ul li a .btnPicto {
    color: #9F4590;
}


/*HEADER TOOLBAR*/ /*z-index 600 -> 610 */

.app .mainMenu ul li a:hover {
color: #0AA5D2;
}

/*Pictos*/
.app .mainMenu ul li a.btnToDo .btnPicto {
background: transparent url(../Images/headnav_bg0x.png) no-repeat scroll 0 -64px;
}

.app .mainMenu ul li a.btnAssist .btnPicto {
background: transparent url(../Images/headnav_bg0x.png) no-repeat scroll 0 -38px;
}

.app .mainMenu ul li a.btnAdmin .btnPicto {
    background: transparent url(../Images/administration.png) no-repeat scroll 2px 0px;
    background-size: 26px;
}

.app .mainMenu ul li a.btnAccount .btnPicto {
    background: transparent url(../Images/features-active.png)no-repeat scroll 2px 0px;
    background-size: 30%;
}

.app .mainMenu ul li a.btnTableauBord .btnPicto {
    background: transparent url(../Images/Tableau_de_bord.png) no-repeat scroll 1px 0px;
    background-size: 26px;
}

.app .mainMenu ul li a.btnEtats .btnPicto {
    background: transparent url(../Images/file-document-active.png) no-repeat scroll 2px 0px;
    background-size: 18px;
}

.app .mainMenu ul li a.btnOperations .btnPicto {
    background: transparent url(../Images/Calculator.png) no-repeat scroll 1px -1px;
    background-size: 24px;
}

.app ul li a.btnLogOut .btnPicto {
background: transparent url(../Images/logout-active.svg) no-repeat scroll -3px -3px;
}
.app  ul li a.btnSociete {
    background: transparent url(../Images/societe.png) no-repeat scroll 3px 4px;
    background-size: 26px;
}
.app ul li.menuSelected a.btnSociete, .app ul li:hover a.btnSociete {
    background: transparent url(../Images/societe-selected.png) no-repeat scroll 3px 4px;
    background-size: 26px;
}
.app ul li a.btnPersonne {
    background: transparent url(../Images/personnes.png) no-repeat scroll 4px 4px;
    background-size: 31px;
}

.app ul li.menuSelected a.btnPersonne, .app ul li:hover a.btnPersonne {
    background: transparent url(../Images/personnes-selected.png) no-repeat scroll 4px 4px;
    background-size: 31px;
}
.app ul li a.btnEtablisssement {
    background: transparent url(../Images/etablissement.png) no-repeat scroll 7px 4px;
    background-size: 23px;
}

.app ul li.menuSelected a.btnEtablisssement, .app ul li:hover a.btnEtablisssement {
    background: transparent url(../Images/etablissement-selected.png) no-repeat scroll 7px 4px;
    background-size: 23px;
}
    /*Pictos->subMenu*/
    .app .mainMenu li ul {
background-color: #FFF;
box-shadow: 5.7px 2px 32px 8px rgba(47,55,86,.06);
}
/*Setting width of Submenu item*/


.app .mainMenu li ul li a:hover {
    background-color: #F1F1F1;
    border-color: #d8d8d8;
    color: #26B9EC;
    text-decoration-line:none;
}
/*->subSubMenu*/
.app .mainMenu ul li ul.subMenu li.subMenuOpen > a {
    background-color: #fff;
    border-color: #E3E3E3;
    color: #26B9EC;
}
/*highlighting parent*/
.app .mainMenu ul li ul.subMenu li.subMenuOpen ul li a {
background-color: #fff;
}
/*resetting child*/
.app .mainMenu ul li ul.subMenu li.subMenuOpen ul li a, .app a.subMenuItemOpen {
    border-bottom: 1px solid #d8d8d8;
}

.app .IWant {
color: #3F3D7F;
background: #fff url(../Images/I_want.png) no-repeat scroll 7px 3px;
}

.app .IWantMenu {
    background: #fff url(../Images/arrow-down-blue.svg) no-repeat scroll 8px 24px;
    background-size: 7%;
}

.app .IWantMenu ul li a {
    color: #006DAA;
}

    .app .IWantMenu ul li a:hover {
        color: #0AA5D2;
    }

.app .IWantMenu li ul {
    background-color: #FFF;
    box-shadow: 5.7px 2px 32px 8px rgba(47,55,86,.06);
}
/*Setting width of Submenu item*/
.app .IWantMenu li:hover ul li {
    color: #000;
    border-bottom: 1px solid #d8d8d8;
}

    .app .IWantMenu li:hover ul li a {
        color: #000;
        border: 1px solid #FFF;
    }

    .app .IWantMenu li ul li a:hover {
        color: #26B9EC;
    }

.app .IWantMenu ul li ul.subMenu li.subMenuOpen a {
    background-color: #F1F1F1;
    border-color: #E3E3E3;
}
/*highlighting parent*/
.app .IWantMenu ul li ul.subMenu li.subMenuOpen ul li a {
    background-color: #fff;
}
    /*resetting child*/
    .app .IWantMenu ul li ul.subMenu li.subMenuOpen ul li a:hover, .app a.subMenuItemOpen {
        background-color: #F1F1F1 !important;
    }

/*NAV SUB (vertical) nav_On: blue no ico / navHasChildren_Off: pink ico + nested ul hidden / navHasChildren_On: blue ico + nested ul shown*/
.app #navSubWrapper #navSub li a {
color: #006DAA;
border-bottom: solid 1px #E2E3E3;
}

.app #navSubWrapper #navSub li a:hover {
    color: #0AA5D2;
}

.app #navSubWrapper #navSub li.nav_On a {
color: #26B9EC!important;
}

.app #navSubWrapper #navSub li.navHasChildren_Off a {
    background: transparent url(../Images/arrow-right-blue.svg) no-repeat scroll 7px 13px;
    background-size: 0.7em 0.8em;
}

.app #navSubWrapper #navSub li.navHasChildren_Off a:hover {
    background: transparent url(../Images/arrow-right-blue.svg) no-repeat scroll 7px 13px;
    background-size: 0.7em 0.8em;
}

.app #navSubWrapper #navSub li.navHasChildren_On ul li a {
color: #006DAA;
background: transparent no-repeat scroll 0 9px;
border-bottom-width: 0;
}

.app #navSubWrapper #navSub li.navHasChildren_On ul li a:hover {
    color: #0AA5D2;
}

.app #navSubWrapper #navSub li.navHasChildren_On ul li.nav_On a {
color: #0AA5D2;
}

.app #navSubWrapper #navSub li.navHasChildren_On a {
color: #fff;
background: #26B9EC url(../Images/arrow-down-blue.svg) no-repeat scroll 5px 14px;
background-size: 0.8em 1em;
}

.ie6 #navSubWrapper #navSub li.navHasChildren_On ul li.nav_On a {
color: #26B9EC!important;
}

.app #navSubWrapper #navSub li.navHasNoChild.nav_On a {
color: #fff !important;
background-color: #863988;
}


/*CRUMBREAD WRAPPER*/
.app #crumbreadWrapper {
border-bottom: solid 1px #E2E3E3;
border-top: solid 1px #E2E3E3;
}
/*Adding btm border for IE6 zindex bug: bottom border popping through sub menu items - see line 40*/
/*CrumBread*/
.app #crumbread p {
color: #575757;
font-size: 15px;
}

.app #crumbread p a {
    color: #575757;
    background: transparent url(../Images/arrow-right-blue.svg) no-repeat scroll 100% 60%;
    background-size: 0.5em 1em;
}
/*Consultation*/
.app #consultationWrapper input {
    padding-top: 1px;
}

.app #consultationWrapper #fConsultdateToday {
color: #9F4590;
}

/*date control*/
.app input.dateControl {
color: #9F4590;
border: solid 1px #9F4590;
}

a.tableBtnComment, .app table.tablesorter a.tableBtnComment {
    background: transparent url(../Images/Icones2_Visual_sign.png) no-repeat;
    background-position: 0% 67%;
    background-size: 2200%;
}

a.tableBtnFormulaire, .app table.tablesorter a.tableBtnFormulaire {
    background: transparent url(../Images/edit-solid.png) no-repeat;
    background-position: 87% 71%;
    background-size: 100%;
}

/*DAHBOARD ENTITY HOMEPAGE*/
/*Item Data*/
.app #dashItemWrapperEntity ul li div.dashItemDataWrapper {
border: solid 1px #E2E3E3;
background-color: #fff;
}

.app #dashItemWrapperEntity ul li div.dashItemDataWrapper h1 {
    color: #666;
    background: #F5F5F6 url(../Images/dash_ico_bg01x.png) no-repeat scroll 0 100%;
}

    .app #dashItemWrapperEntity ul li div.dashItemDataWrapper h1 span.ico {
        background: transparent url(../Images/dash_btn_action_bg01x.png) no-repeat scroll 0 -120px;
    }
    /*Setting ico*/
    .app #dashItemWrapperEntity ul li div.dashItemDataWrapper h1 span.dashBtnActionWrapper a {
        color: #9F4590;
        background-color: #F3F3F5;
        border: solid 1px #fff;
    }

        .app #dashItemWrapperEntity ul li div.dashItemDataWrapper h1 span.dashBtnActionWrapper a.btnAdd {
            background: #F3F3F5 url(../Images/picto_plus_thin_pink.png) no-repeat scroll 91% 50%;
        }

        .app #dashItemWrapperEntity ul li div.dashItemDataWrapper h1 span.dashBtnActionWrapper a.btnDisplayAll {
            background: #F3F3F5 url(../Images/picto_arrow_south_pink.png) no-repeat scroll 91% 50%;
        }


/*DAHBOARD HOMEPAGE*/
/*Big Buttons*/
.app #dashBtnActionWrapper {
background-color: #fff;
border: solid 1px #E2E3E3;
}

.app #dashBtnActionWrapper a.btnActionSearchCie, .app #dashBtnActionWrapper a.btnActionSearchPeople, .app #dashBtnActionWrapper a.btnActionSearchEnt {
    color: #413D80;
    background: #FAFAFC url(../Images/btn_action_bg02x.png) no-repeat scroll 100% 100%;
    border: solid 1px #e2e3e3;
}

    .app #dashBtnActionWrapper a.btnActionSearchCie span, .app #dashBtnActionWrapper a.btnActionSearchPeople span, .app #dashBtnActionWrapper a.btnActionSearchEnt span {
        background: transparent url(../Images/dash_btn_action_bg01x.png) no-repeat scroll 0 0;
    }

.app #dashBtnActionWrapper p a:hover, .app #dashBtnActionWrapper p a:focus {
    color: #000;
}
/*Item Data*/

.app #dashItemWrapper ul li div.dashItemDataWrapper {
border: solid 1px #E2E3E3;
background-color: #fff;
}

.app #dashItemWrapper ul li div.dashItemDataWrapper h1 {
    color: #413D80;
    background: #e4e4f0 url(../Images/dash_ico_bg01x.png) no-repeat scroll 0 100%;
}

    .app #dashItemWrapper ul li div.dashItemDataWrapper h1 span.ico {
        background: transparent url(../Images/dash_btn_action_bg01x.png) no-repeat scroll 0 -120px;
    }

    /**/
    .app #dashItemWrapper ul li div.dashItemDataWrapper h1 span.dashBtnActionWrapper a {
        color: #9F4590;
        background-color: #F3F3F5;
        border: solid 1px #fff;
    }

        .app #dashItemWrapper ul li div.dashItemDataWrapper h1 span.dashBtnActionWrapper a.btnAdd {
            background: #F3F3F5 url(../Images/picto_plus_thin_pink.png) no-repeat scroll 91% 50%;
        }

        .app #dashItemWrapper ul li div.dashItemDataWrapper h1 span.dashBtnActionWrapper a.btnDisplayAll {
            background: #F3F3F5 url(../Images/picto_arrow_south_pink.png) no-repeat scroll 91% 50%;
        }

.app #mainHeaderWrapper h1 {
color: #005A82;
}
/*BTN: actions*/
/*TOP: btns on the right*/
.app #btnActionWrapper {
background-color: #fff;
border: solid 1px #E2E3E3;
}

/**/


/**/
.app #btnActionWrapper p a:hover, .app #btnActionWrapper p a:focus {
color: #727272;
}

/*LAYOUT Grid*/ /*OFF and replaced by:*/
/*PANEL*/
.app .panelContainer {
background-color: #FFF;
border: 1px solid #E2E3E3;
}

.app .panelContainer .panelSeparator {
    border: 1px solid #E2E3E3;
}

    .app .panelContainer .panelSeparator span {
        background-color: #9CC;
    }

/* border-left:1px solid #E2E3E3; margin-left:200px; */
.app .panelContainer #showPanel {
    background: #FFF url(../Images/picto_arrow_east_gray.png) no-repeat scroll 50% 49%;
}

.app .panelContainer #hidePanel {
    background: #FFF url(../Images/picto_arrow_west_gray.png) no-repeat scroll 50% 49%;
}

/*TABs*/
/*Tab wrapper*/
.app div.tabWrapper.ui-widget-content.ui-widget {
border-color: #E2E3E3;
}
/*Tabs*/

.app ul.ui-tabs-nav.ui-widget-header.ui-corner-all {
border-color: #E2E3E3;
background-color: transparent;
}

.app ul.ui-tabs-nav.ui-widget-header.ui-corner-all li.ui-state-default.ui-corner-top {
    border-color: transparent;
    font-weight: bold;
}

.app ul.ui-tabs-nav li.ui-state-default a, .app ul.ui-tabs-nav li.ui-state-default a:link, .app ul.ui-tabs-nav li.ui-state-default a:visited {
    color: #727272;
    background: #f4fafd;
}

.app ul.ui-tabs-nav li.ui-state-default.ui-tabs-selected a {
    color: #FFFFFF !important;
    background: #006DAA;
}
/*Tabbed panel*/
.app .ui-tabs .ui-tabs-panel.ui-widget-content.ui-corner-bottom {
border-top: solid 1px #E2E3E3;
}

.ie6 .ui-tabs .ui-tabs-panel {
border-top: solid 1px #E2E3E3;
}
/*IE6 looses padding + border*/
/*Popin Search*/
.app div.tabPopinSearch ul.ui-tabs-nav.ui-widget-header.ui-corner-all {
border-bottom: 1px solid #DCDCDC;
}

/*POPINs*/
.app div.uiPopinfix {
border: dotted 1px #E2E3E3;
border-radius: 3px;
box-shadow: 5.7px 2px 32px 8px rgba(47,55,86,.06);
}

.app div.uiPopinfix .ui-dialog-titlebar {
    color: #006daa;
    border-bottom: dotted 1px #E2E3E3;
    font-size: 18px;
}

.app div.uiPopinfix .ui-dialog-titlebar-close {
    background: transparent url(../Images/close-blue.svg) no-repeat scroll 3px 4px;
}

    .app div.uiPopinfix .popinContentTitle {
        color: #006daa;
        border-top: 1px solid #DCDCDC;
    }

.app .sectionTitle, .app body.dialog div.popinContentTitle {
    color: #006daa;
    border-top: 1px solid #DCDCDC;
}

.app .popinToolbarBottom .paginationContainer {
border: dotted 1px #E2E3E3;
}

.app .popinToolbarBottom .paginationContainer a {
    color: #0AA5D2;
}

.app table.tablesorter tbody tr.popinToolbarBottom:hover {
outline: solid 0px #B0B0B0;
}

/*DATEPICKER*/
.app .ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today, .app .ui-state-highlight, .app .ui-widget-content .ui-state-highlight, .app .ui-widget-header .ui-state-highlight {
color: #9F4590;
border-color: #9F4590;
}

/*FORM*/
.app form .formSection {
color: #FFFFFF;
background: #0AA5D2;
border-radius: 3px;
font-size: 16px;
}


/*TABLE*/
/*TABLE: TABLE-SORTER: see Jquery*/
.app .unitFrame {
background-color: #fff;
}

.app .unitFrame table caption {
    color: #006daa;
}

.app .unitFrame .popinContentTitle {
    color: #006daa;
}

.app .unitFrame .popinToolbarTop {
    color: #006daa;
}

.app table.tablesorter > thead > tr > th, .app table.tablesorter > tr > th {
color: #FFFFFF;
background: #0AA5D2;
border: dotted 1px #E2E3E3;
}

.app table.tablesorter > tbody > tr.head > td {
color: #FFFFFF;
background: #0AA5D2;
}

.app table.tablesorter > tbody > tr.foot > td {
color: #727272;
background-color: #F5F5F6;
border-right: solid 1px #fff;
}

.app table.tablesorter .headerNoSort {
color: #26B9EC!important;
background-color: #f4fafd;
border-right: solid 1px #fff;
}

.app table.tablesorter .header {
background: #26B9EC !important;
}

.app table.tablesorter .header a {
    color: #FFFFFF !important;
}

.app table.tablesorter .headerSortUp {
    background: #26B9EC url(../Images/chevron-square-up.png) no-repeat scroll 99% 1% !important;
    background-size: 15px !important;
}

.app table.tablesorter .headerSortUp a {
    color: #FFFFFF !important;
}

.app table.tablesorter .headerSortDown {
    background: #26B9EC url(../Images/chevron-square-down.png) no-repeat scroll 99% 99% !important;
    background-size: 15px !important;
}

.app table.tablesorter .headerSortDown a {
    color: #FFFFFF !important;
}

.app table.tablesorter > tr > td, .app table.tablesorter > tbody > tr > td {
border-bottom: solid 1px #f5f5f6;
}
/*Hover Tbody*/
.app table.tablesorter > tbody > tr:hover, .app table.tablesorter > tr:hover {
background-color: #EFEFF9 !important;
outline: solid 1px #B0B0B0;
}

.app table.tablesorter > tbody > tr:focus, .app table.tablesorter > tr:focus {
background-color: #EFEFF9 !important;
outline: solid 1px #B0B0B0;
}

.app table.tablesorter > tbody > tr:active, .app table.tablesorter > tr:active {
background-color: #EFEFF9 !important;
outline: solid 1px #B0B0B0;
}

.app table.tablesorter tbody .dataSelected {
background-color: #EFEFF9 !important;
outline: solid 1px #B0B0B0;
}

.app table.tablesorter > tbody > tr.item, .app table.tablesorter > tr.item {
background-color: #FFFFFF;
}

.app table.tablesorter > tr > td > a, .app table.tablesorter > tbody > tr > td > a {
font-weight: normal;
}

.app table.tablesorter > tbody > tr.alternate, .app table.tablesorter > tr.alternate {
background-color: #f4fafd;
}
a.tableBtnDetails, .app table.tablesorter a.tableBtnDetails {
    background: url(../Images/eye-regular.png) no-repeat scroll 0px;
    background-size: 100%;
}
a.tableBtnCancel, .app table.tablesorter a.tableBtnCancel {
    background: url(../Images/cancel.png) no-repeat scroll 0px;
    background-size: 100%;
}
a.tableBtnCheck, .app table.tablesorter a.tableBtnCheck {
    background: url(../Images/clipboard-check-solid.png) no-repeat scroll 0px;
    background-size: 80%;
}
a.tableBtnReset, .app table.tablesorter a.tableBtnReset {
    background: url(../Images/undo-solid.png) no-repeat scroll 0px;
    background-size: 80%;
}
a.tableBtnClone, .app table.tablesorter a.tableBtnClone {
    background: url(../Images/clone-regular.png) no-repeat scroll 0px;
    background-size: 80%;
}
a.tableBtnTransferer, .app table.tablesorter a.tableBtnTransferer {
    background: url('../Images/share-square-solid.png') no-repeat scroll 0px;
    background-size: 80%;
}
a.tableBtnInfo, .app table.tablesorter a.tableBtnInfo {
    background: url(../Images/info.svg) no-repeat scroll 0px;
    background-size: 80%;
}
/**/
.app table.tablesorter a.tableBtnContact-Off,
.app table.tablesorter a.tableBtnContact-On {
    background-image: url(../Images/table_btn_action_bg0x.png);
}
a.tableBtnDownload, .app table.tablesorter a.tableBtnDownload {
    background: url(../Images/file-download-solid.png) no-repeat scroll 0px;
    background-size: 80%;
}
    a.tableBtnHolding, .app table.tablesorter a.tableBtnHolding {
        background: url(../Images/sitemap-solid.png) no-repeat scroll 0px;
        background-size: 100%;
    }

a.tableBtnEdit, .app table.tablesorter a.tableBtnEdit {
background: url(../Images/edit-small-active.png) no-repeat scroll 0px;
background-size: 100%;
}
a.tableBtnHelp, .app table.tablesorter a.tableBtnHelp {
    background: url(../Images/info.svg) no-repeat scroll 0px;
    background-size: 100%;
}

.app table.tablesorter a.tableBtnCie, a.tableBtnCie {
    background: url(../Images/home-active.png) no-repeat scroll 0px;
    background-size: 100%;
}

.app table.tablesorter a.tableBtnContact {
    background: url(../Images/profile-active.png) no-repeat scroll 0px;
    background-size: 90%;
}

.app table.tablesorter a.tableBtnDel, a.tableBtnDel {
    background: url(../Images/trash-alt-regular.png) no-repeat scroll 0px;
    background-size: 90%;
}

.app table.tablesorter a.tableBtnDocumentNotSigned, a.tableBtnDocumentNotSigned {
    background: url(../Images/clock-regular.svg) no-repeat scroll 0px;
    background-size: 90%;
}

.app table.tablesorter a.tableBtnDocumentSigned, a.tableBtnDocumentSigned {
    background: url(../Images/file-certificate.svg) no-repeat scroll 0px;
    background-size: 90%;
}

.app table.tablesorter a.tableBtnStatus, a.tableBtnStatus {
background: url(../Images/file-document-active.png) no-repeat scroll 2px;
background-size: 80%;
}

.app table.tablesorter a.tableBtnHistory {
background: url(../Images/history-solid.png) no-repeat scroll -1px;
background-size: 96%;
}

a.tableBtnCourrier, .app table.tablesorter a.tableBtnCourrier {
     background: transparent url(../Images/print-solid.png) no-repeat scroll 1px;
    background-size: 96%;
}

a.tableBtnRefresh, .app table.tablesorter a.tableBtnRefresh {
background-image: url(../Images/Rafraichir.png);
}

/**/
.app table.tablesorter a.tableBtnArrowRight, a.BtnArrowRight, .app a.tableBtnArrowRight {
    background: url(../Images/next.png) no-repeat scroll 10%;
    display: block;
    width: 22px;
    height: 22px;
    background-size: 57%;
}
.app table.tablesorter a.tableBtnArrowNext, .app a.tableBtnArrowNext {
    background: url(../Images/angle-right-solid.png) no-repeat scroll 50%;
    display: block;
    width: 22px;
    height: 22px;
    background-size: 50%;
}


.app table.tablesorter a.tableBtnFilter {
    background: url(../Images/filter-solid.png) no-repeat scroll 10%;
    display: block;
    width: 22px;
    height: 22px;
    background-size: 68%;
}
/*TABLE: DATA*/
.app table.dataTable th {
color: #727272;
background-color: #f4fafd;
border: solid 2px #fff;
}

.app table.dataTable td {
background-color: #F7F7F8;
border: solid 2px #fff;
}

.app table.dataTable a.tableBtnAdd {
background: transparent url(../Images/btn_add_item01.png) no-repeat scroll 50% 50%;
}

.app table.dataTable td img {
border: solid 1px #A44E95;
}


/*tableCalendar used in Tableau de bord > Evenements > Calendrier */

.app table.tableCalendar .Header {
color: #413D80;
background: #CCCAE0 url(../Images/picto_table_sort_bg0x.png) no-repeat scroll 100% -365px;
font-weight: normal;
padding: 7px 11px 7px 9px;
border-right: solid 1px #fff;
}

.app table.tableCalendar tr.item {
background-color: #F7F7F8;
}

.app table.tableCalendar tr.alternate {
background-color: #f4fafd;
}

.app table.tableCalendar tr.item > td:hover, .app table.tableCalendar tr.item > td:hover, .app table.tableCalendar tr.alternate > td:hover, .app table.tableCalendar tr.alternate > td:hover {
    background-color: #EFEFF9 !important;
    outline: solid 1px #B0B0B0;
}

.app table.tableCalendar a {
color: #777;
}

/*LOGIN Window*/
.app #loginWindow {
background: #fff;
border: solid 1px #E2E3E3;
}

.app #loginWindow h1 {
    color: #FFF;
}

.app .entete {
background: #006DAA url(../Images/ico-logo.png) no-repeat left center scroll;
padding: 90px 0;
}

.app #loginWindow legend {
color: #9F4590;
}

.app input[type="text"], .app input[type="password"] {
border: solid 1px #DCDCDC;
background-color: #FFFFFF !important;
}

.app input[type="submit"], .app input[type="button"], .app input.IconTypeSubmit, .app input[type="reset"], .app input.btnTypeReset, .btnSubmit, a.IconTypeSubmit {
    display: inline-block;
    border: none;
    padding: 10px 17px 10px 17px;
}
.app input[type="button"],.app input[type="submit"], .app input.btnTypeSubmit, .app input[type="reset"], .app input.btnTypeReset, .btnSubmit {
    display: inline-block;
    background-color: #26B9EC;
    border-radius: 3px;
    padding: 9px 12px;
    line-height: 24px;
    font-size: 12px;
    color: #FFF !important;
    border: 1px solid #26B9EC;
    text-decoration: none;
    text-transform: uppercase;
}
.app .btnEditFamilleMembers {
    width: 22px;
    position: relative;
    top: -7px;
    left: 9px;
}
.app input[type="image"] {
    max-width: 30px;
    max-height: 35px;
}
.app input[type="submit"]:hover, .app input[type="button"]:hover, .app input.btnTypeSubmit:hover, .app input[type="reset"]:hover, .app input.btnTypeReset :hover, .btnSubmit :hover {
    background-color: #006DAA;
    border-radius: 3px;
    border: 1px solid #006DAA;
}
    .app input[type="submit"]:disabled, .app input[type="button"]:disabled, .app input.btnTypeSubmit:disabled, .app input[type="reset"]:disabled, .app input.btnTypeReset:disabled, .btnSubmit :disabled {
        background-color: #dddddd;
        border-radius: 3px;
        border: 1px solid #dddddd;
    }
.app input.IconTypeSubmit, a.IconTypeSubmit {
    border: none;
    padding: 20px 30px 20px 30px;
    cursor:pointer;
}
.app input.IconTypeSubmit:hover, a.IconTypeSubmit:hover {
    border: none;
    background-color: transparent;
}
.app input.IconTypeSubmit:disabled, a.IconTypeSubmit:disabled {
    border: none;
    background-color: transparent;
} 

.app .btnActionOff {
background-image: url(../Images/btn_action_bg0x_off.png) !important;
color: #B8B8B8;
}

input[type="submit"][disabled].btnPrev, input.btnTypeSubmitPrev [disabled] {
    background: url(../Images/arrow-left-solid-disabled.png) no-repeat scroll 10px;
    background-size: 50% 50%;
}

input[type="submit"].btnPrev, input.btnTypeSubmitPrev {
    background:  url(../Images/arrow-left-solid.png) no-repeat scroll 10px;
    background-size: 50% 50%;
}
input[type="submit"][disabled].btnNext, input.btnTypeSubmitNext [disabled] {
    background: url(../Images/arrow-right-solid-disabled.png) no-repeat scroll 10px;
    background-size: 50% 50%;
}

input[type="submit"].btnNext, input.btnTypeSubmitNext {
    background:  url(../Images/arrow-right-solid.png) no-repeat scroll 10px;
    background-size: 50% 50%;
}

input[type="submit"].btnSave, input.btnTypeSubmitSave {
    background:  url(../Images/save-regular.png) no-repeat scroll 10px;
    background-size: 50% 50%;
}
input[type="submit"][disabled].btnSave, input.btnTypeSubmitSave [disabled] {
    background:  url(../Images/save-regular-disabled.png) no-repeat scroll 10px;
    background-size: 50% 50%;
}
input[type="submit"].btnTypeReset, input.btnTypeSubmitReset {
    background: url(../Images/cancel.png) no-repeat scroll 10px;
    background-size: 30% 40%;
}
input[type="submit"].btnImprimer, input.btnActionPrint, input[type="submit"].btnActionPrint {
    background:  url(../Images/print-solid.png) no-repeat scroll 10px;
    background-size: 50% 50%;
}
input.btnActionDownload, input[type="submit"].btnActionDownload {
    background: url(../Images/upload-solid.png) no-repeat scroll 10px;
    background-size: 50% 50%;
}
input.btnActionDisplayAll, input[type="submit"].btnActionDisplayAll {
    background: url(../Images/list-alt-regular.png) no-repeat scroll 10px;
    background-size: 50% 50%;
}
input.btnActionReset, input[type="submit"].btnActionReset {
    background: url(../Images/undo-solid.png) no-repeat scroll 10px;
    background-size: 50% 50%;
}
input.btnActionPrintPreview, input[type="submit"].btnActionPrintPreview {
    background:  url(../Images/eye-regular.png) no-repeat scroll 10px;
    background-size: 50% 50%;
}
input.btnActionAdd, input[type="submit"].btnActionAdd {
    background: url(../Images/plus-solid.png) no-repeat scroll 22px;
    background-size: 40% 40%;
}
input.btnActionAdd [disabled], input[type="submit"][disabled].btnActionAdd {
    background:  url(../Images/plus-solid-disabled.png) no-repeat scroll 10px;
    background-size: 40% 40%;
}
input.btnActionDelete, input[type="submit"].btnActionDelete {
    background: url(../Images/trash-alt-regular.png) no-repeat scroll 10px;
    background-size: 40%;
}
input.btnActionRefresh, input[type="submit"].btnActionRefresh {
    background: url(../Images/refresh-active.svg) no-repeat scroll 10px;
    background-size: 50% 50%;
}

input.btnActionImport[disabled], input[type="submit"][disabled].btnActionImport {
    background: url(../Images/file-import-solid-disabled.png) no-repeat scroll 10px;
    background-size: 50% 50%;
}

input.btnActionImport, input[type="submit"].btnActionImport {
    background: url(../Images/file-import-solid.png) no-repeat scroll 10px;
    background-size: 50% 50%;
}
input.btnOnlineHelp, input[type="submit"].btnOnlineHelp {
    background: url(../Images/info.svg) no-repeat scroll 10px;
    background-size: 50% 50%;
}
input.btnZoomIn, input[type="submit"].btnZoomIn {
    background: url(../Images/zoom-in.png) no-repeat scroll 10px;
    background-size: 40% 40%;
}
input.btnZoomOut, input[type="submit"].btnZoomOut {
    background: url(../Images/zoom-out.png) no-repeat scroll 10px;
    background-size: 40% 40%;
}
input.btnValider, input[type="submit"].btnValider {
    background: url(../Images/clipboard-check-solid.png) no-repeat scroll 10px;
    background-size: 40% 40%;
}
a.btnActionPrintXLS {
    background: url(../Images/file-excel-regular.png) no-repeat scroll 10px;
    background-size: 50% ;
}
a.btnActionPrint{
       background:  url(../Images/print-solid.png) no-repeat scroll 10px;
    background-size: 50%;
}

a.btnActionPrintXLS:disabled {
    background: url(../Images/file-excel-regular-disabled.png) no-repeat scroll 10px;
    background-size: 50% ;
}
a.btnActionPrintPDF {
    background: url(../Images/file-pdf-regular.png) no-repeat scroll 10px;
    background-size: 50% ;
}

a.btnActionPrintPDF:disabled {
    background: url(../Images/file-pdf-regular-disabled.png) no-repeat scroll 10px;
    background-size: 50% ;
}
a.btnActionPrintRTF {
    background: url(../Images/share-square-solid.png) no-repeat scroll 10px;
    background-size: 50%;
}

    a.btnActionPrintRTF :disabled {
        background: url(../Images/share-square-solid-disabled.png) no-repeat scroll 10px;
        background-size: 50%;
    }
a.btnActionPrintCSV {
    background: url(../Images/share-square-solid.png) no-repeat scroll 10px;
    background-size: 50%;
}

    a.btnActionPrintCSV :disabled {
        background: url(../Images/share-square-solid-disabled.png) no-repeat scroll 10px;
        background-size: 50%;
    }
input.btnTypeSubmitSearch, input[type="submit"].btnSearch {
    background:  url(../Images/filter-solid.png) no-repeat scroll 10px;
    background-size: 40% 40%;
}
input[type="submit"][disabled].btnTypeReset, input.btnTypeSubmitReset [disabled] {
    background:  url(../Images/cancel-disabled.png) no-repeat scroll 10px;
    background-size: 40% 50%;
}
/**Image editor**/
.app img.imageEditor {
    border-color: #A44E95;
}
 .app .labelTitlePage, .app .labelTitleMessage, .app .labelTitleError {
color: #006DAA;
}

.app .labelTitleError {
color: Red;
}

/*GE level list clasess*/
.app .GECreatorEntitiesLevel1 {
background-color: Maroon;
}

.app .GECreatorEntitiesLevel2 {
background-color: Green;
}

.app .GECreatorEntitiesLevel3 {
background-color: Lime;
}

.app .GECreatorEntitiesLevel4 {
background-color: Orange;
}

.app .ui-accordion .ui-corner-all {
border: solid 1px #E2E3E3;
}

.app .ui-accordion .ui-corner-top {
border-top: solid 1px #E2E3E3;
}

.app .ui-accordion .ui-corner-bottom {
border-bottom: solid 1px #E2E3E3;
}

.app .ui-accordion .ui-accordion-header {
color: #006DAA;
}



.app td.TreeNode:hover {
background-color: #f8f8f9;
outline: solid 1px #B0B0B0;
}

.app td.SelectedNode {
background-color: #f8f8f9;
outline: solid 1px #B0B0B0;
}

/*documentListConsultationFilter*/
.app table.documentListConsultationFilter {
color: #222222;
}

/* editor table base instances*/
.app table.baseInstancesUserEdit {
color: #222222;
}

.app table.baseInstancesUserEdit th.head {
    color: #727272;
}

.app table.baseInstancesCalendrier {
color: #222222;
}

.app table.baseInstancesCalendrier th.head {
    color: #727272;
}

/*eq numeric edition*/
.app .eqNumericEdition input[type='text'][readonly] {
color: #B8B8B8 !important;
}

.app .InPendingMode .eqNumericEdition input[type='text'][readonly] {
color: Red !important;
}

.app span.UCMessage.info, .app div.UCMessage.info {
color: Blue;
}

.app span.UCMessage.error, .app div.UCMessage.error {
color: Red;
}

.app span.UCMessage.warning, .app div.UCMessage.warning {
color: Orange;
}

/*Multi Values Editor*/
.app span.multiValuesEditorItem {
    color: #09a5d2;
}

.app div.multiValuesEditor {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

/*TABLE: DATA*/
.app table.dataTableGrid th {
color: #727272;
background-color: #f4fafd;
border: solid 2px #fff;
}

.app table.dataTableGrid td {
    border: solid 2px #fff;
    background-color: #f2fbfe;
}

.app table.dataTableGrid a.tableBtnAdd {
background: transparent url(../Images/Plus.png) no-repeat 25%;
background-size: 150% 150%;
}

.app table.dataTableGrid td img {
border: solid 1px #A44E95;
}

.app #isRequired {
border: inset;
border-color: #ff0000;
}

.saas-alert-danger {
    background-color: transparent;
    background: transparent url(../Images/Danger.PNG) no-repeat;
    width: 60px;
    height: 60px;
    background-size: 70% 70%;
}

.saas-alert-info {
    background: transparent url(../Images/info.PNG) no-repeat;
    width: 60px;
    height: 60px;
    background-size: 70% 70%;
}

.saas-alert-warning {
    background: transparent url(../Images/warning.PNG) no-repeat;
    width: 60px;
    height: 60px;
    background-size: 70% 70%;
}

.app ul li a.btnMaintenanceMessages-danger .btnPicto{
    background: transparent url(../Images/Danger.PNG) no-repeat;
    background-size: 25px;
}

.app ul li a.btnMaintenanceMessages-info .btnPicto{
    background: transparent url(../Images/info.PNG) no-repeat;
    background-size: 25px;
}

.app ul li a.btnMaintenanceMessages-warning .btnPicto{
    background: transparent url(../Images/warning.PNG) no-repeat;
    background-size: 25px;
}

.app table.dataTableGrid a.tableBtnReminder {
background: transparent url(../Images/reminder.png) no-repeat;
background-size: contain;
}

.app table.dataTableGrid a.tableBtnReminderActive {
background: transparent url(../Images/reminderActive.png) no-repeat;
background-size: contain;
}

.app table.dataTableGrid a.tableBtnNoReminder {
background: transparent url(../Images/ico_calendar_NoEvent.png) no-repeat;
background-size: contain;
}

.app table.dataTableGrid a.tableBtnEvent {
background: transparent url(../Images/calendar.png) no-repeat;
background-size: contain;
}

input[type="submit"].btnActionExport, input.btnActionExport {
    background: transparent url(../Images/share-square-solid.png) no-repeat scroll 10px;
    background-size: 50% 50%;
}
    input[type="submit"][disabled].btnActionExport, input.btnActionExport[disabled] {
        background: transparent url(../Images/share-square-solid-disabled.png) no-repeat scroll 10px;
        background-size: 50% 50%;
    }

input[type="submit"].btnActionModify, input.btnActionModify {
    background: transparent url(../Images/edit-solid.png) no-repeat scroll 10px;
    background-size: 50% 50%;
}

.dxeButtonEditButton {
background: none !important;
border: none !important;
}

.InputAutoComplete {
background-color: white;
border: 1px solid #e4e4ec;
font: 12px "GothamRounded-Medium",Tahoma, Geneva, sans-serif;
}

.AutoCompleteTable {
width: 97%;
}


.PositionBtn {
    position: relative;
    top: 15px;
}
.NavBtn {
    height: 25px;
}
.PaggingBtn {
    height: 19px;
}
.tableRadioButton  label {

    margin:0 10px 0 2px;
}
.tableRadioButton input[type="radio"] {
    margin :5px 0;
}
.CreatorEntities > div {
    position: relative;
    top: 30px;
}
.HeaderEntities > th {
    padding: 15px 11px 7px 9px !important;
}
.positionListBox {
    width: 98% !important;
}
.text-align-right {
    text-align: right;
}
.positionIcon {
    position: relative;
    top: -11px;
}

.ui-dialog {
    overflow: visible !important;
}
.app .padding-left {
    padding: 0.375rem 0.55rem;
}
