html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}
@keyframes closeWindow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ril__outer {
  background-color: rgba(0, 0, 0, 0.85);
  outline: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  -ms-content-zooming: none;
  -ms-user-select: none;
  -ms-touch-select: none;
  touch-action: none;
}

.ril__outerClosing {
  opacity: 0;
}

.ril__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ril__image,
.ril__imagePrev,
.ril__imageNext {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: none;
  -ms-content-zooming: none;
  -ms-user-select: none;
  -ms-touch-select: none;
  touch-action: none;
}

.ril__imageDiscourager {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ril__navButtons {
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 34px;
  padding: 40px 30px;
  margin: auto;
  cursor: pointer;
  opacity: 0.7;
}
.ril__navButtons:hover {
  opacity: 1;
}
.ril__navButtons:active {
  opacity: 0.7;
}

.ril__navButtonPrev {
  left: 0;
  background: rgba(0, 0, 0, 0.2)
    url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDE5LDMgLTIsLTIgLTE2LDE2IDE2LDE2IDEsLTEgLTE1LC0xNSAxNSwtMTUgeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==')
    no-repeat center;
}

.ril__navButtonNext {
  right: 0;
  background: rgba(0, 0, 0, 0.2)
    url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDEsMyAyLC0yIDE2LDE2IC0xNiwxNiAtMSwtMSAxNSwtMTUgLTE1LC0xNSB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+')
    no-repeat center;
}

.ril__downloadBlocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
  background-size: cover;
}

.ril__caption,
.ril__toolbar {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
}

.ril__caption {
  bottom: 0;
  max-height: 150px;
  overflow: auto;
}

.ril__captionContent {
  padding: 10px 20px;
  color: #fff;
}

.ril__toolbar {
  top: 0;
  height: 50px;
}

.ril__toolbarSide {
  height: 50px;
  margin: 0;
}

.ril__toolbarLeftSide {
  padding-left: 20px;
  padding-right: 0;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ril__toolbarRightSide {
  padding-left: 0;
  padding-right: 20px;
  flex: 0 0 auto;
}

.ril__toolbarItem {
  display: inline-block;
  line-height: 50px;
  padding: 0;
  color: #fff;
  font-size: 120%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ril__toolbarItemChild {
  vertical-align: middle;
}

.ril__builtinButton {
  width: 40px;
  height: 35px;
  cursor: pointer;
  border: none;
  opacity: 0.7;
}
.ril__builtinButton:hover {
  opacity: 1;
}
.ril__builtinButton:active {
  outline: none;
}

.ril__builtinButtonDisabled {
  cursor: default;
  opacity: 0.5;
}
.ril__builtinButtonDisabled:hover {
  opacity: 0.5;
}

.ril__closeButton {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtIDEsMyAxLjI1LC0xLjI1IDcuNSw3LjUgNy41LC03LjUgMS4yNSwxLjI1IC03LjUsNy41IDcuNSw3LjUgLTEuMjUsMS4yNSAtNy41LC03LjUgLTcuNSw3LjUgLTEuMjUsLTEuMjUgNy41LC03LjUgLTcuNSwtNy41IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=')
    no-repeat center;
}

.ril__zoomInButton {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PHBhdGggZD0iTTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+')
    no-repeat center;
}

.ril__zoomOutButton {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=')
    no-repeat center;
}

.ril__outerAnimating {
  animation-name: closeWindow;
}

@keyframes pointFade {
  0%,
  19.999%,
  100% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}

.ril__loadingCircle {
  width: 60px;
  height: 60px;
  position: relative;
}

.ril__loadingCirclePoint {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.ril__loadingCirclePoint::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 11%;
  height: 30%;
  background-color: #fff;
  border-radius: 30%;
  animation: pointFade 800ms infinite ease-in-out both;
}
.ril__loadingCirclePoint:nth-of-type(1) {
  transform: rotate(0deg);
}
.ril__loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg);
}
.ril__loadingCirclePoint:nth-of-type(1)::before,
.ril__loadingCirclePoint:nth-of-type(7)::before {
  animation-delay: -800ms;
}
.ril__loadingCirclePoint:nth-of-type(2) {
  transform: rotate(30deg);
}
.ril__loadingCirclePoint:nth-of-type(8) {
  transform: rotate(210deg);
}
.ril__loadingCirclePoint:nth-of-type(2)::before,
.ril__loadingCirclePoint:nth-of-type(8)::before {
  animation-delay: -666ms;
}
.ril__loadingCirclePoint:nth-of-type(3) {
  transform: rotate(60deg);
}
.ril__loadingCirclePoint:nth-of-type(9) {
  transform: rotate(240deg);
}
.ril__loadingCirclePoint:nth-of-type(3)::before,
.ril__loadingCirclePoint:nth-of-type(9)::before {
  animation-delay: -533ms;
}
.ril__loadingCirclePoint:nth-of-type(4) {
  transform: rotate(90deg);
}
.ril__loadingCirclePoint:nth-of-type(10) {
  transform: rotate(270deg);
}
.ril__loadingCirclePoint:nth-of-type(4)::before,
.ril__loadingCirclePoint:nth-of-type(10)::before {
  animation-delay: -400ms;
}
.ril__loadingCirclePoint:nth-of-type(5) {
  transform: rotate(120deg);
}
.ril__loadingCirclePoint:nth-of-type(11) {
  transform: rotate(300deg);
}
.ril__loadingCirclePoint:nth-of-type(5)::before,
.ril__loadingCirclePoint:nth-of-type(11)::before {
  animation-delay: -266ms;
}
.ril__loadingCirclePoint:nth-of-type(6) {
  transform: rotate(150deg);
}
.ril__loadingCirclePoint:nth-of-type(12) {
  transform: rotate(330deg);
}
.ril__loadingCirclePoint:nth-of-type(6)::before,
.ril__loadingCirclePoint:nth-of-type(12)::before {
  animation-delay: -133ms;
}
.ril__loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg);
}
.ril__loadingCirclePoint:nth-of-type(13) {
  transform: rotate(360deg);
}
.ril__loadingCirclePoint:nth-of-type(7)::before,
.ril__loadingCirclePoint:nth-of-type(13)::before {
  animation-delay: 0ms;
}

.ril__loadingContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ril__imagePrev .ril__loadingContainer,
.ril__imageNext .ril__loadingContainer {
  display: none;
}

.ril__errorContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.ril__imagePrev .ril__errorContainer,
.ril__imageNext .ril__errorContainer {
  display: none;
}

