html {
    position: relative;
    min-height: 100%;
    font-family: Poppins;
}


@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins'), local('Poppins-Regular'), url(../css/Fonts/Poppins400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url(../css/Fonts/Poppins700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.StartPageLogo {
    background-size: contain;
    background-repeat: no-repeat;
    height: 120px;
    width: 200px;
    margin: auto;
    z-index: 10;
    background-position-x: center;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.LoginLogo {
    background-size: 100%;
    background-repeat: no-repeat;
    height: 120px;
    width: 200px;
    margin: auto;
    z-index: 10;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.k-grid td {
    white-space: nowrap !important;
}

.cde-saisie-focus {
    border: 4px dashed #1D75BC;
}

.backgroundStartPage
{
    position: fixed;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.backgroundLogin
{
    position: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

md-toolbar.toolbar-warn {
    background-color: firebrick !important;
}


md-toolbar.toolbar-select {
    background-color: orchid !important;
}


#kGridArticle > .k-grid-header > div > table,
#kGridArticle > .k-grid-content > table {
    width: 100% !important;
}

/*---------------------- COLOR KENDO ------------------------------*/
.kendoGreenUniq {
    background-color: #00ff00 !important;
}

.kendoSalmonUniq {
    background-color: #FE6262 !important;
}

.kendoYelowUniq {
    background-color: #ffd426 !important;
}

.kendoSalmon {
    background-color: #FFB6C1 !important;
}

.k-alt.kendoSalmon {
    background-color: #fb6756 !important;
}

.k-state-selected.kendoSalmon {
    background-color: #fb6756 !important;
}

.kendoLightBlue {
    background-color: #C5CAE9 !important;
}

.kendoGreen {
    background-color: #55ff55 !important;
}

.k-alt.kendoGreen {
    background-color: #99ff99 !important;
}

.kendoYelow {
    background-color: #ffd426 !important;
}

.k-alt.kendoYelow {
    background-color: #ffe478 !important;
}

.kendoGrey {
    background-color: #ddd !important;
}

.k-state-selected.kendoGrey {
    background-color: #00b0ff !important;
}



/**************** MAP ******************/

.my-div-icon {
    background-color: deepskyblue;
    text-align: center;
    font-size: 25px;
    border-radius: 10px;
    width: 37px !important;
    height: 37px !important;
    margin-left: -20px !important;
    margin-top: -20px !important;
}

/************** SideNav ***************/

.SideNav {
    margin:auto;
    height:110px;
    width:180px;
}

.SideNav.Collapse {
    height:70px;
    margin-bottom:20px;
    margin-left:-51px;
}

.SideNav.Client {
    background-image: url(/img/Sidenav_Client.png);
}

.SideNav.Commande {
    background-image: url(/img/Sidenav_Commande.png);
}


.SideNav.Fournisseur {
    background-image: url(/img/Sidenav_Fournisseur.png);
}

.SideNav.Article {
    background-image: url(/img/Sidenav_Article.png);
}

.SideNav.Achat {
    background-image: url(/img/Sidenav_Achat.png);
}

.SideNav.Admin {
    background-image: url(/img/Sidenav_Admin.png);
}

.SideNav.Stocks {
    background-image: url(/img/Sidenav_Stocks.png);
}

.SideNav.Depot {
    background-image: url(/img/Sidenav_Depot.png);
}

.SideNav.Printer {
    background-image: url(/img/Sidenav_impression.png);
}

.SideNav.User {
    background-image: url(/img/Sidenav_User.png);
}

.SideNav.Util {
    background-image: url(/img/Sidenav_Util.png);
}

.SideNav.Inventaire {
    background-image: url(/img/Sidenav_Inventaire.png);
}

.SideNav.Logistique {
    background-image: url(/img/Sidenav_Logistique.png);
}

.SideNav.Tarif {
    background-image: url(/img/Sidenav_Tarif.png);
}

.SideNav.Compta {
    background-image: url(/img/Sidenav_Compta.png);
}

.SideNav.Representant {
    background-image: url(/img/Sidenav_Rep.png);
}

/************************************/

md-checkbox.md-focused, md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before,
md-checkbox.md-checked.md-focused .md-container:before {
    background-color: transparent !important;
}

/*Cache effet onclick boutons*/
.md-ripple-container {
    background-color: transparent !important;
    opacity: 0 !important;
}


/*boutons page de login*/
.homeButton[disabled] {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: #1d75bd;
    border: 2px solid #1d75bd;
    color: #ffffff !important;
    width: 100%;
}

.homeButton {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: #1d75bd;
    border: 2px solid #1d75bd;
    color: #ffffff !important;
    width: 100%;
}

.layout-column {
    padding-top: 3px;
    background-color: white;
}

/*boutons saga début*/
.md-primary.md-raised {
    background-color: white !important;
    border: solid 2px #0e76bc;
}

md-radio-button {
    background-color: white !important;
    border: 0 !important;
}



.md-primary[Disabled], .md-raised[Disabled], .md-warn[Disabled], .k-grid-add[Disabled], .k-grid-update[Disabled], .k-grid-cancel[Disabled] {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border: 2px solid #e6e6e6 !important;
    background-color: #e6e6e6 !important;
    color: #fff !important;
    height: 32px !important;
    min-height: 0px;
    font-size: 16px;
}

.md-primary:not(:disabled):hover, .md-raised:not(:disabled):hover, .md-warn:not(:disabled):hover, .k-grid-update:not(:disabled):hover, .k-grid-cancel:not(:disabled):hover  {
    color: #fff !important;
    background-color: #0095ff !important;
    border: 2px solid #0095ff;
}

.md-primary:not(:disabled):focus, .md-raised:not(:disabled):focus  {
    color: #fff !important;
    background-color: #0095ff !important;
    border: 2px solid #0095ff;
}

md-radio-button:not(:disabled):hover {
    background-color: white !important;
    color: #0e76bc !important;
}

.md-primary, .md-raised, .md-warn, .k-grid-update, .k-grid-cancel {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border: 2px solid #0e76bc;
    color: #0e76bc !important;
    background-color: #fff;
    height: 32px;
    min-height: 0px;
    font-size: 16px;
}

.md-warn {
    color: #FFF !important;
}

/*boutons saga fin*/



/*boutons toolbar kendogrid*/
.k-grid-add, .k-grid-add:not(:disabled):hover, .k-grid-save-changes, .k-grid-save-changes:not(:disabled):hover,
.k-grid-cancel-changes, .k-grid-cancel-changes:not(:disabled):hover, .k-grid-excel, .k-grid-excel:not(:disabled):hover {
    margin-top: 4px !important;
    padding-left: 10px;
    padding-right: 14px;
    padding-top: 1px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border: 2px solid #fff !important;
    color: #fff !important;
    background-color: #0e76bc !important;
    height: 32px;
    min-height: 0px;
    font-size: 16px;
}

    .k-grid-add span, .k-grid-save-changes span, .k-grid-cancel-changes span, .k-grid-update span, .k-grid-cancel span, .k-grid-excel span {
        vertical-align: initial !important;
        position: relative;
        top: 2px;
        right: 4px;
    }

/****************************/

input:disabled {
    cursor: not-allowed;
    background-color: #fff !important;
    color: black !important;
}

textarea:disabled {
    cursor: not-allowed;
    background-color: #fff !important;
    color: black !important;
}

input.ies-force-disabled {
    color: black !important;
}

md-input-container .md-input, .k-input, .NewDisplayInputEntity, md-select {
    border: 1px solid rgb(91, 141, 178) !important;
    background-color: rgb(210,227,243) !important;
    font-weight: bold;
    padding-left: 10px;
}

    md-input-container .md-input:disabled, md-select[Disabled] {
        border: 1px solid rgb(91, 141, 178) !important;
        background-color: #FFF !important;
        background-repeat: no-repeat !important;
    }



select {
    font-size: 18px !important;
    padding: 10px;
    margin: 10px;
}

input:-ms-input-placeholder {
    color: rgba(183, 183, 188, 1);
}

.md-dialog-container {
    z-index: 12000 !important;
}


.ies-main-header {
    position: fixed;
    border-bottom: 1px solid #01579b;
}

.ies-submain-header {
    position: fixed;
    top: 0;
    /*margin-left: 60px;*/
    left: 80px;
}

/*.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  background-color: #000;
}*/

.content {
    padding-top: 65px;
    min-height: 100%;
    /*background-color: #F5F5F5!important;*/
}

.container {
    padding-top: 70px;
    /*height: 100%;
  overflow-y: scroll;*/
}

    .container .text-muted {
        margin: 15px 0;
        text-align: right;
    }

        .container .text-muted a {
            color: #777;
        }

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

/* .navbar-saga */
.navbar-saga {
    background-color: #000000;
    border-color: #080808;
}

    .navbar-saga .navbar-brand {
        color: #777777;
    }

        .navbar-saga .navbar-brand:hover,
        .navbar-saga .navbar-brand:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-saga .navbar-text {
        color: #777777;
    }

    .navbar-saga .navbar-nav > li > a {
        color: #777777;
    }

        .navbar-saga .navbar-nav > li > a:hover,
        .navbar-saga .navbar-nav > li > a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-saga .navbar-nav > .active > a,
    .navbar-saga .navbar-nav > .active > a:hover,
    .navbar-saga .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #080808;
    }

    .navbar-saga .navbar-nav > .disabled > a,
    .navbar-saga .navbar-nav > .disabled > a:hover,
    .navbar-saga .navbar-nav > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
    }

    .navbar-saga .navbar-toggle {
        border-color: #333333;
    }

        .navbar-saga .navbar-toggle:hover,
        .navbar-saga .navbar-toggle:focus {
            background-color: #333333;
        }

        .navbar-saga .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

    .navbar-saga .navbar-collapse,
    .navbar-saga .navbar-form {
        border-color: #101010;
    }

    .navbar-saga .navbar-nav > .open > a,
    .navbar-saga .navbar-nav > .open > a:hover,
    .navbar-saga .navbar-nav > .open > a:focus {
        background-color: #080808;
        color: #ffffff;
    }

