/*CSS Document */

@media print {
    * {
        background: transparent !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

@font-face {
    font-family: 'Boston';
    src: url('/includes/Web%20Fonts/Boston/Boston-Regular.eot') format('embedded-opentype'), url('/includes/Web%20Fonts/Boston/Boston-Regular.ttf') format('truetype'), url('/includes/Web%20Fonts/Boston/Boston-Regular.woff') format('woff'), url('/includes/Web%20Fonts/Boston/open-sans/Boston-Regular.svg#boston-regular') format('svg');
}

@font-face {
    font-family: 'Boston-Bold';
    src: url('/includes/Web%20Fonts/Boston Bold/Boston-Bold.eot') format('embedded-opentype'), url('/includes/Web%20Fonts/Boston Bold/Boston-Bold.ttf') format('truetype'), url('/includes/Web%20Fonts/Boston Bold/Boston-Bold.woff') format('woff'), url('/includes/Web%20Fonts/Boston Bold/open-sans/Boston-Bold.svg#boston-bold') format('svg');
}

@font-face {
    font-family: 'Boston-Black';
    src: url('/includes/Web%20Fonts/Boston Black/Boston-Black.eot') format('embedded-opentype'), url('/includes/Web%20Fonts/Boston Black/Boston-Black.ttf') format('truetype'), url('/includes/Web%20Fonts/Boston Black/Boston-Black.woff') format('woff'), url('/includes/Web%20Fonts/Boston Black/open-sans/Boston-Black.svg#boston-black') format('svg');
}

@font-face {
    font-family: 'Boston-Light';
    src: url('/includes/Web%20Fonts/Boston Light/Boston-Light.eot') format('embedded-opentype'), url('/includes/Web%20Fonts/Boston Light/Boston-Light.ttf') format('truetype'), url('/includes/Web%20Fonts/Boston Light/Boston-Light.woff') format('woff'), url('/includes/Web%20Fonts/Boston Light/open-sans/Boston-Light.svg#boston-light') format('svg');
}

body {
    font-family: Boston, Helvetica,Arial,sans-serif;
}

.adncontent {
    padding-bottom: 60px;
}


.ButSelectPage {
    border-radius: 0px !important;
    white-space: break-spaces;
    height:100%;
}

.btn-primary {
    color: #181818;
    background-color: #ffffff;
    border-color: #204d74;
    font-family: Boston, Helvetica, Arial;
}

    .btn-primary:hover {
        color: #ffffff;
        background-color: #204d74 !important;
        border-color: #204d74;
    }

    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #204d74;
        border-color: #204d74;
        outline: none;
    }

.bt.active, .btn:active, .bt.active a, .btn:active a, .open > .dropdown-toggle.btn {
    color: #ffffff;
    background-color: #204d74;
    border-color: #204d74;
    outline: none;
}

.btn:focus {
    outline: none !important;
}

.defTtext {
    color: #181818 !important;
    font-family: Boston, Helvetica, Arial !important;
}

    .defTtext input {
        border-width: 1px;
    }

.ButSelectPageDisable, .ButSelectPageDisable:active {
    border-radius: 0px !important;
    color: #181818;
    background-color: #ffffff;
    border-color: #204d74;
    font-family: Boston, Helvetica, Arial;
    cursor: default !important;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-shadow: none !important;
    webkit-box-shadow: none !important;
}

    .ButSelectPageDisable:hover {
        color: #181818 !important;
        background-color: #ffffff !important;
        border-color: #204d74 !important;
    }

    .ButSelectPageDisable.active {
        color: #ffffff !important;
        background-color: #204d74 !important;
        border-color: #204d74 !important;
        outline: none !important;
    }

@media (max-width: 480px) {
    /*#responFact * {
        font-size: 1em !important;
        transform: scale();
    }*/
    #responFact img {
        max-width:100% !important;
    }

    .commandeetape-menu-margin {
        margin-right: -27px;
        margin-left: -27px;
    }

    .commandeetape-margin {
        width: auto;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

}

.commandeetape-padding-r {
    padding-right: 0px;
}
.commandeetape-padding-l {
    padding-left:0px;
}

.popupPink > div {
    border: 5px solid #bb94c4;
    border-radius: 5px;
}

.popupPink .close-btn {
    color: #bb94c4;
}

@media (max-width: 850px) {
    .commandeetape-padding-r {
        /*padding-right: 15px;*/
    }
    .commandeetape-padding-l {
        /*padding-left: 15px;*/
    }

    #divFacture {
        width: 55vmax;
        overflow: scroll;
    }
}