.ril__loadingContainer__icon {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year-container {
  margin: 0.4rem;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}

.react-datepicker__year-container-text {
  display: inline-block;
  cursor: pointer;
  flex: 1 0 30%;
  width: 12px;
  padding: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: 85px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text {
  cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range ,
.react-datepicker__month-text--in-selecting-range ,
.react-datepicker__quarter-text--in-selecting-range {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0px 6px 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "\D7";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

body {
  font-family: 'Montserrat', sans-serif;
  color: #444854;
  background-color: #fff;
  margin: 0;
  padding: 0;
}
.swal2-icon {
  margin-right: 0.5em !important;
}
.form-group {
  margin-bottom: 1rem;
}
.form-group .label {
  display: inline-block;
  margin-bottom: 0.3rem;
  color: #9966fe;
  font-weight: bold;
}
.form-group .is-invalid {
  border-color: #dc3545;
}
.form-group .is-disabled {
  background-color: #efefef !important;
  color: #9b9b9b;
  border: none;
}
.form-group .is-disabled .select__control {
  border-color: #dc3545;
}
.form-group .label-is-disable {
  color: #9b9b9b;
}
.form-group-inline {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.form-group-inline .label {
  display: inline;
  margin-bottom: 0.3rem;
  color: #444854;
  font-weight: bold;
  white-space: nowrap;
  margin-right: 1rem;
}
.form-control {
  font-family: 'Montserrat', sans-serif;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1.2rem !important;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #b2b2b2;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 0;
  overflow: visible;
}
.form-control:focus {
  color: #000;
  border-color: #c7adfc;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(199,173,252,0.25);
}
.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.4rem;
}
.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
}
.list-control {
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  color: #495057;
  border: 1px solid #b2b2b2;
  border-radius: 0.45rem;
}
.list-control option {
  padding: 0.75rem;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
}
.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.input-group >.form-control {
  position: relative;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group >.form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .input-group-append {
  margin-left: -1px;
  display: -ms-flexbox;
  display: flex;
}
.input-group .input-group-append .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
}
.input-group .input-group-append .btn img {
  height: 18px;
}
.inner-addon {
  position: relative;
}
.inner-addon .fa {
  position: absolute;
  padding: 12px 10px;
  pointer-events: none;
  z-index: 1;
  color: #7c8191;
}
.left-addon .fa {
  left: 0px;
}
.right-addon .fa {
  right: 0px;
}
.left-addon input {
  padding-left: 30px;
}
.right-addon input {
  padding-right: 30px;
}
.invalid-feedback {
  color: #dc3545;
}
.select-control .select__control {
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0rem !important;
  padding: 0 0.2rem;
  border: 1px solid #b2b2b2;
}
.select-control-sm .select__control {
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0rem !important;
  padding: 0 0.1rem;
  min-height: 31px;
  border: 1px solid #b2b2b2;
}
.select-control-lg .select__control {
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0rem !important;
  padding: 0.125rem 0.3rem;
  border: 1px solid #b2b2b2;
}
.select-control-lg.select-pin .select__control {
  height: 66px;
}
.select-control-lg.select-pin .select__control .select__placeholder {
  font-size: 2rem;
  color: #9da1a5;
}
.select-control-lg.select-pin .select__single-value {
  font-size: 2rem !important;
}
.flex-switch {
  display: flex;
  align-items: center;
}
.flex-switch .label {
  margin-bottom: 0;
  margin-left: 1rem;
}
.react-datepicker {
  font-family: 'Montserrat', sans-serif;
  border: 1px solid #9966fe;
  border-radius: 0.5rem;
  font-size: 1.2rem;
}
.react-datepicker-wrapper {
  display: inline;
}
.react-datepicker__header {
  background-color: #9966fe;
  border-bottom: 1px solid #9966fe;
  border-top-left-radius: 0.45rem;
  border-top-right-radius: 0.45rem;
}
.react-datepicker__header .react-datepicker__current-month,
.react-datepicker__header .react-datepicker__day-name {
  color: #fff !important;
  font-size: 1rem;
}
.react-datepicker__day {
  color: #495057;
}
.react-datepicker__day:hover {
  background-color: #deebff !important;
}
.react-datepicker__day--selected {
  background-color: #9966fe;
  color: #fff !important;
}
.react-datepicker__triangle {
  border-top-color: #9966fe !important;
  border-bottom-color: #9966fe !important;
}
.react-datepicker__navigation--next {
  border-left-color: #fff !important;
}
.react-datepicker__navigation--previous {
  border-right-color: #fff !important;
}
.react-datepicker-popper {
  z-index: 100;
}
.input-color {
  border-width: 0px;
  background: #fff;
  padding: 0px;
}
textarea {
  height: auto !important;
}
.helpSearch {
  position: absolute;
  top: 40px;
  left: 3px;
}
.select__control {
  cursor: pointer !important;
  border: 1px solid #b2b2b2 !important;
  border-radius: 0 !important;
  font-size: 1.2rem !important;
  height: calc(1.5em + 0.75rem + 2px) !important;
}
.select__single-value,
.css-1uccc91-singleValue {
  color: #495057 !important;
}
.select__control--is-focused {
  color: #000 !important;
  font-size: 1.2rem !important;
  height: calc(1.5em + 0.75rem + 2px) !important;
  border-radius: 0 !important;
}
.select__control--is-focused .select__single-value,
.select__control--is-focused .css-1uccc91-singleValue {
  color: #000 !important;
}
.css-1pahdxg-control {
  border-color: #c7adfc !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem rgba(199,173,252,0.25) !important;
}
.select__menu {
  margin-top: 0 !important;
  font-size: 1.2rem !important;
  border: 1px solid #c7adfc !important;
  box-shadow: 0 0 0 !important;
}
.css-26l3qy-menu {
  z-index: 99 !important;
}
.select__option:hover {
  cursor: pointer;
}
.select__option--is-selected {
  background-color: #9966fe !important;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #fff inset !important;
  -webkit-text-fill-color: #495057 !important;
}
.react-switch-bg {
  height: 22px !important;
  width: 50px !important;
}
.react-switch-handle {
  width: 20px !important;
  height: 20px !important;
}
.disabled-date {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
@media screen and (min-width: 576px) {
  .form-group-inline {
    align-items: center;
    flex-direction: row;
  }
}
.btn {
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  font-weight: 400;
  color: #444854;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.5rem 0.75rem;
  font-size: 1.2rem;
  line-height: 1.5;
  border-radius: 0.5rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  text-decoration: none;
  margin: 0;
}
.btn:focus {
  outline: 0;
}
.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.4rem;
}
.btn-lg {
  font-size: 1.5rem;
}
.btn-input-file {
  color: #495057;
  background-color: #f4f4f4;
  border: 1px dashed #495057;
  border-radius: 0;
}
.input-file-select {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.onDragOver-input-file {
  background-color: #deebff;
  border: 1px dashed #6736e3;
}
.btn-primary {
  color: #fff;
  background-color: #9966fe;
  border-color: #9966fe;
  font-weight: bold;
}
.btn-primary:hover {
  background-color: #3974c4;
  border-color: #3974c4;
}
.btn-primary:active {
  background-color: #c7adfc;
  border-color: #c7adfc;
}
.btn-primary-dark {
  color: #fff;
  background-color: #6736e3;
  border-color: #6736e3;
}
.btn-primary-dark:focus {
  background-color: #9966fe;
  border-color: #9966fe;
}
.btn-primary-dark:hover {
  background-color: #9966fe;
  border-color: #9966fe;
}
.btn-disabled {
  color: #fff;
  background-color: #7c8191;
  border-color: #7c8191;
}
.btn-secondary {
  color: #9966fe;
  background-color: #fff;
  border-color: #9966fe;
}
.btn-secondary:focus {
  box-shadow: 0px 5px 5px rgba(94,171,237,0.2);
}
.btn-secondary:hover {
  box-shadow: 0px 5px 5px rgba(94,171,237,0.2);
}
.btn-secondary:active {
  background-color: #e2f1ff;
}
.btn-secondary-light {
  color: #fff;
  background: linear-gradient(to bottom, #a8e7ff, #01b9fe);
  border-color: #01b9fe;
  padding: 10px 30px;
  font-weight: bold;
}
.btn-secondary-light:focus {
  box-shadow: 0px 5px 5px rgba(94,171,237,0.2);
}
.btn-secondary-light:hover {
  box-shadow: 0px 5px 5px rgba(94,171,237,0.2);
  background-color: #a8e7ff;
  border-color: #a8e7ff;
}
.btn-secondary-light:active {
  background-color: #e2f1ff;
}
.cursor-default {
  cursor: default !important;
}
.btn-sub-tab-select {
  color: #01b9fe;
  border-radius: 0;
  border-bottom: 4px solid #01b9fe;
  cursor: default !important;
}
.btn-sub-tab {
  border-radius: 0;
  padding-bottom: 0;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #01b9fe;
}
.btn-success {
  color: #fff;
  background-color: #28a845;
  border-color: #28a845;
}
.btn-success:focus {
  background-color: #218838;
  border-color: #218838;
}
.btn-success:hover {
  background-color: #218838;
  border-color: #218838;
}
.btn-danger {
  color: #dc3545;
  background-color: #fff;
  border-color: #dc3545;
}
.btn-danger:focus {
  box-shadow: 0px 5px 5px #ffe2e3;
}
.btn-danger:hover {
  box-shadow: 0px 5px 5px #ffe2e3;
}
.btn-danger:active {
  background-color: #ffe2e3;
}
.btn-danger-solid {
  color: #fff;
  background-color: #dc3545;
}
.btn-danger-solid:focus {
  background-color: #c82333;
}
.btn-danger-solid:hover {
  background-color: #c82333;
}
.btn-danger-solid:active {
  background-color: #c82333;
}
.btn-warning {
  color: #444854;
  background-color: #fdc208;
  border-color: #fdc208;
}
.btn-warning:focus {
  background-color: #e0a800;
  border-color: #e0a800;
}
.btn-warning:hover {
  background-color: #e0a800;
  border-color: #e0a800;
}
.btn-info {
  color: #fff;
  background-color: #edf1ff;
  border-color: #edf1ff;
}
.btn-info:focus {
  background-color: #138496;
  border-color: #138496;
}
.btn-info:hover {
  background-color: #138496;
  border-color: #138496;
}
.btn-light {
  color: #444854;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:focus {
  background-color: #e2e6ea;
  border-color: #e2e6ea;
}
.btn-light:hover {
  background-color: #e2e6ea;
  border-color: #e2e6ea;
}
.btn-dark {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-dark:focus {
  background-color: #23272b;
  border-color: #23272b;
}
.btn-dark:hover {
  background-color: #23272b;
  border-color: #23272b;
}
.btn-white {
  color: #444854;
  background-color: #fff;
  border-color: #ddd;
}
.btn-white:focus {
  background-color: #e2e6ea;
  border-color: #e2e6ea;
}
.btn-white:hover {
  background-color: #e2e6ea;
  border-color: #e2e6ea;
}
.btn-round {
  border-radius: 1.5rem;
}
.btn-list {
  transition: background-color 1s;
  padding: 0.1em 0.4em;
  font-size: 1.1em;
  margin: 0 0.2em;
  box-shadow: -2px -2px 5px #fff, 3px 3px 5px rgba(0,0,0,0.1);
}
.btn-list:focus {
  background-color: #01b9fe;
  color: #fff;
}
.btn-list:hover {
  background-color: #01b9fe;
  color: #fff;
}
.btn-group {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group >.btn {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.btn-group >.btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group >.btn:not(:last-child),
.btn-group .dropdown>.btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group >.btn:first-child {
  margin-left: 0;
}
.btn-group .btn+.btn {
  margin-left: -1px;
}
.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.input-file-pointer {
  width: inherit;
  text-align: center;
}
.btn-img {
  background: none;
  border: none;
  margin-right: 0.5rem;
  cursor: pointer;
}
.btn-buy {
  font-size: 1rem;
  border-radius: 0.4rem;
  width: 95%;
  height: 50px;
  padding: 0;
  margin: 0;
}
.btn-animation {
  animation: btn-scale 1.5s;
}
.navBarTab {
  display: flex;
  align-items: center;
}
.btnArrow {
  width: 150px;
  display: flex;
  height: 80px;
  padding: 30px 20px;
  color: #000;
  font-weight: bold;
  background-color: #fff;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  border: solid 1px;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: -100%;
}
@-moz-keyframes btn-scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes btn-scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes btn-scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes btn-scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.w-5-percentage {
  width: 5% !important;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 30%;
}
.w-50 {
  width: 50%;
}
.w-75 {
  width: 75%;
}
.w-80 {
  width: 80%;
}
.w-90 {
  width: 90%;
}
.w-100 {
  width: 100%;
}
.w-90vw {
  width: 90vw;
}
.h-20 {
  height: 20vh;
}
.h-30 {
  height: 30vh;
}
.h-50 {
  height: 50vh;
}
.h-70 {
  height: 70vh;
}
.h-100 {
  height: 100vh;
}
.h-100-porcent {
  height: 100%;
}
.h-100-perc {
  height: 100%;
}
.h-10px {
  height: 30px;
}
.ml-15px {
  margin-left: 15px;
}
.ml-20px {
  margin-left: 20px;
}
.mt-10px {
  margin-top: 10px;
}
.mt-22px {
  margin-top: 22px;
}
.mt-30px {
  margin-top: 30px;
}
.mt-40px {
  margin-top: 40px;
}
.mx-10 {
  margin: 0 10%;
}
.mx-10px {
  margin-left: 10px;
  margin-right: 30px;
}
.mb-10px {
  margin-bottom: 10px;
}
.m-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.h-125 {
  height: 125px !important;
}
.h-300 {
  height: 300px !important;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.pos-relative {
  position: relative;
}
.pos-static {
  position: static !important;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex {
  display: flex;
}
.flex-center {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.flex-content-center {
  display: flex;
  justify-content: center;
}
.flex-space-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.flex-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.flex-start-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-center-start {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.flex-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-align-items-center-imported {
  display: flex;
  align-items: center !important;
}
.flex-vertical-end {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.flex-column-around {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
.flex-column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flex-column-left {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.flex-column-right {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
}
.flex-column-left-around {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-direction: column;
}
.column-row {
  display: flex;
  flex-direction: row;
}
.row-to-column {
  display: flex;
  flex-direction: column;
}
.flex-0-8 {
  flex: 0.8 !important;
}
.flex-1 {
  flex: 1 !important;
}
.flex-2 {
  flex: 2 !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.justify-start {
  justify-content: start !important;
}
.align-end {
  align-self: flex-end;
}
.align-start {
  align-self: flex-start;
}
.align-center {
  align-self: center;
}
.container-eye {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.eye {
  cursor: pointer;
  width: 30px;
  margin-right: 10px;
  margin-bottom: 5px;
  position: absolute;
}
.flex-buttons {
  display: flex !important;
  justify-content: center;
  align-items: inherit;
  flex-direction: column;
  height: 100%;
}
.gap-0-5 {
  gap: 0.5rem !important;
}
.gap-1 {
  gap: 1rem !important;
}
.gap-1-5 {
  gap: 1.5rem !important;
}
.fixed-0 {
  position: fixed;
  top: 0;
  left: 0;
}
.padding-left-1-2 {
  padding-left: 1.2rem;
}
.text-white {
  color: #fff !important;
}
.text-color {
  color: #444854 !important;
}
.text-color-black {
  color: #000 !important;
}
.text-muted {
  color: #7c8191;
}
.text-muted-dark {
  color: #6c6c6c;
}
.text-muted-light {
  color: #ddd;
}
.text-success {
  color: #28a845;
}
.text-info {
  color: #edf1ff;
}
.text-secondary {
  color: #01b9fe !important;
}
.text-primary {
  color: #9966fe !important;
}
.text-primary-dark {
  color: #6736e3;
}
.text-danger {
  color: #dc3545;
}
.td-none {
  text-decoration: none;
}
.td-none:hover {
  text-decoration: none;
  color: #000;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-wrapper {
  white-space: pre-wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.color-orange {
  color: #f59d26;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.title {
  color: #9966fe;
}
.subtitle {
  color: #01b9fe;
  font-size: 20px;
}
.text-x-large {
  font-size: x-large !important;
}
.font-weight-normal {
  font-weight: normal;
}
.bold {
  font-weight: bold;
}
.fw-500 {
  font-weight: 500;
}
.w-auto {
  width: auto !important;
}
.img-sim {
  height: auto;
  width: 300px;
  margin: auto;
}
.link-primary {
  color: #9966fe;
  text-decoration: none;
}
.link-primary:hover {
  color: #6736e3;
  text-decoration: underline;
}
.fz-0-5 {
  font-size: 0.5rem !important;
}
.fz-0-6 {
  font-size: 0.6rem !important;
}
.fz-0-7 {
  font-size: 0.7rem !important;
}
.fz-0-8 {
  font-size: 0.8rem !important;
}
.fz-0-9 {
  font-size: 0.9rem !important;
}
.fz-1 {
  font-size: 1rem !important;
}
.fz-1-3 {
  font-size: 1.3rem !important;
}
.fz-1-5 {
  font-size: 1.5rem !important;
}
.fz-2 {
  font-size: 2rem !important;
}
.fz-2-5 {
  font-size: 2.5rem !important;
}
.fz-3 {
  font-size: 3rem !important;
}
.fz-4 {
  font-size: 4rem !important;
}
.fz-5 {
  font-size: 5rem !important;
}
.w-1 {
  width: 1rem !important;
}
.w-2 {
  width: 2rem !important;
}
.w-3 {
  width: 3rem;
}
.w-4 {
  width: 4rem;
}
.w-5 {
  width: 5rem;
}
.w-12 {
  width: 12rem;
}
.w-20 {
  width: 20rem;
}
.b-none {
  border: none !important;
}
.border {
  border: 1px solid #ddd;
}
.bt {
  border-top: 1px solid #ddd;
}
.br {
  border-right: 1px solid #ddd;
}
.bb {
  border-bottom: 1px solid #ddd;
}
.bl {
  border-left: 1px solid #ddd;
}
.bc-secondary {
  border-color: #01b9fe;
}
.br-0-5 {
  border-radius: 0.5rem !important;
}
.br-1 {
  border-radius: 1rem !important;
}
.br-2 {
  border-radius: 2rem !important;
}
.br-3 {
  border-radius: 3rem !important;
}
.br-4 {
  border-radius: 4rem !important;
}
.bb-primary {
  border-bottom: 1px solid #9966fe;
}
.br-primary {
  border-right: 1px solid #ebebeb;
}
.bl-primary {
  border-left: 1px solid #ebebeb;
}
.content {
  padding-top: 75px;
  padding-bottom: 20px;
}
.pointer {
  cursor: pointer;
}
.z100 {
  z-index: 100;
  background-color: #f00;
}
.img-responsive {
  width: 100%;
  height: auto;
}
.img-w-50 {
  max-width: 50%;
  height: auto;
}
.img-w-max {
  max-width: 100%;
  height: auto;
}
.img-w-banner {
  max-width: 45%;
  height: auto;
  margin-right: 3%;
}
.img-small {
  height: 30px;
}
.scroll-x {
  overflow-x: auto;
}
.scroll-y {
  overflow-y: auto;
}
.scroll-y-hidden {
  overflow-y: hidden !important;
}
.opacity-05 {
  opacity: 0.5;
}
.opacity-0 {
  opacity: 0;
}
.pb-2 {
  padding-bottom: 3rem !important;
}
.pb-7 {
  padding-bottom: 7rem !important;
}
.max-80 {
  max-width: 80% !important;
}
.text-replace {
  width: 90%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bg-none {
  background-color: transparent !important;
}
.bg-gray-light {
  background-color: #ddd !important;
}
.bg-gray {
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 -26px;
}
.align-items-center {
  align-items: center;
}
.position-plus {
  position: absolute;
  left: 25%;
  bottom: 28%;
  color: #9966fe;
}
.selectedSchema {
  background-color: #bfb6ff !important;
  border: 3px solid #8878ff;
  font-weight: bold;
}
.cursor-pointer {
  cursor: pointer;
}
.shadow {
  -webkit-box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.3) !important;
  box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.3) !important;
}
.shadow-offer-limited {
  box-shadow: 0px 0px 30px 0px #fdc208;
}
.square-graph {
  width: 20px;
  border-radius: 20px;
  height: 20px;
}
.blur {
  filter: blur(10px);
}
.null-pointer {
  pointer-events: none;
}
.mr-10px {
  margin-right: 10px;
}
.mr-10 {
  margin-right: 10rem;
}
.m-total {
  margin: 4rem;
}
.bg-primary {
  background: #9966fe;
}
.bg-primary-light {
  background-color: #c7adfc !important;
}
.bg-primary-shadow {
  background: rgba(198,163,250,0.22);
}
.bg-secondary {
  background: #01b9fe;
}
.bg-secondary-light {
  background: #a8e7ff;
}
.bg-info {
  background: #edf1ff;
}
.bg-primary-gradient {
  background: linear-gradient(180deg, #6736e3 0%, #c78bea 100%);
}
.border-primary-1 {
  border: 1px solid #9966fe;
}
.border-primary-2 {
  border: 2px solid #9966fe;
}
.border-secondary-1 {
  border: 1px solid #01b9fe;
}
.border-secondary-2 {
  border: 2px solid #01b9fe;
}
.border-info {
  border: 2px solid #edf1ff;
}
.border-dashed {
  border: 1px dashed;
  border-color: #7c8191;
}
.unselectable-text {
  user-select: none;
}
.icons-social {
  width: 50px;
  height: 50px;
}
.rotate-up {
  animation-name: rotateUp;
  animation-duration: 0.3s;
}
.rotate-down {
  animation-name: rotateDown;
  animation-duration: 0.3s;
}
.pointer-none {
  pointer-events: none;
}
@media screen and (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 768px) {
  .w-md-80 {
    width: 80%;
  }
  .text-md-left {
    text-align: left !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .pb-7 {
    padding-bottom: 2rem !important;
  }
  .h-125 {
    height: 150px !important;
  }
  .flex-md-start {
    justify-content: left !important;
  }
  .card-offers {
    margin-left: 5%;
  }
  .row-to-column {
    display: flex;
    flex-direction: row;
  }
}
@media screen and (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .flex-lg-start {
    justify-content: left !important;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    transform: translateY(1);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    transform: translateY(1);
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    transform: translateY(1);
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    transform: translateY(1);
    opacity: 0;
  }
}
@-moz-keyframes rotateDown {
  from {
    transform: rotateX(180deg);
  }
  to {
    transform: rotateX(0deg);
  }
}
@-webkit-keyframes rotateDown {
  from {
    transform: rotateX(180deg);
  }
  to {
    transform: rotateX(0deg);
  }
}
@-o-keyframes rotateDown {
  from {
    transform: rotateX(180deg);
  }
  to {
    transform: rotateX(0deg);
  }
}
@keyframes rotateDown {
  from {
    transform: rotateX(180deg);
  }
  to {
    transform: rotateX(0deg);
  }
}
@-moz-keyframes rotateUp {
  from {
    transform: rotateX(180deg);
  }
  to {
    transform: rotateX(0deg);
  }
}
@-webkit-keyframes rotateUp {
  from {
    transform: rotateX(180deg);
  }
  to {
    transform: rotateX(0deg);
  }
}
@-o-keyframes rotateUp {
  from {
    transform: rotateX(180deg);
  }
  to {
    transform: rotateX(0deg);
  }
}
@keyframes rotateUp {
  from {
    transform: rotateX(180deg);
  }
  to {
    transform: rotateX(0deg);
  }
}
.axios-products {
  display: block;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 1rem 5rem;
}
.container-plans-cards {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1rem;
}
.axios-recharges,
.axios-plans {
  display: block;
  width: 100%;
  height: 100%;
}
.axios-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 20px auto;
  width: 11.5rem;
  height: 14rem;
  border-radius: 10px;
  cursor: pointer;
}
.axios-card-recharge {
  border: 2px solid #8855e3;
}
.axios-card-plan {
  border: 2px solid #04b4f9;
}
.axios-card-offer {
  border: 2px solid #f29335;
}
.axios-card-header p {
  margin: 0;
  text-align: center;
  text-transform: capitalize;
}
.axios-card-title {
  margin: 0;
  padding: 3px 0 0 0;
  font-size: 18px;
  color: #8855e3;
  font-weight: bold;
}
.axios-card-subtitle {
  color: #f29335;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.axios-card-content {
  display: block;
  padding: 5px 10px;
}
.axios-card-content p,
.axios-card-content b {
  font-size: 14px;
  margin: 0 0 0 0;
}
.axios-card-footer {
  font-size: 18px;
  color: #6636de;
  font-weight: 700;
  text-align: center;
}
.axios-card-footer-message {
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  margin: 5px;
}
.axios-card-footer-message p {
  margin: 0;
}
@media screen and (min-width: 992px) {
  .container-plans-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
  .axios-products {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .axios-recharges,
  .axios-plans {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
  }
  .axios-card-recharge,
  .axios-card-offer {
    margin: 1px 5px;
  }
  .axios-card-plan {
    margin: 0 auto;
  }
  .axios-card-recharge:hover {
    background: rgba(198,163,250,0.22);
  }
  .axios-card-offer:hover {
    background: rgba(242,147,53,0.42);
  }
  .axios-card-plan:hover {
    background: rgba(4,180,249,0.471);
  }
}
.breadcrumb {
  padding: 0;
  list-style: none;
  font-size: 0.9rem;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
}
.breadcrumb li {
  display: inline;
}
.breadcrumb li a {
  color: #c7adfc;
  text-decoration: none;
}
.breadcrumb li a:hover {
  color: #6736e3;
  text-decoration: underline;
}
.breadcrumb li a.is-active {
  color: #01b9fe !important;
  text-decoration: none;
  font-weight: bold;
  font-size: 1rem;
}
.breadcrumb li+li:before {
  padding: 8px;
  color: #7c8191;
  content: "/\A0";
}
.breadcrumb-tae {
  display: flex;
  align-items: center;
  justify-content: center;
}
.breadcrumb-tae .bc-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.breadcrumb-tae .bc-column .bc-desc {
  position: absolute;
  top: 100%;
  width: 125px;
  text-align: center;
  font-size: 14px;
}
.breadcrumb-tae .bc-column .g-carrier-btn {
  position: absolute;
  bottom: calc(29px - 100%);
}
.breadcrumb-tae .bc-column .g-amount-btn {
  position: absolute;
  bottom: calc(27px - 100%);
}
.breadcrumb-tae .bc-column .g-amount-btn span {
  font-size: 28px;
}
.breadcrumb-tae .dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #7c8191;
}
.breadcrumb-tae .circle {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background-color: #9966fe;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}
.breadcrumb-tae .line {
  width: 23%;
  border-bottom: 2px solid #ddd;
}
.bc-tooltip-container {
  margin-top: 50px;
}
.bc-tooltip-container .bc-tooltip {
  text-align: center;
  background-color: rgba(153,102,254,0.2);
  border: 1px solid #9966fe;
  border-radius: 10px;
  padding: 1rem 0.5rem;
  font-size: 0.8rem;
}
.bc-tooltip-container .bc-tooltip .bc-tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #9966fe transparent;
}
@media screen and (min-width: 576px) {
  .breadcrumb-tae .bc-column .bc-desc {
    width: auto;
    font-size: 1rem;
  }
  .breadcrumb-tae .bc-column .g-carrier-btn {
    bottom: calc(25px - 100%);
  }
  .breadcrumb-tae .bc-column .g-amount-btn {
    bottom: calc(25px - 100%);
  }
  .breadcrumb-tae .bc-column .g-amount-btn span {
    font-size: 33px;
  }
  .bc-tooltip-container .bc-tooltip {
    font-size: 0.9rem;
  }
}
.bank-card-container {
  border-radius: 15px;
  padding: 15px 10px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  background-color: #fff;
  height: 100% !important;
  min-height: 210px !important;
  max-height: 210px !important;
}
.bank-card-container2 {
  border-radius: 15px;
  padding: 15px 10px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  background-color: #fff;
  min-height: 210px !important;
}
.bank-logo {
  display: flex;
  margin: 0 auto;
  margin-bottom: -1.5rem;
}
.truncated-url {
  display: inline-block;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  .bank-logo {
    margin-bottom: -2rem;
  }
}
.card {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0px 3px 10px -5px #ddd;
  padding: 0.375rem 0.75rem;
}
.fz-order {
  font-size: 16px;
}
.ad {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0px 3px 10px -5px #ddd;
  padding: 0.375rem 0.375rem;
  width: 120px;
  height: 120px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.report-card {
  height: 120px;
}
.card-md {
  min-height: 60%;
}
.card-pin {
  min-height: 85%;
}
.card-height {
  height: 231px;
}
.card-qr {
  width: 100%;
  border-radius: 15px;
  background: linear-gradient(to bottom, #6736e3, #9966fe);
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: 20px 40px;
  color: #fff;
  margin-right: 10px;
}
.url-reference {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: ch;
}
.card-custom-reference {
  border-radius: 15px;
  background-color: #f8f8f8;
  justify-content: center;
  padding: 1rem;
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  color: #fff;
  box-shadow: 0px 3px 10px -5px #ddd;
}
.card-custom-reference .create-reference-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-custom-reference .custom-references-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
}
.card-custom-reference .custom-references-list .reference-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  max-width: 500px;
}
.card-custom-reference .custom-references-list .reference-list .reference-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0.5rem 1rem;
  color: #6c6c6c;
  background-color: #fff;
  border-radius: 10px;
}
.card-custom-reference .custom-references-list .reference-list .reference-item .reference-text {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 10ch;
  position: relative;
}
.card-qr-profile {
  background-color: #f8f8f8;
  width: 100%;
  padding: 20px 40px;
}
@media screen and (min-width: 768px) {
  .card {
    border-radius: 0.75rem;
  }
  .fz-order {
    font-size: 18px;
  }
  .card-custom-reference .create-reference-container {
    align-items: flex-start;
  }
  .card-custom-reference .custom-references-list .reference-item .reference-text,
  .card-custom-reference .reference-list .reference-item .reference-text {
    white-space: wrap !important;
    overflow: visible !important;
    max-width: 100% !important;
  }
}
.carousel-container {
  display: grid;
  grid-template-columns: minmax(200px, 1fr);
  padding: 1rem;
  background-color: #edf1ff;
  border-radius: 15px;
}
.slick-dots {
  position: relative !important;
  bottom: 0 !important;
}
.slick-dots .slick-active {
  background-color: #000 !important;
  border-radius: 50% !important;
}
.slick-dots .slick-active button:before {
  color: transparent !important;
}
.slick-dots li {
  width: 12px !important;
  height: 12px !important;
}
.slick-dots li button {
  width: 12px !important;
  height: 12px !important;
  border: 1px solid #000 !important;
  border-radius: 50% !important;
  color: transparent !important;
}
.slick-dots li button:before {
  color: transparent !important;
}
.counter-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 3px solid #ddd;
  border-radius: 15px;
  margin-top: 1rem;
}
.counter-container .title-counter {
  text-align: center;
  width: 100%;
  color: #fff;
  padding: 0.5rem 0;
  font-size: 1.5rem;
  background-color: #9966fe;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.counter-container .flex-counter {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 1rem 2rem;
}
.counter-container .flex-counter .number-counter-container {
  display: flex;
  flex-direction: column;
}
.counter-container .flex-counter .number-counter-container .number {
  font-size: 2.5rem;
  color: #9966fe;
  font-weight: 700;
}
.counter-container .flex-counter .number-counter-container .label {
  color: #7c8191;
  font-weight: 600;
}
.counter-container .flex-counter i {
  display: block;
  width: 1.5rem;
  color: #9966fe;
}
@media screen and (min-width: 768px) {
  .counter-container {
    margin: 0;
  }
  .counter-container .title-counter {
    font-size: 1rem;
  }
  .counter-container .flex-counter .number-counter-container .number {
    text-align: center;
  }
  .counter-container .flex-counter .number-counter-container .label {
    text-align: center;
  }
  .counter-container .flex-counter i {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .counter-container {
    margin: 0 1rem;
  }
  .counter-container .title-counter {
    font-size: 1.5rem;
  }
  .counter-container .flex-counter i {
    display: block;
  }
}
.titleError {
  flex-direction: column;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  position: absolute;
  left: 0px;
  top: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(221,221,221,0.5);
  z-index: 2;
}
.dropdown-content .item-dropdown {
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-map-container {
  width: 100%;
  height: 300px;
  display: flex;
  justify-content: center;
}
.g-map {
  width: 100%;
  height: 100%;
  flex-grow: 1;
}
.coverage_hbb-map {
  height: 50vh;
  border: 1px solid #6736e3;
}
@media screen and (min-width: 768px) {
  .g-map-container {
    width: 100%;
    height: 500px;
  }
  .g-map {
    width: 100%;
    height: 100%;
    flex-grow: 1;
  }
  .coverage_hbb-map {
    height: 40vh;
  }
}
@media screen and (min-width: 992px) {
  .g-map-container {
    width: 100%;
    height: 500px;
  }
  .g-map {
    height: 100%;
    flex-grow: 1;
  }
}
.header {
  background-color: #fff;
  z-index: 3;
  padding: 0.5rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.header .container-logo {
  margin-bottom: 0.5rem;
  align-self: center;
}
.header .logo {
  max-height: 55px;
  max-width: 100%;
}
.header .header-title {
  display: none;
}
.h75px {
  height: 75px;
}
.btn-salir {
  color: #7c8191;
}
.btn-salir:hover {
  color: #c7adfc;
}
.btn-salir:hover .img {
  display: none;
}
.btn-salir:hover .img-blue {
  display: inline;
}
.btn-salir img {
  width: 2rem;
}
.btn-salir .img {
  display: inline;
}
.btn-salir .img-blue {
  display: none;
}
.header-title-md {
  display: none;
}
.header-title-movile {
  display: block;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #9966fe;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 0rem;
  }
  .header-non-sticky {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #9966fe;
    position: relative !important;
    top: 0rem;
  }
  .header-title-md {
    display: block !important;
    position: sticky;
    top: 84px;
    margin: 0rem !important;
    padding: 1rem;
    background: #fff;
    z-index: 2;
  }
  .header-title-movile {
    display: none;
    margin-top: 1rem;
  }
}
@media screen and (min-width: 992px) {
  .header {
    border-bottom: none;
  }
  .header .container-logo {
    display: none;
  }
  .header .header-title {
    display: block;
    position: relative;
  }
  .header-title-md {
    display: none !important;
  }
}
.container-info-modal {
  position: absolute;
  right: 0;
  bottom: calc(100% + 0.2rem);
  width: calc(100% - 1rem);
  background: #fff;
  padding: 0rem 0.8rem;
  margin: 0rem 0.5rem;
  border-radius: 1rem;
  border: 1px solid #9966fe;
}
.tool::before {
  content: '';
  position: absolute;
  right: calc(50% - 10px);
  bottom: 90%;
  border: 10px solid transparent;
  border-top-color: #9966fe;
  z-index: 10;
}
.tool::after {
  content: '';
  position: absolute;
  right: calc(50% - 9px);
  bottom: 100%;
  border: 9px solid transparent;
  border-top-color: #fff;
  z-index: 10;
}
.close-info-menu {
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: #6736e3;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .container-info-modal {
    margin: auto;
    bottom: auto;
    border: 1px solid #ddd;
  }
  .container-info-modal .close-info-menu {
    display: none;
  }
  .container-info-modal .info-modal-header {
    display: none;
  }
  .container-info-modal .info-modal-body {
    border: none !important;
  }
}
.loader {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(200,200,200,0.5);
  right: 0;
  top: 0;
  z-index: 1001;
  color: #fff;
  justify-content: center;
  align-items: center;
}
.loader .loader-card {
  min-width: 230px;
  max-width: 300px;
  padding: 0.5rem !important;
}
.loader-width-100 {
  width: 100% !important;
}
.rotate {
  animation: rotate 2s linear infinite;
}
@media screen and (min-width: 992px) {
  .loader {
    width: 75%;
  }
  .loader-collapse {
    width: 95% !important;
  }
}
@media screen and (min-width: 1200px) {
  .loader {
    width: 80%;
  }
}
@-moz-keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.showBackground {
  background-color: rgba(200,200,200,0.5);
  z-index: 4;
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0rem;
}
.sidebar-right {
  overflow-y: auto;
  max-height: 100vh;
  overflow-x: hidden;
  width: 22%;
}
.no-scroll-x {
  overflow-x: hidden;
  max-height: 100vh;
}
.main-content {
  width: 100%;
  padding: 0rem 0.5rem;
  height: 100vh;
  overflow-y: auto;
  background-color: #fff;
  z-index: 1;
  padding-bottom: 5rem;
  flex: 1;
}
.hide-icon-menu {
  display: none;
}
.container-content {
  padding: 0rem 0rem;
}
.menu-item {
  margin: 0 1rem;
  border-bottom: 0.5px solid #a8e7ff;
}
.menu-item:last-child {
  border-bottom: none;
}
.sidebar {
  width: 100%;
  background-color: #fff;
  transition: 0.5s;
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  -webkit-overflow-scrolling: touch;
}
.sidebar .sidebar-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  padding-bottom: 5rem;
}
.sidebar .sidebar-title {
  padding: 10px 30px 30px 30px;
  font-size: 25px;
  font-weight: bold;
  color: #9966fe;
  display: flex;
  justify-content: center;
}
.sidebar .sidebar-title img {
  width: 100%;
  max-width: 172px;
}
.sidebar .sidebar-close {
  cursor: pointer;
  position: absolute;
  right: 11px;
  top: 11px;
  color: #0084b5;
  font-size: 20px;
  padding: 5px;
}
.sidebar ul {
  list-style-type: none;
}
.sidebar-is-toggled {
  transform: translateX(0);
}
.btn-menu {
  font-size: 30px;
  display: block;
  align-self: center;
}
.btn-menu:hover {
  cursor: pointer;
}
.nav-items {
  padding: 0px;
  margin: 0px;
}
.nav-item {
  display: block;
  padding: 1.5rem 1rem;
  text-decoration: none;
  font-size: 16px;
  display: flex;
  cursor: pointer;
  color: #6c6c6c;
  font-weight: 500;
}
.nav-item-active {
  background-color: #a8e7ff;
  border-bottom: none !important;
}
.nav-item-select {
  font-weight: bold;
  color: #000 !important;
}
.z-index {
  z-index: 5;
}
.sidebar-footer {
  margin-bottom: 10px;
}
.tooltip {
  background-color: #01b9fe !important;
  color: #fff !important;
  font-weight: bold !important;
  border-radius: 0.5rem !important;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.3) !important;
}
.__react_component_tooltip.type-dark.place-right:after {
  border-right-color: #01b9fe !important;
}
.icon-menu-ml {
  margin-left: 1.8rem !important;
}
@media screen and (min-width: 576px) {
  .sidebar {
    width: 60%;
    height: 100vh;
  }
}
@media screen and (min-width: 768px) {
  .sidebar {
    width: 45%;
  }
  .container-content {
    padding-top: 0rem 1rem;
  }
}
@media screen and (min-width: 992px) {
  .hide-icon-menu {
    display: block;
  }
  .menu-scroll {
    display: flex;
  }
  .sidebar {
    position: static;
    width: 25%;
    transform: translateX(0);
    border-right: 0.1rem solid #ddd;
  }
  .sidebar .sidebar-content {
    padding-bottom: 0rem;
  }
  .btn-menu {
    display: none;
  }
  .sidebar .sidebar-close {
    display: none;
  }
  .main-content {
    padding: 0px 1.2rem;
    padding-bottom: 2rem;
    position: relative;
  }
  .z-index {
    z-index: 0;
  }
}
@media screen and (min-width: 1200px) {
  .sidebar {
    width: 20%;
  }
}
@media screen and (min-width: 768px) {
  .row-content-micro-credit {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .item-micro-credit {
    margin-right: 0.5rem;
    flex: 1;
  }
}
.modal {
  z-index: 1000;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  transition: opacity 0.15s linear;
  background: rgba(200,200,200,0.5);
  align-items: flex-end;
}
.modal .modal-dialog {
  position: relative;
  pointer-events: none;
  width: 100%;
}
.modal .modal-dialog .modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-height: 90vh;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 1.5rem 1.5rem 0 0;
  outline: 0;
  box-shadow: 0px 3px 10px -5px #ccc;
  padding: 0 10px;
  overflow: auto;
}
.modal .modal-dialog .modal-content .modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: center;
  padding: 1rem 1rem;
  border-bottom: 2px solid #ddd;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  margin-bottom: 0;
  margin-top: 0.5rem;
  line-height: 1.5;
  color: #f59d26 !important;
  font-size: 1.5rem;
}
.modal .modal-dialog .modal-content .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal .modal-dialog .modal-content .modal-footer {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
}
.space-footer-buttons {
  margin-bottom: 1rem;
}
.modal-width-100 {
  width: 100% !important;
}
.img-180 {
  max-width: 180px;
}
@media screen and (min-width: 768px) {
  .space-footer-buttons {
    margin-left: 1rem;
    margin-bottom: 0rem;
  }
  .modal {
    justify-content: center;
    align-items: center;
  }
  .modal .modal-dialog {
    width: auto;
    margin: 0.5rem;
  }
  .modal .modal-dialog .modal-content {
    border-radius: 1.5rem;
  }
  .modal .modal-dialog .modal-content .modal-header {
    justify-content: center;
  }
  .modal .modal-dialog .modal-content .modal-header button {
    margin-left: 1rem !important;
    margin-right: 0 !important;
  }
  .modal .modal-dialog .modal-content .modal-footer {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 992px) {
  .modal {
    width: 75%;
  }
  .modal-collapse {
    width: 95% !important;
  }
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media screen and (min-width: 1200px) {
  .modal {
    width: 80%;
  }
  .modal-xl {
    max-width: 1140px;
  }
}
.container-navbar {
  z-index: 200;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 0.5rem;
  background-color: #6736e3;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.container-navbar .item-navbar {
  color: #fff;
}
@media screen and (min-width: 992px) {
  .container-navbar {
    display: none;
  }
}
.pagin-container {
  border-top: 2px solid #9966fe;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 0;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #9966fe;
  bottom: 0;
  width: 100%;
}
.pagination .pagination-next,
.pagination .pagination-previous {
  cursor: pointer;
  border: 1px solid #9966fe;
  padding: 0.5rem;
  margin: 0.5rem;
  display: none;
}
.pagination ul {
  display: flex;
  margin-left: 0;
}
.pagination ul li,
.pagination ul .fasle {
  list-style: none;
  width: 100%;
  height: 100%;
  margin: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #9966fe;
  border-radius: 10px;
  cursor: pointer;
}
.pagination ul .is-current {
  background: #9966fe;
  color: #f8f9fa;
}
.pagination .pagination-link {
  padding: 0.5rem 1rem;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination span {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notification {
  display: inline-block;
  border-radius: 5px;
}
.notification .label {
  padding: 5px 8px;
  margin: 0px;
}
.containerStyles {
  border-radius: 50px;
  height: 30px;
  width: 100%;
  margin: 0;
  background-color: #e2e6ea;
}
.fillerStyles {
  height: 100%;
  background-color: #9966fe;
  transition: width 1s ease-in-out;
  border-radius: inherit;
  text-align: center;
}
.labelStyles {
  font-weight: bold;
  padding: 5px;
  display: inline-block;
  color: #fff;
}
.container-radio {
  background: #ebebeb;
  padding: 0.6rem 0.8rem;
  border-radius: 0.5rem;
}
.container-radio-active {
  background: #e7eeff !important;
}
.sale-finish {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(200,200,200,0.5);
  left: 0;
  top: 0;
  z-index: 1000;
  color: #fff;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  padding: 1rem 10%;
}
.sale-finish .msg {
  text-align: center;
}
.bg-success {
  background-color: rgba(121,164,54,0.98);
}
.bg-error {
  background-color: rgba(234,53,53,0.98);
}
.bg-neutro {
  background-color: rgba(255,255,255,0.95);
}
@media screen and (min-width: 992px) {
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  ::-webkit-scrollbar-track {
    background: rgba(124,129,145,0.1);
  }
  ::-webkit-scrollbar-thumb {
    background: rgba(124,129,145,0.2);
    border-radius: 50px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: rgba(124,129,145,0.3);
  }
}
.sims-tabs {
  pointer-events: none;
}
.iccid {
  cursor: pointer;
}
.triangule {
  width: 0px;
  height: 0px;
  background: transparent;
  left: 0;
  right: 0;
  margin: 0px auto;
  margin-top: -3px;
  margin-bottom: -20px;
  line-height: 50px;
  border-top: solid 10px #c7adfc;
  border-right: solid 10px transparent;
  border-bottom: solid 10px transparent;
  border-left: solid 10px transparent;
}
.triangule-inverse {
  width: 0px;
  height: 0px;
  background: transparent;
  left: 0;
  right: 0;
  margin: 0px auto;
  margin-top: -13px;
  margin-bottom: -10px;
  line-height: 50px;
  border-top: solid 10px transparent;
  border-right: solid 10px transparent;
  border-bottom: solid 10px #c7adfc;
  border-left: solid 10px transparent;
}
.breadcrumb-pagination {
  cursor: pointer;
  color: #6736e3;
}
.findrow {
  background: #f00;
}
.form-register-pages {
  display: flex;
  align-items: center;
}
.form-register-pages .buttons-register-pages {
  display: flex;
  padding-left: 2px;
  padding-right: 4px !important;
  justify-content: end;
  margin-top: 7px;
  margin-left: 3px;
}
.form-register-pages .btn-back {
  padding-left: 0;
  padding-right: 0;
}
.tabs-top {
  display: flex;
  align-items: end;
}
.back {
  width: 20px;
}
.column-msg {
  display: flex;
  flex-direction: row;
  margin: 5rem;
  margin-bottom: 0rem;
}
@media screen and (max-width: 768px) {
  .form-register-pages {
    display: block;
  }
  .form-register-pages .buttons-register-pages {
    display: flex;
    padding: 0;
    justify-content: center;
    margin-bottom: 2rem;
    margin-left: 0;
  }
  .form-register-pages .buttons-register-pages .btn-return {
    width: 100%;
  }
  .column-msg {
    display: flex;
    flex-direction: column;
    margin: 0rem;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #444854;
  border-collapse: collapse;
}
.table thead th {
  color: #9966fe;
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
  padding: 0.75rem;
  text-align: left;
}
.table tbody tr {
  border-top: 1px solid #ddd;
}
.table td {
  padding: 0.75rem;
  vertical-align: middle;
}
.table tfoot {
  font-weight: bold;
  background: #fff;
  position: sticky;
  bottom: 0;
}
.table tfoot tr {
  border-top: 1px solid #ddd;
}
.selectedRow {
  background-color: #deebff !important;
}
.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: rgba(0,0,0,0.05);
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-orders {
  height: 50vh;
  overflow: scroll;
  overflow-x: hidden;
}
.table-responsive-y {
  display: block;
  width: 100%;
  height: 150px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.table-sm {
  font-size: 0.8rem;
}
.table-xs {
  font-size: 0.75rem;
}
.height-table {
  height: calc(100vh - 290px) !important;
}
.height-table thead tr {
  position: sticky;
  top: 0px;
  z-index: 1;
}
.height-table thead tr th {
  background: #fff;
}
.height-table-multi {
  height: calc(100vh - 330px) !important;
}
.height-table-multi thead tr {
  position: sticky;
  top: 0px;
  z-index: 1;
}
.height-table-multi thead tr th {
  background: #fff;
}
.height-table-user {
  height: calc(100vh - 346px) !important;
}
.height-table-user thead tr {
  position: sticky;
  top: 0px;
  z-index: 1;
}
.height-table-user thead tr th {
  background: #fff;
}
.height-table-credit {
  height: calc(100vh - 242px) !important;
}
.height-table-credit thead tr {
  position: sticky;
  top: 0px;
  z-index: 1;
}
.height-table-credit thead tr th {
  background: #fff;
}
.height-table-report {
  height: calc(100vh - 310px) !important;
}
.height-table-report thead tr {
  position: sticky;
  top: 0px;
  z-index: 1;
}
.height-table-report thead tr th {
  background: #fff;
}
.height-table-vein-media {
  height: calc(100vh - 310px) !important;
}
.height-table-vein-media thead tr {
  position: sticky;
  top: 0px;
  z-index: 1;
}
.height-table-vein-media thead tr th {
  background: #fff;
}
.height-table-purchases {
  height: calc(100vh - 300px) !important;
}
.height-table-purchases thead tr {
  position: sticky;
  top: 0px;
  z-index: 1;
}
.height-table-purchases thead tr th {
  background: #fff;
}
.height-table-scheduled-recharges {
  height: calc(100vh - 260px) !important;
}
.height-table-scheduled-recharges thead tr {
  position: sticky;
  top: 0px;
  z-index: 1;
}
.height-table-scheduled-recharges thead tr th {
  background: #fff;
}
.height-table-billing {
  height: calc(100vh - 240px) !important;
}
.height-table-billing thead tr {
  position: sticky;
  top: 0px;
  z-index: 1;
}
.height-table-billing thead tr th {
  background: #fff;
}
.selected-row {
  background-color: #deebff !important;
}
@media screen and (min-width: 576px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (min-width: 768px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .height-table {
    height: calc(100vh - 360px) !important;
  }
  .height-table thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table thead tr th {
    background: #fff;
  }
  .height-table-multi {
    height: calc(100vh - 410px) !important;
  }
  .height-table-multi thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table-multi thead tr th {
    background: #fff;
  }
  .height-table-user {
    height: calc(100vh - 422px) !important;
  }
  .height-table-user thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table-user thead tr th {
    background: #fff;
  }
  .height-table-credit {
    height: calc(100vh - 304px) !important;
  }
  .height-table-credit thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table-credit thead tr th {
    background: #fff;
  }
  .height-table-report {
    height: calc(100vh - 540px) !important;
  }
  .height-table-report thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table-report thead tr th {
    background: #fff;
  }
  .height-table-vein-media {
    height: calc(100vh - 540px) !important;
  }
  .height-table-vein-media thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table-vein-media thead tr th {
    background: #fff;
  }
  .height-table-purchases {
    height: calc(100vh - 630px) !important;
  }
  .height-table-purchases thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table-purchases thead tr th {
    background: #fff;
  }
  .height-table-scheduled-recharges {
    height: calc(100vh - 540px) !important;
  }
  .height-table-scheduled-recharges thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table-scheduled-recharges thead tr th {
    background: #fff;
  }
  .height-table-billing {
    height: calc(100vh - 540px) !important;
  }
  .height-table-billing thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table-billing thead tr th {
    background: #fff;
  }
}
@media screen and (min-width: 992px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .height-table {
    height: calc(100vh - 250px) !important;
  }
  .height-table thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table thead tr th {
    background: #fff;
  }
  .height-table-multi {
    height: calc(100vh - 300px) !important;
  }
  .height-table-multi thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table-multi thead tr th {
    background: #fff;
  }
  .height-table-user {
    height: calc(100vh - 314px) !important;
  }
  .height-table-user thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table-user thead tr th {
    background: #fff;
  }
  .height-table-credit {
    height: calc(100vh - 196px) !important;
  }
  .height-table-credit thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table-credit thead tr th {
    background: #fff;
  }
  .height-table-report {
    height: calc(100vh - 440px) !important;
  }
  .height-table-report thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table-report thead tr th {
    background: #fff;
  }
  .height-table-vein-media {
    height: calc(100vh - 440px) !important;
  }
  .height-table-vein-media thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table-vein-media thead tr th {
    background: #fff;
  }
  .height-table-purchases {
    height: calc(100vh - 520px) !important;
  }
  .height-table-purchases thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table-purchases thead tr th {
    background: #fff;
  }
  .height-table-scheduled-recharges {
    height: calc(100vh - 420px) !important;
  }
  .height-table-scheduled-recharges thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table-scheduled-recharges thead tr th {
    background: #fff;
  }
  .height-table-billing {
    height: calc(100vh - 420px) !important;
  }
  .height-table-billing thead tr {
    position: sticky;
    top: 0px;
    z-index: 1;
  }
  .height-table-billing thead tr th {
    background: #fff;
  }
}
@media screen and (min-width: 1200px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.tabs {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  overflow-x: auto;
}
.tabs >.btn {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-weight: bold;
  font-size: 10px;
  padding: 0.7rem 1rem;
  white-space: nowrap;
}
.tabs >.btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tabs >.btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tabs >.btn:first-child {
  margin-left: 0;
}
.tabs .btn+.btn {
  margin-left: -1px;
}
.tabs .btn-primary:hover {
  background-color: #9966fe;
  border-color: #9966fe;
}
.tabs .btn-primary-dark:hover {
  background-color: rgba(103,54,227,0.85);
  border-color: rgba(103,54,227,0.85);
}
@media screen and (min-width: 768px) {
  .container-tabs {
    position: sticky;
    top: 145px;
    z-index: 2;
    padding-bottom: 0.5rem;
    background-color: #fff;
  }
  .tabs >.btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 992px) {
  .container-tabs {
    top: 5.3rem;
  }
}
.ticket {
  width: 200px;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  color: #000;
}
.ticket img {
  width: 80%;
}
.ticket .fz-10px {
  font-size: 10px;
}
.ticket .bb,
.ticket .bt {
  border-color: #000;
}
.div-ticket {
  display: none;
}
.print {
  display: none;
}
.print-fz {
  font-size: 14px;
}
@media print {
  @page print-landscape {
    size: landscape;
  }
  .container {
    display: none;
  }
  .header {
    display: none;
  }
  .container-navbar {
    display: none;
  }
  .main-content {
    display: none;
  }
  .__react_component_tooltip.place-top {
    display: none;
  }
  .div-ticket {
    display: inline;
  }
  .print {
    display: inline;
  }
  .print-landscape {
    page-break-inside: always;
  }
  @page {
    size: auto;
  }
  .sld {
    display: none;
  }
}
.container-user-info {
  display: flex;
  justify-content: space-between;
}
.user-info-visible {
  display: none;
}
.menu-user-info-visible {
  display: block;
}
.w-balance {
  min-width: 100px;
}
@media screen and (min-width: 768px) {
  .container-user-info {
    border-top: none;
    padding-top: 0rem;
  }
  .user-info-visible {
    display: block;
  }
  .menu-user-info-visible {
    display: none;
  }
  .grid-user-info {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-user-info {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: 1fr 1fr;
  gap: 5px;
}
.grid-user-info .grid-item-user {
  grid-row: 2;
}
.grid-user-info .grid-item-reference {
  grid-row: 2;
  grid-column: 3;
}
.grid-user-info .grid-item-balance {
  grid-row: 1;
  grid-column: 1/span 3;
}
.table-acces {
  width: 100%;
  margin-bottom: 1rem;
  color: #444854;
  border-collapse: collapse;
}
.table-acces thead th {
  color: #9966fe;
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
  padding: 0.75rem 0rem 0.75rem 0rem;
  text-align: left;
}
.table-acces tbody tr {
  border-top: 1px solid #ddd;
}
.table-acces td {
  padding: 0.75rem 0rem 0.75rem 0rem;
  vertical-align: middle;
}
.table-acces tfoot {
  font-weight: bold;
}
.table-acces tfoot tr {
  border-top: 1px solid #ddd;
}
.img-acces-sticky {
  position: sticky;
  top: 14rem;
  margin-left: 6rem;
  max-width: 70%;
}
.img-acces {
  max-width: 70%;
}
.boxoffers {
  background-color: #edf1ff;
  padding: 5px 25px;
  margin-right: 0.5rem;
  cursor: pointer;
  border-radius: 8px;
}
.active {
  background: #6736e3;
  color: #fff;
}
.info-carrier {
  background: #6736e3;
  border-radius: 5px;
  margin-top: 1rem;
  color: #fff;
  padding: 0.5rem;
}
.top-tr {
  border-top: none !important;
}
.tr-bottom {
  border-bottom: 1px solid #ddd !important;
}
@media screen and (max-width: 576px) {
  .boxoffers {
    padding: 0.5rem;
  }
  .img-right {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .w-btn {
    width: 20%;
  }
}
@media screen and (min-width: 768px) {
  .flex-md {
    display: flex;
    justify-content: space-between;
  }
  .column-md {
    flex-direction: column;
  }
  .pd-md {
    padding: inherit;
  }
  .w-md {
    width: 50%;
  }
  .btn-md {
    align-items: center;
    flex-direction: column;
  }
}
.btn-trans {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.w-hgt {
  height: 200px !important;
}
.p-btn-trans {
  padding: 0.63rem 0.75rem !important;
  width: fit-content;
}
.app-container {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
}
.app-item {
  background-color: #fff;
  padding: 0rem 1rem 0rem 1rem;
}
@media screen and (min-width: 768px) {
  .app-container {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-bank {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .grid-bank {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .grid-bank {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
.duplicates-container {
  max-height: 300px !important;
  overflow-y: auto !important;
  margin-top: 10px !important;
  fontFamily: monospace;
  whiteSpace: pre-wrap !important;
}
.badge-purple {
  background-color: #8a2be2;
}
.badge-red {
  background-color: #dc3545;
}
.badge-light-purple {
  background-color: #e0b0ff;
  color: #333;
}
.badge-secondary {
  background-color: #6c757d;
}
.password-container {
  width: 100%;
}
.info-section-show {
  animation: show 0.2s;
}
.info-section-hide {
  animation: hide 0.2s;
}
.create-pass {
  text-decoration: underline !important;
}
@media screen and (min-width: 768px) {
  .password-container {
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .password-container {
    width: 55%;
  }
}
@media screen and (min-width: 1200px) {
  .password-container {
    width: 90%;
  }
  .info-section-hide {
    animation: none;
  }
}
@-moz-keyframes show {
  0% {
    height: 0px;
  }
  100% {
    height: 130px;
  }
}
@-webkit-keyframes show {
  0% {
    height: 0px;
  }
  100% {
    height: 130px;
  }
}
@-o-keyframes show {
  0% {
    height: 0px;
  }
  100% {
    height: 130px;
  }
}
@keyframes show {
  0% {
    height: 0px;
  }
  100% {
    height: 130px;
  }
}
@-moz-keyframes hide {
  0% {
    transform: translate(0, 130px);
  }
  100% {
    transform: translate(0);
  }
}
@-webkit-keyframes hide {
  0% {
    transform: translate(0, 130px);
  }
  100% {
    transform: translate(0);
  }
}
@-o-keyframes hide {
  0% {
    transform: translate(0, 130px);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes hide {
  0% {
    transform: translate(0, 130px);
  }
  100% {
    transform: translate(0);
  }
}
.container-credits {
  display: flex;
  flex-direction: column;
}
.microcredits .how-work {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  align-items: flex-start;
}
.microcredits .how-work .step {
  margin: 1rem 0;
  padding: 0 1rem 1rem 1rem;
  width: 100%;
  justify-content: flex-start;
  background-color: rgba(199,173,252,0.3);
  border-radius: 1rem;
}
.microcredits .how-work .step.select {
  border: solid 3px #9966fe;
}
.microcredits .how-work .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border: solid 1px #9966fe;
  border-radius: 50%;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  color: #fff;
  background-color: #9966fe;
  margin-top: -28px;
}
.microcredits .account-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: solid 1px #ddd;
  padding: 1rem;
  width: 100%;
  font-size: 0.8rem;
}
.microcredits .account-status .credit-resume {
  border: dashed 1px #01b9fe;
  border-radius: 1rem;
  padding: 1rem;
  width: 100%;
}
.microcredits .account-status .credit-resume .amount {
  font-size: 1rem;
}
.microcredits .account-status .credit-resume .pay-subtitle {
  font-size: 1rem;
}
.microcredits .account-status .basic-info {
  align-self: flex-start;
  margin-bottom: 1rem;
}
.microcredits .account-status .basic-info .bi-name {
  font-size: 1rem;
}
.termsandconditions p {
  margin-bottom: 2rem;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .microcredits .how-work {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
    align-items: flex-start;
  }
  .microcredits .how-work .step {
    height: 100%;
  }
  .microcredits .account-status {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
    padding: 2rem;
    font-size: 0.9rem;
  }
  .microcredits .account-status .credit-resume {
    grid-column: 1/span 2;
  }
  .microcredits .account-status .table-responsive {
    display: table;
  }
}
@media screen and (min-width: 992px) {
  .container-credits {
    flex-direction: row;
  }
  .container-credits .form-credits {
    border-right: 2px solid #f8f9fa;
    padding-right: 1rem;
  }
  .table-credits {
    max-width: 50%;
    padding-left: 1rem;
  }
  .microcredits .account-status {
    font-size: 1rem;
  }
}
@media print {
  .account-status {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
    padding: 2rem;
    font-size: 0.9rem;
  }
  .account-status img {
    display: inline !important;
  }
  .account-status .credit-resume {
    grid-column: 1/span 2;
  }
  .account-status .table-responsive {
    display: table;
  }
}
.avatar {
  width: 4rem;
  border-radius: 50%;
  margin-top: -2rem;
}
.notificaciones img {
  cursor: pointer;
}
.container-shortcuts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  gap: 1rem;
  background: #f8f9fa;
  padding: 1rem;
  border-radius: 15px;
}
.container-bank {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.shortcut {
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  border-radius: 15px;
  background-color: #fff;
}
.shortcut .shortcut-img {
  padding: 0.5rem;
}
.shortcut .shortcut-title {
  display: block;
  width: 97%;
  background-color: #01b9fe;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 0.3rem;
  margin-bottom: 0.15rem;
}
.notifications .slick-track .slick-active {
  padding: 0 0.1rem;
}
@media screen and (min-width: 768px) {
  .container-shortcuts {
    grid-template-columns: repeat(2, 1fr);
    padding: 1rem 1rem;
  }
}
@media screen and (min-width: 992px) {
  .container-shortcuts {
    grid-template-columns: repeat(3, 1fr);
    padding: 1rem 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .container-shortcuts {
    grid-template-columns: repeat(2, 1fr);
  }
}
.card-ficha {
  height: 150px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  position: relative;
}
.card-ficha .img-responsive {
  height: 100%;
  width: 100%;
  max-height: 150px;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.card-ficha .overlay {
  height: 30%;
  width: 100%;
  background-color: rgba(1,185,254,0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  position: absolute;
  bottom: 0;
  font-size: 1rem;
}
.card-ficha .overlay .pointer {
  padding: 5px 30px;
}
.tooltip-msg-cert {
  text-align: center;
  background-color: rgba(153,102,254,0.1);
  border: 1px solid #9966fe;
  border-radius: 10px;
  padding: 0.5rem 0.5rem;
  font-size: 0.8rem;
  position: relative;
  margin-bottom: 1rem;
}
.tooltip-msg-cert .tooltip-msg-cert-text::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #9966fe transparent;
}
@media screen and (min-width: 768px) {
  .card-ficha .img-responsive {
    max-width: 100%;
    max-height: 335px;
  }
}
.titleError {
  flex-direction: column;
}
.form-fiscal {
  max-width: 100%;
}
.container-image-fiscal {
  display: none;
}
@media screen and (min-width: 768px) {
  .form-fiscal {
    max-width: 75%;
    margin: 0rem auto;
  }
  .form-fiscal .btn-action {
    margin: 0rem 10%;
    width: 80%;
  }
}
@media screen and (min-width: 1200px) {
  .form-fiscal {
    max-width: 40%;
  }
  .container-image-fiscal {
    max-width: 60%;
    padding: 0rem 2rem;
    display: block;
  }
  .container-image-fiscal .img-sticky {
    position: sticky;
    top: 15rem;
  }
  .align-image-fiscal-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.login-container {
  font-family: 'Montserrat', sans-serif;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  min-height: 100vh;
  background-color: #b39bcb;
}
.login-container .login-form {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  flex: 3;
  width: 100%;
  padding: 0.5rem 1rem;
  margin-right: auto;
  margin-left: auto;
}
.login-container .login-content {
  flex: 2;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 15px;
  padding-left: 15px;
}
.login-container .login-content h1 {
  font-size: 25px;
}
.login-container .login-content p {
  font-size: 18px;
}
.login-container .login-content .bg-xs {
  max-width: 100%;
}
.login-container .login-content .bg-md {
  display: none;
}
.login-container .login-content .bg-lg {
  display: none;
}
.input-login {
  background-color: rgba(0,0,0,0) !important;
  color: #fff !important;
  border: 2px solid #fff !important;
}
.input-login::-webkit-input-placeholder {
  color: #fff !important;
}
.input-login:-moz-placeholder {
  color: #fff !important;
}
.input-login::-moz-placeholder {
  color: #fff !important;
}
@media screen and (min-width: 768px) {
  .login-container {
    flex-direction: row;
    align-items: center;
  }
  .login-container .login-form {
    padding-right: 30px;
    padding-left: 30px;
    height: 50%;
  }
  .login-container .login-content {
    height: 100vh;
    padding-right: 30px;
    padding-left: 30px;
  }
  .login-container .login-content h1 {
    font-size: 30px;
    margin-bottom: 5rem;
  }
  .login-container .login-content p {
    font-size: 25px;
  }
  .login-container .login-content .bg-xs {
    display: none;
  }
  .login-container .login-content .bg-md {
    display: block;
    max-height: 100vh;
  }
}
@media screen and (min-width: 992px) {
  .login-container {
    align-items: center;
  }
  .login-container .logo-lg {
    position: absolute;
    top: 50px;
    left: 50px;
  }
  .login-container .login-form {
    padding-right: 0;
    padding-left: 0;
  }
  .login-container .login-form form {
    width: 70%;
  }
  .login-container .login-content {
    padding-right: 50px;
    padding-left: 50px;
  }
  .login-container .login-content .bg-md {
    display: none;
  }
  .login-container .login-content .bg-lg {
    display: block;
    max-width: 85%;
    max-height: 100vh;
  }
}
@media screen and (min-width: 1200px) {
  .login-container .login-form form {
    width: 50%;
  }
}
.manuals-container {
  display: grid !important;
  grid-template-columns: 100%;
}
.manuals-item {
  padding: 20px;
  font-size: 1rem;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.manuals-item:last-child {
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .manuals-container {
    grid-template-columns: 33.333% 33.333% 33.333%;
    grid-template-rows: 33.333% 33.333% 33.333%;
  }
  .manuals-item {
    border-right: 1px solid #ddd;
  }
  .manuals-item:last-child,
  .manuals-item:nth-child(3n+1):nth-last-child(-n+3) {
    border-bottom: none;
  }
  .manuals-item.nbr {
    border-right: none;
  }
}
.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  width: 100%;
}
.product-card-xl {
  display: flex;
  background-color: #fff;
  border-radius: 2rem;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0px 5px 6px -1px #ddd;
  box-shadow: 0px 5px 6px -1px #ddd;
  transition: background 1.5s;
  padding: 10px;
  height: auto;
  width: 95%;
  margin-bottom: 30px;
  min-height: 170px;
}
.product-card-xxl {
  display: flex;
  background-color: #fff;
  border-radius: 2rem;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0px 5px 6px -1px #ddd;
  box-shadow: 0px 5px 6px -1px #ddd;
  transition: background 1.5s;
  padding: 15px 20px 0px 20px;
  height: 20rem;
  width: 45%;
  margin-bottom: 20px;
  margin-right: 20px;
}
.product-card-lg {
  display: flex;
  background-color: #fff;
  border-radius: 2rem;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0px 5px 6px -1px #ddd;
  box-shadow: 0px 5px 6px -1px #ddd;
  transition: background 1.5s;
  padding: 15px 20px 0px 20px;
  height: 10rem;
  width: 100%;
}
.product-card-md {
  display: flex;
  background-color: #fff;
  border-radius: 2rem;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0px 5px 6px -1px #ddd;
  box-shadow: 0px 5px 6px -1px #ddd;
  transition: background 1.5s;
  padding: 0.8rem;
  height: auto;
  width: 40%;
  margin-bottom: 1rem;
  margin-right: 10px;
}
.sim-included {
  background: #789;
  color: #fff !important;
}
.product-title {
  margin: 0;
}
.product-content {
  display: flex;
  width: 100%;
  height: 100%;
}
.product-text {
  text-align: justify;
  font-size: 13px;
}
.product-img {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.product-img-f {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.product-cost {
  margin-top: 0px;
}
.remove-product-place {
  display: block;
}
.remove-product {
  height: 20px;
  width: 20px;
  padding: 1px;
  background-color: #dc3545;
  user-select: none;
  display: flex;
  border-radius: 100px;
}
.line {
  width: 100%;
  border-bottom: 2px solid #ddd;
}
.qty-selector {
  display: flex;
  width: 100%;
  height: 100%;
  background: #6736e3;
  border-radius: 7px;
  justify-content: space-between;
}
.qty-arrow {
  color: #fff;
  margin: auto;
  cursor: pointer;
  user-select: none;
  font-size: 12px;
}
.qty {
  background: #fff;
  border: 2px solid #6736e3;
  margin: auto;
  width: 70%;
  height: 90%;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.btn-buy {
  margin-left: 10px;
  height: 100%;
}
.product-details {
  width: 90%;
  margin: auto;
}
.product-pics {
  height: 25rem;
  width: 100%;
  display: grid;
  margin: auto;
  grid-template-columns: 80% 20%;
  grid-template-rows: repeat(4, 25%);
  grid-column-gap: 15px;
  margin-bottom: 2rem;
}
.main-pic-frame {
  grid-column: 1/2;
  grid-row: 1/5;
}
.pic-frame {
  border-radius: 15px;
  -webkit-box-shadow: 0px 5px 6px -1px #ddd;
  box-shadow: 0px 5px 6px -1px #ddd;
}
.alt-pic-frame {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  -webkit-box-shadow: 0px 5px 6px -1px #ddd;
  box-shadow: 0px 5px 6px -1px #ddd;
}
.pic {
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
  padding: 0.5rem;
}
.close-btn {
  display: flex;
  justify-content: end;
  width: 100%;
  position: relative;
}
.close-icon {
  color: #fff;
  background: #6736e3;
  border-radius: 20px;
  width: 2rem;
  height: 2rem;
  font-weight: 700;
  font-size: 20px;
  cursor: pointer;
  user-select: none;
  position: relative;
  padding: 3px 9px;
}
.close-icon-sm {
  color: #fff;
  background: #6736e3;
  border-radius: 20px;
  width: 1.5rem;
  height: 1.5rem;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 2px;
}
.order-cost {
  background-color: #6736e3;
  color: #fff;
  font-size: 14px;
  border-radius: 100px;
  font-weight: 900;
  letter-spacing: 1.5px;
}
.order-summary {
  padding: 0 0.5rem;
  width: 100%;
  height: 100%;
  box-shadow: -10px 0 10px -8px #ddd;
}
.new-qtys-tables {
  display: flex;
  justify-content: center;
}
.new-qtys {
  margin-left: 20px;
}
.product-card-img {
  margin: auto;
  height: 100%;
  width: 60%;
  padding: 5px;
}
.product-card-img-f {
  margin: auto;
  height: 100%;
  width: 100%;
  padding: 15px;
}
.product-card-info {
  margin: auto;
  height: 100%;
  width: 100%;
}
.product-card-img-title {
  display: flex;
  width: 100%;
  position: relative;
}
.price-summary {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  position: relative;
}
.price-summary-gift {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  padding: 5px;
  cursor: pointer;
}
.price-summary-gift-img {
  width: 50px;
}
.price-summary-gift-star {
  position: absolute;
  margin-right: 1rem;
  color: #01b9fe;
}
.price-sumary-gift-name {
  font-size: 10px;
  margin: 0;
}
.price-sumary-gift-qty {
  width: 40px;
  font-weight: bold;
  margin: 0;
}
.price-sumary-gift-qty small {
  font-size: 8px;
}
.product-qty {
  width: 40%;
}
.product-total {
  width: 25%;
}
.responsive-cross {
  display: none;
}
.area-code-modal {
  width: 50vw;
}
.area-code-select {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.container-form {
  width: 50vw;
}
@media screen and (max-width: 576px) {
  .container-form {
    width: 100%;
  }
  .area-code-select {
    display: flex;
    flex-direction: column;
  }
  .not-responsive-cross {
    display: none;
  }
  .responsive-cross {
    display: flex;
  }
  .remove-product-place {
    display: none;
  }
  .remove-product {
    width: 20px;
    height: 20px;
    padding: 2px;
    background-color: #dc3545;
    border-radius: 15px;
    user-select: none;
    display: flex;
    justify-content: flex-end;
  }
  .product-img {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
  }
  .product-qty {
    width: 100%;
    margin: auto;
  }
  .product-total {
    width: 100%;
    margin: auto;
  }
  .price-summary {
    display: flex;
    height: 25%;
    width: 100%;
  }
  .product-card-img-title {
    display: block;
    width: 100%;
    height: 70%;
    margin: auto;
  }
  .product-card-img {
    margin: auto;
    height: 70%;
    width: 100%;
    padding: 15px;
  }
  .product-card-info {
    margin: auto;
    height: 30%;
    width: 100%;
  }
  .new-qtys {
    margin: 0;
  }
  .new-qtys-tables {
    display: block;
  }
  .order-summary {
    padding: 0 3rem;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0 0px 0px;
  }
  .product-card-xl {
    width: 100%;
    margin-bottom: 20px;
    display: block;
  }
  .order-cost {
    font-size: 10px;
  }
  .product-card-lg {
    width: 100%;
    height: 100%;
  }
  .product-card-md {
    width: 100%;
    height: 100%;
  }
  .product-modal {
    width: fit-content;
  }
  .product-cost {
    margin-top: 20px;
  }
  .product-pics {
    height: 15rem;
    width: fit-content;
    display: flex;
    flex-wrap: wrap;
  }
  .main-pic-frame {
    width: 100%;
    height: 70%;
  }
  .alt-pic-frame {
    width: 20%;
    height: 5rem;
    margin: auto;
  }
  .close-icon {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 14px;
    padding: 3px 7px;
  }
  .product-content {
    width: fit-content;
  }
  .price-qty-selector {
    display: flex;
    flex-wrap: wrap;
  }
}
.container-microcredit-rejected-1 {
  display: grid !important;
  grid-template-columns: 100%;
  gap: 2px;
  background-color: #ddd;
}
.item-microcredit-rejected-1 {
  background-color: #fff;
  text-align: left;
}
.partida {
  position: relative;
}
.symbol {
  position: absolute;
  font-size: 1.5rem;
  left: -1rem;
}
@media screen and (min-width: 768px) {
  .container-microcredit-rejected-1 {
    grid-template-columns: 50% 50%;
  }
  .item-microcredit-rejected-1 {
    text-align: center;
    padding: 20px;
  }
  .item-microcredit-position-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.permits-container {
  display: grid !important;
  grid-template-columns: 100%;
  background-color: #ddd;
  gap: 1px;
}
.container-permits-new {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}
.permits-category {
  background-color: #fff;
  padding: 20px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .permits-container {
    grid-template-columns: 50% 50%;
  }
  .container-permits-new {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .permits-container {
    grid-template-columns: 33.333% 33.333% 33.333%;
  }
  .container-permits-new {
    grid-template-columns: repeat(3, 1fr);
  }
}
.container-cards {
  overflow-x: auto;
}
.container-carrier {
  background-color: #edf1ff;
  padding: 5px 25px;
  margin-right: 0.5rem;
  cursor: pointer;
  border-radius: 8px;
}
.container-info {
  margin-top: 5px;
  background-color: #6736e3;
  color: #fff;
  padding: 8px 10px;
  border-radius: 8px;
}
.card-selected {
  background-color: rgba(198,163,250,0.22);
}
.card-selected--light {
  background-color: #a8e7ff;
}
.publicid-container {
  display: grid !important;
  grid-template-columns: 100%;
}
.publicid-item {
  padding: 20px;
  font-size: 1rem;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.publicid-item:last-child {
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .publicid-container {
    grid-template-columns: repeat(4, 25%);
  }
  .publicid-item {
    padding: 20px;
    font-size: 1rem;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .publicid-item:last-child,
  .publicid-item:nth-child(4n+1):nth-last-child(-n+4) {
    border-bottom: none;
  }
  .publicid-item.nbr {
    border-right: none;
  }
}
.form-purchases {
  max-width: 100%;
}
.container-image-purchases {
  display: none;
}
@media screen and (min-width: 768px) {
  .form-purchases {
    max-width: 75%;
    margin: 0rem auto;
  }
  .form-purchases .btn-action {
    margin: 0rem 10%;
    width: 80%;
  }
}
@media screen and (min-width: 1200px) {
  .form-purchases {
    max-width: 40%;
  }
  .container-image-purchases {
    max-width: 60%;
    padding: 0rem 2rem;
    display: flex;
    justify-content: center;
  }
  .container-image-purchases .img-sticky {
    position: sticky !important;
    top: 15rem;
  }
}
.progress-bar-massive-reloads {
  display: block !important;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 75%;
}
@media screen and (min-width: 768px) {
  .progress-bar-massive-reloads {
    padding-top: 50%;
  }
}
@media screen and (min-width: 992px) {
  .progress-bar-massive-reloads {
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 20%;
  }
}
.visualSupportCard {
  min-height: 75%;
}
.visualSupportCard img {
  cursor: pointer;
}
.carriers-masivas {
  display: grid;
  grid-template-columns: repeat(8, 100px);
  grid-gap: 10px;
  grid-auto-rows: minmax(80px, auto);
  overflow-x: auto;
}
.carriers-masivas .card {
  padding: 0.2rem 0.2rem;
  transition: background 1.5s;
  height: 90%;
}
.carriers-masivas .card:hover {
  background-color: #ecd1bb;
}
.carriers-masivas .carrier-selected {
  background-color: #a8e7ff;
}
.carriers-masivas .carrier-selected:hover {
  background-color: #a8e7ff;
}
.form-settings {
  width: 100%;
}
.form-settings .button-submit {
  width: 80%;
  margin: 0% 10%;
}
@media screen and (min-width: 768px) {
  .form-settings {
    width: 80%;
  }
}
@media screen and (min-width: 992px) {
  .form-settings {
    width: 50%;
  }
}
.carriers,
.carriers-services {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(60px, auto);
  overflow-x: auto;
  padding: 0.5rem;
}
.carriers .card-items,
.carriers-services .card-items {
  max-height: 100px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 3rem;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0px 5px 6px -1px rgba(52,58,0,0.302);
  box-shadow: 0px 5px 6px -1px rgba(52,58,0,0.302);
  transition: background 1.5s;
  padding: 0.8rem;
  max-width: 100%;
}
.carriers .card-items:hover,
.carriers-services .card-items:hover {
  background-color: #fce0b6;
}
.img-w-carriers {
  max-width: 100%;
  height: auto;
}
.img-w-carriers-bc {
  width: 90px;
  height: auto;
}
.amounts {
  display: grid;
  grid-template-columns: repeat(4, 60px);
  grid-gap: 20px;
  grid-auto-rows: minmax(60px, auto);
  overflow-x: auto;
  padding: 0.5rem;
  margin: auto;
  align-content: center;
  justify-content: center;
}
.amounts .card {
  width: 60px;
  height: 60px;
  padding: 0.2rem 0.2rem;
  transition: background 1.5s;
  border-radius: 50%;
  -webkit-box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.3);
  box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.3);
}
.amounts .card:hover {
  background-color: #ecd1bb;
}
.amounts .card .btn {
  font-size: 20px;
  font-weight: bold;
}
.amounts .amount-selected {
  background-color: #a8e7ff;
}
.amounts .amount-selected:hover {
  background-color: #a8e7ff;
}
@media screen and (min-width: 576px) {
  .carriers,
  .carriers-services {
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
  }
  .img-w-carriers-bc {
    width: 110px;
  }
  .amounts {
    grid-template-columns: repeat(6, 60px);
  }
}
@media screen and (min-width: 768px) {
  .carriers {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1.5rem;
  }
  .carriers-services {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1.5rem;
  }
  .carriers-services .card {
    max-height: 80px;
  }
  .amounts {
    grid-template-columns: repeat(8, 60px);
  }
}
@media screen and (min-width: 992px) {
  .carriers {
    grid-template-columns: repeat(4, 1fr);
  }
  .carriers-services {
    grid-template-columns: repeat(6, 1fr);
  }
  .amounts {
    grid-template-columns: repeat(6, 80px);
  }
  .amounts .card {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.3);
  }
  .amounts .card .btn {
    font-size: 24px;
    font-weight: bold;
  }
}
@media screen and (min-width: 1200px) {
  .carriers {
    grid-template-columns: repeat(6, 1fr);
  }
  .carriers-services {
    grid-template-columns: repeat(6, 1fr);
  }
  .amounts {
    grid-template-columns: repeat(6, 80px);
  }
  .amounts .card {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.3);
  }
  .amounts .card .btn {
    font-size: 24px;
    font-weight: bold;
  }
}
.form-forgot-password-container {
  width: 80%;
  margin: 0 auto;
}
.form-forgot-password-container .form-forgot-password {
  margin-top: 1rem;
}
.form-forgot-password-container .form-forgot-password img {
  margin: 0 auto;
  display: block;
}
.form-forgot-password-container .img-forgot-password {
  display: none;
}
@media screen and (min-width: 768px) {
  .form-forgot-password-container {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .form-forgot-password-container .form-forgot-password {
    flex: 1;
  }
  .form-forgot-password-container .img-forgot-password {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
  }
  .form-forgot-password-container .img-forgot-password img {
    max-width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .form-forgot-password-container {
    padding: 2rem;
  }
  .form-forgot-password-container .form-forgot-password {
    padding: 0 3.5rem;
  }
  .form-forgot-password-container .img-forgot-password {
    flex: 1.5;
  }
}
.profile-avatar {
  width: 4rem;
  border-radius: 50%;
  margin-top: -2rem;
}
.profile-username {
  margin: 0.3em 0;
}
.adimg {
  width: auto;
  height: auto;
  max-width: 300px;
  max-height: 300px;
}
.ad-name {
  height: 120px;
  margin-left: 1rem;
  color: #7c8191;
}
.ad-name a {
  color: #9966fe;
}
.img-user-sticky {
  position: sticky;
  top: 30%;
  margin-left: 24%;
}
.grid-videos {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: 1fr 1fr;
  gap: 15px;
}
.grid-videos img {
  width: 300px;
}
@media screen and (min-width: 768px) {
  .grid-videos {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: 1fr 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .grid-videos {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-template-rows: 1fr 1fr;
  }
}