@media (max-width: 767px) {
    .navbar-saga .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .navbar-saga .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .navbar-saga .navbar-nav .open .dropdown-menu > li > a {
        color: #777777;
    }

        .navbar-saga .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-saga .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-saga .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-saga .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-saga .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #080808;
    }

    .navbar-saga .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-saga .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-saga .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
    }
}

.navbar-saga .navbar-link {
    color: #777777;
}

    .navbar-saga .navbar-link:hover {
        color: #ffffff;
    }

.navbar-saga .btn-link {
    color: #777777;
}

    .navbar-saga .btn-link:hover,
    .navbar-saga .btn-link:focus {
        color: #ffffff;
    }

    .navbar-saga .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-saga .btn-link:hover,
    .navbar-saga .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-saga .btn-link:focus {
        color: #444444;
    }

/* === DROP BOX === */
.drop-box {
    background: #F8F8F8;
    border: 2px dashed #DDD;
    width: 100%;
    height: 65px;
    text-align: center;
    padding-top: 15px;
    color: #AAA;
}

    .drop-box:hover {
        border: 2px dashed #000;
        color: #000;
    }

    .drop-box.dragover {
        border: 5px dashed blue;
    }


.LoginLogo {
    position: absolute;
    top: 20px;
    background-image: url(../img/logoIES.png);
    width: 165px;
    height: 150px;
    background-size: contain;
}


.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

/* === client ===*/
.shk-menu.ui-scrollfix {
    position: fixed;
    width: 365px;
    top: 150px;
}

.shk-menu {
}

.contactthumb {
    height: 150px;
}

.addrthumb {
    height: 142px;
}

.addrthumb-more {
    text-align: center;
    cursor: pointer;
}

    .addrthumb-more p {
        vertical-align: middle;
        display: inline-block;
        margin-top: 40px;
    }

.thumb-elm {
    padding: 10px !important;
}

    .thumb-elm:hover {
        border-color: #bbb;
        background-color: #E3F2FD;
    }

    .thumb-elm .icons {
        display: none;
        position: absolute;
        top: 5px;
        right: 20px;
        background-color: #FFF;
        cursor: pointer;
    }

    .thumb-elm:hover .icons {
        display: block;
    }

.ies-list-actmore {
    position: absolute;
    right: 0;
    top: 50px;
    cursor: pointer;
    padding: 5px;
    background-color: transparent;
}

    .ies-list-actmore div {
        vertical-align: middle;
        display: none;
    }

    .ies-list-actmore:hover {
        border: 1px solid black;
        background-color: white;
    }

        .ies-list-actmore:hover div {
            display: inline-block;
        }

.panel-heading {
    background-color: #BBDEFB !important;
}

.ies-input-long {
    padding-bottom: 0;
    margin: 0;
}

    .ies-input-long input {
        width: 100%;
    }

.ies-client-form form > .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: -8px;
}

.ies-client-form .row > * {
    font-size: inherit;
    margin-left: 8px;
    margin-right: 8px;
}

.ies-content-padding {
    /*padding-top: 70px;*/
}

.fixed {
    position: fixed !important;
}

.layout-content,
.doc-content {
    margin: auto !important;
    overflow: visible;
}

.demo-container {
    border-radius: 4px;
    margin-top: 16px;
    -webkit-transition: 0.02s padding cubic-bezier(0.35, 0, 0.25, 1);
    transition: 0.02s padding cubic-bezier(0.35, 0, 0.25, 1);
    position: relative;
    padding-bottom: 0;
}

