* {
    font-family: var(--font-family);
}

button {
    border: none;
}

.md-primary {
    background-color: var(--light-grey);
    color: var(--blue);
}

.md-primary:hover {
    background-color: var(--yellow);
    color: var(--white);
}

.coa-header-total {
    position: relative;
    top: -21px;
    font-size: 14px;
    text-align: right;
    color: var(--black);
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    padding-right: 5px;
}

.coa-codesoc {
    color: var(--black);
    font-size: 18px;
}
.coa-sous-menu .coa-menu-parent {
    font-weight: bold;
    text-transform: initial;
}

md-backdrop.md-opaque.md-default-theme,
md-backdrop.md-opaque {
    background-color: var(--white);
}

.coa-drop-box {
    border: 5px dashed #24414f;
    color: #24414f;
    background-color: #90a8b9;
}

.coa-dragover {
    border: 5px dashed #779;
    color: #779;
    background-color: #CCE;
}

.coa-drop-box-label {
    background-color: rgba(144, 168, 185, 0.65);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90a8b9+0,90a8b9+100&0.65+0,0+68 */
    background: -moz-linear-gradient(left, rgba(144, 168, 185, 0.65) 0%, rgba(144, 168, 185, 0) 68%, rgba(144, 168, 185, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(144, 168, 185, 0.65) 0%, rgba(144, 168, 185, 0) 68%, rgba(144, 168, 185, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(144, 168, 185, 0.65) 0%, rgba(144, 168, 185, 0) 68%, rgba(144, 168, 185, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a690a8b9', endColorstr='#0090a8b9', GradientType=1); /* IE6-9 */
    font-weight: bold;
    font-size: 17px;
    width: 100%;
    padding-left: 5px;
    color: rgba(0, 0, 0, 0.54);
}

.coa-vert {
    color: green !important;
}

.coa-rouge {
    /*color: red !important; */
}

.coa-logo {
   /* background-image: url('/img/Logo_Prodige_Facture.png');*/
}

.coa-logo-login {
    background-color: #90A8B9;
    color: white;
}

.coa-pages {
    background-color: var(--white);
}

.coa-primary-panel {
    background-color: var(--white);
}

.coa-sous-menu {
    background-color: var(--white);
}

.coa-menu {
    background-color: var(--white);
}

md-nav-bar.md-default-theme md-nav-ink-bar, md-nav-bar md-nav-ink-bar {
    color: #13313C;
    background-color: #13313C;
}

.coa-toolbar .md-nav-bar {
    background-color: transparent;
}

.coa-designation input,
.coa-cell-ligne-piece input {
    background-color: transparent;
}

.coa-button-banner,
.md-button.md-default-theme.md-raised, .md-button.md-raised {
    color: #13313C;
    background-color: #F79832;
}

.coa-button-calendar {
    border: 0px solid black;
    border-radius: 3px;
    font-weight: bold;
}

.coa-button-calendar.coa-clear-calendar {
    color: white;
    background-color: red;
}

.coa-button-calendar.coa-clear-calendar:hover {
    background-color: #FF3939;
}

.coa-button-calendar.coa-week-day {
    color: white;
    background-color: steelblue;
}

.coa-button-calendar.coa-week-day:hover {
    background-color: #5491C4;
}

.coa-button-calendar.coa-week {
    color: #24414F;
    background-color: #D6D6D6;
}

.coa-button-calendar.coa-week:hover {
    background-color: #E6E6E6;
}

.coa-button-mois {
    background-color: #F79832;
    font-weight: bold;
    line-height: 25px;
    color: #13313c;
}

.coa-button-mois:hover {
    background-color: #f8be5d;
}

.coa-container-aide-liste {
    background-color: var(--white);
}

.md-button.coa-btn-aide-liste {
    background-color: var(--white);
}

.md-button.coa-btn-aide-liste:hover {
    background: none !important;
    color: var(--yellow) !important;
}

.md-button.coa-btn-aide-liste .glyphicon {
    color: var(--blue) !important;
}

.md-button.coa-btn-aide-liste:hover .glyphicon {
    color: var(--yellow) !important;
}

.coa-calendar {
    border: 3px dashed #24414f;
    border-radius: 3px;
    padding: 3px;
}

.coa-calendar-header {
    color: #24414F;
    background-color: #F8BE5D;
    border: 0px solid;
    border-radius: 3px;
}

md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
    color: var(--yellow);
}

md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
    background-color: var(--yellow) !important;
}

/****** boite de dialogue ********/
md-dialog .md-toolbar-tools, .coa-dialog .md-toolbar-tools {
    background-color: var(--blue) !important;
}

md-dialog .md-toolbar-tools h2, .coa-dialog .md-toolbar-tools h2 {
    color: var(--white);
    font-weight: bold;
    font-size: 13pt;
}
md-dialog .md-toolbar-tools, .coa-dialog-grp .md-toolbar-tools {
    background-color: var(--blue) !important;
}

md-dialog .md-toolbar-tools h2, .coa-dialog-grp .md-toolbar-tools h2 {
    color: var(--white);
    font-weight: bold;
    font-size: 13pt;
}

md-dialog md-toolbar, .coa-dialog md-toolbar {
    background-color: #607A8B !important;
}
md-dialog md-toolbar, .coa-dialog-grp md-toolbar {
    background-color: #607A8B !important;
}


.md-nav-item.coa-disabled {
    border-radius: 0px;
}

.md-nav-item.coa-disabled ._md-nav-button {
    background-color: var(--grey);
}

.coa-button-menu.coa-disabled {
    background-color: var(--grey);
}

.coa-button-menu.coa-disabled:hover {
    background-color: var(--grey);
}

.md-nav-bar .md-nav-item button {
    background-color: var(--light-grey) !important;
    color: var(--blue) !important;
    border-radius: 0;
    margin: 0 1px;
}

.md-nav-bar .md-nav-item.coa-disabled button {
    background-color: var(--grey) !important;
    color: var(--white) !important;
    cursor: not-allowed;
}

.md-nav-bar .md-nav-item button:hover,
.md-nav-bar .md-nav-item button.md-active {
    background-color: var(--yellow) !important;
    color: var(--white) !important;
}

.md-nav-bar .md-nav-item.coa-disabled button:hover {
    background-color: var(--grey) !important;
    color: var(--white) !important;
    cursor: not-allowed;
}


/************ header ************/
.coa-header {
    background-color: var(--blue);
    color: var(--white);
}

.coa-header h1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    font-family: Montserrat, Gadget, sans-serif;
    font-style: italic;
    font-weight: bold;
    line-height: 30px;
    height: 100%;
    position: absolute;
    left: 70px;
    top: -12px;
    width: 50%;
    overflow: hidden;
}

.coa-content {
    background-color: white;
}

.coa-corps {
    background-color: white;
}

.coa-corps-liste {
    background-color: white;
}

.coa-corps-notools {
    background-color: white;
}

/** Listes **/
md-list-item:nth-child(2n) {
    background-color: #EEE;
}

md-list-item:nth-child(2n-1) {
    background-color: #FFF;
}

.coa-table-row:nth-child(2n) {
    background-color: var(--light-grey);
}

.coa-table-row:nth-child(2n-1) {
    background-color: var(--white);
}

.coa-table-row.selected:nth-child(2n) {
    background-color: var(--yellow);
}

.coa-table-row.selected:nth-child(2n-1) {
    background-color: var(--yellow);
}

.coa-table-header .coa-table-data {
    border-bottom: 1px dashed var(--grey);
}

.coa-table-header .coa-table-data:not(:first-child) {
    border-left: 1px solid var(--grey);
}

.coa-table-lib {
    color: var(--black);
}

/** Toolbars -> !!! utilisées également en entêtes de colonnes pour les listes. !!! **/
.md-toolbar-tools {
    color: white;
    background-color: #607A8B;
}

/******* cartouches ********/
md-card md-card-title.coa-cartouche-container {
    background: var(--white) !important;
    margin-bottom: 0;
    padding-bottom: 0;
}

.coa-cartouche-container .md-menu .md-button .glyphicon-menu-hamburger {
    color: var(--black);
    top: 0;
}

.coa-cartouche-container .md-menu .md-button:hover .glyphicon-menu-hamburger {
    color: var(--blue) !important;
}

.coa-cartouche {
    border: 1px solid var(--black);
    border-radius: 5px;
    background-color: var(--white);
    color: #20353F;
}

.coa-recap {
    background-color: #CFCFCF;
}

/******* input ***********/
md-input-container:not(.md-input-has-value) input:not(:focus) {
    color: rgba(0, 0, 0, 0.87);
}


.coa-switch label {
    color: rgba(0, 0, 0, 0.54);
}

md-input-container .md-placeholder {
    background-color: transparent;
}


md-input-container.md-default-theme .md-input:-moz-placeholder,
md-input-container .md-input:-moz-placeholder,
md-input-container.md-default-theme .md-input::placeholder {

    color: rgba(255, 255, 255, 1) !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
}

md-card md-card-title-text .md-headline {
    font-weight: bold;
    font-size: 30px;
}

md-autocomplete {
    perspective: 800px;
    perspective-origin: top center;
}

div[coa-libelle].coa-hide {
    top: 0px;
    transform: translateZ(10px) translateY(32px) rotateX(380deg);

    background: -moz-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(242, 242, 242, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(242, 242, 242, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(229, 229, 229, 1) 0%, rgba(242, 242, 242, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#00f2f2f2', GradientType=0); /* IE6-9 */

    -moz-box-shadow: 0px 4px 5px 1px rgba(101, 101, 101, 0.8);
    -webkit-box-shadow: 0px 4px 5px 1px rgba(101, 101, 101, 0.8);
    -o-box-shadow: 0px 4px 5px 1px rgba(101, 101, 101, 0.8);
    box-shadow: 0px 4px 5px 1px rgba(101, 101, 101, 0.8);
}

div[coa-libelle] {
    transform-style: preserve-3d;
    transform-origin: bottom center;

    background-color: white;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div[coa-libelle-fs].coa-hide {
    top: 0px;
    transform: translateZ(10px) translateY(32px) rotateX(380deg);

    background: -moz-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(242, 242, 242, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(242, 242, 242, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(229, 229, 229, 1) 0%, rgba(242, 242, 242, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#00f2f2f2', GradientType=0); /* IE6-9 */

    -moz-box-shadow: 0px 4px 5px 1px rgba(101, 101, 101, 0.8);
    -webkit-box-shadow: 0px 4px 5px 1px rgba(101, 101, 101, 0.8);
    -o-box-shadow: 0px 4px 5px 1px rgba(101, 101, 101, 0.8);
    box-shadow: 0px 4px 5px 1px rgba(101, 101, 101, 0.8);
}

div[coa-libelle-fs] {
    transform-style: preserve-3d;
    transform-origin: bottom center;
    font-size: 16px;
    font-weight: bold;
}

div[coa-libelle-fs-transp] {
    transform-style: preserve-3d;
    transform-origin: bottom center;
    font-size: 16px;
    font-weight: bold;
}

.coa-fs-locked div[coa-libelle-fs-transp] {
    transform-style: preserve-3d;
    transform-origin: bottom center;

    background-color: rgba(255, 62, 27, 1);
    font-size: 16px;
    font-weight: bold;
}

div[coa-libelle-fs-transp].coa-hide {
    top: 0px;
    transform: translateZ(10px) translateY(32px) rotateX(380deg);

    background: -moz-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(242, 242, 242, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(242, 242, 242, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(229, 229, 229, 1) 0%, rgba(242, 242, 242, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#00f2f2f2', GradientType=0); /* IE6-9 */

    -moz-box-shadow: 0px 4px 5px 1px rgba(101, 101, 101, 0.8);
    -webkit-box-shadow: 0px 4px 5px 1px rgba(101, 101, 101, 0.8);
    -o-box-shadow: 0px 4px 5px 1px rgba(101, 101, 101, 0.8);
    box-shadow: 0px 4px 5px 1px rgba(101, 101, 101, 0.8);
}

md-switch.md-checked .md-thumb {
    background-color: var(--white);
}

md-switch.md-checked .md-bar {
    background-color: var(--yellow);
}

md-switch .md-thumb {
    background-color: var(--white);
}

md-switch .md-bar {
    background-color: var(--mid-grey);
}

md-switch[disabled] .md-thumb {
    background-color: #90A8B9;
    -moz-box-shadow: 3px 0px 6px 0px #656565;
    -webkit-box-shadow: 3px 0px 6px 0px #656565;
    -o-box-shadow: 3px 0px 6px 0px #656565;
    box-shadow: 3px 0px 6px 0px #656565;
}

md-switch[disabled] .md-bar {
    background-color: #E3E9ED;
    -moz-box-shadow: inset 0px 0px 6px 0px #656565;
    -webkit-box-shadow: inset 0px 0px 6px 0px #656565;
    -o-box-shadow: inset 0px 0px 6px 0px #656565;
    box-shadow: inset 0px 0px 6px 0px #656565;
}

md-switch.md-checked[disabled] .md-thumb {
    background-color: #F49722;
    -moz-box-shadow: 3px 0px 6px 0px #656565;
    -webkit-box-shadow: 3px 0px 6px 0px #656565;
    -o-box-shadow: 3px 0px 6px 0px #656565;
    box-shadow: 3px 0px 6px 0px #656565;
}

md-switch.md-checked[disabled] .md-bar {
    background-color: #E3E9ED;
    -moz-box-shadow: inset 0px 0px 6px 0px #656565;
    -webkit-box-shadow: inset 0px 0px 6px 0px #656565;
    -o-box-shadow: inset 0px 0px 6px 0px #656565;
    box-shadow: inset 0px 0px 6px 0px #656565;
}

.coa-cont-codesoc {
    text-align: left;
}

md-autocomplete md-autocomplete-wrap {
    box-shadow: none !important;
}


md-card md-card-title-text .md-headline {
    text-align: center;
    font-weight: bold;
    font-size: 3vw;
    line-height: 3.5vw;
    height: 3.5vw;
}

.coa-content-sm md-card md-card-title-text .md-headline {
    font-size: 4vw;
    line-height: 4.5vw;
    height: 4.5vw;
}

.coa-content-xs md-card md-card-title-text .md-headline {
    font-size: 20px;
    line-height: 20px;
    height: 20px;
}

.coa-content-gt-sm md-card md-card-title-text .md-headline {
    font-size: 2vw;
    line-height: 2.5vw;
    height: 2.5vw;
}

md-card.coa-subcard md-card-title md-card-title-text .md-subhead,
md-card.coa-subcard-max md-card-title md-card-title-text .md-subhead {
    text-align: center;
    font-size: 16px !important;
    line-height: 50px !important;
}

/********************
 *      Boutons     *
 ********************/
.md-button .glyphicon {
    color: var(--blue);
    font-size: 21px;
    line-height: 21px;
}

.coa-toolbar .md-menu .md-button.coa-button-toolbar .glyphicon {
    color: var(--blue) !important;
}

.coa-toolbar .md-menu .md-button.coa-button-toolbar:hover .glyphicon {
    color: var(--white) !important;
}

.md-button.md-primary.coa-button-menu .glyphicon {
    color: #13313C;
}

.md-button.md-default.coa-button-menu .glyphicon {
    color: #F79832;
}

/* Menu */
.md-button.md-default.coa-button-menu {
    background-color: #13313C;
    color: #F8BE5D;
}

.md-button-card-title {
    background-color: var(--white);
}

.md-button.md-default:hover,
.md-button.md-default.coa-button-menu:hover {
    background-color: #607A8B;
}

.md-button.md-primary,
.md-button.md-primary.coa-button-menu {
    background-color: var(--light-grey) !important;
    color: var(--blue) !important;
}

.md-button.md-primary:hover,
.md-button.md-primary.coa-button-menu:hover {
    background-color: var(--yellow);
    color: var(--white) !important;
}

.md-button.md-primary:hover .glyphicon,
.md-button.md-primary.coa-button-menu:hover .glyphicon {
    color: var(--white);
}

.md-button.md-default:hover .glyphicon,
.md-button.md-default.coa-button-menu:hover .glyphicon {
    color: #F79832;
}

.md-button:hover .glyphicon {
    color: var(--white);
}

/* Sous-menu */
.coa-sous-menu h3 {
    background-color: var(--white);
    color: var(--black);
}

.coa-sous-menu.coa-animate {
    background-color: #90A8B9;
    -khtml-box-shadow: 1px 0px 9px 1px #111;
    -moz-box-shadow: 1px 0px 9px 1px #111;
    -ms-box-shadow: 1px 0px 9px 1px #111;
    -o-box-shadow: 1px 0px 9px 1px #111;
    -webkit-box-shadow: 1px 0px 9px 1px #111;
    box-shadow: 1px 0px 9px 1px #111;
}

.coa-sous-menu md-input-container {
    background-color: var(--light-grey);
    margin: 25px 5px 25px 10px;
}

.coa-sous-menu .md-select-value .md-text {
    color: var(--black);
}

.coa-toolbar .md-select-value {
    color: var(--black) !important;
    border-bottom-color: var(--black) !important;
}

.coa-toolbar .md-select-value .md-select-icon {
    color: var(--black) !important;
}

.coa-toolbar div, .coa-toolbar div label {
    color: var(--black) !important;
}

.coa-sous-menu .glyphicon {
    color: #13313C;
    line-height: 25px;
}

.coa-sous-menu .md-button.md-primary .glyphicon {
    color: #F79832;
}

.coa-sous-menu .md-button.md-default.coa-disabled:hover {
    background-color: #607A8B !important;
    color: #F8BE5D;
}

.coa-sous-menu .md-button.md-default:hover {
    background-color: #607A8B !important;
    color: #F8BE5D;
}

.coa-sous-menu .md-button.md-default.coa-disabled:hover .glyphicon {
    color: #F79832;
}

.coa-sous-menu .md-button.md-default:hover .glyphicon {
    color: #F79832;
}

.coa-sous-menu .md-button.md-default.coa-disabled {
    /*color: #13313C;*/
    color: rgba(0, 0, 0, 0.54);
    background-color: rgb(207, 181, 130) !important;
    border: 1px dashed #20353f;
}

.coa-sous-menu .md-button.md-default {
    background-color: #F79832 !important;
    color: #13313C;
}

.coa-sous-menu .md-button.md-primary {
    background-color: #13313C !important;
    color: #F79832;
}

.coa-toolbar-link,
.coa-sous-menu .md-button {
    -webkit-transition: all 0.2s; /* Safari */
    transition: all 0.2s;
}

.coa-toolbar-link {
    transform: scale(1.05) !important;
}

/* Toolbars */

.md-button.coa-button-toolbar:hover {
        background-color: var(--yellow) !important;

}
.md-button.coa-button-toolbar:hover .glyphicon {
    color: var(--white) !important;
}
/*.coa-chapitre-action {*/
/*    color: #24414F !important;*/
/*}*/

/*.coa-chapitre-action:hover {*/
/*    color: #F79832 !important;*/
/*}*/

.coa-toolbar {
    background-color: transparent !important;
}

.coa-list-title {
    background-color: var(--white) !important;
    color: var(--blue);
}

md-dialog .coa-toolbar, .coa-dialog .coa-toolbar {
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.coa-toolbar .coa-toolbar-link {
    background-color: var(--yellow);
    color: var(--white) !important;
    position: relative;
    font-weight: bold;
    cursor: pointer;
}

.coa-toolbar .coa-toolbar-link .coa-toolbar-submenu {
    display: none;
}

.coa-toolbar .coa-toolbar-link:not(:first-child):after {
    content: '';
    height: 80%;
    width: 2px;
    position: absolute;
    left: -1px;
    top: 10%;
    background-color: var(--white);
}

.coa-toolbar .coa-toolbar-link:hover {
    background-color: var(--light-grey);
    color: var(--blue) !important;
}

.coa-toolbar .coa-toolbar-link:hover .coa-toolbar-submenu {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--light-grey);
    min-width: 135px;
    z-index: 10;
}

.coa-toolbar .coa-toolbar-link .coa-toolbar-submenu .coa-toolbar-sublink {
    background-color: var(--light-grey);
    color: var(--blue) !important;
    padding: 10px;
    font-weight: bold;
    cursor: pointer;
}

.coa-toolbar .coa-toolbar-link .coa-toolbar-submenu .coa-toolbar-sublink:hover {
    color: var(--white) !important;
    background-color: var(--yellow);
}

.coa-toolbar .coa-toolbar-link-selected {
    background-color: var(--light-grey);
    color: var(--blue) !important;
}

.md-button.coa-button-pagination {
    background-color: var(--blue);
    color: var(--white);
    font-weight: bold;
    font-size: 20px;
}

.md-button.coa-button-pagination:hover {
    background-color: var(--yellow) !important;
}

.md-button.coa-button-pagination .glyphicon {
    color: var(--white);
}

.md-button.coa-button-pagination.disabled {
    color: var(--mid-grey) !important;
    background-color: var(--light-grey) !important;
}

.md-button.coa-button-pagination.disabled .glyphicon,
.md-button.coa-button-pagination.disabled:hover .glyphicon {
    color: var(--mid-grey) !important;
}


/** Menu contextuel **/


.coa-context-menu .dropdown-item,
md-menu-content md-menu-item .md-button {
    color: var(--black) !important;
}

.coa-context-menu .dropdown-item:hover,
md-menu-content md-menu-item:hover {
    background-color: var(--light-grey) !important;
}

.coa-context-menu, md-menu-content {
    background-color: var(--white);
    border-radius: 0px;
    box-shadow: 0px 2px 5px 0px var(--black);
}

.coa-context-menu li.divider {
    background-color: var(--grey);
}

.coa-context-menu li.disabled .dropdown-item {
    color: var(--grey) !important;
}

md-menu-item button[disabled] {
    cursor: not-allowed!important;
    color: var(--grey)!important;
}




md-menu-item.double-lines .md-button {
    line-height: 16px !important;
}

md-menu-item .md-button:not([disabled]):hover,
md-menu-content .md-menu.md-open > .md-button {
    background-color: var(--yellow);
}


/** Toasts */
md-toast .md-toast-content {
    color: #13313C !important;
    font-weight: bold !important;
    font-size: 20px;
    border-radius: 0px;
    border: 0px solid #20353F;
    padding: 15px;
    -moz-box-shadow: 1px 2px 5px 0px #24414f;
    -webkit-box-shadow: 1px 2px 5px 0px #24414f;
    -o-box-shadow: 1px 2px 5px 0px #24414f;
    box-shadow: 1px 2px 5px 0px #24414f;
}

.md-toast-content.coa-error {
    background-color: #D91C18 !important;
    color: #FDF2CF !important;
}

.md-toast-content.coa-warn {
    background-color: #F49722 !important;
    color: #13313C !important;
}

.md-toast-content.coa-notify {
    background-color: #206600 !important;
    color: #FDF2CF !important;
}

.md-toast-content .glyphicon {
    font-size: 40px;
    width: 70px;
}

/***************************
 * Redimensionnement auto. *
 ***************************/
/* Conteneur
.coa-content-xs {
  height: calc( 100% - 6vmax );
  height: expression( 100% - 6vmax );
}
.coa-content-sm {
  height: calc( 100% - 6vmax - 50px );
  height: expression( 100% - 6vmax - 50px );
}
.coa-content-gt-sm { 
  height: calc( 100% - 6vmax - 48px ); 
  height: expression( 100% - 6vmax - 48px ); 
}
*/

/* Entêtes de listes */
.coa-card-content md-card.coa-subcard {
    border: 1px solid var(--blue);
}

md-card md-card-title {
    padding: 10px 16px;
}

md-card,
md-card md-card-title,
md-card.coa-subcard md-card-title {
    box-shadow: none;
}

md-card md-card-title,
md-card.coa-subcard md-card-title,
.coa-listheader-xs,
.coa-listheader-sm,
.coa-listheader-gt-sm {
    background-color: var(--blue);
    color: var(--black);
}

.coa-table-header .coa-table-data,
.coa-table-header {
    background-color: var(--light-blue);
}

.coa-table-commentaire {
    background-color: var(--light-grey);
}

.coa-listheader-xs,
.coa-listheader-sm,
.coa-listheader-gt-sm {
    border-left: 3px solid rgba(19, 49, 60, 0.5);
}

.coa-table-header-xs,
.coa-listheader-xs {
    font-size: 12px;
}

.coa-table-header-sm,
.coa-listheader-sm {
    font-size: 14px;
}

.coa-table-header-gt-sm,
.coa-listheader-gt-sm {
    font-size: 16px;
}

.coa-col-bouton {
    background-color: #607A8B;
    border-left: 1px solid rgba(19, 49, 60, 0.5);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#13313c+0,607a8b+100 */
    background: rgb(19, 49, 60); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(19, 49, 60, 1) 0%, rgba(96, 122, 139, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(19, 49, 60, 1) 0%, rgba(96, 122, 139, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(19, 49, 60, 1) 0%, rgba(96, 122, 139, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13313c', endColorstr='#607a8b', GradientType=0); /* IE6-9 */
}

/* Listes */
.md-button.coa-button-liste:hover {
    background-color: transparent !important;
}

.md-button.coa-button-liste {
    box-shadow: none !important;
    background-color: transparent !important;
}

.md-button.coa-button-liste .glyphicon {
    font-size: 18px;
    line-height: 18px;
}

/* Corps de document */
.coa-table-row .coa-table-data:not(:first-child),
.coa-corps-liste .coa-liste-case {
    border-left: 1px solid var(--grey);
}

.coa-table-row .coa-table-data .coa-table-data-icon {
    color: var(--black);
}

.coa-table-rows,
.coa-corps-liste-xs {
    background-color: var(--white);
}

.coa-table-rows .coa-table-row:nth-child(n):last-child {
    border-bottom: 1px dashed var(--grey);
}

/*.coa-table-handle {*/
/*    background-color: rgba(19, 49, 60, 0.5);;*/
/*}*/

.coa-corps-liste-sm {
    background-color: #90A8B9;
}

.coa-corps-liste-gt-sm {
    background-color: #90A8B9;
}

.coa-corps-xs,
.coa-corps-sm,
.coa-corps-gt-sm {
    background-color: var(--white);
}

.coa-close-btn {
    background-color: var(--light-grey);
}

.coa-close-btn:hover {
    background: var(--yellow) !important;
}

.coa-close-btn .glyphicon {
    color: var(--blue);
}

.md-button.coa-close-btn:hover .glyphicon {
    color: var(--white) !important;
}

.coa-close-btn .glyphicon {
}

/****** tool tip **********/
.md-tooltip,
tooltip tip {
    border: none;
    border-radius: 0;
    background: var(--white) !important;
    color: var(--black) !important;
    box-shadow: 0px 2px 5px 0px var(--grey) !important;
}

tooltip tip-tip {
    font-size: 1.1rem;
}

tooltip tip-tip._large {
    font-size: 1.1rem;
}

tooltip tip-tip._small {
    font-size: 1.1rem;
}

md-list-item .selected {
    background-color: rgba(249, 195, 88, .4);
}

/*** Pièces ***/
.coa-cell-ligne-echeancier {
    border-left: 1px solid #c5c5c5;
}

.coa-ligne-total {
    background-color: #F9C358;
    color: #20353F;
}

.coa-total {
    border-left: 2px solid #c5c5c5;
}

.coa-ligne-total .coa-total {
    border-left: 2px solid #20353F;
}

.coa-ligne-recap-rgt .coa-total {
    border-left: 2px solid black;
}

.coa-ligne-sous-total-sch,
.coa-ligne-chapitre,
.coa-ligne-sous-chapitre,
.coa-ligne-sous-total-cha {
    background-color: var(--grey);
    color: var(--white);
}

.coa-sous-total {
    border-left: 2px solid var(--white);
}

.coa-ligne-recap-rgt {
    background-color: #2e4351;
    border: 2px solid black;
    color: #f9c358;
}
.coa-header-ligne-piece, .coa-header-ligne-reglement, .coa-header-ligne-analyse {
    color: var(--black);
    background-color: var(--light-blue);
}

.coa-ligne-piece {
    background-color: var(--white);
    margin-bottom: 5px;
}

.coa-ligne-article, .coa-ligne-sous-chapitre, .coa-ligne-decompo, .coa-ligne-reglement {
    margin-bottom: 5px;
    /*height: 100%;*/
    min-height: 30px;
}

.coa-ligne-chapitre,
.coa-ligne-sous-total-cha,
.coa-ligne-sous-total-sch {
    margin-bottom: 5px;
}

.coa-ligne-article.selected {
    background-color: rgba(144, 168, 185, 0.5);
}

.coa-groupement {
    background-color: #DBDBDB;
}

.coa-groupement-fs {
    background-color: #b3b3b3;
}

.coa-move-to {
    background-color: rgba(144, 168, 185, 0.5);
}

.coa-focused {
    border: 2px dashed rgba(36, 65, 79, 0.5);
}

.coa-actions-ligne-piece .md-button .glyphicon-option-horizontal {
    color: var(--black);
}

.coa-actions-ligne-piece .md-button:hover .glyphicon-option-horizontal {
    color: var(--blue) !important;
}

.coa-actions-ligne-piece .md-button .glyphicon-plus {
    color: var(--black);
}

.coa-actions-ligne-piece .md-button:hover .glyphicon-plus {
    color: var(--blue) !important;
}

.coa-cell-header-reglement, .coa-cell-header-analyse {
    border-left: 1px solid #c5c5c5;
}

.coa-cell-header-reglement.coa-actions-ligne-rgt, .coa-cell-header-analyse:first-child {
    border-left: none;
}

.coa-cell-ligne-reglement:last-child,
.coa-cell-ligne-analyse:last-child {
    border-right: 1px solid #c5c5c5;
}

.coa-cell-header-piece {
    border-left: 2px solid var(--white);
}

.coa-footer-ligne-piece {
    border: 2px solid var(--light-grey);
}

.coa-footer-ligne-piece > div {
    background-color: var(--white);
    height: 100%;
}

.coa-footer-ligne-piece .coa-actions-ligne-piece {
    max-width: 52px;
}

.coa-cell-footer-piece {
    border-left: 2px solid var(--light-grey);
    min-height: 40px;
}

.coa-cell-ligne-piece,
.coa-cell-ligne-reglement,
.coa-cell-ligne-analyse {
    border-left: 2px solid var(--white);
}

.coa-chap-field {
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
}

.coa-ligne-commentaire {
    background-color: var(--light-grey);
    margin-bottom: 5px;
}

.coa-green-bold {
    font-weight: bold;
    color: #0E8422;
}

.coa-red-bold {
    font-weight: bold;
    color: #D00000;
}

.coa-secondary-panel {
    background-color: var(--white);
}

md-grid-list {
    margin: 5px;
}

.coa-sens-diff {
    border-bottom: 1px solid red;
}

.coa-ignored {
    border: 1px solid green;
}

.coa-loading {
    -moz-box-shadow: 0px 0px 5px 0px black;
    -webkit-box-shadow: 0px 0px 5px 0px black;
    -o-box-shadow: 0px 0px 5px 0px black;
    box-shadow: 0px 0px 5px 0px black;
}

.coa-loading .coa-loading-message {
    background-color: var(--light-grey);
    color: var(--blue);
}

.coa-loading .coa-loading-message > span {
    font-weight: bold;
}

md-progress-linear .md-container {
    background-color: var(--yellow);
}

md-progress-linear .md-bar {
    background-color: var(--white);
}

.md-button.coa-button-ligne-piece,
.md-button.coa-button-ligne-piece :hover {
    background-color: transparent !important;
    color: var(--black) !important;
}

.coa-ligne-decompo.ng-enter,
.coa-ligne-decompo.ng-leave,
.coa-ligne-piece.ng-enter,
.coa-ligne-piece.ng-leave,
.coa-element-chapitre.ng-enter,
.coa-element-chapitre.ng-leave,
.coa-element-sous-chapitre.ng-enter,
.coa-element-sous-chapitre.ng-leave {
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.coa-ligne-decompo.ng-enter,
.coa-ligne-decompo.ng-leave.ng-leave-active,
.coa-ligne-piece.ng-enter,
.coa-ligne-piece.ng-leave.ng-leave-active,
.coa-element-chapitre.ng-enter,
.coa-element-chapitre.ng-leave.ng-leave-active,
.coa-element-sous-chapitre.ng-enter,
.coa-element-sous-chapitre.ng-leave.ng-leave-active {
    opacity: 0;
    height: 0px;
}

.coa-ligne-decompo.ng-leave,
.coa-ligne-decompo.ng-enter.ng-enter-active,
.coa-ligne-piece.ng-leave,
.coa-ligne-piece.ng-enter.ng-enter-active,
.coa-element-chapitre.ng-leave,
.coa-element-chapitre.ng-enter.ng-enter-active,
.coa-element-sous-chapitre.ng-leave,
.coa-element-sous-chapitre.ng-enter.ng-enter-active {
    opacity: 1;
    height: 25px;
}

.coa-table-row,
.coa-corps-chapitre {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    position: relative;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    animation-duration: 0.2s;
}

.coa-corps-chapitre.ng-hide-remove {
    -webkit-animation-name: tg-chpIn;
    animation-name: tg-chpIn;
}

.coa-corps-chapitre.ng-hide-add {
    -webkit-animation-name: tg-chpOut;
    animation-name: tg-chpOut;
}

.coa-table-row.ng-hide-remove {
    -webkit-animation-name: tg-ligneIn;
    animation-name: tg-ligneIn;
}

.coa-table-row.ng-hide-add {
    -webkit-animation-name: tg-ligneOut;
    animation-name: tg-ligneOut;
}

.md-input[disabled] {
    color: #24414f !important;
    font-weight: bold;
    background-color: #eff2f3;
}

.coa-saut-page {

}

/* Forfaits simplifiés */
.coa-forfait-simplifie {
    border: 1px dashed #13313c !important;
}

.coa-forfait-simplifie .coa-ligne-decompo,
.coa-forfait-simplifie .coa-ligne-article {
    background-color: white;
}

.coa-forfait-selection {
    background-color: #fddada !important;
}

.coa-forfait-simplifie .coa-pub {
    background-color: #dbffdb;
    height: 24px;
}

.coa-forfait-selection .coa-pub {
    background-color: #fddada;
}

.coa-saut-page-material {
    border: 2px dashed #90a8b9;
}

.coa-resultat-analyse {
    border: 2px solid #90a8b9;
}

.coa-grid-tile {
    background-color: white;
    -moz-box-shadow: 1px 1px 4px rgba(101, 101, 101, 0.8);
    -webkit-box-shadow: 1px 1px 4px rgba(101, 101, 101, 0.8);
    -o-box-shadow: 1px 1px 4px rgba(101, 101, 101, 0.8);
    box-shadow: 1px 1px 4px rgba(101, 101, 101, 0.8);
}

.coa-tile-footer {
    background: rgb(144, 168, 185);
}

@-webkit-keyframes tg-ligneOut {
    to {
        opacity: 0;
        height: 0px;
    }
    from {
        opacity: 1;
        height: 30px;
    }
}

@keyframes tg-ligneOut {
    to {
        opacity: 0;
        height: 0px;
    }
    from {
        opacity: 1;
        height: 30px;
    }
}

@-webkit-keyframes tg-ligneIn {
    from {
        opacity: 0;
        height: 0px;
    }
    to {
        opacity: 1;
        height: 30px;
    }
}

@keyframes tg-ligneIn {
    from {
        opacity: 0;
        height: 0px;
    }
    to {
        opacity: 1;
        height: 30px;
    }
}

@-webkit-keyframes tg-chpOut {
    to {
        opacity: 0;
        height: 0px;
    }
    50% {
        height: 100px;
    }
    from {
        opacity: 1;
    }
}

@keyframes tg-chpOut {
    to {
        opacity: 0;
        height: 0px;
    }
    50% {
        height: 100px;
    }
    from {
        opacity: 1;
    }
}

@-webkit-keyframes tg-chpIn {
    from {
        opacity: 0;
        height: 0px;
    }
    50% {
        height: 100px;
    }
    to {
        opacity: 1;
    }
}

@keyframes tg-chpIn {
    from {
        opacity: 0;
        height: 0px;
    }
    50% {
        height: 100px;
    }
    to {
        opacity: 1;
    }
}

/*** forfait simplifié ***/
.coa-fs-container > div:not(:last-child) {
    border-bottom: 1px solid var(--grey);
}

.coa-fs-locked {
    background-color: rgba(255, 62, 37, 1);
}

.coa-span-info {
    color: #777;
}

.coa-num-tri {
    color: #f79832;
}

.coa-disabled-fs-input {
    background-color: #b7b7a7 !important;
    pointer-events: none;
}

.coa-table-data-computed {
    background-color: var(--blue) !important;
}

.coa-table-data-blue {
    background-color: var(--blue) !important;
}

.coa-table-data-orange {
    background-color: var(--alphaOrange) !important;
}

.coa-alert {
    background-color: var(--light-grey);
    padding: 10px;
}

.coa-alert h3 {
    color: var(--yellow);
}

.md-select-value {
    border: none !important;
}

md-select-menu md-content md-option {
    color: var(--black) !important;
}

md-select-menu md-content md-option[selected] {
    color: var(--black) !important;
    font-weight: bold;
}

.coa-menu-item, .coa-menu-item-arrow {
    color: var(--black);
    background-color: var(--white);
}

.coa-menu-item:hover, .coa-menu-item-arrow:hover {
    background-color: var(--yellow) !important;
}

.coa-menu-item .glyphicon, .coa-menu-item-arrow .glyphicon {
    color: var(--black);
    background: none;
}

.coa-menu-item:hover .glyphicon, .coa-menu-item-arrow:hover .glyphicon {
    color: var(--white);
    background: none;
}

.coa-header-menu-content {
    background-color: var(--light-grey);
}

.coa-header-menu-content .md-button {
    background-color: var(--white);
}

.coa-header-menu-content .md-focused,
.coa-header-menu-content .md-menu.md-open > .md-button {
    background-color: var(--light-blue) !important;
}

.coa-header-menu-content .md-button:not([disabled]):hover {
    background-color: var(--yellow) !important;
}

.menu-bar-container {
    background-color: var(--light-grey);
}

.coa-header-menu-icon {
    color: var(--yellow) !important;
    background-color: var(--dark-blue) !important;
}

.coa-header-menu-icon .glyphicon {
    color: var(--yellow) !important;
    background: none !important;
}

.coa-header-menu-icon:hover {
    color: var(--white) !important;
    background-color: var(--yellow) !important;
}

.coa-header-menu-icon .glyphicon {
    color: var(--yellow) !important;
}

.coa-header-menu-icon:hover .glyphicon {
    color: var(--white) !important;
    background: none !important;
}

.coa-toolbar .md-menu .md-button .glyphicon-menu-hamburger {
    color: var(--dark-blue);
    top: 2px;
}

.coa-toolbar .md-menu .md-button:hover .glyphicon-menu-hamburger {
    color: var(--yellow) !important;
}

.coa-button-toolbar-plus:hover {
    background-color: var(--yellow) !important;
}

.coa-toolbar md-input-container .md-input,
.coa-toolbar select,
.coa-toolbar md-menu .md-button:not(.md-icon-button) {
    background-color: var(--light-grey);
    color: var(--black);
}

.coa-toolbar md-input-container .md-input::placeholder,
.coa-toolbar md-input-container .md-input::-moz-placeholder,
.coa-toolbar md-input-container .md-input::-webkit-input-placeholder {
    color: var(--grey);
}

.coa-toolbar md-menu .md-button:not(.md-icon-button) .glyphicon {
    color: var(--black);
    background: none;
}

.coa-toolbar md-menu .md-button:not(.md-icon-button):hover .glyphicon {
    color: var(--black) !important;
    background: none;
}

.coa-toolbar label {
    color: var(--black);
}

.comparison-positive {
    color: green;
}

.comparison-negative {
    color: red;
}

.coa-grid-stack-title {
    background-color: var(--light-blue);
}
.coa-input-previ  {
    background: linear-gradient(0.25turn, transparent, transparent, #F9C83A);
}