@media (max-width: 450px) {
    .commandeetape {
        padding: 0px;
        font-size: 0.94em !important;
    }

        .commandeetape * {
            font-size: 0.94em !important;
        }
}

    .popupPink iframe {
        /*height: 99.4% !important;*/
    }

    #product td {
        padding: 0px;
    }

    #product table, .uichampvalue, .uichampvalue table, .defTtext *, #quickLogin, #quickLogin * {
        border-spacing: 0px !important;
    }

    .defTtext * {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    div.ccm-page div.page-content {
        z-index: auto !important;
    }

td.uichampvaluetd {
    background-color: inherit !important;
    padding: 0px !important;
}

.TextBoxClientReadOnly {
    background: lightgrey !important;
}

.defTtext .uichampvalue {
    width: 100% !important;
    font-size: 16px;
}

#quickLogin {
    border-radius: 3px;
    border: 1px solid #9A9695;
}

    div.dxTable *, div.ccm-page div.sub div.content div.dxTable table tbody tr td,
    div.ccm-page div.sub div.content table.defTtext tbody tr td {
        background-color: #ffffff;
    }

    div.ccm-page div.sub div.content table.pageContent table,
    div.ccm-page div.sub div.content div.dxtc-content table tbody tr td,
    div.ccm-page div.sub div.content div.boutonsFooter table tbody tr td,
    div.ccm-page div.sub div.content div#responFact table tbody tr td {
        background-color: #ffffff;
        border-spacing: 0px !important;
    }

    div.ccm-page div.sub div.content div#responFact table,
    div.ccm-page div.sub div.content div#responFact table tbody,
    div.ccm-page div.sub div.content div#responFact table tbody tr,
    div.ccm-page div.sub div.content div#responFact table tbody tr td {
        padding: 0px;
        border: initial;
        border-collapse: collapse;
    }

    .dxtcLite_Moderno > .dxtc-stripContainer .dxtc-tabHover,
    .dxtcLite_Moderno > .dxtc-stripContainer .dxtc-tabHover .dxtc-link, .dxtcLite_Moderno > .dxtc-stripContainer .dxtc-tabHover,
    .dxtcLite_Moderno > .dxtc-stripContainer .dxtc-tabHover .tabPage .defTtext {
        background: #105277 !important;
        color: #ffffff !important;
    }

    div.ccm-page div.sub div.content table.dxrpControl_Moderno {
        width: unset;
        border-spacing: unset;
    }

.dxrpControl_Moderno td.dxrpHeader_Moderno {
    white-space: normal !important;
}

.btnBigPink .badge {
    background-color: #dd2668;
}

.text-pink {
    color :#dd2668 ;
}

.qteSpin {
    border-radius: 4px;
    margin-left: 3px;
    margin-right: 3px;
}
.qteSpin .dxic input {
    width: 25px;
}

div.popupEditeur ul, div.popupEditeur ul li {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 0px !important;
}


.icon_img {
    background-color: #105277;
    width: 40px;
    height: 40px;
    vertical-align: top;
}

.icon_info {
    margin-left: 10px;
    display: inline-block;
    /* Firefox */
    width: -moz-calc(100% - 80px);
    /* WebKit */
    width: -webkit-calc(100% - 80px);
    /* Opera */
    width: -o-calc(100% - 80px);
    /* Standard */
    width: calc(100% - 80px);
}
.billet {
    padding-bottom:10px;
}

.tdbilletIcon {
    width: 90px;
    text-align:right;
}

.billetIcon {
    width:90px;
    padding: 0px ;
    text-align:center;
}

@media only screen and (max-width: 1024px) {
    .tdbilletIcon {
        width: 90px;
        text-align: right;
    }
    .tdbilletIconPanier {
        width: 30px !important;
        text-align: center;
    }
    .billetIcon {
        width: 90px;
    }
    .billetIconPanier {
        width: 30px !important;
        text-align: center;
    }

    .billetIconPanier > img {
        padding-top: 5px;
    }
}

@media only screen and (max-width: 768px) {
    .tdbilletIcon {
        width: 90px;
        text-align: right;
    }
    .tdbilletIconPanier {
        width: 90px !important;
    }
    .billetIcon {
        width: 90px;
        text-align: center;
    }

    .billetIconPanier {
        width: 90px !important;
        text-align: center;
    }
}

@media only screen and (max-width: 480px) {

    .dxeCalendar_Moderno {

    }

    .dxeCalendarDay_Moderno {
        padding: 2px 7px 3px;
    }
}

    .display-flex-center {
        display: flex;
        align-items: center;
    }

    .equal-height-flex {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
    }

    .vbottomflex {
        align-self: flex-end;
    }

    .btnSmallWhitee {
        background-image: url("/images/complet_e.png");
    }

    .btnSmallWhitef {
        background-image: url("/images/complet.png");
    }

.popupProduitCss {
    z-index:100000 !important;
}

.popupProduitInfoCss {
    z-index: 100001 !important;
}

.vcenter {
    display: inline-block;
    vertical-align: top;
    float: none;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.row.equal .vcenter {
    display: inherit;
    vertical-align: inherit;
    float: inherit;
    margin-top: auto;
    margin-bottom: auto;
}