.iesbox-content {
    position: relative;
    overflow: hidden;
    /*min-height: 448px;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: white;
}

    .iesbox-content > * {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 10px; /*améliore les ies box le content ne dépasse plus de la box sur la droite*/
    }

/*.iesbox-content > div[layout-fill] {
  min-height: 448px;
}*/

.gridmode {
    display: inline-block;
}

.k-filter-row {
    background-color: white !important;
}

.gridnowrap table {
    white-space: nowrap;
    background-color: rgb(225,241,255);
}

.client-dialog .md-subheader {
    background-color: #08d8ff !important;
    margin: 0;
}

.client-dialog h2.md-subheader {
    margin: 0;
    margin-left: -24px;
    margin-right: -24px;
    margin-top: -24px;
}

    .client-dialog h2.md-subheader.md-sticky-clone {
        margin-right: 0;
        margin-top: 0;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    }

.client-dialog h2 .md-subheader-content {
    padding-left: 10px;
}

/*ies-menu*/
.ies-menu-item {
    padding: 2px;
    margin-bottom: 5px;
    cursor: pointer;
    width: 100%;
    line-height: 30px;
    min-height: 30px;
    background-color: transparent;
}

    .ies-menu-item > button:hover {
        background-color: #f5f5f5;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    }

    .ies-menu-item > button, .ies-menu-item > button > div.md-list-item-inner {
        line-height: 26px;
        min-height: 26px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 15px;
    }

.ies-menu-active > button {
    background-color: #FFF !important;
}

.ies-menu-break {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted rgb(14,119,187);
}

.proprio-list-old {
    background-color: #eee;
}

/**/
.wait-circle {
    position: absolute;
    border-radius: 50%;
    padding: 5px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    z-index: 1;
    margin: 10px;
}

/*generic*/
.pointer {
    cursor: pointer;
}

.hover:hover {
    background-color: #f5f5f5;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
}

td,
th {
    padding: 0;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    .table.xxx > tbody > tr:hover td {
        background-color: rgb(28,116,188) !important;
        color: white !important;
    }



    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: middle;
        border-top: 1px solid #dddddd;
    }

    .table > caption + thead > tr:first-child > th,
    .table > colgroup + thead > tr:first-child > th,
    .table > thead:first-child > tr:first-child > th,
    .table > caption + thead > tr:first-child > td,
    .table > colgroup + thead > tr:first-child > td,
    .table > thead:first-child > tr:first-child > td {
        border-top: 0;
    }

    .table > tbody + tbody {
        border-top: 2px solid #dddddd;
    }

    .table .table {
        background-color: #ffffff;
    }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
    background-color: rgb(241,248,254);
}


.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}

.table-responsive > table > thead,
.table-responsive > table > tbody {
    display: block;
}

.table-responsive > table > tbody {
    /*height: 80%;*/ /* Just for the demo          */
    overflow-y: auto; /* Trigger vertical scroll    */
    overflow-x: hidden; /* Hide the horizontal scroll */
}

.table-sort > thead > tr > th {
    cursor: pointer;
}

/* Simulle un header de table Kendo */
.tableHeader {
    color: #676767;
    border: solid #e5e5e5;
    border-width: 0 0 1px 1px;
    padding: 5px 5px;
    background-color: #f9f9f9;
    text-align: center;
    font-weight: bold;
}

.selectedrow {
    color: white !important;
    /*font-weight: bold;*/
}

    .selectedrow > td {
        background-color: blue !important;
    }

.ies-fk-title {
    display: inline-block;
    font-weight: bold;
    line-height: 20px;
}

.ies-fk-label {
    display: inline-block;
    width: 150px;
    line-height: 25px;
}

.ies-fk-content, .ies-fk-content-no-label {
    display: inline-block;
    line-height: 25px;
}

    .ies-fk-content::before {
        content: " : ";
    }

.ies-contact-addr {
    line-height: 20px;
    padding: 5px;
}

.kbd {
    text-align: center;
    padding: 2px 4px;
    font-size: 80%;
    color: rgb(29,117,189);
    background-color: transparent;
    border-radius: 3px;
    border: 1px solid rgb(29,117,189);
    width: 20px;
    height: 20px;
}

.ies-kendogrid-disabled {
    background-color: #f9f9f9 !important;
}

/************** IES components *********************/
ies-box-content {
    font-size: 14px;
}

    ies-box-content > div > section > md-toolbar {
        min-height: 0px;
    }

        ies-box-content > div > section > md-toolbar > .md-toolbar-tools {
            height: 44px;
            background-color: #FFF;
            /* color: rgb(33,115,188);*/
            color: rgb(137,21,222);
            font-size: 28px;
            font-weight: 600;
            text-transform: uppercase;
            padding: 0px;
            padding-right: 15px;
        }

            ies-box-content > div > section > md-toolbar > .md-toolbar-tools > span:not(:first-child):not(:last-child) {
                border: 0;
                border-top: 2px dotted rgb(33,115,188) !important;
                padding-left: 0;
            }

            ies-box-content > div > section > md-toolbar > .md-toolbar-tools > span:first-child {
                margin-top: -5px;
            }


ies-box-content-fit {
    font-size: 14px;
}

    ies-box-content-fit > div > section > md-toolbar {
        min-height: 0px;
    }

        ies-box-content-fit > div > section > md-toolbar > .md-toolbar-tools {
            height: 44px;
            background-color: #FFF;
            /* color: rgb(33,115,188);*/
            color: rgb(137,21,222);
            font-size: 28px;
            font-weight: 600;
            text-transform: uppercase;
            padding: 0px;
            padding-right: 15px;
        }

            ies-box-content-fit > div > section > md-toolbar > .md-toolbar-tools > span:not(:first-child):not(:last-child) {
                border: 0;
                border-top: 2px dotted rgb(33,115,188) !important;
                padding-left: 0;
            }

            ies-box-content-fit > div > section > md-toolbar > .md-toolbar-tools > span:first-child {
                margin-top: -5px;
            }

.md-toolbar-tools {
    font-size: 25px !important;
    color: white;
}

.edit-in-place span {
    cursor: pointer;
}

.edit-in-place input {
    display: none;
}

.edit-in-place.active span {
    display: none;
}

.edit-in-place.active input {
    display: inline-block;
}

.ies-value-list {
    background-image: url('../img/ico.list.png') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: right !important;
}


.ies-card-contact {
    background-color: #fff;
    cursor: pointer;
    margin: 5px;
}

    .ies-card-contact:hover {
        background-color: #E8EAF6;
    }

.ies-card-contact-primary {
    border: 2px solid;
    border-color: #000;
    background-color: #C5CAE9;
}

/******************** Material override *******************/
md-input-container {
    padding-bottom: 2px !important;
}

.md-input, .md-select-label {
    background-color: #F8F8FF !important;
}

div.ies-md-select-short {
    padding-top: 8px;
}

    div.ies-md-select-short > md-select > md-select-label {
        /*padding: 5px 0px !important;*/
    }

