/* **************************************** */
/* ****************************************  structure */
/* **************************************** */

/* md+ */
@media (min-width: 992px) {  
    #header { z-index:1060; }
    #plandynModal { padding-top:75px; }
    #plandynModal .modal-content { box-shadow:none; border:none;}
    .modal.fade.modal-inset.popinFreezone.in .modal-content{background:#ddd;}
    .widget-plandyn .selector > .panel > .panel-body .map { margin-left:200px; }
}
.modal.fade.modal-inset.popinFreezone.in .modal-content{background:#ddd;}
/* **************************************** */
/* ****************************************  panier = colonne de droite */
/* **************************************** */
._panierPlandyn { background:#232323; }
._panierPlandyn > .panel { border:none !important; }
._panierPlandyn .panel-heading.toggle { margin-bottom:8px; }
._panierPlandyn ._validateLink:before { content:'\f029'; font-family:'Fonticons'; font-size:20px; margin-right:5px; }
.widget-plandyn .panel-group > .panel .panel-heading .actions { margin:0 !important; position:absolute !important; right:0 !important; top:0 !important; }
._panierPlandyn .panel-default > .panel-heading .panel-title { padding-right:10px; }

.modal-content { border:none; }
.booking-order_overview_panel #modalCart .modal-body{max-height: 68rem}
._errorsPlandyn .alert{ color: red !important; font-weight: bold; }

/*tr.bg-type-facette1.catcli-id0, tr.bg-type-facette1.catcli-id1 {
    background-color: #3dc16a;
    color: #ffffff;
}

tr.bg-type-facette0.catcli-id2 {
    background-color: #ff474d;
    color: #ffffff;
}*/


/* md+ */
@media (min-width: 992px) { 
    ._panierPlandyn > .panel { padding:12px; }
    ._panierPlandyn .panel-heading.toggle { background:#fff; }
    .widget-plandyn .modal.modal-inset .modal-dialog { margin-left:200px; }
    ._panierPlandyn .panel-footer .btn-inverse { border-color:#fff; }
    body div.modal-backdrop:nth-last-child(2) + #plandynModal ._panierPlandyn .panierPanel:before { display:none; }
    body div#plandynModal:last-child ._panierPlandyn .panierPanel:before { content:''; display:block; width:100%; height:38px; background:url('/static_lotus/uploads/nav/fnacspe/Images/planDyn/plandyn-txt-desktop.png') no-repeat 50% 50%; position:relative; margin-bottom:8px; }
}

/* sm- */
@media (max-width: 991px) {
    ._panierPlandyn .panel-heading.toggle { position:fixed !important; top:0; right:0; width:50%; height:50px; background:#333; color:#fff !important; border:none; margin:0 !important; border:none !important; }
    ._panierPlandyn .panel-heading.toggle *,
    ._panierPlandyn .panel-heading.toggle i:before { color:#fff !important; }
    ._panierPlandyn .panel-heading.toggle:after { content:''; display:block; width:100%; height:35px; background:#98c0b1 url('/static_lotus/uploads/nav/fnacspe/Images/planDyn/plandyn-txt-mobile.png') no-repeat 50% 50%; position:fixed; top:35px; left:0; }
    .widget-plandyn .selector > .panel > .panel-body { top:35px; }
    .widget-plandyn .selection > .panel > .panel-heading { height:35px; padding-top:0; padding-bottom:0; }
    .widget-plandyn .selection > .panel > .panel-collapse { top:60px; }
    .widget-plandyn .alert { top: 30px; }
}

/* modal */
#plandynModal #plandyn ._panierPlandyn .panel-heading .price { float:none !important;text-align:left;padding-left:5px; }
#plandynModal #plandyn ._panierPlandyn .panel-heading .price .text{ color:#5cb85c;font-weight:bold; }
#plandynModal #plandyn ._panierPlandyn .panel-heading .total .text, #plandynModal #plandyn section > .panel-heading .fonticon-map-pin:before { color:#5cb85c; }
#plandynModal #plandyn ._mainPlandyn .panel-heading { background:#fff; }
#plandynModal #plandyn .panel-group > .panel .panel-heading { text-align:left; }
#plandynModal #plandyn .panel-group > .panel .panel-heading .category { font-weight:bold;text-transform:uppercase; }
#plandynModal #plandyn .panel-group > .panel .panel-heading .category:after { content:" - "}
#plandynModal #plandyn .panel-group > .panel .panel-heading .zone { display:inline-block;text-transform:lowercase; }
#plandynModal #plandyn .panel-group > .panel .panel-heading .zone:first-letter { text-transform:uppercase; }
#plandynModal #plandyn .table-responsive table { border:1px solid #ccc !important; }
#plandynModal #plandyn .table-responsive { width:100%; }
#plandynModal #plandyn .table-responsive .tariff, #plandynModal #plandyn .table-responsive .row, #plandynModal #plandyn .table-responsive .seatNumber, #plandynModal #plandyn .table-responsive .seatType { font-weight:normal;color:#000; }
#plandynModal #plandyn .table-responsive .price { color:#000; }
#plandynModal #plandyn .table-responsive .table-ticket tfoot { border-top:0; }
#plandynModal #plandyn .panel-group > .panel { border-width:0;box-shadow:none;margin-bottom:8px !important; } 
#plandynModal #plandyn .actions li .action { padding:10px 8px 10px 0 !important;margin-top:5px;border:0; }
#plandynModal #plandyn .actions li .action.active, #plandynModal #plandyn .actions li .btn-outline.action.active { background:transparent;box-shadow:none; }
#plandynModal #plandyn .actions li .action:hover { background:none }
#plandynModal #plandyn .actions li .action:hover i:before, #plandynModal #plandyn .actions li .action.active i:before { color:#5cb85c; }
#plandynModal #plandyn .panel .panel-heading > h3 span.text { vertical-align:inherit;color:#000; }
#plandynModal #plandyn .panel .panel-heading > h3 { text-align:left; }
#plandynModal #plandyn .widget-plandyn .modal.modal-inset { background:rgba(0,0,0, 0.7); }
#plandynModal #plandyn .widget-plandyn .alert { border:0;background:#eee;z-index:9999; }
.vendor-ie #plandynModal .widget-plandyn .modal-inset.modal .modal-dialog { height:100%; }

/* modal popin resa */
#plandynModal .popinSeat .category { color:#fff;text-transform:uppercase; }
#plandynModal .popinSeat .category:after { content:" - "; }
#plandynModal .popinSeat .table-responsive th, #plandynModal .popinSeat .table-responsive td { background:transparent;color:#fff !important;border:2px solid #fff;font-size:15px; }
#plandynModal .popinSeat h4.modal-title { text-align:left;font-size:23px; }
#plandynModal .popinSeat .zone { display:inline-block;text-transform:lowercase;color:#fff }
#plandynModal .popinSeat .zone:first-letter { text-transform:uppercase; }
#plandynModal .popinSeat .modal-body .list-unstyled li{ margin-bottom:10px; }
#plandynModal .popinSeat .modal-body .list-unstyled li a { background:#fff;border:0;padding:0; }
#plandynModal .popinSeat .modal-body .list-unstyled li a.disabled { background:#333; }
#plandynModal .popinSeat .modal-body .list-unstyled li a.disabled span.price:after { content:"";padding:0 0 0 50px;margin:0;background:none;border-left:0; }
#plandynModal .popinSeat .modal-body .list-unstyled li a span.tariff { font-weight:normal;padding-left:20px; padding-right: 5px; }
#plandynModal .popinSeat .modal-body .list-unstyled li a span.price:after { content:"Choisir";padding:0 50px;margin:0 0 0 30px;background:#f5b11d;height:auto;display:inline-block;color:#fff; }
#plandynModal .popinSeat .modal-body .list-unstyled li a span { color:#000;line-height:42px; }
#plandynModal .popinSeat .modal-body .list-unstyled li a:hover span.price:after { background:#5cb85c;color:#fff; }
#plandynModal .widget-plandyn .modal.modal-inset .action { position: relative; right: 0px !important; top: 0px !important; margin: 0 !important; }
#plandynModal .popinSeat i.fonticon.fonticon-cross{ font-size: 22px !important;}

/* **************************************** */
/* ****************************************  filtres */
/* **************************************** */
.widget-plandyn .selector > .panel > ._typesTarifs { width:200px; box-shadow:none; border-right:1px solid #ccc; background:#ddd; }
.widget-plandyn ._typesTarifs td, .widget-plandyn ._typesTarifs th { border:none !important; }
.widget-plandyn ._typesTarifs .table { border:none !important; }
.widget-plandyn ._typesTarifs .table > tbody + tbody { border:none; }
.widget-plandyn ._typesTarifs .category,
.widget-plandyn ._typesTarifs .area { position:relative; }
.widget-plandyn ._typesTarifs .category .type,
.widget-plandyn ._typesTarifs .area .type { position:absolute; z-index:0; width:200px; height:100%; left:0; top:0; display:block; }
.vendor-ie .widget-plandyn ._typesTarifs .category .type,
.vendor-ie .widget-plandyn ._typesTarifs .area .type { position:absolute; z-index:0; width:200px; height:200%; left:0; top:0; display:block; }
.widget-plandyn ._typesTarifs .category .text,
.widget-plandyn ._typesTarifs .price { position:relative; z-index:2; }
.widget-plandyn ._typesTarifs .tariff { text-align:left; position:relative; left:-10px; }
.widget-plandyn ._typesTarifs .tariff,
.widget-plandyn ._typesTarifs .price { font-size:12px; }
.widget-plandyn ._typesTarifs .text { font-size:13px; }

/* switch */
#plandynModal .switch { position:absolute; right:7px; top:7px; width:28px; height:14px; }
#plandynModal .switch label { position:absolute; margin:0; background:#969696; height:14px; width:28px; }
#plandynModal .switch label:before { border:0; }
#plandynModal .switch label:after{ display:none; }
#plandynModal .switch input:checked + label { background:#000000; }
#plandynModal .switch input:checked + label:before { margin-left:0; margin-top:0; width:12px; height:12px; transform:none; top:1px; left:1px; }
#plandynModal .switch input:not(:checked) + label:before { margin-left:0; margin-top:0; top:1px; left:15px; width:12px; height:12px; }

/* md+ */
@media (min-width: 992px) {  
    .widget-plandyn .selector > .panel > ._typesTarifs { top:0; left:0 !important; display:block !important; }
    #plandynModal #plandyn ._mainPlandyn .panel-heading { display:none !important; }
    .widget-plandyn-overlay { display:none !important; }
}

/* sm- */
@media (max-width: 991px) {
    #plandynModal #plandyn ._mainPlandyn .panel-heading { position:fixed; width:50%; height:35px; top:0; left:0; background:#333; color:#fff; border-right:1px solid #fff; padding-top:0; padding-bottom:0; }
    #plandynModal #plandyn .panel .panel-heading > h3 span.text { color:#333; }
    #plandynModal #plandyn .panel .panel-heading > h3 > span.text:before { content:'Catégories'; color:#fff; }
    #plandynModal #plandyn .panel .panel-heading > h3 { text-overflow:clip !important; }
    .widget-plandyn .selector > .panel > .panel-collapse { top:60px; }
}

/*ANIMATION PLIAGE / DEPLIAGE Cat */
.booking_pricetable_panel .booking-pricetable .panel-default { animation-duration: 0.001s;animation-name: nodeInserted; }
@keyframes nodeInserted { from { opacity: 0.99; } to { opacity: 1; } }


/*Fix popin double wording*/
.booking-notifications #modalAlertDanger.modal-danger.incomplet h4.modal-title p { display:none; } 