@import url(https://fonts.googleapis.com/css?family=Lora:300,300i,400,400i,500,500i,700,700i);

.clearer{clear: both;display: block;}

.f-left{float: left;}
.f-right{float: right;}

.f-left-important{float: left !important;}
.f-right-important{float: right !important;}

.invisible{
    visibility: hidden;
}

.pos-abs{ position:absolute; }
.pos-rel{ position:relative; }

.ul-no-style{list-style:none;}

.border0{border:0px !important;}
.border1{border:1px solid !important;}
.border-l1{border-left: 1px solid #E6E9ED !important;}
.border-r1{border-right: 1px solid #E6E9ED !important;}
.border-l2{border-left: 2px solid #E6E9ED !important;}
.border-r2{border-right: 2px solid #E6E9ED !important;}
.border-t1{border-top: 1px solid #E6E9ED !important;}
.border-b1{border-bottom: 1px solid #E6E9ED !important;}
.border-t2{border-top: 2px solid #E6E9ED !important;}
.border-b2{border-bottom: 2px solid #E6E9ED !important;}
.border-radius50per{border-radius:50%}
.border-radius3{border-radius:3px}
.border-radius4{border-radius:4px}
.border-radius5{border-radius:5px}
.border-radius6{border-radius:6px}
.border-radius8{border-radius:8px}
.border-radius10{border-radius:10px}
.border-radius15{border-radius:15px}
.border-radius20{border-radius:20px}
.border-radius30{border-radius:30px}
.border-radius-left-3{border-radius:3px 0px 0px 3px}
.border-radius-left-4{border-radius:4px 0px 0px 4px}
.border-radius-left-5{border-radius:5px 0px 0px 5px}
.border-radius-left-6{border-radius:6px 0px 0px 6px}
.border-radius-left-8{border-radius:8px 0px 0px 8px}
.border-radius-left-10{border-radius:10px 0px 0px 10px}
.border-radius-right-3{border-radius:0px 3px 3px 0px}
.border-radius-right-4{border-radius:0px 4px 4px 0px}
.border-radius-right-5{border-radius:0px 5px 5px 0px}
.border-radius-right-6{border-radius:0px 6px 6px 0px}
.border-radius-right-8{border-radius:0px 8px 8px 0px}
.border-radius-right-10{border-radius:0px 10px 10px 0px}
.border-radius-top-3{border-radius:3px 3px 0px 0px}
.border-radius-top-4{border-radius:4px 4px 0px 0px}
.border-radius-top-5{border-radius:5px 5px 0px 0px}
.border-radius-top-6{border-radius:6px 6px 0px 0px}
.border-radius-top-8{border-radius:8px 8px 0px 0px}
.border-radius-top-10{border-radius:10px 10px 0px 0px}
.border-radius-bottom-3{border-radius:0px 0px 3px 3px}
.border-radius-bottom-4{border-radius:0px 0px 4px 4px}
.border-radius-bottom-5{border-radius:0px 0px 5px 5px}
.border-radius-bottom-6{border-radius:0px 0px 6px 6px}
.border-radius-bottom-8{border-radius:0px 0px 8px 8px}
.border-radius-bottom-10{border-radius:0px 0px 10px 10px}
.border-color-d9d9d9{ border-color: #d9d9d9 !important;}
.border-color-cccccc{ border-color: #cccccc !important;}

.font-lora, .font-lora * {
    font-family: Lora, serif !important;
}

.new-table .fa-duotone, .new-table .fad {
    font-size: 15px !important;
}

.weight-semibold{ font-weight: 600 !important; }
.weight-bold{ font-weight: 900 !important; }
.weight-normal{ font-weight: 400 !important; }

.curs-point{ cursor:pointer; }

.txt-left{ text-align: left !important; }
.txt-right{ text-align: right !important; }
.txt-center{ text-align: center !important; }

.line-height-1{line-height:1px;}
.line-height-2{line-height:2px;}
.line-height-3{line-height:3px;}
.line-height-4{line-height:4px;}
.line-height-5{line-height:5px;}
.line-height-6{line-height:6px;}
.line-height-7{line-height:7px;}
.line-height-8{line-height:8px;}
.line-height-9{line-height:9px;}
.line-height-10{line-height:10px;}
.line-height-11{line-height:11px;}
.line-height-12{line-height:12px;}
.line-height-13{line-height:13px;}
.line-height-14{line-height:14px;}
.line-height-15{line-height:15px;}
.line-height-16{line-height:16px;}
.line-height-17{line-height:17px;}
.line-height-18{line-height:18px;}
.line-height-19{line-height:19px;}
.line-height-20{line-height:20px;}
.line-height-24{line-height:24px;}
.line-height-26{line-height:26px;}
.line-height-28{line-height:28px;}
.line-height-30{line-height:30px;}
.line-height-32{line-height:32px;}
.line-height-36{line-height:36px;}
.line-height-40{line-height:40px;}
.line-height-46{line-height:46px;}
.line-height-50{line-height:50px;}
.line-height-55{line-height:55px;}
.line-height-60{line-height:60px;}
.line-height-65{line-height:65px;}
.line-height-70{line-height:70px;}

.txt-8{  font-size: 8px !important;  }
.txt-9{  font-size: 9px !important;  }
.txt-10{ font-size: 10px !important; }
.txt-11{ font-size: 11px !important; }
.txt-12{ font-size: 12px !important; }
.txt-13{ font-size: 13px !important; }
.txt-14{ font-size: 14px !important; }
.txt-15{ font-size: 15px !important; }
.txt-16{ font-size: 16px !important; }
.txt-17{ font-size: 17px !important; }
.txt-18{ font-size: 18px !important; }
.txt-19{ font-size: 19px !important; }
.txt-20{ font-size: 20px !important; }
.txt-22{ font-size: 22px !important; }
.txt-24{ font-size: 24px !important; }
.txt-26{ font-size: 26px !important; }
.txt-28{ font-size: 28px !important; }
.txt-32{ font-size: 32px !important; }
.txt-48{ font-size: 48px !important; }
.txt-60{ font-size: 60px !important; }
.txt-72{ font-size: 72px !important; }
.txt-80{ font-size: 80px !important; }
.txt-96{ font-size: 96px !important; }

.mt0 {margin-top: 0px;}
.mt5 {margin-top: 5px;}
.mt6 {margin-top: 6px;}
.mt7 {margin-top: 7px;}
.mt10 {margin-top: 10px;}
.mt12 {margin-top: 12px;}
.mt20 {margin-top: 20px;}
.mt24 {margin-top: 24px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 20px;}

.mr0 {margin-right: 0px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}

.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}

.ml0 {margin-left: 0px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml50 {margin-left: 50px;}

.mr-auto,.mrg-auto{
    margin-left: auto !important;
    margin-right: auto !important;
}


.pt10 {padding-top: 10px;}

.p2x100 {padding: 2%;}
.p-lr-2x100 {padding-left: 2%;padding-right: 2%;}
.p-tb-2x100 {padding-top: 2%;padding-bottom: 2%;}
.m-lr-1x100 {margin-left: 1%;margin-right: 1%;}
.m-lr-2x100 {margin-left: 2%;margin-right: 2%;}
.m-lr-2-5x100 {margin-left: 2.5%;margin-right: 2.5%;}
.m-tb-2x100 {margin-top: 2%;margin-bottom: 2%;}

.p3 {padding: 3px;}
.p5 {padding: 5px;}
.p10 {padding: 10px;}
.p8 {padding: 8px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}

.pt0 {padding-top: 0px;}

.pr0 {padding-right: 0px;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}

.pb0 {padding-bottom: 0px;}

.pl0 {padding-left: 0px;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}

.w10 {width: 10px !important;}
.w15 {width: 15px !important;}
.w16 {width: 16px !important;}
.w18 {width: 18px !important;}
.w20 {width: 20px !important;}
.w22 {width: 22px !important;}
.w24 {width: 24px !important;}
.w25 {width: 25px !important;}
.w26 {width: 26px !important;}
.w30 {width: 30px !important;}
.w35 {width: 35px !important;}
.w40 {width: 40px !important;}
.w45 {width: 45px !important;}
.w50 {width: 50px !important;}
.w55 {width: 55px !important;}
.w60 {width: 60px !important;}
.w65 {width: 65px !important;}
.w70 {width: 70px !important;}
.w75 {width: 65px !important;}
.w80 {width: 80px !important;}
.w85 {width: 85px !important;}
.w90 {width: 90px !important;}
.w95 {width: 95px !important;}
.w100 {width: 100px !important;}
.w120 {width: 120px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w180 {width: 180px !important;}
.w200 {width: 200px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w320 {width: 320px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w420 {width: 420px !important;}
.w450 {width: 450px !important;}
.w20p {width: 20px !important;}
.w30p {width: 30px !important;}
.w35p {width: 35px !important;}
.w40p {width: 40px !important;}
.w50p {width: 50px !important;}
.w60p {width: 60px !important;}
.w70p {width: 70px !important;}
.w75p {width: 75px !important;}
.w80p {width: 80px !important;}

.h10 {height: 10px !important;}
.h15 {height: 15px !important;}
.h20 {height: 20px !important;}
.h25 {height: 25px !important;}
.h26 {height: 26px !important;}
.h27 {height: 27px !important;}
.h28 {height: 28px !important;}
.h30 {height: 30px !important;}
.h32 {height: 32px !important;}
.h35 {height: 35px !important;}
.h40 {height: 40px !important;}
.h45 {height: 45px !important;}
.h50 {height: 50px !important;}
.h55 {height: 55px !important;}
.h60 {height: 60px !important;}
.h65 {height: 65px !important;}
.h70 {height: 70px !important;}
.h75 {height: 75px !important;}
.h80 {height: 80px !important;}
.h85 {height: 85px !important;}
.h90 {height: 90px !important;}
.h95 {height: 95px !important;}
.h100 {height: 100px !important;}
.h50p {height: 50px !important;}
.h70p {height: 70px !important;}
.h75p {height: 75px !important;}
.h80p {height: 80px !important;}
.h85p {height: 85px !important;}
.h90p {height: 90px !important;}
.h95p {height: 95px !important;}
.h100p {height: 100px !important;}

.w5x100 {width: 5% !important;}
.w10x100 {width: 10% !important;}
.w13x100 {width: 13% !important;}
.w14x100 {width: 14% !important;}
.w15x100 {width: 15% !important;}
.w18x100 {width: 18% !important;}
.w20x100 {width: 20% !important;}
.w25x100 {width: 25% !important;}
.w26x100 {width: 26% !important;}
.w27x100 {width: 27% !important;}
.w28x100 {width: 28% !important;}
.w30x100 {width: 30% !important;}
.w33x100 {width: 33% !important;}
.w35x100 {width: 35% !important;}
.w40x100 {width: 40% !important;}
.w42x100 {width: 42% !important;}
.w44x100 {width: 44% !important;}
.w45x100 {width: 45% !important;}
.w46x100 {width: 46% !important;}
.w48x100 {width: 48% !important;}
.w50x100 {width: 50% !important;}
.w55x100 {width: 55% !important;}
.w60x100 {width: 60% !important;}
.w65x100 {width: 65% !important;}
.w70x100 {width: 70% !important;}
.w75x100 {width: 75% !important;}
.w80x100 {width: 80% !important;}
.w82x100 {width: 82% !important;}
.w85x100 {width: 85% !important;}
.w90x100 {width: 90% !important;}
.w100x100 {width: 100% !important;}

.h5x100 {height: 5% !important;}
.h10x100 {height: 10% !important;}
.h13x100 {height: 13% !important;}
.h14x100 {height: 14% !important;}
.h15x100 {height: 15% !important;}
.h20x100 {height: 20% !important;}
.h25x100 {height: 25% !important;}
.h30x100 {height: 30% !important;}
.h33x100 {height: 33% !important;}
.h35x100 {height: 35% !important;}
.h40x100 {height: 40% !important;}
.h45x100 {height: 45% !important;}
.h46x100 {height: 46% !important;}
.h50x100 {height: 50% !important;}
.h55x100 {height: 55% !important;}
.h60x100 {height: 60% !important;}
.h70x100 {height: 70% !important;}
.h75x100 {height: 75% !important;}
.h80x100 {height: 80% !important;}
.h82x100 {height: 82% !important;}
.h85x100 {height: 85% !important;}
.h90x100 {height: 90% !important;}
.h100x100 {height: 100% !important;}

.w24p {width: 24px !important;}
.w100p {width: 100px !important;}
.w120p {width: 120px !important;}
.w140p {width: 140px !important;}
.w150p {width: 150px !important;}
.w200p {width: 200px !important;}
.w250p {width: 250px !important;}
.w280p {width: 280px !important;}
.w300p {width: 300px !important;}

.w100pr-10{width:calc(100% - 10px);}
.w100pr-20{width:calc(100% - 20px);}
.w100pr-30{width:calc(100% - 30px);}
.w100pr-40{width:calc(100% - 40px);}
.w100pr-50{width:calc(100% - 50px);}
.w100pr-60{width:calc(100% - 60px);}
.w100pr-70{width:calc(100% - 70px);}
.w100pr-80{width:calc(100% - 80px);}
.w100pr-90{width:calc(100% - 90px);}
.w100pr-100{width:calc(100% - 100px);}

.max-width60{max-width:60px;}
.max-width70{max-width:70px;}
.max-width80{max-width:80px;}
.max-width90{max-width:90px;}
.max-width100{max-width:100px;}
.max-width170{max-width:170px;}

.h10 {height: 10px;}
.h15 {height: 15px;}
.h20 {height: 20px;}
.h24 {height: 24px;}
.h25 {height: 25px;}
.h30 {height: 30px;}
.h35 {height: 35px;}
.h40 {height: 40px;}
.h45 {height: 45px;}
.h50 {height: 50px;}

.w50p {width: 50px;}
.w60p {width: 60px;}
.w70p {width: 70px;}

.min-width20{min-width:20px;}
.min-width30{min-width:30px;}
.min-width40{min-width:40px;}
.min-width50{min-width:50px;}
.min-width60{min-width:60px;}
.min-width70{min-width:70px;}
.min-width80{min-width:80px;}
.min-width90{min-width:90px;}
.min-width100{min-width:100px;}
.min-width110{min-width:110px;}
.min-width120{min-width:120px;}
.min-width130{min-width:130px;}
.min-width150{min-width:150px;}
.min-width170{min-width:170px;}
.min-width200{min-width:200px;}

.min-height60{min-height:60px;}
.min-height70{min-height:70px;}
.min-height80{min-height:80px;}
.min-height90{min-height:90px;}
.min-height100{min-height:100px;}
.min-height110{min-height:110px;}
.min-height120{min-height:120px;}
.min-height130{min-height:130px;}
.min-height150{min-height:150px;}
.min-height170{min-height:170px;}
.min-height200{min-height:200px;}
.min-height250{min-height:250px;}
.min-height300{min-height:300px;}
.min-height350{min-height:350px;}
.min-height400{min-height:400px;}
.min-height450{min-height:450px;}
.min-height500{min-height:500px;}
.min-height550{min-height:550px;}

.max-height60{max-height:60px;}
.max-height70{max-height:70px;}
.max-height80{max-height:80px;}
.max-height90{max-height:90px;}
.max-height100{max-height:100px;}
.max-height110{max-height:110px;}
.max-height120{max-height:120px;}
.max-height130{max-height:130px;}
.max-height140{max-height:140px;}
.max-height150{max-height:150px;}
.max-height160{max-height:160px;}
.max-height170{max-height:170px;}
.max-height180{max-height:180px;}
.max-height190{max-height:190px;}
.max-height200{max-height:200px;}
.max-height250{max-height:250px;}
.max-height300{max-height:300px;}
.max-height350{max-height:350px;}
.max-height400{max-height:400px;}
.max-height450{max-height:450px;}
.max-height500{max-height:500px;}
.max-height550{max-height:550px;}
.max-height600{max-height:600px;}
.max-height650{max-height:650px;}
.max-height700{max-height:700px;}
.max-height750{max-height:750px;}
.overflow-hidden{overflow:hidden;}
.overflow-auto{overflow:auto;}
.overflow-scroll{overflow:scroll;}
.hidden-mobile{
    display:block;
}
.hidden-desktop{
    display:block;
}
@media (max-width: 576px) {    
    .hidden-mobile {
        display: none !important;
    }
}

@media (min-width: 576px) {
    .hidden-desktop {
        display: none !important;
    }
}

.mrg-5 { margin:5px !important;}
.mrg-8 { margin:8px !important;}
.mrg-10 { margin:10px !important;}
.mrg-20 { margin:20px !important;}
.mrg-30 { margin:30px !important;}
.pdd-0 { padding:0px !important;}
.pdd-2 { padding:2px !important;}
.pdd-3 { padding:3px !important;}
.pdd-4 { padding:4px !important;}
.pdd-5 { padding:5px !important;}
.pdd-8 { padding:8px !important;}
.pdd-10 { padding:10px !important;}
.pdd-15 { padding:15px !important;}
.pdd-20 { padding:20px !important;}

/*top-bottom*/
.mrg-tb-40 { margin-top:40px; margin-bottom:40px;}
.pdd-tb-15 { padding-top:15px; padding-bottom:15px;}
.pdd-tb-5 { padding-top:5px !important; padding-bottom:5px !important;}

/*top*/
.mrg-tp-0 { margin-top:0px !important;}
.pdd-tp-0 { padding-top:0px !important;}
.mrg-tp-1 { margin-top:1px !important;}
.mrg-tp-2 { margin-top:2px !important;}
.pdd-tp-2 { padding-top:2px !important;}
.mrg-tp-3 { margin-top:3px !important;}
.pdd-tp-3 { padding-top:3px !important;}
.mrg-tp-5 { margin-top:5px !important;}
.mrg-tp-4 { margin-top: 4px !important;}
.pdd-tp-4 { padding-top:4px !important;}
.pdd-tp-5 { padding-top:5px !important;}
.pdd-tp-8 { padding-top:8px !important;}
.mrg-tp-8 { margin-top:8px !important;}
.mrg-tp-10 { margin-top:10px !important;}
.pdd-tp-10 { padding-top:10px !important;}
.mrg-tp-12 { margin-top:12px !important;}
.pdd-tp-12 { padding-top:12px !important;}
.mrg-tp-13 { margin-top:13px !important;}
.pdd-tp-13 { padding-top:13px !important;}
.mrg-tp-15 { margin-top:15px !important;}
.pdd-tp-15 { padding-top:15px !important;}
.mrg-tp-20 { margin-top:20px !important;}
.mrg-tp-25 { margin-top:25px !important;}
.pdd-tp-20 { padding-top:20px !important;}
.mrg-tp-30 { margin-top:30px !important;}
.mrg-tp-32 { margin-top:32px !important;}
.mrg-tp-33 { margin-top:33px !important;}
.mrg-tp-34 { margin-top:34px !important;}
.pdd-tp-30 { padding-top:30px !important;}
.mrg-tp-40 { margin-top:40px !important;}
.pdd-tp-40 { padding-top:40px !important;}
.mrg-tp-45 { margin-top:45px !important;}
.pdd-tp-45 { padding-top:45px !important;}
.mrg-tp-50 { margin-top:50px !important;}
.pdd-tp-50 { padding-top:50px !important;}
.mrg-tp-60 { margin-top:60px !important;}
.pdd-tp-60 { padding-top:60px !important;}

/*bottom*/
.mrg-bt-0 { margin-bottom:0px !important;}
.pdd-bt-0 { padding-bottom:0px !important;}
.mrg-bt-2 { margin-bottom:2px !important;}
.pdd-bt-2 { padding-bottom:2px !important;}
.mrg-bt-3 { margin-bottom:3px !important;}
.pdd-bt-3 { padding-bottom:3px !important;}
.mrg-bt-4 { margin-bottom:4px !important;}
.pdd-bt-4 { padding-bottom:4px !important;}
.mrg-bt-5 { margin-bottom:5px !important;}
.pdd-bt-5 { padding-bottom:5px !important;}
.pdd-bt-8 { padding-bottom:8px !important;}
.mrg-bt-10 { margin-bottom:10px !important;}
.pdd-bt-10 { padding-bottom:10px !important;}
.pdd-bt-15 { padding-bottom:15px !important;}
.mrg-bt-20 { margin-bottom:20px !important;}
.pdd-bt-20 { padding-bottom:20px !important;}
.mrg-bt-30 { margin-bottom:30px !important;}
.pdd-bt-30 { padding-bottom:30px !important;}
.mrg-bt-50 { margin-bottom:50px !important;}
.pdd-bt-50 { padding-bottom:50px !important;}
.mrg-bt-70 { margin-bottom:70px !important;}
.pdd-bt-70 { padding-bottom:70px !important;}
.mrg-bt-100 { margin-bottom:100px !important;}
.pdd-bt-100 { padding-bottom:100px !important;}
.pdd-bt-150 { padding-bottom:150px !important;}
.pdd-bt-200 { padding-bottom:200px !important;}

/*right-left*/
.pdd-rl-5pr { padding-right:5%; padding-left:5%;}
.mrg-rl-5pr { margin-right:5%; margin-left:5%;}
.mrg-l-10pr { margin-left:10%;}
.mrg-r-10pr { margin-right:10%;}
.pdd-rl-6 { padding-right:6px; padding-left:6px;}
.pdd-rl-8 { padding-right:8px; padding-left:8px;}
.pdd-rl-10 { padding-right:10px; padding-left:10px;}
.pdd-rl-20 { padding-right:20px; padding-left:20px;}
.pdd-rl-35 { padding-right:35px; padding-left:35px;}

/*right*/
.mrg-r-10 { margin-right:10px;}
.mrg-r-20 { margin-right:20px;}
.mrg-r-30 { margin-right:30px;}
.pdd-r-0 { padding-right:0px !important;} 
.pdd-r-3 { padding-right:3px !important;} 
.pdd-r-5 { padding-right:5px !important;} 
.pdd-r-10 { padding-right:10px !important;} 
.pdd-r-12 { padding-right:12px !important;} 
.pdd-r-15 { padding-right:15px !important;} 
.pdd-r-20 { padding-right:20px !important;} 
.pdd-r-25 { padding-right:25px !important;} 
.pdd-r-30 { padding-right:30px !important;} 
.pdd-r-35 { padding-right:35px !important;} 
.pdd-r-40 { padding-right:40px !important;}
.pdd-r-45 { padding-right:45px !important;}
.pdd-r-50 { padding-right:50px !important;}
.pdd-r-60 { padding-right:60px !important;}
.pdd-r-70 { padding-right:70px !important;}
.pdd-r-80 { padding-right:80px !important;}

/*left*/
.mrg-l-5 { margin-left:5px;}

.pdd-l-0 { padding-left:0px !important;}
.pdd-l-3 { padding-left:3px !important;}
.pdd-l-5 { padding-left:5px !important;}
.pdd-l-8 { padding-left:5px !important;}
.pdd-l-10 { padding-left:10px !important;}
.pdd-l-12 { padding-left:12px !important;}
.pdd-l-15 { padding-left:15px !important;}
.pdd-l-20 { padding-left:20px !important;}
.pdd-l-25 { padding-left:25px !important;}
.pdd-l-30 { padding-left:30px !important;}
.pdd-l-35 { padding-left:35px !important;}
.pdd-l-40 { padding-left:40px !important;}
.pdd-l-45 { padding-left:45px !important;}
.pdd-l-50 { padding-left:50px !important;}

.mrg-l-5 { margin-left:5px !important;}
.mrg-l-10 { margin-left:10px !important;}
.mrg-l-15 { margin-left:15px;}
.mrg-l-20 { margin-left:20px;}
.mrg-l-25 { margin-left:25px;}
.mrg-l-30 { margin-left:30px;}
.mrg-l-35 { margin-left:35px;}
.mrg-l-40 { margin-left:40px;}
.mrg-l-45 { margin-left:45px;}
.mrg-l-50 { margin-left:50px;}

.mrg-lr-5 { margin-left:5px;margin-right:5px;}
.mrg-lr-10 { margin-left:10px;margin-right:10px;}
.mrg-lr-15 { margin-left:15px;margin-right:15px;}
.mrg-lr-20 { margin-left:20px;margin-right:20px;}
.mrg-lr-25 { margin-left:25px;margin-right:25px;}
.mrg-lr-30 { margin-left:30px;margin-right:30px;}
.mrg-lr-35 { margin-left:35px;margin-right:35px;}
.mrg-lr-40 { margin-left:40px;margin-right:40px;}
.mrg-lr-45 { margin-left:45px;margin-right:45px;}
.mrg-lr-50 { margin-left:50px;margin-right:50px;}

.pdd-lr-5 { padding-left:5px;padding-right:5px;}
.pdd-lr-8 { padding-left:8px;padding-right:8px;}
.pdd-lr-10 { padding-left:10px;padding-right:10px;}
.pdd-lr-15 { padding-left:15px;padding-right:15px;}
.pdd-lr-20 { padding-left:20px;padding-right:20px;}
.pdd-lr-25 { padding-left:25px;padding-right:25px;}
.pdd-lr-30 { padding-left:30px;padding-right:30px;}
.pdd-lr-35 { padding-left:35px;padding-right:35px;}
.pdd-lr-40 { padding-left:40px;padding-right:40px;}
.pdd-lr-45 { padding-left:45px;padding-right:45px;}
.pdd-lr-50 { padding-left:50px;padding-right:50px;}

.opacity-1 {opacity:0.1}
.opacity-2 {opacity:0.2}
.opacity-3 {opacity:0.3}
.opacity-4 {opacity:0.4}
.opacity-5 {opacity:0.5}
.opacity-6 {opacity:0.6}
.opacity-7 {opacity:0.7}
.opacity-8 {opacity:0.8}
.opacity-9 {opacity:0.9}

.hover-opacity-5:hover {opacity:0.5}
.hover-opacity-6:hover {opacity:0.6}
.hover-opacity-7:hover {opacity:0.7}
.hover-opacity-8:hover {opacity:0.8}
.hover-opacity-9:hover {opacity:0.9}
.hover-opacity-10:hover {opacity:1}

.bold{font-weight:bold;}
.italic{font-style:italic;}

.display-block{display:block !important;}
.display-inline-block{display:inline-block !important;}
.hide{display:none;}

.uppercase{text-transform: uppercase;}

.no-padding {padding: 0px;}
.no-padding-right {padding-right: 0px;}

.top0 {top: 0px !important;}
.top1 {top: 1px !important;}
.top2 {top: 2px !important;}
.top3 {top: 3px !important;}
.top4 {top: 4px !important;}
.top5 {top: 5px !important;}
.top6 {top: 6px !important;}
.top7 {top: 7px !important;}
.top8 {top: 8px !important;}
.top9 {top: 9px !important;}
.top10 {top: 10px !important;}
.top11 {top: 11px !important;}
.top12 {top: 12px !important;}
.top13 {top: 13px !important;}
.top14 {top: 14px !important;}
.top15 {top: 15px !important;}
.top16 {top: 16px !important;}
.top17 {top: 17px !important;}
.top18 {top: 18px !important;}
.top19 {top: 19px !important;}
.top20 {top: 20px !important;}
.top21 {top: 21px !important;}
.top22 {top: 22px !important;}
.top23 {top: 23px !important;}
.top24 {top: 24px !important;}
.top25 {top: 25px !important;}
.top26 {top: 26px !important;}
.top27 {top: 27px !important;}
.top28 {top: 28px !important;}
.top29 {top: 29px !important;}
.top30 {top: 30px !important;}

.bottom0 {bottom: 0px !important;}
.bottom1 {bottom: 1px !important;}
.bottom2 {bottom: 2px !important;}
.bottom3 {bottom: 3px !important;}
.bottom4 {bottom: 4px !important;}
.bottom5 {bottom: 5px !important;}
.bottom6 {bottom: 6px !important;}
.bottom7 {bottom: 7px !important;}
.bottom8 {bottom: 8px !important;}
.bottom9 {bottom: 9px !important;}
.bottom10 {bottom: 10px !important;}
.bottom11 {bottom: 11px !important;}
.bottom12 {bottom: 12px !important;}
.bottom13 {bottom: 13px !important;}
.bottom14 {bottom: 14px !important;}
.bottom15 {bottom: 15px !important;}
.bottom16 {bottom: 16px !important;}
.bottom17 {bottom: 17px !important;}
.bottom18 {bottom: 18px !important;}
.bottom19 {bottom: 19px !important;}
.bottom20 {bottom: 20px !important;}
.bottom21 {bottom: 21px !important;}
.bottom22 {bottom: 22px !important;}
.bottom23 {bottom: 23px !important;}
.bottom24 {bottom: 24px !important;}
.bottom25 {bottom: 25px !important;}
.bottom26 {bottom: 26px !important;}
.bottom27 {bottom: 27px !important;}
.bottom28 {bottom: 28px !important;}
.bottom29 {bottom: 29px !important;}
.bottom30 {bottom: 30px !important;}

.left0 {left: 0px !important;}
.left1 {left: 1px !important;}
.left2 {left: 2px !important;}
.left3 {left: 3px !important;}
.left4 {left: 4px !important;}
.left5 {left: 5px !important;}
.left6 {left: 6px !important;}
.left7 {left: 7px !important;}
.left8 {left: 8px !important;}
.left9 {left: 9px !important;}
.left10 {left: 10px !important;}
.left11 {left: 11px !important;}
.left12 {left: 12px !important;}
.left13 {left: 13px !important;}
.left14 {left: 14px !important;}
.left15 {left: 15px !important;}
.left16 {left: 16px !important;}
.left17 {left: 17px !important;}
.left18 {left: 18px !important;}
.left19 {left: 19px !important;}
.left20 {left: 20px !important;}
.left21 {left: 21px !important;}
.left22 {left: 22px !important;}
.left23 {left: 23px !important;}
.left24 {left: 24px !important;}
.left25 {left: 25px !important;}
.left26 {left: 26px !important;}
.left27 {left: 27px !important;}
.left28 {left: 28px !important;}
.left29 {left: 29px !important;}
.left30 {left: 30px !important;}

.right0 {right: 0px !important;}
.right1 {right: 1px !important;}
.right2 {right: 2px !important;}
.right3 {right: 3px !important;}
.right4 {right: 4px !important;}
.right5 {right: 5px !important;}
.right6 {right: 6px !important;}
.right7 {right: 7px !important;}
.right8 {right: 8px !important;}
.right9 {right: 9px !important;}
.right10 {right: 10px !important;}
.right11 {right: 11px !important;}
.right12 {right: 12px !important;}
.right13 {right: 13px !important;}
.right14 {right: 14px !important;}
.right15 {right: 15px !important;}
.right16 {right: 16px !important;}
.right17 {right: 17px !important;}
.right18 {right: 18px !important;}
.right19 {right: 19px !important;}
.right20 {right: 20px !important;}
.right21 {right: 21px !important;}
.right22 {right: 22px !important;}
.right23 {right: 23px !important;}
.right24 {right: 24px !important;}
.right25 {right: 25px !important;}
.right26 {right: 26px !important;}
.right27 {right: 27px !important;}
.right28 {right: 28px !important;}
.right29 {right: 29px !important;}
.right30 {right: 30px !important;}
.right50 {right: 50px !important;}
.right100 {right: 100px !important;}
.right150 {right: 150px !important;}
.right160 {right: 160px !important;}
.right170 {right: 170px !important;}

.mt5 {margin-top: 5px !important;}
.mt6 {margin-top: 6px !important;}
.mt7 {margin-top: 7px !important;}
.mt10 {margin-top: 10px !important;}
.mt12 {margin-top: 12px !important;}
.mt20 {margin-top: 20px !important;}
.mt24 {margin-top: 24px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 20px !important;}

.bg-e2ffe2{ background-color: #e2ffe2; }
.bg-fff8b8{ background-color: #fff8b8; }
.bg-7197BF{ background-color: #7197BF; }
.bg-5bc0de{ background-color: #5bc0de; }
.bg-f0ad4e{ background-color: #f0ad4e; }
.bg-26B99A{ background-color: #26B99A; }
.bg-ffdc2c{ background-color: #FFDC2C; }
.bg-efefef{ background-color: #efefef; }
.bg-f5f5f5{ background-color: #f5f5f5; }
.bg-f4f4f4{ background-color: #f4f4f4; }
.bg-f2f2f2{ background-color: #f2f2f2; }
.bg-f0f0f0{ background-color: #f0f0f0; }
.bg-e5e5e5{ background-color: #e5e5e5; }
.bg-e3e3e3{ background-color: #e3e3e3; }
.bg-129db1{ background-color: #129db1 !important; }
.bg-337ab7{ background-color: #337ab7; }
.bg-41b5e6 {background-color: #41b5e6 !important;}
.bg-457b9d {background-color: #457b9d !important;}
.bg-1d3557 {background-color: #1d3557 !important;}
.bg-00c3b2 {background-color: #00c3b2 !important;}
.bg-daa520 {background-color: #daa520 !important;}
.bg-e9ebee {background-color: #e9ebee !important;}
.bg-ee4564 {background-color: #ee4564 !important;}
.bg-ffffff {background-color: #ffffff !important;}
.bg-eeeeee {background-color: #eeeeee !important;}
.bg-efefef {background-color: #efefef !important;}
.bg-999999 {background-color: #999999 !important;}
.bg-666666 {background-color: #666666 !important;}
.bg-333333 {background-color: #333333 !important;}
.bg-000000 {background-color: #000000 !important;}

.col-000000{color: #000000 !important;}
.col-ffffff{color: #ffffff !important;}
.col-999999{color: #999999 !important;}
.col-777777{color: #777777 !important;}
.col-cccccc{color: #cccccc !important;}
.col-aaaaaa{color: #aaaaaa !important;}
.col-333333{color: #333333 !important;}
.col-555555{color: #555555 !important;}
.col-666666{color: #666666 !important;}
.col-129db1{color: #129db1 !important;}
.col-007400{color: #007400 !important;}
.col-0b606c{color: #0b606c !important;}
.col-31A3E4{color: #31A3E4 !important;}
.col-EE4564{color: #EE4564 !important;}
.col-FFDC2C{color: #FFDC2C !important;}
.col-ffc82c{color: #ffc82c !important;}
.col-73879C{color: #73879C !important;}
.col-41b5e6{color: #41b5e6 !important;}
.col-457b9d{color: #457b9d !important;}
.col-1d3557{color: #1d3557 !important;}
.col-00c3b2{color: #00c3b2 !important;}
.col-daa520{color: #daa520 !important;}
.col-e9ebee{color: #e9ebee !important;}
.col-337ab7{color: #337ab7 !important;}
.col-d9534f{color: #d9534f !important;}
.col-5A738E{color: #5A738E !important;}
.col-E2990F{color: #E2990F !important;}

.brd-col-bbbbbb{border-color: #BBBBBB !important;}
.brd-col-cccccc{border-color: #cccccc !important;}
.brd-col-777777{border-color: #777777 !important;}
.brd-col-999999{border-color: #999999 !important;}
.brd-col-dddddd{border-color: #dddddd !important;}
.brd-col-eeeeee{border-color: #eeeeee !important;}
.brd-col-ffffff{border-color: #ffffff !important;}
.brd-col-31A3E4{border-color: #31A3E4 !important;}
.brd-col-00C3B2{border-color: #00C3B2 !important;}
.brd-col-FF8F00{border-color: #FF8F00 !important;}
.brd-col-FCD200{border-color: #FCD200 !important;}
.brd-col-FFDC2C{border-color: #FFDC2C !important;}
.brd-col-FF8F00:hover,.brd-col-FF8F00:active{border-color: #E3931E !important;}
.brd-col-FCD200:hover,.brd-col-FCD200:active{border-color: #F2C200 !important;}

.page-section-title h3{
    margin: 0px;
    color: #555;
}

.page-section-title p {
    margin: 0px;
    color: #888;
}

.page-section-title hr {
    margin-top: 0px;
}

.alert {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}

.alert h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 20px;
}

.alert-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #3c763d;
    z-index: 1010;
}

input[type='checkbox'].select-all-rows, input[type='checkbox'].select-row {
    height: 16px;
    width: 16px;
    cursor: pointer;
}

.alert-fixed small {
    margin-left: 24px;
}

.alert-fixed ul {
    margin-top: -10px;
    margin-bottom: -10px;
}

.alert-dismissible .close {
    right: 5px;
}

.bootstrap-select .filter-option {
    color: #333;
    font-weight: bold;
}

hr {
    border-color: #ddd;
}

.link {

}

.link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.navbar-top-links .dropdown-menu li.selected {
    background-color: #337ab7;
}

.navbar-top-links .dropdown-menu li.selected a {
    color: #eee;
}

.navbar-top-links .dropdown-menu li.selected a:hover {
    color: #333;
}


/* Bordo al contenuto delle tabs */
.tab-content {
    border: 1px solid #ddd;
    border-width: 0 1px 1px; /* Removes the top border */
    padding: 1px;
}

.nav-tabs > li > a {
    margin-left: 0;
    margin-right: 2px;
}

.stats-box .panel_toolbox {
    min-width: inherit;
}

.modal-dialog{
    width:90%;
    /*max-width: 1200px;*/
}
.modal-dialog.modal-xl {
    width: 1200px;
}

.modal-body{
    max-height: 80vh;
    overflow: auto;
}

.information i {
    font-size: 20px;
    cursor: pointer;
    vertical-align: middle;
}

.tooltip-box{
    float: left;
    margin-right:10px;
}

/*========  TOOLTIPSTER INFO========*/

.tooltip { z-index: 1040; }

.tooltipster-box {
    display: block;
    max-width: 600px;
    width: 100%;
    border: 1px solid;
    margin-bottom: 0;
    border-radius: 0;
}

.tooltipster-sidetip .tooltipster-box {  
    background: #ffffff !important;
    border-color: #bbbbbb;
    border-radius: 5px;    
    border-width: 4px;
}

.tooltipster-sidetip .tooltipster-content { padding: 10px; color: #999999; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{ border-right-color: #999999;}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{ border-left-color: #999999;}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{ border-top-color: #999999;}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{ border-bottom-color: #999999;}

label div.tooltip-box i { width:25px; text-align:center; float:left; }
.icon-tooltip-content .close-tooltip { opacity:1; margin-top: -5px; }
.icon-tooltip-content .fa.fa-close { color: #777777; }
.icon-tooltip-content-title { 
    margin-bottom: 10px;
    padding-right:20px;
    font-size:14px;
    font-weight: bold;
}

/*=====   ERRORE INPUT   =======*/
[class^="input-"].error label span { color: rgba(191,40,40, 1); }

[class^="input-"].error .input { border-top:4px solid rgba(191,40,40, 1) !important;}
[class^="input-"] .error-message { display: none; }
[class^="input-"].error .error-message {
    display: block;
    width:100%;
    float: left;
    padding: 5px;
    font-family: 'Cairo', sans-serif;
    font-size: 14px;
    background-color: rgba(191,40,40, 1);
    color: #ffffff;
}

.input-checkbox.error {border: 1px solid rgba(191,40,40, 1);}

/*:::: PRELOADER ::::*/
.page-preloader {
    opacity: 0.9;
    border: medium none;
    cursor: default;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 928394;
}

.page-preloader {background-color: rgba(255,255,255,1);}

.page-preloader #div-wait {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-30px;
    margin-top:-30px;
    z-index:-1;
    width:60px;
    height:60px;
    border-radius:100%;
    border:4px solid;
    -webkit-animation: preloader 0.9s linear infinite;
    animation: preloader 0.9s linear infinite;
}

.page-preloader #div-wait.center-loading {
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 200;
}

.page-preloader #div-wait {
    border-top-color: rgba(115, 135, 156, 1);
    border-bottom-color: rgba(115, 135, 156, 0.4);
    border-left-color: rgba(115, 135, 156, 1);
    border-right-color: rgba(115, 135, 156, 0.4);
}

.context-loader{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
    opacity: 0.8;
    z-index: 99;
}

.context-full-loader{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
    background: #F7F7F7;
    z-index: 99;
}

.context-preloader{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;    
    margin-left: -25px;
    margin-top: -25px;
    z-index: 200;
    border-radius:100%;
    border:4px solid;
    -webkit-animation: preloader 0.9s linear infinite;
    animation: preloader 0.9s linear infinite;
}

label .context-preloader{
    right: 2%;
    left: auto;
    width: 20px;
    height: 20px;    
    margin-left: -10px;
    margin-top: -10px;
}

.context-loader { background-color: rgba(255,255,255,1); }
.context-preloader{
    border-top-color: rgba(115, 135, 156, 1);
    border-bottom-color: rgba(115, 135, 156, 0.4);
    border-left-color: rgba(115, 135, 156, 1);
    border-right-color: rgba(115, 135, 156, 0.4);
}

@keyframes preloader {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@-webkit-keyframes preloader {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

#alert-modal.success .modal-content{
    border:1px solid #26B99A;
}

#alert-modal.success .modal-header{
    color: #ffffff;
    background-color: #26B99A;
}

#alert-modal.info .modal-content{
    border:1px solid #5bc0de;
}

#alert-modal.info .modal-header{
    color: #ffffff;
    background-color: #5bc0de;
}

#alert-modal.warning .modal-content{
    border:1px solid #f0ad4e;
}

#alert-modal.warning .modal-header{
    color: #ffffff;
    background-color: #f0ad4e;
}

#alert-modal.danger .modal-content{
    border:1px solid #d9534f;
}

#alert-modal.danger .modal-header{
    color: #ffffff;
    background-color: #d9534f;
}

.img-picker .img-upload-btn{
    padding: 10px;
}

.copy-link, .open-link{
    border: 1px solid rgb(221, 221, 221);
    border-radius: 3px;
    padding:3px 5px;
    width:70px;    
    background: #eeeeee;
    margin-top:3px;
}

.copy-link:hover, .open-link{
    background: #efefef;
}

ul.bar_tabs>li.active a{
    border: 1px solid #ddd;
    border-bottom-color: transparent !important;
}

.btn-group .btn-default{
    color: #cccccc;
}

.toggle-checkbox{
    /*width: 50px;*/
}

.btn-default.not-active:focus{
    background-color: #fff;
    border-color: #ccc;
}

.btn-default.active, .btn-default.active:focus{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    box-shadow: inset 0 3px 5px #337ab7;
}

.btn-default.active .check-off{
    display: none;
}

.btn-default.not-active .check-on{
    display: none;
}

.add-detail, .add-warning, .add-ticket-guide-language, .add-value{
    color:#5297d2;
    font-size:11px;
    cursor:pointer;
}

.abs-list-number{
    position:absolute;
    left:20px;
    top:33px;
    color: #999999;
}

.delete-list-detail-number, .delete-list-warning-number, .delete-list-value-number{
    position:absolute;
    right:10px;
    top:5px;
    color: #d9534f;
    cursor:pointer;    
    font-size: 16px;
    font-weight: bold;
}

.ui-ribbon-container .ui-ribbon {
    position: relative;
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    transform: rotate(45deg);
    padding: 37px 0;
    left: -5px;
    top: -16px;
    width: 139px;
    line-height: 20px;
    background-color: #555;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    padding-bottom: 10px;
}


.content-manage-access .accordion {
    background: #ffffff !important;
    margin: 0 0 15px 0;
    padding: 0;
    border: 0px solid;
    border-left: 5px solid #88AAB8;
    min-height: 68px;
}
.content-manage-access .accordion a{
    background: #ffffff !important;

    border: 0px solid;
}

.content-manage-access .panel-body{
    background: #ffffff !important;
    padding: 3px 6px;
}

.content-manage-access .panel{
    border: 1px solid transparent !important;
}
.content-manage-access .panel:hover{
    border: 1px solid #E6E9ED;
    border-width: 1px 1px 1px 0;
}
.content-manage-access .panel-collapse{
    border: 0px solid !important;
}
.content-manage-access .media-body{
    border: 0px solid !important;
}

.content-manage-access .panel{
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05);
    box-shadow: 0px 0px 0px rgba(0,0,0,.05);
}


.content-manage-access .fa-chevron-down{
    /*display: none;*/
}
.content-manage-access .accordion a:hover .fa-chevron-down{
    /*display: block;*/
}

.content-manage-access input.number, .cash-quantity{
    padding: 8px 3px !important;
    height: 30px;
    text-align: center;
}

.content-manage-access .day {
    color: #73879C !important;
    font-size: 22px !important;
    line-height: 22px !important;
    font-weight: 730 !important;
}
.content-manage-access .month {
    color: #999 !important;
    font-size: 11px !important;
}

.content-manage-access .x_panel{
    border: 0px solid !important;
}


.content-manage-access input.number, .cash-quantity{
    color: #000000;
    background: #ffffff;
}
.content-manage-access input.number:hover, .cash-quantity:active:hover{
    color: #000000;
    background: #ffffff;
}

span.countdown{
    font-size: 10px;
    padding: 0 5px;
    /* Safari */
    -webkit-transform: rotate(-60deg);

    /* Firefox */
    -moz-transform: rotate(-60deg);

    /* IE */
    -ms-transform: rotate(-60deg);

    /* Opera */
    -o-transform: rotate(-60deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

tr.refund td{
    color: #C5C7CB !important;
}


.white{
    color: #ffffff !important;
}
li.no-result{
    font-size: 16px;
    line-height: 30px;
    color: #ccc;
    margin-left: 5px;
}

/*=====  Login  =====*/
body.login #login {
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    display: table;
    position: relative;
}

/*=====  Form  =====*/
body.login #login .login-box {
    max-width: 400px;
    width: 100%;
    padding: 75px 25px;
    position: absolute;
    bottom: 50%;
    right: 50%;
    -webkit-transform: translate(50%, 50%);
    -moz-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    -o-transform: translate(50%, 50%);
    transform: translate(50%, 50%);

    background-color: rgba(255, 255, 255, 0.6);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

body.login #login .img-brand {
    max-width: 250px;
    width: 100%;
    display: block;
    margin: 0 auto 30px;
}

body.login #login .login-box form {
    display: table;
    width: 100%;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.5);
}

body.login #login .form-group.user-name {
    margin-bottom: 20px;
}

body.login #login .form-group.psw {
    margin-bottom: 40px;
}

body.login #login label {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
}

body.login #login .form-control {
    padding-left: 35px;
    background-color: rgba(224, 227, 233, 0.3);
    border: 0;
    border-bottom: 2px solid rgb(187, 189, 191);
}

body.login #login .form-control:hover, #login .form-control:focus {
    background-color: rgba(224, 227, 233, 0.9);
    border-color: rgb(106, 109, 111);
}

body.login #login .input-group {
    width: 100%;
}

body.login #login .input-group .ipt-ico {
    position: absolute;
    left: 5px;
    top: 8px;
    width: 20px;
    z-index: 21;
    text-align: center;
}

body.login #login .input-group .ipt-ico i {
    font-size: 18px;
    color: rgb(106, 109, 111);
}

body.login #login .forgot-password {
    display: table;
    width: 100%;
    margin-bottom: 15px;
}

body.login #login .input-group .help-block {
    width: 100%;
    float: left;
    padding: 5px 10px;
    margin-top: 0;
    background-color: #d15351;
    color: #fff;
    display: none;
}

/*=====  Footer  =====*/
body.login footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    padding: 5px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

body.login .footer-central-links {
    display: table;
    width: 100%;
}

body.login .footer-central-links a {
    display: inline-block;
    width: 60px;
    opacity: 1;
    vertical-align: middle;
}

body.login .footer-central-links a:hover {
    opacity: 1;
}

body.login .footer-central-links img {
    width: 100px;
}

html,
body {
    height: 100%;
}

body.login  {
    background: url("../img/bg.jpg") center center no-repeat;
    background-size: cover;
}


@media only screen and (max-width: 520px) {
    body.login #login .login-box {
        padding-right: 10px;
        padding-left: 10px;
    }

    body.login footer {
        position: static;
    }

    body.login .footer-central-links a {
        opacity: 1;
    }
}

.x_title{border-bottom: 0;}
.x_content{border-top: 2px solid #E6E9ED;padding-top:15px;}

.file-drop, .image-drop {
    height: 140px;
    border: 2px dashed #adb7be;
    text-align: center;
    padding: 15px 0 0;
}

.file-drop .three-quarters-loader,.image-drop .three-quarters-loader{
    /*text-align: left;*/
}

.file-drop.dragover,.image-drop.dragover {
    border-color: #00a8ff
}
.file-drop .font-icon, .image-drop .font-icon {
    line-height: 60px;
    color: #919fa9;
    font-size: 50px;
}
.file-drop .file-drop-caption, .image-drop .file-drop-caption {
    font-size: 1rem;
    font-weight: 600;
    color: #919fa9;
    margin: 0 0 1rem
}

.crop-image {
    height: 200px;
}

.month-container .month .day.past{
    color: rgba(115,135,156,0.6) !important;
}

.month-container .month .day.today:not(.old){
    font-weight: bold;
    background: #1095c4;
    color: white;
}

.head-section{
    /*margin-bottom: 20px;*/
    /*text-align: center;*/
    padding-top: 5px;
}

.details-box{
    padding: 5px 8px;
}

.mep-ticket-group, .mep-hour-group, .mep-option {
  margin-bottom:0px;
/*  border:2px solid #E6E9ED;*/
/*  border-radius: 10px;*/
  /*padding: 10px;*/
}

.mep-ticket-group > p, .mep-hour-group > p, .mep-option p {
    color: #777777;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    padding-bottom:5px;
    border-bottom: 2px solid #E6E9ED;
    margin-bottom: 20px;
    margin-top: 30px;
/*    height: 19px;
  width: 46px;*/
}

.mep-hour-group:first-child > p{
    margin-top:0px;
}

.mep-ticket, .mep-seller{
    font-size: 14px;
    border-radius: 8px;
    /*padding: 5px 20px;*/
    border: 1px solid #cccccc;
    margin: 15px 0px;
    position: relative;
    height: 70px;
}

.mep-ticket:hover,.mep-ticket.selected,
.mep-seller:hover,.mep-seller.selected,
.mep-hour:hover,.mep-hour.selected,
.mep-language:hover,.mep-hour.selected{
    background-color: #fdf3a0;
    cursor: pointer;
}

.mep-ticket .info-ticket, .mep-seller .info-seller, .ticket-rate-info i{
    position:absolute;
    top:0px;
    bottom:0px;
    right:0px;
    height:100%;
    /*background-color: #337ab7;*/
    color: #337ab7;
    border-radius: 0px 5px 5px 0px;
    width: 40px;
    text-align: center;
}

.mep-hour-info .tooltip-box{
    margin-right: 5px;
}
.mep-hour-info .fa-info-circle, .mep-hour-info .fa-circle{
    color: #337ab7;
}

.mep-ticket .info-ticket:hover, .mep-seller .info-seller:hover{
    opacity: 0.85;
}

.item-ticket-price{
    position:absolute;
    right:50px;
    top: 50%;
    transform: translateY(-50%);  
    font-size: 16px;
}

.mep-ticket .info-ticket i, .mep-seller .info-seller i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);    
}

.mep-load-calendar {
    border: 1px solid rgb(221, 221, 221);
    border-radius: 3px;
    padding: 3px 5px;
    width: 70px;
    background: #eeeeee;
    margin-top: 3px;
}

.mep-hour, .mep-language{
    border-radius: 8px;
    padding:5px 10px;
    border:1px solid #cccccc;
    margin-bottom: 10px;
}

.mep-hour.disabled{
    background-color: #eeeeee;
    cursor: default;
}

#modal-insert-convention-form .btn{
    padding:3px 12px;
}

#modal-insert-convention-form .form-control{
    padding:3px 12px;
    height:28px;
}

#modal-insert-convention-form .form-group > label, #modal-insert-convention-form .form-group > .input-text > label{
    margin-bottom:0px;
}

input[name='item-ticket'],input[name='selected-language'],input[name='selected-hour']{
    width: 16px;
    height: 16px;
    margin: 1px;
}
.go-step-left.disabled, .go-step-right.disabled{
    opacity: 0.6;
}

.go-step-right:hover{
    opacity: 0.85;
    color: #fff !important;
/*    background-color: #5495ce !important;
    border-color: #4a85b9 !important;*/
    /*box-shadow: inset 0 3px 5px #337ab7 !important;*/
}

.mep-ticket .item-ticket, .mep-seller .item-seller{
    position: absolute;
    cursor: pointer;
    left: 120px;
    top: 50%;
    transform: translateY(-50%);    
}

.mep-seller .item-seller{
    left: 70px;
}

.mep-ticket .item-ticket label, .mep-seller .item-seller label{
    margin-bottom:2px;
    cursor: pointer;
}

.mep-ticket .item-ticket.selected, .mep-seller .item-seller.selected{
    background-color: #337ab7;
    color: white;
}

.color-legend{
    padding: 3px 0;
    margin: 2%;
    font-size: 12px;
    font-weight: 600;
    width: 46%;
    text-align: center;
    float: left;
    text-transform: uppercase;
}

.option-ribbon{
    background-color: #468f9a;
    color: #bdebf3;
    border-radius: 5px;
    font-size: 11px;
    padding:5px;
    text-transform: uppercase;
}

.color-greenwater{
    color: #118393;
}

.checked-color{
    color:#337ab7;
}

.dataTable .btn-default{
    border:0px;
    background-color: transparent;    
    color: #999999;
}

.dataTable .btn-default .fa,.dataTable .btn-default .fas,.dataTable .btn-default .fal,.dataTable .btn-default .fab,.dataTable .btn-default .fad{
    font-size:16px;
}

.dataTable .btn-default:hover{
    opacity: 0.7;
    background-color: transparent !important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border-top: 0px !important;
    border-bottom: 0px !important;
    vertical-align: middle;
}

.btn.active, .btn:active{
    box-shadow: none !important;
}

.new-table th{
    color: #b3b8bd;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 900;
}

.new-table ul.panel_toolbox{
    float: left !important;
}

.new-table .dropdown-menu{
    padding:4px;
    width:200px;
}

.new-table .dropdown-toggle{
    color: #73879C;
    background-color: transparent;
    border:0px solid;
    border-radius: 3px;
}

.new-table .dropdown-item{
    font-size: 14px;
    width:100%;
    padding:6px;
    display: block;
}

.new-table .dropdown-item:hover{
    background-color: #f5f5f5;
}

.subticket-row:nth-of-type(odd){
    background-color: #f9f9f9;
}

.positive-green{
    color: #007400
}

@keyframes size-14-to-15 {
  from   {font-size:14px;}
  to  {font-size:15px;}
}
@keyframes size-15-to-14 {
  from   {font-size:15px;}
  to  {font-size:14px;}
}

.seller-header{
    font-size:14px;
    animation-name: size-15-to-14;
    animation-duration: 0.3s;
}

.seller-header:hover{
    font-size:15px;
    animation-name: size-14-to-15;
    animation-duration: 0.3s;
}

body .container.body .right_col{
    background-color: #ffffff;
}

.nav-md .container.body .right_col{
    padding:0px;
    padding-left:3px;
}

.nav_menu{
    margin-bottom: 0px;
}

.header-page{
    width:100%;
    background-color: #f4f4f4;
    border-bottom:1px solid #cccccc;
/*    position: fixed;
    padding-right:20px;*/
}

.header-page td:first-child{
    /*width:250px;*/
}

.content-page{
    margin:10px;
    /*padding-top: 58px;*/
}

.header-menu{
    margin-left: 10px;
    margin-bottom:0px;
    padding:0px;
}

.header-menu li{
    float:left;
}

.header-menu > li > a {
    margin-left: 0;
    margin-right: 2px;
}
.header-menu>li>a {
    padding: 15px;
}
.header-menu>li>a, .nav>li>a {
    position: relative;
    display: block;
}
.header-menu>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;    
}

.header-menu>li.active>a,.header-menu>li.active>a:focus, .header-menu>li.active>a:hover {
    color: white;
    cursor: default;
    background-color: #337ab7;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    border-top-color: transparent;
}

.site_title i{
    border: 0px;
}

.modal-content{
    border: 1px solid #e4e4e4;
    border-top:0px !important;
}

.modal-header .modal-title{
    padding-right: 50px;
}

.modal-header button.close{
    background-color: #d4d4d4;
    opacity: 1;
    padding: 16px 20px;
    position: absolute;
    top: 0px;
    right: -1px;
    margin: 0px;
    color: #73879C;
    border-radius: 0px 6px 0px 0px;
    font-size:23px;
}

.modal-header button.close:hover{
    background-color: #c6c6c6;
}

.modal-header{
    background-color: #EDEDED;
    border-radius: 6px 6px 0px 0px;
}

.danger .modal-header button.close{
    background-color: #c9302c;
    color: white;
}

.danger .modal-header button.close:hover{
    background-color: #b93430;
}

.warning .modal-header button.close{
    background-color: #ec971f;
    color: white;
}

.warning .modal-header button.close:hover{
    background-color: #d58512;
}

.success .modal-header button.close{
    background-color: #169F85;
    color: white;
}

.success .modal-header button.close:hover{
    background-color: #1c907a;
}

.info .modal-header button.close{
    background-color: #31b0d5;
    color: white;
}

.info .modal-header button.close:hover{
    background-color: #269abc;
}

.top_nav .nav .open>a, .top_nav .nav .open>a:focus, .top_nav .nav .open>a:hover, .top_nav .nav>li>a:focus, .top_nav .nav>li>a:hover{
    background-color: white;
}

.next-month-stats,.prev-month-stats{
    opacity:0.7;
    cursor: pointer;
}

.next-month-stats:not(.disabled):hover,.prev-month-stats:hover{
    opacity:1;
}

.next-month-stats.disabled{
    opacity: 0.3;
}

#modal-partecipations .modal-body{
    padding:0px;
}

.toggle-box{
    cursor:pointer;
    border:0px solid #cccccc;
    border-radius: 6px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
}
.toggle-box-choice{
    float:left;
    width: 26px;
    height: 26px;
    text-align:center;
    border: 1px solid #cccccc;
    font-weight: bold;
    border-radius:0px 5px 5px 0px;
}
.toggle-box-choice:first-child{
    border-radius:5px 0px 0px 5px;
    border-right: 0px;
}
.toggle-box-label{
    float: left;
    width:calc(100% - 54px);
    padding-left: 5px;
/*    background-color: #efefef;*/
    font-style: italic;
    border-radius:0px 5px 5px 0px;
    
}
.toggle-box-choice:hover{
    opacity: 0.7;
}
.toggle-box-choice:hover,.toggle-box-choice.selected{
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}
.toggle-box:not(.active) .toggle-box-checked,
.toggle-box:not(.active) .fa-circle-check {
    display:none;
}

.toggle-box{
    background-color: white;
}
.toggle-box.active{
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}
.toggle-box.active .toggle-box-not-checked,
.toggle-box.active .fa-circle{
    display:none;
}

.overlayed-seller,.overlayed-ticket,.overlayed-rate{
    z-index: 100;
    background: repeating-linear-gradient(
        90deg, 
        rgba(204,204,204,1), 
        rgba(204,204,204,1) 1px, 
        rgba(255,255,255,0.6) 0px, 
        rgba(255,255,255,0.6) 20px
    )
}

.seller-section-box{
    /*background-color:#f8f8f8;*/
    /*background-color:rgba(48,63,159,0.8);*/
    background-color:rgba(32,149,242,0.9);
    /*color:white;*/
    border-radius:8px;
    margin-top:30px;
    margin-left:10px;
    margin-right:10px;
    border: 1px solid #dddddd;
}
.seller-section{
    position: relative;
}
.enable-ticket{
    /*background-color:rgba(63,81,181,0.8);*/    
    background-color:rgba(2,168,244,0.9);    
}
.enable-rate{
    /*background-color:rgba(101,116,196,0.8);*/
    background-color:rgba(1,187,212,0.9);
}
.section-label{
    color: white;
}
.seller-section-box.disabled{
    /*background-color:rgba(48,63,159,0.5);*/
    /*background-color:rgba(32,149,242,0.6);*/
    background-color:#bbbbbb;
}

.seller-section-box.disabled .enable-ticket, .seller-section-box .enable-ticket.disabled{
    /*background-color:rgba(63,81,181,0.5);*/    
    /*background-color:rgba(2,168,244,0.6);*/    
    background-color:#cccccc;
}

.seller-section-box.disabled .enable-rate, .seller-section-box .enable-rate.disabled{
    /*background-color:rgba(101,116,196,0.5);*/
    /*background-color:rgba(1,187,212,0.6);*/
    background-color:#dddddd;
}

.enable-ticket.disabled span, .enable-rate.disabled span,
.enable-ticket.disabled i, .enable-rate.disabled i{
    color: #666666;
}

.seller-section-box.disabled legend span{
    /*color: #cccccc;*/
}

#menu1 li:first-child a{
    color: goldenrod;
    font-weight:bold;
    font-size:14px;
}

.mep-option-value{
    margin-top:10px;
}

.mep-option-value.selected{
    color: white;
    background-color: #337ab7;
    weight: 600;
}

@media (max-width: 991px) {
    .btn.pos-abs{
        width:100px !important;
    }
    .show-large, .order-section .your-selection .x_content {
        display:none;
    }
}

.modal{
    /*z-index: 100000;*/
}

.modal-backdrop.in{
    /*z-index: 10000;*/
}

.blink {
  -webkit-animation: 1.7s linear infinite condemned_blink_effect; /* for Safari 4.0 - 8.0 */
  animation: 1.7s linear infinite condemned_blink_effect;
}

/* for Safari 4.0 - 8.0 */
@-webkit-keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

@keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

.btn.btn-none{
    color: #333333;
    background-color: rgb(239,239,239);
    border-color: rgb(239,239,239);
    opacity: 0.8;
}

.btn.btn-none:hover{
    opacity: 1;
}

.import-markup{
    position: relative;
    /*cursor: pointer;*/
}

.markup-info{
    display:none;
    position:absolute;
    top: -10px;
    width: 140px;
    margin: 0 auto;
    text-align: center;
    background-color: white;
    border:1px solid #777777;
    border-radius: 5px;
    color: #777777;
    font-weight: bold;
    padding-bottom: 2px;
}

.import-markup:hover .markup-info{
    display: block;
}
.order-section .your-selection .x_title{
    cursor: default !important;
}

.home-widget{
    padding-left: 10px;
    padding-right: 10px;
    width:310px;
    height:200px;
    margin-top:10px;
    margin-bottom: 10px;
}

.home-widget > .x_panel{
    height:200px;
    margin-bottom: 0px;
    padding: 8px;
    padding-bottom: 0px;
}

.home-widget.compact{
    min-width:200px;
    margin-right: 10px;
    padding-right: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
    width:200px;
    height:72px;
    height:50px;
}

.home-widget.compact > .x_panel{
    padding: 0px;
    width:200px;
    height:67px;
    height:45px;
}

.home-widget.compact > .x_panel > .x_content{
    display: none;
}

.home-widget-header{
    padding-left: 10px;
    /*text-align: center;*/
    width:100%;
    border:1px solid #337ab7;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #337ab7;
    margin: 5px 0 6px;
    float: left;
    display: block;
    font-weight: 600;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
}

.home-widget-header:hover{
    opacity:0.9;
}

.home-widget-header.selected{
    background-color: #337ab7;
    color: white;
}

ul li.select-access-voice, ul li.select-cash-voice{    
    width:24%;
}

ul li.select-access-voice p, ul li.select-cash-voice p{
    padding:5px 15px;    
    border-radius: 15px;
    margin-bottom: 0px;
}

ul li.select-access-voice p:hover, ul li.select-access-voice.selected p,
ul li.select-cash-voice p:hover, ul li.select-cash-voice.selected p{
    font-weight: bold;
    color: white;
    background-color: #337ab7;    
}

.widget-content, .cash-section{
    display: none;
}

.widget-content.selected, .cash-section.selected{
    display: block;
}

#container-entry-hours .col{
    width:30% !important;
    margin:5px 1.65% !important;
}

#container-entry-hours .slot{
    border-radius: 5px;
}

#container-entry-moment a.select-ticket-entry-moment.disabled{
    opacity:0.5;
}

#calendar, #calendar2{
    width: 100%;
}

.home-widget-header{
    cursor: pointer;
}

.nav-md .container.body .col-md-3.left_col{
    min-height: calc(100% + 400px);
}

.export-command-list{
    color: #5A738E !important;
}
.export-command-list:hover,.export-command-list:focus{
    background-color: transparent !important;
    color: #23527c !important;
}
@media only screen and (min-width: 990px) {
    .nav.toggle{
        display:none;
    }
}

.main_container .top_nav{
    position: fixed;
    right: 0px;
    top: 0px;
    width: calc(100% - 232px);    
    z-index: 1000;
}

.nav-sm .main_container .top_nav{
    width: calc(100% - 86px);    
}

.nav-md .container.body .right_col{
    padding-top:52px;
}

@media (max-width: 1030px){
    .nav-md .container.body .right_col {
        padding-top: 50px !important;
    }
}

@media (max-width: 600px){
    #validation-roll > div{
        padding-left: 0px;
        padding-right: 0px;
    }
    .media .date{
        width:48px;
        margin-right: 0px;
    }
    .nav-md .container.body .right_col {
        padding-top: 100px !important;
    }
    .nav-sm .container.body .right_col {
        padding-top: 150px !important;
        padding-right:0px !important;
    }
    .nav-sm .container.body .right_col .nav>li>a{
        padding-left:8px;
        padding-right:8px;
    }
    .access-type-group .btn{
        width:50%;
        float: left;
        margin-bottom: 0px;
        margin-left:0px !important;
    }
    
    .search-string-field, .calendar-field,
    .agency-roomset-field, .agency-calendar-field,
    .agency-language-field{
        width: 100%;        
    }
    
    .period-type-field, .roomset-field,
    .language-field, .guide-field{
        width: 50%;
    }
}

@media (min-width: 601px){
    .agency-roomset-field, .agency-calendar-field,
    .agency-language-field{
        margin-right: 20px;        
    }
}

.flag-switch.disabled .col-31A3E4{color: #EE4564 !important;}

.table-responsive{
    overflow-x: unset;
}

#fixed-alert-container{
    color: white;
    opacity: 1;
}

.alert-success, .alert-success small {
    color: #ffffff !important;
    background-color: rgba(38, 185, 154, 1);
    border-color: rgba(38, 185, 154, 1)
}
.alert-info, .alert-info small {
    color: #E9EDEF !important;
    background-color: rgba(52, 152, 219, 1);
    border-color: rgba(52, 152, 219, 1)
}
.alert-warning, .alert-warning small {
    color: #E9EDEF !important;
    background-color: rgba(243, 156, 18, 1);
    border-color: rgba(243, 156, 18, 1)
}
.alert-danger, .alert-danger small
.alert-error {
    color: #E9EDEF !important;
    background-color: rgba(231, 76, 60, 1);
    border-color: rgba(231, 76, 60, 1)
}

/* Seller Spotlight Search */
.seller-spotlight-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(4px);
    z-index: 9999;
    animation: fadeIn 0.2s ease-out;
}

.seller-spotlight-overlay.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

.seller-spotlight-container {
    width: 90%;
    max-width: 600px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    animation: slideIn 0.3s ease-out;
}

.seller-spotlight-search {
    padding: 20px;
    border-bottom: 1px solid #e9ecef;
}

.seller-spotlight-input {
    width: 100%;
    padding: 15px 20px;
    border: none;
    outline: none;
    font-size: 18px;
    background: #f8f9fa;
    border-radius: 8px;
    color: #333;
}

.seller-spotlight-input::placeholder {
    color: #6c757d;
}

.seller-spotlight-results {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.seller-spotlight-item {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    border-bottom: 1px solid #f1f3f4;
    transition: background-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease, border-left 0.15s ease;
}

.seller-spotlight-item:hover {
    background-color: #f8f9fa;
    transform: translateX(2px);
}

.seller-spotlight-item.selected {
    background-color: #e3f2fd;
    border-left: 4px solid #2196f3;
    transform: translateX(2px);
    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.2);
}

.seller-spotlight-item:last-child {
    border-bottom: none;
}

.seller-spotlight-logo {
    width: 32px;
    height: 32px;
    margin-right: 15px;
    border-radius: 4px;
    object-fit: cover;
}

.seller-spotlight-info {
    flex: 1;
}

.seller-spotlight-name {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 4px;
}

.seller-spotlight-meta {
    font-size: 12px;
    color: #6c757d;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.seller-spotlight-empty {
    padding: 40px 20px;
    text-align: center;
    color: #6c757d;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideIn {
    from { 
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }
    to { 
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Loading Overlay for Seller Impersonation */
.seller-impersonation-loading {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10000;
    animation: fadeIn 0.2s ease-out;
}

.seller-impersonation-loading.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

.seller-loading-content {
    background: white;
    padding: 40px 50px;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    text-align: center;
    animation: slideIn 0.3s ease-out;
}

.seller-loading-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #e3f2fd;
    border-top: 4px solid #2196f3;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 20px;
}

.seller-loading-text {
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}