.md-select-label :first-child {
    flex-basis: auto !important;
    width: 125px;
}

md-backdrop.md-opaque {
    background-color: rgba(0, 0, 0, 0.50) !important;
}

.md-select-menu-container {
    z-index: 12001 !important;
}

/****** Generic *******/
.ies-button-dock {
    display: inline-block;
    position: fixed;
    right: 5px;
    top: 5px;
    width: 640px;
    height: 54px;
    z-index: 10;
    /*    background-color: rgba(255, 255, 255, 0.4);*/
}

.ies-dock-button-edit {
    display: inline-block;
    position: relative;
    width: 120px; /* 50px * 2 */
    height: inherit;
    z-index: 11;
}

.ies-dock-button-add {
    display: inline-block;
    position: relative;
    width: 50px; /* 50px * 1 */
    height: inherit;
    z-index: 11;
}

.ies-main-toolbar-search {
    display: inline-block;
    position: relative;
    max-width: 100px;
    height: 50px;
    z-index: 11;
    padding-top: 10px;
}

.ies-main-toolbar-search-input {
    padding: 3px;
    color: lightgray !important;
    background-color: #3f51b5 !important;
    border-color: #3f51b5 !important;
    border-width: 0px !important;
}

.ies-main-toolbar-search-content {
    display: inline-block !important;
    position: fixed !important;
    right: 5% !important;
    top: 64px !important;
    width: 90% !important;
    height: 800px !important;
    z-index: 10 !important;
    padding: 10px !important;
    background-color: white;
    border-left-color: black;
    border-right-color: black;
    border-bottom-color: black;
    border-right-width: 3px !important;
    border-bottom-width: 3px !important;
    border-left-width: 3px !important;
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

    .ies-main-toolbar-search-content.ng-hide {
        display: none;
        position: fixed !important;
        right: 5% !important;
        top: 64px !important;
        width: 90% !important;
        height: 0px !important;
        z-index: 10 !important;
        padding: 10px !important;
        background-color: white;
        border-left-color: black;
        border-right-color: black;
        border-bottom-color: black;
        border-right-width: 3px !important;
        border-bottom-width: 3px !important;
        border-left-width: 3px !important;
        border-bottom-left-radius: 3px !important;
        border-bottom-right-radius: 3px !important;
    }

    .ies-main-toolbar-search-content.ng-hide-add, .ies-main-toolbar-search-content.ng-hide-remove {
        /* this is required as of 1.3x to properly
     apply all styling in a show/hide animation */
        transition: 0.2s linear all;
    }

.ies-fab-button:not(disabled) {
    margin: 8px 5px !important;
    background-color: #eeeeee !important;
}

.ies-fab-button-red:not(:disabled) {
    margin: 8px 5px !important;
    background-color: #f44336 !important;
}

md-input-container > label {
    top: -22px !important;
}


/*classes pour labels sur deux lignes*/
.longLabel1 label {
    font-size: 14px !important;
    line-height: 14px !important;
    padding-top: 5px !important;
}

.longLabel1.md-input-has-value label, .longLabel1.md-input-focused label {
    padding-top: 7px !important;
}

.longLabel2 label {
    font-size: 13px !important;
    line-height: 13px !important;
    padding-top: 6px !important;
}

.longLabel2Tarif label {
    font-size: 13px !important;
    line-height: 5px !important;
    padding-top: 0px !important;
}
.longLabel2.md-input-has-value label, .longLabel2.md-input-focused label {
    padding-top: 7px !important;
}

.longLabel3 label {
    font-size: 12px !important;
    line-height: 12px !important;
    padding-top: 6px !important;
}

.longLabel3.md-input-has-value label, .longLabel3.md-input-focused label {
    padding-top: 8px !important;
}

.longLabel4 label {
    font-size: 11px !important;
    line-height: 11px !important;
    padding-top: 6px !important;
}

.longLabel4.md-input-has-value label, .longLabel4.md-input-focused label {
    padding-top: 9px !important;
}

.longLabel5 label {
    font-size: 10px !important;
    line-height: 10px !important;
    padding-top: 6px !important;
}

.longLabel5.md-input-has-value label, .longLabel5.md-input-focused label {
    padding-top: 9px !important;
}

/*******************************/
/* Début design ButtonsActions */
/*******************************/

/* boutons actions disabled + hover disabled */
ies-buttons-plus-extended > md-menu > button:disabled, ies-buttons-plus-extended > md-menu > button:hover:disabled,
ies-buttons-print-extended > md-menu > button:disabled, ies-buttons-print-extended > md-menu > button:hover:disabled,
ies-main-toolbar > md-toolbar > div > button:disabled, ies-main-toolbar > md-toolbar > div > button:hover:disabled ies-buttons-extend > md-menu > button:disabled,
ies-buttons-delete > button:disabled, ies-buttons-delete > button:hover:disabled,
ies-buttons-plus > button:disabled, ies-buttons-plus > button:hover:disabled,
ies-buttons-edit > button:disabled, ies-buttons-edit > button:hover:disabled,
.ies-fab-button-red:disabled, .ies-fab-button-red:hover:disabled,
ies-buttons-extend > md-menu > button:hover:disabled,
.ies-main-menu-button > button:disabled, .ies-main-menu-button > button:hover:disabled {
    filter: opacity(50%) !important;
    margin: 8px 5px !important;
    background-color: lightgrey !important;
    border: 2px solid lightgrey !important;
    border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    height: 32px !important;
    line-height: 16px !important;
    margin: auto !important;
    position: static !important;
    width: inherit !important;
    background-clip: border-box !important;
}

/*icon boutons actions hover enabled*/
ies-buttons-plus-extended > md-menu > button:hover:enabled > md-icon,
ies-buttons-print-extended > md-menu > button:hover:enabled > md-icon,
ies-main-toolbar > md-toolbar > div > button:hover:enabled > md-icon,
ies-buttons-extend > md-menu > button:hover:enabled > md-icon,
ies-buttons-delete > button:hover:enabled > md-icon,
ies-buttons-edit > button:hover:enabled > md-icon,
ies-buttons-edit > button:hover:enabled > span,
.ies-fab-button-red:hover:enabled > md-icon,
ies-buttons-plus > button:enabled > md-icon,
.ies-main-menu-button > button:hover:enabled > md-icon {
    color: white !important;
}

/*icon boutons actions disabled*/
ies-buttons-plus-extended > md-menu > button:disabled > md-icon,
ies-buttons-print-extended > md-menu > button:disabled > md-icon,
ies-main-toolbar > md-toolbar > div > button:disabled > md-icon,
ies-buttons-extend > md-menu > button:disabled > md-icon,
ies-buttons-delete > button:disabled > md-icon,
ies-buttons-edit > button:disabled > md-icon,
ies-buttons-edit > button:disabled > span,
.ies-fab-button-red:disabled > md-icon,
ies-buttons-plus > button:disabled > md-icon,
ies-buttons-plus-entity > button:hover > span,
.ies-main-menu-button > button:disabled > md-icon {
    filter: opacity(50%);
    color: dimgray !important;
}

/*boutons actions activated */
ies-buttons-plus-extended > md-menu > button:enabled, ies-buttons-extend > md-menu > button:enabled,
ies-buttons-print-extended > md-menu > button:enabled, ies-buttons-extend > md-menu > button:enabled,
ies-buttons-delete > button:enabled, ies-buttons-plus > button:enabled,
ies-buttons-edit > button:enabled, ies-main-toolbar > md-toolbar > div > button:enabled,
.ies-fab-button-red:enabled, .ies-main-menu-button > button:enabled {
    background-color: white !important;
    border: 2px solid white;
    border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    height: 32px !important;
    line-height: 16px !important;
    margin: auto !important;
    position: static !important;
    width: inherit !important;
    background-clip: border-box !important;
}
    /* icon boutons actions activated */
    ies-buttons-plus-extended > md-menu > button:enabled > md-icon,
    ies-buttons-print-extended > md-menu > button:enabled > md-icon,
    ies-buttons-extend > md-menu > button:enabled > md-icon,
    ies-main-toolbar > md-toolbar > div > button > md-icon,
    ies-buttons-plus-entity-simple > button > md-icon,
    ies-buttons-order-customer-remark > button > md-icon,
    ies-buttons-delete > button:enabled > md-icon,
    ies-buttons-plus > button:enabled > md-icon,
    ies-buttons-plus > button:enabled > md-icon,
    ies-buttons-edit > button:enabled > md-icon,
    ies-buttons-plus-entity > button > md-icon,
    ies-buttons-edit > button:enabled > span,
    ies-buttons-plus-entity > button > span,
    .ies-main-menu-button > button:enabled > md-icon {
        color: #0095ff !important;
    }

    /*boutons actions hover activated */
    ies-buttons-plus-extended > md-menu > button:hover:enabled,
    ies-buttons-print-extended > md-menu > button:hover:enabled,
    ies-main-toolbar > md-toolbar > div > button:enabled:hover,
    ies-buttons-extend > md-menu > button:hover:enabled,
    ies-buttons-plus-entity-simple button:enabled,
    ies-buttons-delete > button:hover:enabled,
    ies-buttons-edit > button:hover:enabled,
    ies-buttons-plus > button:enabled,
    .ies-fab-button-red:enabled:hover,
    .ies-main-menu-button > button:enabled:hover {
        background-color: #0095ff !important;
        border: 2px solid white !important;
        border-radius: 50px !important;
        -moz-border-radius: 50px !important;
        -webkit-border-radius: 50px !important;
        height: 32px !important;
        line-height: 16px !important;
        margin: auto !important;
        position: static !important;
        width: inherit !important;
        background-clip: border-box !important;
    }

/* Espace entre boutons action edit */
ies-buttons-edit > button:first-child, ies-buttons-edit > button:first-child:hover {
    margin-right: 8px !important;
}

/* Position hauteur boutons actions */
#ies-dock {
    padding-top: 10px !important;
}

