/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(114,1): run-time error CSS1019: Unexpected token, found '}'
 */



.bar_header_tdi {
    height: 30px;
    background-image: url('data:image/png;base64,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');
}


hr {
    height: 1px;
    border-top: 1px solid #ddd;
    margin-top:10px !important;
     margin-bottom:10px !important;
} 

h3  {
    margin-top:10px !important;
 }

.panel {
 border-color:   #D1D1D1;
}
.tdi-bg-grey {
    background-color: #f4f4f4;
}

.tdi-frame-grey {
    background-color: #f4f4f4;
    background-clip: content-box;
}
    .tdi-frame-grey:after {
        content: "";
        position: absolute;
        bottom: -14px;
        left: 25px;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 14px solid #f4f4f4;
    }
.tdi-frame-grey-shift {
    background-color: #f4f4f4;
    background-clip: content-box;
}

    .tdi-frame-grey-shift:after {
        content: "";
        position: absolute;
        bottom: -14px;
        left: 225px;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 14px solid #f4f4f4;
    }
.tdi-underline {
text-decoration:underline;
}

.tdi-blue {
    color:#114875 !important;
}
.tdi-warning {
    color: #DD6400 !important;
}
.tdi-info {
    color: #618FB6 !important;
}
.tdi-black {
    color: #414a51 !important;
}

.tdi-grey {
    background-color:#f4f4f4;
  }

.jstree-anchor {
    width: 100% !important;
    margin-left: 120px;
}

.jstree-anchor > label {
    width:33% !important;
}

.jstreeCheckAll {
    width: 24px;
    height: 24px;
    background-image: url("http://www.mytdi.fr/2.0/Portail//2.0/Portail/3.0/Content/Components/jstree/32px.png");
    background-position: -164px -4px;
}

.jstreeUnCheckAll {
    width: 24px;
    height: 24px;
    background-image: url("http://www.mytdi.fr/2.0/Portail//2.0/Portail/3.0/Content/Components/jstree/32px.png");
    background-position: -228px -4px;
 
}

.ui-autocomplete {
    max-height:300px;
    overflow-y: auto;
  }

* html .ui-autocomplete {
    height: 300px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
} 
/* home : liste des offres*/
/*@media (max-width: 992px) and (min-width: 768px) {
    div.offer.col-md-2.offer {
        max-width: 47% !important;
        width: 50% !important;
    }
}
@media (max-width: 768px) {
    div.offer.col-sm-12.offer {
        max-width: 100% !important;
        width: 98% !important;
    }
}*/
@media (max-width: 992px)  {
    div.row.offers {
        text-align: center;
        font-size: 0;
    }
        div.row.offers > div {
            float: none;
            display: inline-block;
            text-align: left;
            font-size: 13px;
        }
        }
   



.row.centered {
    text-align: center;
    font-size: 0;
}

    .row.centered > div {
        float: none;
        display: inline-block;
        text-align: left;
        font-size: 13px;
    }
div.offer.production, div.offer.test {
    background-color: white;
    margin: 1%;
    border: 1px solid rgb(209, 209, 209);
    min-width: 300px;
    max-width : 25%;
    width:23%;
    height: 230px;
    cursor: pointer;
}
    div.offer .edit {
        height: 40px;
        padding-top: 10px
    }
    div.offer img.std {
        width: 210px;
    }
    div.offer img.expricing {
        width: 175px;
        padding-top: 25px;
        padding-bottom: 13px
    }
div.offer img.exinvoice {
    width: 175px;
    padding-top: 15px;
    padding-bottom: 14px
}
    div.offer .myproduct-name {
        text-align: center;
        margin-bottom: 5px;
        padding-top: 20px;
    }
    div.offer .myproduct-access {
        list-style: none;
        margin-bottom: 50px;
        text-align: center;
    }
div.offer .siteName a {
    border-radius: 20px;
    padding: 8px;
    color: white;
    font-size: smaller;
    
}
div.offer .siteName a i {
    padding-right: 5px;
}
    div.offer.production .siteName a {
        background-color: #7EB000;
      
    }
    div.offer.test .siteName a {
        background-color: #618FB6;
        
    }
div.offer .pencil-edit i {
    background-color: #F3F6F8;
    border-radius: 50%;
    padding: 8px;
    color: #414a51;
}
.margin-top-20 {
    margin-top: 20px;
}
/* Media */
/*@media (min-width: 768px) {
    .container {
        width: 768px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 992px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1200px !important;
    }
}

@media (min-width: 1300px) {
    .container {
        width: 1300px !important;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1400px !important;
    }
}*/
.container {
    width: 90% !important;
}
    /* Success */
    .text-success {
    color: #5CB85C !important;
}