/* Largeur button action ESC */
ies-buttons-edit > button > span {
    padding-left: 5px;
    padding-right: 5px;
}

/*****************************/
/* Fin design ButtonsActions */
/*****************************/

.NewDisplayInput {
    display: none;
    position: fixed;
    right: 52px;
    bottom: 32px;
    width: 0;
    height: 47px;
    z-index: 1;
    font-size: 25px;
    background-color: #fba6a6;
}

.NewDisplayInputEntity {
    display: none;
    position: fixed;
    right: 130px;
    top: 13px;
    width: 0;
    height: 34px;
    z-index: 12;
    font-size: 18px;
    /*color: #3f51b5;
    background-color: #eeeeee;*/
}

#btnValidateNewEntity {
    width:80px !important;
    text-align:right;
    height:38px !important;
    margin-top:-2px !important
}

.DisplayInputFindCode {
    display: none;
    position: fixed;
    right: 182px;
    top: 13px;
    width: 0;
    height: 34px;
    z-index: 12;
    font-size: 18px;
    color: #3f51b5;
    background-color: #eeeeee;
}

.GridAlignRight {
    text-align: right;
}

/*--------------------------------------------------------
*/





.ChekBoxColor {
    color:red;
}


/*--------------------------------------------------------
*/


.GridAlignCenter {
    text-align: center;
}

.GridColorCheck {
    text-align: center;
    background-color: aquamarine;
}
.GridColorUnCheck {
    text-align: center;
    background-color:coral
}

.ies-main-toolbar {
    display: inline-block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 64px;
    min-height: 64px;
    z-index: 5;
    background-color: #3f51b5;
}

    .ies-main-toolbar .ies-menu-button {
        display: inline-block;
        position: relative;
        width: 50px; /* 50px * 1 */
        height: inherit;
        margin-top: 5px;
        margin-left: 5px;
    }

    .ies-main-toolbar .ies-home-button {
        display: inline-block;
        position: relative;
        width: 50px; /* 50px * 1 */
        height: inherit;
        margin-top: 5px;
    }

    .ies-main-toolbar .logoMenu {
        display: inline-block;
        position: relative;
        width: 65px;
        height: 65px;
        top: -15px;
        background-image:url(../img/logoBottom.jpg);
        background-size: 65px 60px;
        background-repeat:no-repeat;
    }

    .ies-main-toolbar .ies-main-title {
        display: inline-block;
        position: relative;
        height: inherit;
        width: calc(100% - 190px);
    }

    .ies-main-toolbar .ies-main-title span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.ies-main-menu {
    display: inline-block;
    position: fixed;
    right: 5px;
    top: 0;
    width: 110px;
    height: 54px;
    z-index: 11;
}

    .ies-main-menu .ies-main-menu-button {
        display: inline-block;
        position: relative;
        width: 50px; /* 50px * 1 */
        height: inherit;
        margin-top: 5px;
    }


md-menu-content {
    max-height: 90vh;
}

/************************** Kendo Overload ************************/

/* Input de filtre Kendo UI Grid*/
.k-grid-header th.k-header, .k-filter-row th {

    padding: .5em .2em .4em .2em !important;

}

k-edit-field > k-input {
    height: 50px;
}

.k-header.k-grid-toolbar, .k-icon .k-add {
    /* Les elements de la tool bar sont à droite */
    text-align: right !important;
    background-color: rgb(28,116,188);
}

    .k-header.k-grid-toolbar .title {
        color: white;
        font-weight: 400;
        float: left;
        margin: 8px 0 0 15px;
        font-size: 20px;
        font-family: PoppinsDraft,Poppins,"Helvetica Neue",sans-serif;
    }

        .k-header.k-grid-toolbar .title a {
            text-decoration: none;
            color: white;
            font-size: 12px;
        }

.k-grid.k-widget.InBox {
    margin-bottom: 15px;
    /*margin-left: 5px;
    margin-right: 5px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;*/
}

.k-button-icontext .k-icon, .k-button-icontext .k-image {
    margin: 0 !important; /* TODO: vérifier les effets de bord sur les autres boutons */
}

/*contenu de la grid*/
.k-grid-content {
    background-image: url(../img/table_background.png);
    background-repeat: repeat;
    overflow-y:auto;
}

    /*hover des lignes*/
    .k-grid-content > table > tbody > tr:hover > *, .k-grid-content > table > tbody > tr.k-alt:hover > *,
    .k-grid-content > table > tbody > tr.k-alt:hover, .k-grid-content > table > tbody > tr:hover {
        background-color: #0095ff !important;
        color: white !important;
        /*cursor: default;*/
    }

    /*ligne selected*/
    .k-grid-content > table > tbody > tr.k-state-selected, .k-grid-content > table > tbody > tr.k-alt.k-state-selected,
    .k-grid-content > table > tbody > tr.k-state-selected > *, .k-grid-content > table > tbody > tr.k-alt.k-state-selected > * {
        background-color: #0e76bc !important;
        color: white !important;
    }

    .k-grid-content tr {
        height:28px
    }

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 0 !important;
    border-radius: 45px;
}

.k-state-drag:hover {
    cursor: pointer !important;
}

/*Affiche aucune donnée lorsque la grille n'en contient pas*/
table[role=grid] tbody:empty:before {
    font-weight: bolder;
    content: "- Aucune donnée disponible -";
    text-align: center;
    padding: 20px;
    display: block;
    width: 210px;
}

/*En ajoutant cette class dans la grid, la scrollbar n'apparait plu */
.NoVerticalScrollBar .k-grid-content {
    overflow-y: hidden;
}



/*fenetre edition popup*/
.k-window-titlebar, .k-window-titlebar .k-state-hover {
    background-color: rgb(28,116,188);
}

.k-edit-label {
    padding:0;
    margin-left:0;
}

.k-window {
    background-color:transparent;
    height: auto;
    width: auto;
    max-height: 80%;
    border: none !important;
}

.k-filtercell .k-operator-hidden .k-numerictextbox .k-numeric-wrap:before {
    content: none !important;
}

/* Pour masquer le bouton 'X' supprimer le contenu du filtre */
.k-filtercell .k-operator-hidden button {
    display: none;
}

.k-grid-content tr.highRow {
    height: 48px;
}

/************** #/ Page Accueil : app\main\views\home.html *********************/
.MainMenu ul {
    min-height: 200px;
}

    .MainMenu ul li {
        margin: 8px;
        font-size: 33px;
        color: rgb(28,116,188);
        line-height: 10px;
    }

        .MainMenu ul li a {
            color: #000;
            text-decoration: none;
            font-family: PoppinsDraft, Poppins, "Helvetica Neue", sans-serif;
            font-size: 14px;
            font-weight: 500;
        }

        .MainMenu ul li div {
            color: #000;
            text-decoration: none;
            font-family: PoppinsDraft, Poppins, "Helvetica Neue", sans-serif;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
        }




.startMenuContainer {
    top:105px;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
    position:relative;
}

.startMenuContainer > li {
    margin-top:30px;
    width: 300px;
    height: 270px;
    background-color:#FFF;
    border:1px solid #1C74BC
}

.menuListTitle {
    background-color:#1C74BC;
    font-size: 25px;
    color: #FFF;
    height:55px;
    border-bottom:1px solid #DDD
}

.menuListTitle > div {
    padding-top:10px;
}

.menuListe {
    color: #000;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.menuListe > div {
    padding-left: 12px;
    border-bottom:1px solid #DDD;
    cursor:pointer;
    height:30px;
    font-size: 15px;
    line-height: 30px;
    text-transform:lowercase
}
    .menuListe > div:first-letter {
        text-transform:uppercase
    }

    .menuListe > div[disabled] {
        background-color: #e6e6e6;
    }

    .menuListe > div:not(:disabled):hover {
        background: #0095ff;
        color:#FFF
    }

    .menuListe > div:hover[disabled] {
        background-color: #e6e6e6;
        cursor:no-drop;
        color:black;
    }

md-switch.md-checked .md-bar, md-switch.md-checked .md-thumb, md-switch.md-checked .md-thumb:before {
    background-color: #0095ff !important;
}

md-radio-button .md-on {
    background-color: #0095ff !important;
}

/************** #/clients/XXX : \app\client\views\clientDetail.general.html *********************/

.ContainerClientRadioChild md-radio-button {
    margin: 6px !important;
    margin-left: 50px !important;
}


.InfoSupTitle > div, .InfoSupValue > div {
    padding: 5px;
    height: 15px;
}

.InfoSupTitle {
    text-align: right;
    width: 150px;
    display: inline-block;
    font-weight: bold;
}

.InfoSupValue {
    display: inline-block;
}

/************** #/clients/XXXX : /loan/loan.home.html *********************/
.loanAlert {
    background-color: rgba(255,220,220,1);
}

.loanWaring {
    background-color: #f49336 !important;
}


/************** /#/order/XXX-XXX-XXX : /order/orderDetails.html *********************/

.OrderInformations .InfoTitle {
    font-weight: bold;
    width: 200px;
    text-align: right;
    padding-right: 10px;
}

.OrderInformations .InfoLine {
    padding: 3px;
}

    .OrderInformations .InfoLine:first-child {
        padding-top: 20px;
    }

.OrderGraphHelper {
    width: 30%;
    min-height: 50px;
}

    .OrderGraphHelper div div {
        min-height: 30px;
    }

    .OrderGraphHelper div .Line1a {
        background: red;
    }

    .OrderGraphHelper div .Line1b {
        background: green;
    }

    .OrderGraphHelper div .Line2a {
        background-color: magenta;
    }

    .OrderGraphHelper div .Line2b {
        background-color: tomato;
    }


/************** /#/clients/XXXX : /loan/loan.nonamorti.html *********************/
.gridNonAmortiTotaux .k-grid-header {
    height: 0;
    border-bottom-width: 0;
    display: none;
    overflow: hidden;
}

/* Les X dernieres colonne du tableau sont centré à droite */
.gridNonAmortiTotaux td:nth-child(n+2),
.gridNonamortiDuree td:nth-child(n+4),
.gridNonamortiRemise td:nth-child(n+3),
.gridNonamortiSynthese td:nth-child(n+2) {
    text-align: right;
}

#gridSynthese tr td:first-child {
    background-color: rgb(249, 249, 249);
    border-color: rgb(229, 229, 229);
    border-bottom: 0;
    color: rgb(168, 168, 168);
    font-family: PoppinsDraft,Poppins,"Helvetica Neue",sans-serif;
    font-weight: 400;
    border-bottom-width: 1px;
}