.btn-outline-success {
    color: #5CB85C !important;
    background-color: #FFFFFF !important;
    border-color: #4CAE4C !important;
    font-weight: bold !important;
}

    .btn-outline-success:hover {
        color: #FFFFFF !important;
        background-color: #286090 !important;
        border-color: #4CAE4C !important;
        font-weight: bold !important;
    }

/* Primary */
.text-primary {
    color: #114875 !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #114875;
    border-color: #114875;

}
.btn-primary:hover {
    color: #fff;
    background-color: #417199;
    border-color: #417199;
}

.btn-outline-primary {
    color: #114875 !important;
    background-color: #FFFFFF !important;
    border-color: #114875 !important;
    font-weight: bold !important;
}

    .btn-outline-primary:hover {
        color: #FFFFFF !important;
        background-color: #417199 !important;
        border-color: #417199 !important;
        font-weight: bold !important;
    }

.progress-bar.progress-bar-primary {
    background-color: #114875;
}

.panel.panel-primary > .panel-heading {
    background-color: #114875;
}

/* Info */
.text-info {
    color: #5BC0DE !important;
}

.btn-outline-info {
    color: #5BC0DE !important;
    background-color: #FFFFFF !important;
    border-color: #46B8DA !important;
    font-weight: bold !important;
}

    .btn-outline-info:hover {
        color: #FFFFFF !important;
        background-color: #5BC0DE !important;
        border-color: #46B8DA !important;
        font-weight: bold !important;
    }

/* Warning */
.text-warning {
    color: #F0AD4E !important;
}

.btn-outline-warning {
    color: #F0AD4E !important;
    background-color: #FFFFFF !important;
    border-color: #EEA236 !important;
    font-weight: bold !important;
}

    .btn-outline-warning:hover {
        color: #FFFFFF !important;
        background-color: #F0AD4E !important;
        border-color: #EEA236 !important;
        font-weight: bold !important;
    }

/* Danger */
.text-danger {
    color: #D9534F !important;
}

.btn-outline-danger {
    color: #D9534F !important;
    background-color: #FFFFFF !important;
    border-color: #D43F3A !important;
    font-weight: bold !important;
}

    .btn-outline-danger:hover {
        color: #FFFFFF !important;
        background-color: #D9534F !important;
        border-color: #D43F3A !important;
        font-weight: bold !important;
    }

.form-group {
    margin-bottom: 5px !important;
}

.pull-bottom {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

.img-responsive {
    width:100%;
}

.navbar-btn.btn-sm {
    margin-top: 15px;
    margin-bottom: 10px;
}

.footer {
    left: 0;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}

.tab-content {
    /*background-color: blue;*/
    /*color: blue;*/
    /*padding: 5px*/
}
div.steps > ul > li > a {
    color: #114875;
}
.navbar li > a {
    color: #114875;
}
table td > a {
    color: #114875;
}
.nav.nav-tabs > li > a {
    border: medium none;
    color: #114875;
}

.nav.nav-tabs > li.active a {
    background-color: #114875;
    color: white;
    font-weight: bold;
}

#WebDebugToolBar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #2a2a2a;
    color: white;
    text-align: center;
    height: 30px;
}

#WebDebugToolBar > button {
    color: white !important;
    background-color: #2a2a2a !important;
    border-right-color: white !important;
    border-left-color:  white !important;
    font-weight: bold !important;
  
}

#navbarWebDebugToolBar > ul > button:hover {
    color: white !important;
   
}


.btnNavBarWebDebugToolBar {
    color: white !important;
    background-color: #2a2a2a !important;
    border-right-color: white !important;
    border-left-color:  white !important;
    font-weight: bold !important;
    padding:0 !important;
    font-weight: bold !important;
    padding-left: 10px !important;
}

[class*='cols-'] {
    display: table;
}

    [class*='cols-'] > * {
        float: none;
        position: relative;
        /* old ie fixes */
        *zoom: 1;
        *display: inline;
        display: table-cell;
    }
.cols-bottom > * {
    vertical-align: bottom;
}

.cols-bottom .btn {
    margin-bottom: 5px;
}
h3 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

hr {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.vAlignMiddle {
    vertical-align: middle !important;
}
/* Datatable */
.datatable, .dataTables_wrapper {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

    .datatable thead tr th {
        color: #FFFFFF;
        background-color: #666666 !important;
    }

    .dataTables_wrapper select {
        /*width: 80px !important; ALI 21.11.2019*/
        display: inline-block !important;
        border: 1px solid #AEB5B5;
    }

    .dataTables_wrapper .dataTables_paginate {
        padding: 5px 20px 0 20px;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            color: white !important;
            background-color: #114875 !important;
            border: 1px solid #114875 !important;
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
                color: #5E6B6A !important;
                border: none;
                background-color: #AEB5B4 !important;
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                color: white !important;
                background: none;
                background-color: #417199 !important;
                border: 1px solid #114875 !important;
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
                color: #5E6B6A !important;
                border: none;
                background-color: #AEB5B4 !important;
            }


.fa-pencil {
    cursor: pointer;
}
.fa-files-o {
    cursor: pointer;
}
.fa-trash-o {
    cursor: pointer;
}

.field-validation-error {
    color: #D9534F;
    font-weight:600;
}

.input-validation-error {
    border: solid #D9534F 1px;
}


.ajax-loading {
    display: block;
}

.ui-autocomplete-loading {
    background: white url("http://www.mytdi.fr/2.0/Portail//Content/images/ajax-loader.svg") right center no-repeat !important;
    background-size: 24px !important;
}

.tdi-breadcrumb {
    background-color: transparent !important;
    /*margin-top: -21px;*/
    /*margin-bottom: -5px;*/
    font-size: small;
          
}

.tdi-breadcrumb > a {
    /*color: #416D91 !important;*/
        color :white !important;
}

html > body > div.footer {
    bottom: 0px;
    padding-bottom: 10px;
}
.custom-checkbox input[type="checkbox"] {
    display: none;
}

    input[type="checkbox"]+ label.fa, input[type="checkbox"] + input + label.fa {
        /*color: #88E2E2;*/
        font-size: 25px;
        /*width: 25px;
        height: 25px;*/
        cursor: pointer;
    }

    input[type="checkbox"]:checked + input + label.fa, input[type="checkbox"]:checked + label.fa {
        /*background: #fff;*/
    }

    input[type="checkbox"] + input + label.fa:before, input[type="checkbox"] + label.fa:before {
        display: inline-block;
        content: "\f05e"; /*"\f111";*/
        cursor: pointer;
        color: lightgray;
    }

    input[type="checkbox"]:checked + input + label.fa:before, input[type="checkbox"]:checked + label.fa:before {

        content: "\f058";
        color:green;
    }


    input[type="checkbox"]  + label.fa.all {
        color: #fff;
        font-size: 18px;
        cursor: pointer;
        margin-bottom:0px;
    }


        input[type="checkbox"]  + label.fa.all:before {
            display: inline-block;
            content: "\f0c8"; /*"\f111";*/
            color: #fff;
        }

    input[type="checkbox"]:checked  + label.fa.all:before {
        content: "\f14a";
        color: #fff;
    }
    input[type="checkbox"] + label.fa.search {
        color: #ff6a00;
        font-size: 18px;
        cursor: pointer;
        margin-bottom: 0px;
        background-color:#fff;
    }


        input[type="checkbox"] + label.fa.search:before {
            display: inline-block;
            content: "\f0b0"; /*"\f111" f096;*/
            color: lightgray;
        }

    input[type="checkbox"]:checked + label.fa.search:before {
        content: "\f0b0"; /*"\f046";*/
        /*"\f14a";*/
        color: #ff6a00;
    }


input[type="checkbox"] + label.fa.IsDefaultCustomer {
    font-size: 18px;
    cursor: pointer;
    margin-bottom: 2px;
    margin-top: 0px;
    background-color: #fff;
}


    input[type="checkbox"] + label.fa.IsDefaultCustomer:before {
        display: inline-block;
        content: "\f1db"; /*"\f111" f096;*/
        color: #114875;
    }

input[type="checkbox"]:checked + label.fa.IsDefaultCustomer:before {
    content: "\f192"; /*"\f046";*/
    /*"\f14a";*/
    color: #114875;
}



.rich-menu {
    /* left: -100px;*/
    border: none;
    border-top: 5px solid;
    -webkit-box-shadow: 0 1px 2px #efefef;
    -moz-box-shadow: 0 1px 2px #efefef;
    box-shadow: 0 1px 2px #efefef;
    background: white;
    z-index: 10000;
    border-color: #9472AE !important;
}

.dropdown-richsubmenu > label {
    color: #9472AE !important;
    padding-bottom: 7px;
}

.dropdown-richsubmenu > ul > li {
    margin: 0 0 15px 0;
    list-style: none;
}

.dropdown-richsubmenu > ul > li:last-child {
    margin: 0;
}

.dropdown-menu.rich-menu > li > a, .dropdown-menu.rich-menu > li > span {
    padding: 0;
}

.dropdown-menu.rich-menu > li > a:hover, .dropdown-menu.rich-menu > li > span:hover {
    background: none;
}

.dropdown-richsubmenu {
    float: left;
    width: 25%;
    padding: 20px;
    font-size: 12px;
    border-right: 1px solid #DDD;
}


.dropdown-menu.rich-menu > li > ul > li:before {
    content: '';
    display: contents;
    height: 1em;
    width: 1em;
    padding-left: 2em;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    right: inherit;
}

li.dropdown:hover > .dropdown-menu {
    display: block;
}


.dropdown-submenu:hover > .dropdown-menu  {
    display: block;
}