/********* /article/views/article.tarif.html ***********/
.ies-tarif-card {
    padding: 5px 10px 10px 10px;
}

.ies-tarif-card-border {
    border-right: 1px solid #ccc;
}

.ies-tarif-card-break {
    clear: left;
}

#ies-price {
    text-align: right !important;
    width: 80% !important;
}

/********* /main/views/home.html ***********/
button.homeMenuItem {
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
}

    button.homeMenuItem:first-child {
        padding: 0 !important;
        margin: 0 !important;
        line-height: 16px !important;
    }

    button.homeMenuItem:hover {
        background-color: #fff !important;
    }



/********* /commande/views/commande.synthese.html ***********/
.SyntheseLinePosition {
    padding: 10px 30px;
    min-height: 235px;
}

    .SyntheseLinePosition > div > div {
        margin: 10px;
        text-align: right;
    }

        .SyntheseLinePosition > div > div:first-child {
            text-align: right;
            color: rgba(0, 0, 0, 0.541176);
        }


/*** Material design ***/
md-toast.md-ies-error-toast-theme {
    background-color: #C62828;
}

md-toast.md-ies-warning-toast-theme {
    background-color: #FF9800;
}


/*** hack pb md-button flex-direction */
.md-button {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row !important;
    line-height: 32px !important;
}

/********* /logistique/deconsigne/views/deconsigne.general.html ***********/
.PricePosition {
    padding: 10px 30px;
    /* min-height: 235px; */
}

    .PricePosition > div > div {
        margin: 10px;
        text-align: right;
    }

        .PricePosition > div > div:first-child {
            text-align: right;
            color: rgba(0, 0, 0, 0.541176);
        }

#kGridStockSynth .k-grid-content table tbody tr td:nth-child(3) {
    background-color: #F9F9F9 !important;
}

/*HACK display red border for invalid input even if not touched*/
input.ng-pristine.ng-invalid, input.ng-invalid {
    border-bottom: 1px solid red !important;
}

/*** Toastr custom ***/
#toast-container.toast-bottom-center > div {
    width: 600px !important;
}

#toast-container > div {
    width: 600px !important;
}

/***Remove blue-border chrome****/
*:focus {
    outline: none !important;
}

.saga-invalid-date {
    color: rgb(221,44,0) !important;
}


/****************** NEW ******************/

/*image datepicker*/
.k-i-calendar {
    background-image: url(../img/datepicker.png);
    height: 30px !important;
    width: 30px !important;
    background-position: 0px 0px !important;
    opacity: 1;
}

.k-calendar > .k-header, .k-calendar > .k-header > *:hover {
    background-color: rgb(28,116,188);
}

.k-picker-wrap {
    padding: 0;
}

.k-picker-wrap:hover {
    background-position: 0px 0px !important;
}

/*.footerIES {
    padding:3px;
    text-align:right;
    background-color: rgb(30,117,188);
    color: #FFF;
    font-size: 13px;
    padding-right:5px;
    margin-left:-20px;
    width:110%;
}*/





/*button  {
    border:1px solid rgb(30,117,188) !important;
    color:rgb(30,117,188) !important;
    background-color:#FFF !important;
    border-radius: 20px !important;
    min-height:30px !important;
    box-shadow:none !important;
    font-size:12px  !important;
    font-weight:bold  !important;
}*/


.k-grid-header, .k-grid th.k-header, .k-grid-header {
    background-color: #FFF;
    /*border:1px solid #FFF*/
    padding-right:0 !important;
}

thead a {
    color: black !important;
}

.k-grid table > tbody > tr {
    background-color: rgb(210,227,243);
}

    .k-grid table > tbody > tr.k-alt {
        background-color: rgb(241,248,254);
    }

.k-grid td {
    padding: 6px 3px 1px 3px;
    font-size: 13px;
}

.k-header, .k-filter-row>th, .k-group-footer td, .k-grid-footer, .k-grid-header, .k-grid-header-wrap, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked, .k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap{
    border-color: #FFF;
}

.k-grid tr td {
    border-bottom: 1px solid #FFF;
}

.k-pager-wrap {
    background-color: rgb(30,117,188) !important;
}

.k-grid-pager .k-link, .k-grid-pager .k-link:link {
    color: #FFF !important;
    border: none !important;
}

.k-state-selected {
    font-weight: bolder !important;
    background-color: rgb(30,117,188) !important;
    color: white !important;
    border: none !important;
}

.k-widget.k-combobox.k-header {
    margin-top: 11px;
}

.k-pager-nav {
    font-weight: bolder !important;
    background-color: rgb(30,117,188);
    color: #FFF !important;
    border: none !important;
}


.k-grid-pager {
    background: none;
    text-align: center;
}

    .k-grid-pager > * {
        float: none !important;
    }

.k-pager-numbers {
    position: static !important;
}


div.k-pager-wrap.k-grid-pager.k-widget > ul > li:nth-child(2):before {
    content: none;
}


.k-pager-last > span {
    border: 5px !important;
    border-color: chartreuse !important;
}


.k-pager-nav > * {
    -webkit-filter: invert(100%);
    opacity: 1 !important;
}

.k-pager-info.k-label {
    float: right !important;
    color: white;
}

.k-operator-hidden {
    padding-right: 0 !important;
}

.k-filtercell > span > .k-button {
    right: 1200px;
}

#main-content > div > ul > li > div > div:focus:disabled {
    color: chartreuse !important;
}

#main-content > div > div.StartPage > div > div > ul > li > span[disabled] {
    color: gray;
}

.layout-fill.ng-scope.ng-isolate-scope.layout-align-start-start.layout-column > md-content {
    background-color: white !important;
}

md-checkbox span {
    position: relative;
    top: 4px;
    left: 4px;
}

/*style des checkbox*/
md-checkbox .md-icon {
    height: 30px;
    width: 30px;
    border: solid;
    border-color: rgb(133,204,255);
}

md-checkbox.md-checked .md-icon:after {
    margin-top: 4px;
    width: 17.67px;
}
/*******************/
md-checkbox.md-checked .md-icon {
    background-color: rgb(133,204,255);
}

md-input-container > label {
    padding-left: 10px !important;
}

.md-input.ng-invalid.ng-dirty {
    color: red !important;
}

/*input focused */
md-input-container.md-input-focused {
    background: none !important;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
}

.k-footer-template > td, .k-grid-footer {
    background-color: rgb(26,117,188) !important;
}

.k-grid, .k-grid-header, th.k-header {
    box-shadow: none;
    border: none !important;
}

th.k-header {
    color: black !important;
}

.k-footer-template td {
    color: white !important;
}

.textMenu {
    font-size: 25px;
    color: rgb(29,116,185);
}

/*titres plus espacés pour laisser place aux labels*/
.ies-client-form > form > div, .ies-client-form > form > md-input-container {
    padding-top: 3px;
}



/*tirets navigation grille*/
.k-pager-numbers > li:not(:first-child):before {
    content: '-';
    color: white;
    font-weight: bolder;
}

/************ Valuelist ************/

.md-dialog-container > md-dialog > .md-subheader > .md-subheader-inner > .md-subheader-content > span {
    color: white;
    font-size: 28px;
}

.md-dialog-container > md-dialog > .md-subheader > .md-subheader-inner {
    background-color: #0e76bc;
    padding: 26px !important;
}

    .md-dialog-container > md-dialog > .md-subheader > .md-subheader-inner > .md-subheader-content > button {
        float: right;
        color: white;
        border: 2px solid white;
        border-radius: 50px;
        top: -14px;
    }

#valueList-main-content {
    padding-left: 5px;
    padding-right: 5px;
}

    #valueList-main-content thead > tr, #valuelist-main-content thead > tr > td {
        border-top: 0;
        border-bottom: 0;
    }

.table-hover > tbody > tr:hover, .table-hover > tbody > tr:hover {
    color: white;
}

    .table-hover > tbody > tr:hover > td {
        background: #0095ff;
    }

.table > tbody > tr:nth-child(even) {
    background: rgb(210,227,243);
}

.table > tbody > tr:nth-child(odd) {
    background: rgb(241,248,254);
}

.table > thead > tr > th {
    font-weight: 500;
    vertical-align: bottom;
    font-size: 14px;
}

.table > tbody > tr > td {
    font-weight: 600;
    border-top: 0;
    font-size: 16px;
}

md-dialog.md-transition-in {
    border-radius: 0;
}

.ies-date-picker {
    max-width: 100% !important;
    margin-top: -12px;
    padding: 0 5px 10px 2px;
}

form {
    padding-top: 6px;
}

/********** Tabs ************/

md-pagination-wrapper {
    width: 100% !important;
}


md-tabs-canvas {
    border-bottom: 5px solid #0095ff;
}

md-ink-bar {
    background-color: transparent !important;
}

.md-tab {
    background-color: rgb(210,227,243);
}

.md-tab:not(:first-of-type) {
    margin-left: 10px;
}


    .md-tab span {
        color: black;
    }

    .md-tab.md-active {
        background-color: #0095ff;
    }

        .md-tab.md-active span {
            color: white;
        }

md-tab-item:active {
    background-color: #0095ff;
}


/****************************/

/********** SideNav ************/

md-sidenav {
    background-color: rgb(29,117,189) !important;
}

    md-sidenav md-content .sideNavIcons {
        margin: auto;
        border-radius: 50%;
        border: 2px solid #0e76bc;
        width: 40px;
        height: 40px;
        text-align: center;
        margin-bottom: 10px;
        z-index: 10;
        position: relative;
        text-align: center;
        cursor: pointer;
    }

        md-sidenav md-content .sideNavIcons .material-icons {
            margin-top: 8px;
            color: #0e76bc;
        }

        md-sidenav md-content .sideNavIcons.hover {
            background: #0e76bc;
        }

        md-sidenav md-content .sideNavIcons.disabled {
            background: rgb(210,227,243);
            border: 2px solid #AAA;
        }

        md-sidenav md-content .sideNavIcons.hover .material-icons {
            color: #FFF;
        }

        md-sidenav md-content .sideNavIcons.disabled .material-icons {
            color: #BBB;
            cursor: no-drop;
        }


.sideNavIconsExtended {
    background: #0095ff;
    height: 30px;
    line-height: 20px;
    width: 150px;
    position: fixed;
    z-index: 9;
    margin-top: -54px;
    margin-left: 22px;
    padding-left: 80px;
    color: #FFF;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    padding-top: 14px;
    border-radius: 25px;
}


.longSideNavIconsExtended {
    background: #0095ff;
    height: 30px;
    line-height: 20px;
    width: 230px;
    position: fixed;
    z-index: 9;
    margin-top: -54px;
    margin-left: 22px;
    padding-left: 80px;
    color: #FFF;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    padding-top: 14px;
    border-radius: 25px;
}

.SideNavCollapse {
    background-color:rgb(210,227,243);
    width:80px;
    overflow:hidden
}

/******** end SideNav **********/

.imageBox {
    box-shadow: 0px 0px 10px 2px #888;
    cursor:move;
}

.dragDropBox {
    border:dashed 1px grey;
    margin:5px;
    border-radius:20px;
    color:grey;
    height:150px;
    width:98%;
    font-size:20px;
    margin-top:30px;
    text-align:center;
    padding:10px;
    cursor:pointer;
}

    .dragDropBox:hover {
        background-color: #D2E3F3;
    }
    .dragDropBox:active {
        background-color: #1C74BC;
    }

.dragDropBox.dragover {
    border:dashed 1px #1C74BC;
    background-color:#D2E3F3
}


.iesAmount {
    text-align: right;
}
.iesAmountAlignTable {
    margin-top: 0;
    margin-bottom: 0;
}
.highligth {
    font-size: 25px;
    color: rgb(33,115,188);
    font-weight: 600;
}
.selectedButton {
    color: white !important;
    background-color: rgb(33,115,188)!important;
    border: solid 2px #0e76bc;
}
.alertButton {
    color: white !important;
    background-color: #EE6491 !important;
    border: solid 2px #0e76bc;
}

/**** COLOR INPUT OVERLOAD ****/

input.ng-invalid , k-input.ng-invalid
{
    border:1px solid rgb(243, 210, 210) !important;
    border-bottom: 1px solid red !important;
}

input.ng-invalid:disabled , k-input.ng-invalid:disabled
{
        border: 1px solid rgb(91, 141, 178) !important;
}

input:focus {
    background-color: rgb(255, 255, 161) !important;
}

/********CSS DECONSIGNE*******/
.consigne-box{
    border:1px solid  rgb(28, 116, 188);
    margin:2%;
    margin-top:0 !important;
    padding:1%;
}

/********MD CHIPS*********/
.md-chips{
    box-shadow: 0 0px !important;
}
.hide-md-chips-input .md-chip-input-container {
    display: none !important;
}

.ies-chip-remove{
    cursor: pointer;
}

.ies-chip-remove:hover > md-icon{
    color: red;
}

/********Module Livraison*********/
.bloc-text {
    margin: 10px;
    text-align: left;
}
 
    .bloc-text > div > div {
        text-align: right;
    }


/********* /tarif/views/tarif.importDoc.html ***********/
.importLabelContainer {
    border: 3px solid;
    width: 90%;
    height: 50%;
    display: flex;
    align-items: center;
    margin: 0px 0px 0px 8px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
}

.importLabelStyle {
    position: absolute;
    font-size: 17px;
    padding-left: 10px;
}

.importButton{
    cursor: pointer;
}