/*! * Bootstrap v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.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%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;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:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.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>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img,.card-img-bottom,.card-img-top{-ms-flex-negative:0;flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{-ms-flex:1 0 0%;flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal .list-group-item.active{margin-top:0}.list-group-horizontal .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm .list-group-item.active{margin-top:0}.list-group-horizontal-sm .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md .list-group-item.active{margin-top:0}.list-group-horizontal-md .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg .list-group-item.active{margin-top:0}.list-group-horizontal-lg .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl .list-group-item.active{margin-top:0}.list-group-horizontal-xl .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.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}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.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}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.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}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} /*# sourceMappingURL=bootstrap.min.css.map */ /* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */ :root { --app_color: ''; --app_color_bg: ''; --app_color_br_alert: ''; --app_color_bg_alert: '' } /*@import url('all.min.css');*/ @font-face { font-family: IRANSans; font-style: normal; font-weight: bold; src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot'); src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 500; src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot'); src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 300; src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot'); src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 200; src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot'); src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: normal; src: url('../fonts/eot/IRANSansWeb(FaNum).eot'); src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype'); } @font-face { font-family: aviny; font-style: normal; font-weight: normal; src: url('../fonts/aviny/aviny.ttf') format('truetype'); } body, html { direction: rtl; background-color: #fff; margin: 0; text-align: right; font-family: IRANSans; height: 100%; /*background-color: #f7f7f7;*/ } a { text-decoration: none !important; } #root { /*background-color: #f6f6f6;*/ height: 100%; } #root-support { /*background-color: #f9f0d0;*/ height: 100%; } /*loader*/ #page-loader { position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #fff; z-index: 9999; font-size: 30px; text-align: center; padding-top: 200px; color: var(--app_color); font-family: IRANSans; font-weight: bold; } /*-------------tab------------------*/ #tab .tab-top { width: 100%; background-color: #f7f7f7; } #tab .tab-top ul { background-color: #fff; position: -webkit-sticky; position: sticky; width: 100%; z-index: 999; } .serch-content-tab { top: 62px; } .chat-tab-content { top: 48px; } .favorite-tab-content { top: 48px; } .profile-tab-content { bottom: 0; position: fixed !important; left: 0; right: 0; } #tab .nav-tabs .nav-item.show .nav-link, #tab .nav-tabs .nav-link.active { color: var(--app_color); background-color: var(--app_color_bg); border-color: #dee2e6 #dee2e6 var(--app_color); font-size: 15px; font-weight: bold; } #tab .nav-tabs { border-bottom: 2px solid #f3f3f3 !important; } #tab .nav-tabs li { width: 100%; text-align: center; } #tab .nav-tabs .col-pa { padding: 0; } #tab .nav-tabs li a { width: 100%; } #tab .nav-tabs .nav-link { border: 0; border-bottom: 1.5px solid #f3f3f3; border-top-left-radius: 0; border-top-right-radius: 0; color: #bdbdbd; font-weight: bold; font-size: 15px; } #tab .nav-tabs .nav-link:focus { border-color: var(--app_color) var(--app_color) var(--app_color); } #tab .tab-content { position: relative; margin-top: 40px; } /*-------------tab------------------*/ /*-------------content-box-card------------------*/ .content-box-card .card { border: 1px solid #eeeeee; border-radius: 12px; height: auto; -webkit-box-shadow: -2px 4px 4px -2px #a1a1a1; box-shadow: -2px 4px 4px -2px #a1a1a1; } .content-box-card .card .card-body { padding: 0; height: 155px; max-height: 155px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .content-box-card .card p { margin: 0; padding: 0 15px 0 12px; } .content-box-card .card .card-body .card-title { font-size: 18px; font-weight: bold; color: #454545; } .content-box-card .card .card-body .card-cat { font-size: 14px; color: #c0c0c0; margin-top: 3%; } .content-box-card .card .search-card-image { max-width: 100%; height: 100%; border-radius: 12px; display: block; margin: auto; } .content-box-card .card .card-pay { font-size: 18px; font-weight: bold; color: #009432; position: absolute; left: 0; bottom: 16px; } .content-box-card .card .row { height: 100%; } .content-box-card .card .image-top-card { /*height: 215px;*/ display: flex; align-items: center; justify-content: center; } /*-------------content-box-card------------------*/ /*page index */ /*------------------------------------------------------*/ header #header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; color: #4d4d4d; border-radius: 6px; font-size: 20px; -webkit-box-shadow: 0 0 14px 1px #e6e6e6; box-shadow: 0 0 14px 1px #e6e6e6; } header #header .menu button { background-color: #fff; border: 0; color: #4d4d4d; font-size: 20px; padding: 0; } header #header .title-header a { color: #4d4d4d; text-decoration: none; font-size: 20px; font-weight: bold; } header #header .search-index a { color: #4d4d4d; text-decoration: none; font-size: 20px; position: relative; } header #header .badge { position: absolute; z-index: 2; font-size: 8px; top: 2px; right: -7px; text-align: center; background-color: var(--app_color); color: #fff; } header #header .search-index { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header #header .search-index form .input-group-text { background-color: transparent; border: none; padding: 0 5px; font-size: 20px; } header #header .search-index form .form-control { padding: 0 10px; width: 200px; height: 100%; border-radius: 3px; display: none; } /*------------------------------------------------------*/ .alert-e { background-color: var(--app_color_bg_alert); color: #2c2c2c; border: 2px solid var(--app_color_br_alert); border-radius: 35px; font-size: 15.27px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .alert-e:hover { color: #2c2c2c; } .alert-e .icon { font-size: 20px; } /*------------------------------------------------------*/ .div-slider { padding: 0; } #slider-one .slick-slide { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #slider-one .slide-one { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #slider-one .slide-one img { max-width: 95%; height: 100%; border-radius: 10px; -webkit-box-shadow: 0 0 10px 1px #d3d3d3; box-shadow: 0 0 10px 1px #d3d3d3; } /*------------------------------------------------------*/ .slide-story { position: relative; } .border-story { width: 90px; height: 90px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; padding: 2px; } .border-color-story { background: -webkit-gradient(linear, right top, left top, from(red), to(purple)); background: -o-linear-gradient(right, red, purple); background: linear-gradient(to left, red, purple); } .border-color-story-see { background: #bababa; } .cricle-story { width: 86px; height: 86px; background-color: #fff; border-radius: 50% !important; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3px; } .slide-story { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /*------------------------------------------------------*/ #link a { color: #fff; text-decoration: none; } #link .Square { width: 100%; font-size: 18px; font-weight: bold; text-align: center; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border: 1.4px solid #e6e6e6; } #link .Square span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #link .link-right { padding-left: 8px; } #link .link-left { padding-right: 8px; } #link .link-right .top { height: 130px; background: -webkit-gradient(linear, left top, right top, from(rgba(189, 77, 155, 1)), color-stop(35%, rgba(201, 63, 141, 1)), color-stop(57%, rgba(219, 42, 122, 1)), color-stop(73%, rgba(234, 24, 104, 1)), to(rgba(247, 8, 91, 1))); background: -o-linear-gradient(left, rgba(189, 77, 155, 1) 0%, rgba(201, 63, 141, 1) 35%, rgba(219, 42, 122, 1) 57%, rgba(234, 24, 104, 1) 73%, rgba(247, 8, 91, 1) 100%); background: linear-gradient(to right, rgba(189, 77, 155, 1) 0%, rgba(201, 63, 141, 1) 35%, rgba(219, 42, 122, 1) 57%, rgba(234, 24, 104, 1) 73%, rgba(247, 8, 91, 1) 100%); } #link .link-right .bottom { height: 130px; margin-top: 10px; background: -webkit-gradient(linear, left top, right top, from(rgba(17, 153, 142, 1)), color-stop(37%, rgba(24, 168, 139, 1)), color-stop(59%, rgba(37, 197, 133, 1)), color-stop(74%, rgba(44, 213, 131, 1)), to(rgba(56, 239, 126, 1))); background: -o-linear-gradient(left, rgba(17, 153, 142, 1) 0%, rgba(24, 168, 139, 1) 37%, rgba(37, 197, 133, 1) 59%, rgba(44, 213, 131, 1) 74%, rgba(56, 239, 126, 1) 100%); background: linear-gradient(to right, rgba(17, 153, 142, 1) 0%, rgba(24, 168, 139, 1) 37%, rgba(37, 197, 133, 1) 59%, rgba(44, 213, 131, 1) 74%, rgba(56, 239, 126, 1) 100%); } #link .link-left .Square { height: 271px; background: -webkit-gradient(linear, left top, right top, from(rgba(34, 148, 177, 1)), color-stop(35%, rgba(54, 165, 193, 1)), color-stop(52%, rgba(71, 179, 206, 1)), color-stop(71%, rgba(94, 201, 225, 1)), to(rgba(108, 213, 236, 1))); background: -o-linear-gradient(left, rgba(34, 148, 177, 1) 0%, rgba(54, 165, 193, 1) 35%, rgba(71, 179, 206, 1) 52%, rgba(94, 201, 225, 1) 71%, rgba(108, 213, 236, 1) 100%); background: linear-gradient(to right, rgba(34, 148, 177, 1) 0%, rgba(54, 165, 193, 1) 35%, rgba(71, 179, 206, 1) 52%, rgba(94, 201, 225, 1) 71%, rgba(108, 213, 236, 1) 100%); } #link .link-right .icon { font-size: 35px; } #link .link-left .icon { font-size: 55px; } #link .badge { background-color: #fff; color: #009432; position: absolute; left: 6px; top: 4px; font-size: 9px; text-align: center; } /*------------------------------------------------------*/ .title-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ececec; border-radius: 5px; } .title-box span { font-size: 18px; font-weight: bold; color: #454545; } .title-box a { font-size: 16px; text-decoration: none; font-weight: bold; color: #a8a8a8; } .mt-learn { margin-top: 110px; } /*------------------------------------------------------*/ .slider-learn .slick-slide { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slider-learn .slid-two { display: block; width: 100%; text-decoration: none; } .slider-learn .card { width: 93%; padding: 7px; border-radius: 8px; border: 1px solid #e6e6e6; } .slick-slide img { border-radius: 8px; } .slider-learn .card .p1 { color: #454545; font-size: 16px; font-weight: bold; margin: 0; } .slider-learn .card .p2 { color: #c0c0c0; font-size: 14px; font-weight: normal; margin: 0; } .slider-learn .card .p3 { color: #009432; font-size: 16px; font-weight: normal; margin: 0; direction: rtl; } .image-card-learn { width: 100%; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; /*padding-top: 70%;*/ padding-top: 75%; border-radius: 8px; border: 1px solid #eee; } /*.image-card-learn img{*/ /* width: 100%;*/ /* height: 100%;*/ /*}*/ .image-card-stor { width: 100%; padding-top: 75%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; border-radius: 18px; } /*------------------------------------------------------*/ .Products { width: 100%; padding-top: 30%; border-radius: 10px; position: relative; background-color: #e6e6e6; background-size: cover; background-repeat: no-repeat; border: 2px solid #e6e6e6; } .Products .text { position: absolute; top: 25%; right: 4%; left: 0; bottom: 0; width: 50%; } .Products .text img { width: 50%; } .Products .text p { font-weight: bold; color: #151514; font-size: 38px; } .Products .text span { font-size: 18px; color: #4b4a4b; font-weight: bold; } .Products .text a { background-color: #515459; color: #8e8f91; text-decoration: none; padding: 3px 10px; border-radius: 24px; font-size: 17px; font-weight: bold; } .Products .text a > span { color: #04c6dc; font-size: 13px; margin-right: 6px; } /*------------------------------------------------------*/ .slider-offers .slide a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; } .slider-offers .image-card-offers { width: 90%; border-radius: 15px; height: 355px; } .slider-offers .image-card-offers img { width: 100%; height: 100%; border-radius: 15px; } /*------------------------------------------------------*/ .cat-box a { text-decoration: none; display: block; border-radius: 8px; position: relative; } .cat-seqare { width: 100%; text-align: center; border-radius: 8px; color: #fff; font-size: 18px; font-weight: bold; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-size: contain; padding-top: 14%; padding-bottom: 14%; background-position: 50% 50%; background-repeat: no-repeat; } .cat-seqare .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 2; } .cat-seqare .text img { height: 50px; } .bd-dark-cat { position: absolute; background-color: #0000007a; width: 100%; height: 100%; z-index: 1; border-radius: 8px; } .pr { padding: 0 15px 0 13px; } .pl { padding: 0 13px 0 15px; } /*------------------------------------------------------*/ .baner { width: 100%; /*height: 400px;*/ border-radius: 10px; /*background-color: #d2d3d5;*/ } .baner a { width: 100%; height: 100%; display: block; overflow: hidden; border-radius: 10px; text-align: center; } .baner img { max-width: 100%; height: 100%; border-radius: 10px; } /*------------------------------------------------------*/ .slider-professors a { text-decoration: none; } .slider-professors .card { width: 90%; text-align: center; padding: 0 0 10px 0; background-color: transparent; border: 0; } .slider-professors .card-body { padding: 0; background-color: transparent; } .slider-professors .circle-profesor { width: 150px; height: 150px; border-radius: 50%; position: relative; background-size: cover; margin: auto; background-repeat: no-repeat; background-position: 50%; } .slider-professors .txt1 { color: #242524; font-size: 18px; font-weight: bold; margin: 0; } .slider-professors .txt2 { color: var(--app_color); font-size: 14px; font-weight: bold; margin: 0; } /*------------------------------------------------------*/ .slider-store a, .slider-articles a { text-decoration: none; -webkit-box-shadow: 0 0 20px 2px #e6e6e6; box-shadow: 0 0 20px 2px #e6e6e6; } .slider-store .card, .slider-articles .card { padding: 7px; border-radius: 8px; width: 90%; } .slider-store .card .card-body, .slider-articles .card .card-body { padding: 0; } .slider-store .card .card-body .txt1, .slider-articles .card .card-body .txt1 { color: #434343; font-size: 18px; font-weight: bold; margin: 0; } .slider-store .card .card-body .txt2, .slider-articles .card .card-body .txt2 { color: #c0c0c0; font-size: 14px; font-weight: bold; margin: 0; } .slider-store .card .card-body .txt3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #009432; font-size: 14px; font-weight: bold; margin: 0; } .slider-store .card .card-body .txt3 .line { color: #fd5759; position: relative; text-decoration: line-through; } /*------------------------------------------------------*/ .hashtag-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pill-hashtag { background-color: var(--app_color); color: #fff; font-weight: bold; font-size: 15px; margin-left: 5px; margin-right: 5px; display: block; width: 230px; text-align: center; padding: 8px; border-radius: 30px; } .pill-hashtag:hover { color: #fff; } /*------------------------------------------------------*/ #menu { position: fixed; width: 0; z-index: 11; height: 100%; top: 0; /*right: 0;*/ background-color: #fff; overflow-x: hidden; -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .w-menu { width: 1000px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; /*display: none;*/ } #menu .profile { color: #424141; font-size: 18px; font-weight: bold; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: -webkit-sticky; position: sticky; top: 0; background-color: #fff; z-index: 10; } #menu .profile .pic { width: 185px; height: 185px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #dddddd; color: #7f7f7f; border-radius: 50%; font-size: 60px; } #menu .menu-nav { background-color: #fff; position: relative; } #menu .title { background-color: #fff; display: flex; justify-content: space-between; align-items: center; color: #222222; font-size: 14px; border-top: 1.3px solid #f5f5f5; font-weight: bold; } #menu .title span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #menu .items { display: none; } #menu .items a { background-color: #f7f7f7; color: #b2b2b2; font-size: 14px; text-decoration: none; border-top: 1.3px solid #f3f3f3; display: flex; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; } #menu .icon { font-size: 30px; } #menu .angle-icon-up { display: block; } #menu .angle-icon-down { display: none; } .rotated { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .btn-chat { background-color: var(--app_color); border-radius: 9px; color: #fff !important; font-size: 15px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; width: 90%; bottom: 0; } .btn-chat:hover { background-color: #da2519; color: #fff; } #menu #footer-menu { background-color: #fff; position: -webkit-sticky; position: sticky; bottom: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100%; } /*scroll menu*/ #menu::-webkit-scrollbar { width: 4px; } #menu::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px #ffffff; box-shadow: inset 0 0 5px #ffffff; } #menu::-webkit-scrollbar-thumb { background: #7f7f7f; border-radius: 10px; } #menu::-webkit-scrollbar-thumb:hover { background: #6a6969; } .bg-dark-menu { width: 100%; background-color: #000000; opacity: 0.7; height: 100vh; position: fixed; z-index: 10; display: none; } /*modal*/ .out-account-user { z-index: 12; border-radius: 10px; } .out-account-user .modal-content { width: 65%; margin: auto; border: 0; border-radius: 10px; } .out-account-user .modal-header { background-color: var(--app_color); color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 0; padding: 15px 10px; } .out-account-user .modal-header h5 { font-size: 15px; margin: auto; } .out-account-user .modal-body { padding: 15px 0 0 0; } .out-account-user .modal-body .title-body-modal-out { text-align: center; font-size: 15px; color: #474747; font-weight: bold; } .out-account-user .modal-body .btn-modal { font-size: 13px; font-weight: bold; cursor: pointer; border-top: 1.5px solid #f6f6f6; padding: 10px 15px; margin: 0; } .out-account-user .modal-body .yes-out-modal { color: #029534; } .out-account-user .modal-body .no-out-modal { color: #fd5e60; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*page search*/ #search-header { /*background-color: var(--app_color);*/ color: #fff; position: fixed; top: 0; z-index: 999; } #search-header .search-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #search-header form { width: 98%; background-color: var(--app_color); padding-left: 10px; } #search-header form .form-control { background-color: var(--app_color); color: #fff !important; border: 0; border-bottom: 1px solid #fff; border-radius: 0; padding: 0.3% 1%; } #search-header form .form-control:focus { -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; } #search-header #search-btn-back { padding: 10px 5px 0 0; font-size: 26px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; border: 0; } #search-header .form-control::-webkit-input-placeholder { color: white; font-size: 22px; } #search-header .form-control:-moz-placeholder { color: white; font-size: 22px; } #search-header .form-control::-moz-placeholder { color: white; font-size: 22px; } #search-header .form-control:-ms-input-placeholder { color: white; font-size: 22px; } #search-header .form-control::-ms-input-placeholder { color: white; font-size: 22px; } /*------------------------------------------------------*/ #search-nav-file .content-box-card .card .card-body-file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #search-nav-file .content-box-card .card .card-body-file .right { position: relative; right: 0; } #search-nav-file .content-box-card .card .card-body-file .left { position: absolute; left: 5px; } #search-nav-file .content-box-card .card .card-body-file .left .card-show { background-color: #009432; color: #fff; font-size: 12px; text-decoration: none; padding: 5px 11px; border-radius: 50px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*page login*/ #login { background-image: url(../images/bg-login.png); background-size: cover; background-repeat: no-repeat; width: 100%; } #login .logo-img img { max-width: 100%; } #login .login-txt { width: 75%; background-color: #fff; border-radius: 40px 40px 0 0; } #login .login-txt p { padding: 0; margin: 0; } #login .login-txt .login-txt-1 { font-size: 25px; font-weight: bold; color: #454545; } #login .login-txt .login-txt-2 { font-size: 18px; color: #009e4e; } /*------------------------------------------------------*/ #login-inf form { width: 75%; background-color: #fff; border-radius: 0 0 40px 40px; } #login-inf form p { margin: 0; padding: 0; font-size: 18px; color: #454545; font-weight: bold; } #login-inf form .input-group { background-color: #f2f2f2; border: #f2f2f2; border-radius: 50px; height: 43px; direction: ltr; font-size: 17.76px; } #login-inf form .input-group-text { border: 0; background-color: #f2f2f2; border-radius: 50px 0 0 50px; color: #525252; padding: 0.2rem .30rem; } #login-inf form .form-control { border: 0; background-color: #f2f2f2; border-radius: 0 50px 50px 0; height: 100%; } #login-inf form .form-control:focus { background-color: #f2f2f2; border: 0; } #login-inf form button { font-size: 22px; color: #fff; background-color: #34bedb; border: 0; display: block; margin: auto; padding: 8px 40px; border-radius: 50px; } #login-inf form .drop-down { background-color: #f2f2f2; border: #f2f2f2; border-radius: 50px; height: 43px; direction: ltr; font-size: 18px; color: #525252; position: relative; display: inline-block; margin-top: 0; width: 100%; padding: 7px 21px; } .select2-search--dropdown { display: none !important; } .select2-container { width: 100%; direction: ltr; text-align: left; background-color: #f2f2f2; border: 0; } .select2-container--default .select2-selection--single { background-color: #f2f2f2 !important; border: 0 !important; } .select2-container--default .select2-results > .select2-results__options { background-color: #f2f2f2 !important; border: 0 !important; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #c4c4c4 !important; border: 0 !important; } .select2-selection:focus { outline: transparent auto 1px !important; } /* Track */ #login-inf form .drop-down .select-list::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 0 0 #f2f2f2; box-shadow: 0 0 0 0 #f2f2f2; border-radius: 10px; } /* Handle */ #login-inf form .drop-down .select-list::-webkit-scrollbar-thumb { background: #525252; border-radius: 10px; } /* Handle on hover */ #login-inf form .drop-down .select-list::-webkit-scrollbar-thumb:hover { background: #525252; } #login-inf form .drop-down .select-list li { display: none; } #login-inf form .drop-down .select-list li span { display: inline-block; min-height: 40px; width: 100%; padding: 1% 59px; background-color: #f2f2f2; background-position: left 10px center; background-repeat: no-repeat; font-size: 16px; text-align: left; color: #525252; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } #login-inf form .drop-down .button { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #login-inf form .drop-down .button span { background-size: contain; background-repeat: no-repeat; padding-left: 51px; } #login-inf form .select-list-link { color: #898989; text-decoration: none; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*list dore*/ #header-red { /*background-color: var(--app_color);*/ color: #fff; position: fixed; top: 0; z-index: 999; } #header-red a { text-decoration: none; color: #fff; } #header-red .header-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; font-weight: bold; height: 49px; } /*------------------------------------------------------*/ .title-list-dore { font-size: 18px; font-weight: bold; color: #2f2f2f; } /*------------------------------------------------------*/ #list-dore-category .list-dore-slider-category .slide a { text-decoration: none; text-align: center; } #list-dore-category .list-dore-slider-category .slide .card { border: 1.3px solid #e6e6e6; border-radius: 10px; } #list-dore-category .list-dore-slider-category .slide .card img { border-radius: 18px; } #list-dore-category .list-dore-slider-category .card-body { padding: 0; } #list-dore-category .list-dore-slider-category .card-body p { color: #8b8b8b; font-size: 16px; font-weight: bold; margin: 0; padding: 0; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*category page*/ #daste_bandi-cat a { text-decoration: none; } #daste_bandi-cat .image-box { text-align: center; border-radius: 15px; color: #fff; font-size: 18px; font-weight: bold; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*background-size: contain;*/ background-size: cover; padding-top: 14%; padding-bottom: 14%; background-position: 50% 50%; background-repeat: no-repeat; } #daste_bandi-cat .image-box .text { position: absolute; font-size: 26px; z-index: 3; } #daste_bandi-cat .image-box .text p { margin: 0; } #daste_bandi-cat .image-box .text img { height: 45px; } #daste_bandi-cat .image-box .block { height: 100%; width: 100%; z-index: 1; position: absolute; display: block; background-color: #0000007a; border-radius: 15px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*train page*/ .slider-train { height: 415px; } .slider-train .slick-list { height: 100%; } .slider-train .slick-list .slick-track { height: 100%; } .slider-train .slide-train { height: 100%; } .slider-train .slide-train .image-slider { width: 100%; height: 100%; background-color: #f7f7f7; } .slider-train .slide-train .image-slider img { max-width: 100%; height: 100%; border-radius: 0; margin: auto; } .slider-train .slick-dots { bottom: 2px; } .slider-train .slick-dots li { width: 7px; height: 7px; margin: 0 2px; background-color: #e0e0e0; border-radius: 100%; } .slider-train .slick-dots .slick-active { background-color: #130d04; } .slider-train .slick-dots li button { line-height: 0; width: 7px; height: 7px; padding: 0; color: transparent; background: transparent; } .slider-train .slick-dots li button:before { line-height: 8px; width: 7px; height: 7px; content: ''; color: transparent; -webkit-font-smoothing: antialiased; } .slider-train .slider-train .slick-dots li button:before { content: ''; width: 7px; height: 7px; border-radius: 50%; color: black; -webkit-font-smoothing: antialiased; } .slider-train.slick-dotted.slick-slider { margin-bottom: 0; } .back { position: absolute; top: 14px; left: 15px; z-index: 10; } .back img { width: 38px; } /*------------------------------------------------------*/ .train-tab .train-tab-top ul { background-color: #fff; width: 100%; /*position: relative !important;*/ border-top: 1.5px solid #e8e8e8 !important; border-bottom: 1.5px solid #e8e8e8 !important;; } .train-tab-top .nav-tabs .nav-link { border-bottom: 1.5px solid #e8e8e8 !important; } .train-tab-top .nav-tabs .nav-item.show .nav-link, .train-tab-top .nav-tabs .nav-link.active { color: var(--app_color); background-color: var(--app_color_bg); border-color: #dee2e6 #dee2e6 var(--app_color) !important; } .train-tab .train-tab-top .tab-content { position: relative; /*margin-top: 40px;*/ } .train-tab .tab-train { margin-top: 10px !important; } /*------------------------------------------------------*/ #train-nav-desc-tab .description-tab { background-color: #fff; border: 1.5px solid #e8e8e8; border-radius: 10px; } #train-nav-desc-tab .description-tab .txt1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #train-nav-desc-tab .description-tab .txt1 .title p { margin: 0; font-size: 25px; font-weight: bold; } #train-nav-desc-tab .description-tab .txt1 .title .txt2 { color: #454545; } #train-nav-desc-tab .description-tab .txt1 .title .txt3 { color: #009e4e; } .bookmark { color: #dfdfdf; font-size: 30px; } .color-book-mark { color: #da2519; } #train-nav-desc-tab .description-tab .btn-desc { width: 100%; font-size: 18px; font-weight: bold; color: #fff; padding: 8px; border-radius: 9px; } #train-nav-desc-tab .description-tab .btn-desc.color-pay { background-color: #009e4e; } #train-nav-desc-tab .description-tab .btn-desc.color-add { background-color: #334e5c; } .btn:focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem #0000; box-shadow: 0 0 0 0.2rem #0000; } #train-nav-desc-tab .description-tab .btn-desc.color-add:hover { background-color: #2e4551; color: #fff; } #train-nav-desc-tab .description-tab .btn-desc.color-pay:hover { background-color: #02934a; color: #fff; } #train-nav-desc-tab .description-tab .count { font-size: 22px; font-weight: bold; color: #6e6e6e; text-align: center; margin: 0; } #train-nav-desc-tab .description-tab .txt-desc .txt4 { font-size: 18px; font-weight: normal; color: #858585; line-height: 2; text-align: justify; letter-spacing: 1.6px; margin: 0; } #train-nav-desc-tab .description-tab .txt-desc { background: #fff; width: 100%; } #train-nav-desc-tab .description-tab .txt-desc .more { overflow: hidden; } #train-nav-desc-tab .description-tab .txt-desc .more-text { overflow: hidden; height: 94px; } #train-nav-desc-tab .description-tab .txt-desc .more { font-size: 15.41px; font-weight: bold; color: #000; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } #train-nav-desc-tab .description-tab .txt-desc .more span { font-size: 24px; } #train-nav-desc-tab .description-tab .txt-desc .more .angle-icon-up { display: block; } /*------------------------------------------------------*/ .tad-description ul { background-color: #fff; border: 1.5px solid #e8e8e8 !important; border-radius: 10px; } .tab-profile .nav-tabs .nav-item-bottom { width: 33.329% !important; text-align: center; } .tad-description .nav-tabs .nav-link { border-bottom: 1.5px solid #e8e8e8 !important; } .tad-description .nav-tabs .nav-item.show .nav-link, .tad-description .nav-tabs .nav-link.active { color: var(--app_color); background-color: var(--app_color_bg); border-color: #dee2e6 #dee2e6 var(--app_color) !important; } .tad-description .nav-tabs .nav-link:focus { border-color: var(--app_color) var(--app_color) var(--app_color); } .item-tab-bottom .bir { border-radius: 0 9px 9px 0 !important; } .item-tab-bottom .bil { border-radius: 9px 0 0 9px !important; } .tap-desc-content { margin-top: 0 !important; } /*------------------------------------------------------*/ .content-box-card-dore .card { border: 1.5px solid #e8e8e8; border-radius: 12px; height: auto; } .content-box-card-dore .card .image-top-card { /*height: 290px;*/ height: 236px; } .content-box-card-dore .card .dore-card-image { max-width: 100%; height: 100%; border-radius: 12px; margin: auto; display: block; } .content-box-card-dore .card .card-body { padding: 0; /*height: 100%;*/ text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100px; max-height: 100px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .content-box-card-dore .card .card-body hr { width: 95%; margin-bottom: 0; } .content-box-card-dore .card p { margin: 0; } .content-box-card-dore .card .card-body .card-title { font-size: 18px; font-weight: bold; color: #454545; } .content-box-card-dore .card .card-body .inf { font-size: 14px; font-weight: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content-box-card-dore .card .card-body .inf img { max-width: 100%; height: 20px; } .content-box-card-dore .card .card-body .inf .file { color: #6c6c6c; } .content-box-card-dore .card .card-body .inf .pay { color: #049901; } .content-box-card-dore .card .card-body-top { height: auto; } .content-box-card-dore .card-footer { background-color: #fff; padding: 0; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .percentage { color: #a29f9f; font-size: 12px; font-weight: normal; } .number-percentage { color: #009e4e; font-size: 16px; font-weight: bold; } progress[value] { width: 70%; height: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; direction: ltr; } progress[value]::-webkit-progress-bar { background-color: #e3e3e3; border-radius: 10px; } /*------------------------------------------------------*/ .comment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .comment p { margin: 0; } .cricle-comment { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 24px; margin-right: 3.7rem !important; } .cricle-comment img { width: 65px; height: 65px; border-radius: 50%; background-color: #dddddd; } .cricle-comment::before { content: ''; width: 15px; height: 15px; border-radius: 50%; background-color: #bebebe; position: absolute; right: 0; } .square-comment { width: 83%; background-color: #fff; border: 1.5px solid #e8e8e8; border-radius: 25px; position: relative; } .square-comment::after { content: ''; position: absolute; top: 45%; right: -25px; width: 0; height: 0; border-top: 13px solid transparent; border-left: 25px solid #fff; border-bottom: 13px solid transparent; } .square-comment::before { content: ''; position: absolute; top: 43.5%; right: -29px; width: 0; height: 0; border-top: 16px solid transparent; border-left: 29px solid #e8e8e8; border-bottom: 16px solid transparent; } .square-comment .comment-user { font-size: 14px; font-weight: bold; color: #818181; text-align: justify; } .square-comment .bottom-date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #acacac; font-size: 12px; font-weight: normal; } .square-comment .bottom-date a { color: #acacac; text-decoration: none; } .heart-like { color: #acacac; font-size: 20px; } .color-heart-like { color: #da2519; } .square-comment hr { margin: 0; } .square-comment .bottom-comment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .square-comment .bottom-comment img { max-width: 100%; height: 20px; } .square-comment .bottom-comment .right-comment-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .square-comment .bottom-comment .right-comment-bottom .file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .square-comment .bottom-comment .right-comment-bottom .file .Kind-file { font-size: 14.41px; font-weight: bold; color: #7f7f7f; } .square-comment .bottom-comment .right-comment-bottom .file .time-file { font-size: 10.19px; font-weight: bold; color: #9d9d9d; } .square-comment .bottom-comment .btn-show { color: #018e1c; border: 1px solid #018e1c; border-radius: 10px; background-color: transparent; padding: 6px 19px; font-size: 12px; text-decoration: none; } .add-comment { width: 100%; background-color: #018e1c; color: #fff; font-size: 22px; display: block; text-align: center; z-index: 10; position: -webkit-sticky; position: sticky; bottom: 0; padding: 10px; text-decoration: none !important; } .add-comment:hover { color: #fff; } .comment::before { content: ''; position: absolute; border-right: 1px solid #e4e4e4; right: 6px; top: 50%; height: calc(100% + 15px); } .comment:last-child:before { content: ''; border-right: 0; right: 0; top: 0; height: 0; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*profile page*/ #tab .nav-tabs-top { border-top: 2px solid #f3f3f3 !important; border-bottom: 0 !important; } #tab .nav-tabs .nav-link-top { border: 0; border-top: 1.5px solid #f3f3f3; border-top-left-radius: 0; border-top-right-radius: 0; } #tab .nav-tabs .nav-link-top:focus { border-color: var(--app_color) var(--app_color) var(--app_color); } #tab .tab-content-profile { margin-top: 0 !important; } /*------------------------------------------------------*/ .table-pay { width: 100%; text-align: center; } .table-pay thead { background-color: #dcdcdc; font-weight: bold; } .table-pay tbody { text-align: center; } .color-pay-green { color: #049901; } .color-gray { color: #696969; } .color-blck { color: #434343; } .txt-bold { font-weight: bold; } .border { border: 2px solid #dee2e6 !important; } /*------------------------------------------------------*/ .user-img img { width: 70px; height: 70px; border-radius: 50px; background-color: #dddddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; position: relative; } .card-qu { padding: 12px 20px; border-radius: 10px; border: 2px solid #e6e6e6; } .card-qu-video::before { content: ''; border-right: 8px solid #018e1c; position: absolute; right: 0; top: 0; height: 100%; border-radius: 0 20px 20px 0; } .card-qu-voice::before { content: ''; border-right: 8px solid #a01944; position: absolute; right: 0; top: 0; height: 100%; border-radius: 0 20px 20px 0; } .card-qu-text::before { content: ''; border-right: 8px solid #01728e; position: absolute; right: 0; top: 0; height: 100%; border-radius: 0 20px 20px 0; } .card p { margin: 0; padding: 0; } .card .user-information { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card .user-information .user-name { color: #434343; font-size: 15.24px; } .card .user-information .date { color: #8f8f8f; font-size: 14px; } .card .top-content .text { color: #9e9e9e; font-size: 15.24px; } .flex-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .card .top-content .kind-file { color: #7f7f7f; font-size: 14.41px; } .card .top-content .time-file { color: #9d9d9d; font-size: 10.19px; } .card .top-content .play-file { color: #018e1c; font-size: 12px; background-color: #fff; border: 1px solid #018e1c; border-radius: 4px; text-decoration: none !important; padding: 5px 25px; } .like-icon { font-size: 14.38px; color: #dfdfdf; cursor: pointer; } .like { color: #009432; } .dis-like { color: #a01944; } .card .bottom-content .details { color: #01728e; font-size: 15.41px; position: relative; text-decoration: none !important; } .card .bottom-content .details::after { content: url(../images/icon-left-play.png); color: #01728e; position: absolute; top: 3px; padding-right: 4px; } .border-right { border-right: 0 solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .card .top-content .top-content-text { visibility: hidden; } /*------------------------------------------------------*/ .user-profile .img-profile-bprder { width: 140px; height: 140px; border-radius: 50%; background-color: transparent; border: 1.5px solid #e8e8e8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; position: relative; } .user-profile .img-profile-bprder img { width: 130px; height: 130px; border-radius: 50%; position: relative; } .user-profile .img-profile-bprder .close-img { width: 25px; height: 25px; border-radius: 50%; background-color: #fff; position: absolute; top: 9px; z-index: 1; left: 10px; font-size: 23px; } .user-profile .img-profile-bprder .close-img::before { content: '+'; position: absolute; z-index: 5; top: 0; left: 0; right: 10px; bottom: 9px; color: #353535; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #imageUpload { display: none; } #profileImage { cursor: pointer; } .camera-profile { width: 35px; height: 35px; border-radius: 50%; background-color: var(--app_color); color: #fff; position: absolute; z-index: 1; font-size: 18px; bottom: 8px; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .user-profile .information-profile label { margin: 0; } .user-profile .information-profile .info-lbl { color: #959595; font-size: 15.24px; } .user-profile .information-profile .info-user { color: #434343; font-size: 17.78px; font-weight: bold; } .user-profile .information-profile .table-bordered { border-top: 1px solid #dee2e6 !important; border-bottom: 1px solid #dee2e6 !important; border-left: 0 !important; border-right: 0 !important; } .user-profile .information-profile table td { padding: 5px 15px; } .user-profile .btn-info-edit { background-color: #009e4e; color: #fff; padding: 9px 60px; border-radius: 10px; text-decoration: none; font-size: 17.78px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; } .user-profile .img-inf { height: 25px; } .user-profile .code-moaref { color: #484848; font-size: 16px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; } .user-profile .copy-code { color: #989898; font-size: 18px; text-align: center; } .user-profile .number-code { border: 1px solid #d1d1d1; border-radius: 10px; color: #484848; background-color: transparent; font-size: 31.48px; width: 30%; display: block; margin: auto; padding-top: 7px; text-align: center; cursor: pointer; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*charging wallet page*/ .wallet-stock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #e9c0a3; color: #454545; width: 100%; font-weight: bold; border-radius: 15px; position: relative; padding: 10px 0; } .bg-img-header { background-repeat: no-repeat; background-size: contain; position: absolute; height: 110px; left: 210px; } .wallet-stock .lbl-1 { font-size: 20.32px; } .wallet-stock .lbl-2 { font-size: 25.72px; } .wallet-stock .lbl-2 span { font-size: 12.7px; } /*------------------------------------------------------*/ .account-increase { background-color: #fff; border-radius: 10px; position: relative; } .account-increase .title { color: #3e3e3e; font-weight: bold; font-size: 20.23px; } .account-increase form .form-control { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #e8e8e8; width: 100%; padding: 0 40px 13px 0; position: relative; border-radius: 0; color: #9d9d9d; font-size: 15.24px; } .account-increase form .form-control:focus { color: #9d9d9d; background-color: transparent; border-color: transparent; outline: 0; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; } .account-increase form input::-webkit-input-placeholder { color: #9d9d9d; font-weight: normal; font-size: 15.24px; } .account-increase form input::-moz-placeholder { color: #9d9d9d; font-weight: normal; font-size: 15.24px; } .account-increase form input:-ms-input-placeholder { color: #9d9d9d; font-weight: normal; font-size: 15.24px; } .account-increase form input::-ms-input-placeholder { color: #9d9d9d; font-weight: normal; font-size: 15.24px; } .account-increase form input::placeholder { color: #9d9d9d; font-weight: normal; font-size: 15.24px; } .account-increase form .icon-input { position: absolute; z-index: 10; margin-top: -7px; } .account-increase form .icon-input img { height: 30px; } .account-increase form .lbl-3 { color: #27ae60; font-weight: normal; font-size: 15.24px; } .account-increase form .pay-btn { color: #fff; font-size: 22.86px; font-weight: bold; background-color: #049901; border-radius: 10px; margin: auto; width: 400px; text-align: center; } /*------------------------------------------------------*/ .title-history { color: #3b3a3a; font-size: 25px; font-weight: bold; margin: 0; } .color-pay-red { color: #c80000; } /*.padding-th{*/ /* padding-left: 55px !important;*/ /* padding-right: 55px !important;*/ /* padding-top: 15px !important;*/ /* padding-bottom: 15px !important;*/ /* vertical-align: middle !important;*/ /*}*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*me-dore page*/ .card-box { display: block; width: 100%; text-decoration: none !important; } .card-box .card { width: 100%; padding: 15px 1px 10px 1px; border-radius: 8px; border: 1px solid #e6e6e6; } .card-box .card img { border-radius: 7px; } .card-box .p4 { color: #454545; font-size: 16px; font-weight: bold; margin: 0; } .card-box .p5 { color: #c0c0c0; font-size: 14px; font-weight: bold; margin: 0; } .card-box .p6 { color: #009432; font-size: 14px; font-weight: bold; margin: 0; } .div-p { padding-right: 8px; padding-left: 8px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*favorites page*/ #tab .tab-content-favorites { margin-top: 55px; } .card-box-content, .teacher-card { height: auto; display: block; position: relative; text-decoration: none !important; } .card-box-content .card { border-radius: 15px; } .card-box-content .card .row, .teacher-card .card .row { height: 100%; } .card-box-content .card .row .card-img-top { height: 100%; } .card-box-content .card .row .card-img-top img { width: 100%; height: 100%; border-radius: 13px; } .card-box-content .card .row .card-body { padding: 5px 10px; height: 100%; } .card-box-content .card .row .card-body .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; padding: 0; } .card-box-content .card .row .card-body .title .txt5 { color: #454545; font-size: 18px; font-weight: bold; } .card-box-content .card .row .card-body .title .icon { color: #da2519; font-size: 30px; } .card-box-content .card .row .card-body .kind-file { margin: 0; padding: 0; color: #aa2531; font-size: 18px; } .card-box-content .card .row .btn-show-file { text-decoration: none !important; background-color: #009e4e; color: #fff; width: 100%; font-size: 18px; } .card-box-content .card .row .card-body .count-file { margin: 0; padding: 0; color: #727272; font-size: 18px; } .card-box-content .card .row .card-body .pay-text { margin: 0; padding: 0; color: #009432; font-size: 18px; font-weight: bold; text-align: end; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*list-teacher page*/ .teacher-card .card { border-radius: 11px; } .teacher-card .card .row .teacher-img-top { height: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .teacher-card .card .row .teacher-img-top .teacher-img { width: 140px; height: 140px; border-radius: 50%; } .teacher-card .card .row .card-body { height: 100%; padding: 0 15px 15px 9px; } .teacher-card .card .row .card-body p { margin: 0; padding: 0; } .teacher-card .card .row .card-body hr { margin: 15px 0; } .teacher-card .card .row .card-body .text-top .name { color: #242524; font-size: 22px; font-weight: bold; } .teacher-card .card .row .card-body .text-top .txt6 { color: #10a2d1; font-size: 16px; font-weight: bold; } .teacher-card .card .row .card-body .desc { color: #ababab; font-size: 14px; font-weight: normal; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*basket-buy page*/ .content-basket { height: 100vh; } .card-box-basket p { margin: 0 !important; padding: 0 !important; } .card-box-basket .card { -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; position: relative; z-index: 5; } .card-box-basket .card .card-body { padding: 5px 8px; } .card-box-basket .card .card-body .title { color: #4a4a4a; font-size: 15px; font-weight: bold; margin-top: 3px !important; } .card-box-basket .card .card-body .pay { color: #129b40; font-size: 18px; font-weight: bold; margin-top: 5px !important; } .card-box-basket .card .card-body .color-card p { color: #d2d2d2; font-size: 15px; font-weight: bold; } .card-box-basket .card .card-body .txt7 { color: #cfcfcf; font-size: 15px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card-box-basket .card .card-body .txt7 .size { color: #2d2d2d; font-size: 16px; font-weight: bold; margin-right: 3px; } .color-prod { width: 10px; height: 10px; border-radius: 50%; border: 1px solid #000; margin-right: 3px; } .color-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .close-prod { background-color: var(--app_color); color: #fff; width: 20px; height: 20px; border-radius: 6px; position: absolute; top: 10px; left: -11px; } .close-prod::before { content: '+'; position: absolute; z-index: 5; top: -2px; left: 1px; right: 7px; bottom: 3px; color: #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 20px; text-align: center; } .card-box-basket .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 8px; border: 1.5px solid #bfbfbf; width: 90%; margin: auto; position: relative; top: -7px; z-index: 0; border-radius: 5px; font-size: 16px; font-weight: bold; } .card-box-basket .price .txt8 { color: #a6a6a6; } .card-box-basket .price .txt9 { color: #0a9739; } .handle-counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; /*justify-content: space-between;*/ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .handle-counter input { width: 15px; text-align: center; border: 0; color: #757575; font-weight: bold; } .handle-counter button { width: 15px; padding: 0; color: #a3a3a3; font-size: 12px; font-weight: bold; } .bottom-basket-buy { /*position: -webkit-sticky;*/ /*position: sticky;*/ position: fixed; bottom: 0; background-color: #f7f7f7; z-index: 6; width: 1140px; left: 0; right: 0; margin: auto; } .btn-buy { color: #fff; font-size: 15px; font-weight: bold; width: 96%; padding: 15px 0; text-decoration: none !important; display: block; border-radius: 10px; margin: auto; } .btn-buy:hover { color: #fff; } .color-buy-pink { background-color: #ee507c; } .color-buy-green { background-color: #009e4e; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*orders page*/ .order-box { border: 1.5px solid #e6e6e6; border-radius: 20px; position: relative; text-decoration: none !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; background-color: #fff; } .order-box p { margin: 0; padding: 0; } .order-box .right-box { color: #fff; font-size: 18.01px; font-weight: bold; height: 101%; border-radius: 0 18px 18px 0; position: relative; width: 50px; text-align: center; } .order-box .right-box .txt-rotate { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position: relative; top: 25%; } .order-box .left-box { width: 100%; position: relative; padding: 12px 14px; } .order-box .left-box .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .order-box .left-box .top p { color: #434343; font-size: 18px; font-weight: bold; } .order-box .left-box .top .icon { color: #939393; font-size: 13px; } .order-box hr { margin: 12px 0; border-top: 1.5px solid #ededed; } .order-box .bottom { color: #999999; font-size: 18px; font-weight: bold; } .order-box .bottom img { max-width: 100%; height: 25px; margin-left: 10px; } .color-reject { background-color: #a01944; } .color-look { background-color: #e27b47; } .color-confirmation { background-color: #009e4e; } .color-send { background-color: #334e5c; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*message-inbox page*/ .contact-us .inf-contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact-us ul { padding: 0; margin: 0; } .contact-us .inf-contact .title { font-size: 18px; color: #454545; font-weight: bold; } .contact-us .inf-contact .list { list-style: none; padding-bottom: 10px; } .contact-us .inf-contact .list li { margin-top: 15px; } .contact-us .inf-contact .list li a { font-size: 20px; color: #434343; font-weight: bold; text-decoration: none !important; } .contact-us .inf-contact .list li .icon { border: 2px solid #e9e9e9; color: #bdbdbd; font-size: 15px; padding: 2px 8px 0 8px; border-radius: 10px; text-align: center; margin-right: 15px; } .contact-us .link ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 50px; } .contact-us .link ul li a img { height: 50px; } .contact-us .description-contact span { color: #454545; font-size: 22px; font-weight: bold; } .contact-us .description-contact p { color: #888888; font-size: 16px; line-height: 2; margin-top: 10px; } .contact-us hr { border-top: 1.5px solid #e5e5e5; margin: 5px 0; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*store page*/ .price-number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .price-number .card-pay-off { font-size: 14px; font-weight: bold; color: #fd5759; position: relative; text-decoration: line-through; } .price-number .card-price { font-size: 14px; font-weight: bold; color: #009432; position: relative; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*teacher page*/ .teacher p { margin: 0; padding: 0; } .teacher .teacher-img img { width: 150px; height: 150px; border-radius: 50%; } .teacher .teacher-name { color: #242524; font-size: 22px; font-weight: bold; } .teacher .teacher-count { color: #a0a0a0; font-size: 16px; font-weight: bold; } .teacher .teacher-desc { color: #6d6d6d; font-size: 16px; font-weight: bold; line-height: 2; height: 100px; overflow: hidden; } .txt-more { display: none; } .teacher .more-btn { font-size: 15.41px; font-weight: bold; color: #10a2d1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .teacher .more-btn span { font-size: 19px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*complete-information-1 page*/ .address-buy, .kind-post { background-color: #fff; border: 2px solid #e6e6e6; border-radius: 15px; cursor: pointer; } .address-buy .address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .address-buy .address::before { content: ''; position: absolute; border-bottom: 1.5px solid #e4e4e4; width: 97.8%; bottom: 0; margin: auto; right: 0; left: 0; } .address-buy .address:last-child:before { content: ''; border-bottom: 0; width: 0; bottom: 0; margin: 0; right: 0; left: 0; } .address-buy p { margin: 0; padding: 0; } .address-buy .txt11 p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #c6c6c6; font-size: 16px; } .address-buy .txt11 span .icon-check { color: #e4e4e4; background-color: #c3c3c3; border-radius: 100%; border: 1px solid #e4e4e4; font-size: 35px; } .color-select-address { color: var(--app_color) !important; } .address-buy .txt11 span .color-select-address-icon { color: var(--app_color) !important; background-color: #fff !important; border: 1px solid #fff !important; } .address-buy .btn-address button { color: #444242; font-size: 18px; padding: 0; border: 0; } .address-buy .btn-address button a { color: #444242; } .address-buy .btn-address button a:hover { color: #444242; } .add-address a { text-decoration: none !important; color: #fff; background-color: #34bedb; font-size: 22px; padding: 7px 30px; border-radius: 40px; } .title-inf { color: #444242; font-size: 22.86px; font-weight: bold; } /*------------------------------------------------------*/ .kind-post .box-c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kind-post .box-c .radio { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; padding-right: 25px; font-size: 16px; font-weight: bold; } .kind-post .box-c .radio input { position: absolute; opacity: 0; cursor: pointer; width: 18px; border-radius: 15px; } .kind-post .box-c .checkmark { position: absolute; top: 4px; right: 0; height: 18px; width: 18px; background-color: #fff; border-radius: 15px; border: 1.8px solid #7c7c7c; } .kind-post .box-c .radio:hover input ~ .checkmark { background-color: #ffffff; width: 18px; border-radius: 15px; } .kind-post .box-c .radio input:checked ~ .checkmark { background-color: #fff; width: 18px; border-radius: 15px; } .kind-post .box-c .checkmark:after, .kind-post .box-c .checkmark:before { content: ""; position: absolute; display: none; } .kind-post .box-c .radio input:checked ~ .checkmark:after, .kind-post .box-c .radio input:checked ~ .checkmark:before { display: block; } .kind-post .box-c .radio .checkmark:before { width: 18px; height: 18px; top: -1.5px; left: 0px; right: -1.6px; bottom: 0; background-color: #fff; border-radius: 20px; border: 2px solid #fc7a7c; } .kind-post .box-c .radio .checkmark:after { width: 9px; height: 9px; top: 0; left: 0px; right: 0; bottom: 0; background-color: #fc7a7c; border-radius: 20px; border: 2px solid #fc7a7c; margin: auto; } .txt-12 { font-size: 16px; color: #444242; } .txt-13 { font-size: 15px; color: #858585; } .txt-14 { color: #009432; } .kind-post .box-c button { margin: 0; padding: 0; border: 0; color: #000; font-size: 20px; } .btn-confirmation-buy { /*position: sticky;*/ /*bottom: 0;*/ background-color: #f7f7f7; width: 100%; text-align: center; padding: 15px 0; } .btn-confirmation-buy button { color: #fff; font-size: 20px; width: 75%; background-color: #009432; border-radius: 10px; margin: auto; padding: 10px 0; } .btn-confirmation-buy button:hover { color: #fff; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*complete-information-2 page*/ .info-user-buy { background-color: #fff; border: 1px solid #eeeeee; border-radius: 10px; width: 100%; padding: 15px 30px; } .info-user-buy .box-info { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .info-user-buy .txt-15 { color: #999; font-size: 14px; font-weight: bold; width: 100%; } .info-user-buy input { color: #002f06; font-size: 20px; font-weight: bold; width: 85%; background-color: #fff; border: 0; } /*------------------------------------------------------*/ .code .border-dashed { border: 2px dashed #c0c0c0; width: 90%; margin: auto; padding: 8px; border-radius: 50px; } .code .code-off { width: 100%; background-color: #fff; border: 0; border-radius: 30px; padding: 15px; } .code { padding: 5px; } .txt-title { color: #444242; font-size: 22.86px; font-weight: bold; padding: 8px 0; } .add-off { padding: 7px 40px !important; } .code .code-off::-webkit-input-placeholder { /* Edge */ color: #aeaeae; font-size: 14px; } .code .code-off:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #aeaeae; font-size: 14px; } .code .code-off::-moz-placeholder { color: #aeaeae; font-size: 14px; } .code .code-off::-ms-input-placeholder { color: #aeaeae; font-size: 14px; } .code .code-off::placeholder { color: #aeaeae; font-size: 14px; } /*------------------------------------------------------*/ .fact-table { direction: ltr; } table .name-pro { color: #606060; font-size: 13px; text-align: right; line-height: 2; } table .txt-16 { color: #999999; font-size: 15.24px; direction: rtl; } table .td-table-fact { border-top: 0; } table .td-table-fact .table-fact .txt-17 { color: #444242; font-size: 17.78px; font-weight: bold; direction: rtl; display: block; text-align: right; } table .td-table-fact .table-fact input { color: #999999; font-size: 15.24px; background-color: transparent; border: 0; direction: rtl; display: block; } table .sum-fact input { color: #009432; font-size: 27.55px; direction: rtl; background-color: transparent; border: 0; text-align: end; display: block; } table .color-h-t { color: #444242; font-size: 17.78px; font-weight: bold; } table .sum-fact .txt-18 { color: #444242; font-size: 17.78px; font-weight: bold; direction: rtl; display: block; text-align: right; } .border-bottom-tbl { border-bottom: 2px solid #dee2e6 !important; } .border-right-tbl { border-right: 2px solid #dee2e6 !important; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*massage-inbox page*/ .box { background-color: #fff; border: 1.8px solid #e6e6e6; border-radius: 13px; display: block; text-decoration: none !important; padding: 10px 15px; } .box p { margin: 0; padding: 0; } .box .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box .top .txt10 { /*margin-right: 12px;*/ /*margin-top: 5px;*/ display: flex; align-items: center; justify-content: space-between; width: 100%; } .box .top .txt10 .title { color: #484848; font-size: 18px; font-weight: bold; } .box .top .txt10 .date-time { color: #acacac; font-size: 14px; } .box .top .icon-massage { position: relative; } .box .top .icon-massage img { width: 55px; height: 55px; border-radius: 50%; position: relative; } .box .top .badge-massage { position: absolute; background-color: var(--app_color); width: 10px; height: 10px; border-radius: 50%; top: 15px; left: 13px; } .box .bottom .message { color: #9e9e9e; font-size: 15.24px; line-height: 1.5; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*favorite products page*/ .card-box-pro { background-color: #fff; border-radius: 13px; padding: 12px; -webkit-box-shadow: 0 0 13px 0 #e7e7e7; box-shadow: 0 0 13px 0 #e7e7e7; border: 0; } .card-box-pro .img-pro { border-radius: 13px; width: 100%; padding-top: 65%; background-repeat: no-repeat; background-size: cover; } .card-box-pro .card-body { padding: 0; } .txt-19 { color: #434343; font-weight: bold; font-size: 21.11px; } .txt-20 { color: #c0c0c0; font-size: 16.42px; margin: 15px 0 !important; } .price-number .card-pay-off-p { font-size: 16.42px; font-weight: bold; color: #fd5759; position: relative; } .price-number .card-pay-off-p::before { content: ''; position: absolute; left: 0; right: 0; bottom: 13px; border-bottom: 1.5px solid #fd5759; width: 100%; } .price-number .card-price-p { font-size: 18.76px; font-weight: bold; color: #009432; position: relative; } .plr { padding-left: 10px; padding-right: 10px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*order show page*/ .txt-21 { color: #999999; font-size: 17.78px; direction: rtl; text-align: center; display: block; font-weight: bold; } .color-reject-txt { color: #a01944; } .color-look-txt { color: #e27b47; } .color-confirmation-txt { color: #009e4e; } .color-send-txt { color: #334e5c; } .txt-22 { color: #444242; font-size: 18px; font-weight: bold; } .txt-23 { color: #009432; font-size: 27.55px; font-weight: bold; } .txt-24 { font-size: 18.36px; } .txt-25 { color: #999999; font-size: 18px; font-weight: bold; text-align: center; } .td-custom { padding: 4px .75rem !important; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*question show page*/ .card-qu-show { padding: 12px 0; border-radius: 10px; border: 2px solid #e6e6e6; } .card-qu-show .right-qu { text-align: center; position: relative; } .card-qu-show .right-qu .image-pro img { width: 80px; height: 80px; border-radius: 50%; } .card-qu-show .right-qu .name-qu { color: #434343; font-size: 15.24px; font-weight: bold; } .card-qu-show .right-qu .date-qu { color: #8f8f8f; font-size: 14px; } .card-qu-show .right-qu::after { content: ''; position: absolute; border-left: 1px solid #eaeaea; top: 17px; left: 0; height: 75%; } .left-qu .question { color: #9e9e9e; font-size: 15.24px; line-height: 2; } .btn-show-qu { background-color: #27ae60; color: #fff; text-decoration: none !important; font-size: 12.7px; padding: 3px 20px; border-radius: 8px; float: left; } .btn-show-qu:hover { color: #fff; } /*------------------------------------------------------*/ .answer { background-color: #fff; border: 2.5px dashed #cdcdcd; border-radius: 8px; width: 95%; float: left; position: relative; } .answer::before { content: ''; position: absolute; top: -17.5px; right: 60px; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 17px solid #fff; } .answer .image-admin img { width: 70px; height: 70px; border-radius: 50%; } .answer .answer-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .answer .answer-title { color: #434343; font-size: 16px; font-weight: bold; } .answer .answer-date { color: #8f8f8f; font-size: 14px; } .answer .answer-bottom p { color: #9e9e9e; font-size: 15.24px; line-height: 2; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*question page*/ .search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid #d9d9d9; border-radius: 30px; padding: 0 10px; width: 98%; margin: auto; } .search .form-control { color: #495057; background-color: transparent; border-color: transparent; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem transparent; box-shadow: 0 0 0 0.2rem transparent; } .search input { background-color: transparent; border: 0; padding: 0 20px; } .search input::-webkit-input-placeholder { color: #a29e9e; font-size: 14px; } .search input::-moz-placeholder { color: #a29e9e; font-size: 14px; } .search input:-ms-input-placeholder { color: #a29e9e; font-size: 14px; } .search input::-ms-input-placeholder { color: #a29e9e; font-size: 14px; } .search input::placeholder { color: #a29e9e; font-size: 14px; } .search input:-ms-input-placeholder { color: #a29e9e; font-size: 14px; } .search input::-ms-input-placeholder { color: #a29e9e; font-size: 14px; } .icon-search { font-size: 25px; margin-top: 6px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*add question page*/ .comment-box form { width: 100%; height: 100%; padding: 20px; } .comment-box form .form-control:focus { background-color: #fff; border-color: #e6e6e6; outline: 0; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; } .comment-box form input { background-color: #fff; width: 100%; border-radius: 17px; padding: 25px; border: 2px solid #e6e6e6; } .comment-box form textarea { background-color: #fff; height: 250px; width: 100%; border-radius: 21px; padding: 15px 20px; border: 2px solid #e1e1e1; } .comment-box form input::-webkit-input-placeholder, .comment-box form textarea::-webkit-input-placeholder { color: #afafaf; font-size: 18px; } .comment-box form input::-moz-placeholder, .comment-box form textarea::-moz-placeholder { color: #afafaf; font-size: 18px; } .comment-box form input:-ms-input-placeholder, .comment-box form textarea:-ms-input-placeholder { color: #afafaf; font-size: 18px; } .comment-box form input::-ms-input-placeholder, .comment-box form textarea::-ms-input-placeholder { color: #afafaf; font-size: 18px; } .comment-box form input::placeholder, .comment-box form textarea::placeholder { color: #afafaf; font-size: 18px; } .comment-box form input:-ms-input-placeholder, .comment-box form textarea:-ms-input-placeholder { color: #afafaf; font-size: 18px; } .comment-box form input::-ms-input-placeholder, .comment-box form textarea::-ms-input-placeholder { color: #afafaf; font-size: 18px; } .upload { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .file-upload { height: 230px; width: 100%; border: 2px dashed #c9c9c9; cursor: pointer; border-radius: 21px; color: #afafaf; font-size: 18px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .file-upload p { padding: 0; margin: 0; } .file-upload-none { height: 0px; width: 0px; overflow: hidden; } .file-upload img { height: 65px; } .comment-box form .btn-send { color: #fff; font-weight: bold; font-size: 20px; background-color: #009432; margin: auto; text-align: center; width: 300px; border-radius: 9px; padding: 9px 0; } .comment-box form .btn-send:hover { color: #fff; } /*------------------------------------------------------*/ /*done upload file*/ .file-upload-done { border: 2px dashed var(--app_color); } .image-done { width: 165px; height: 140px; border-radius: 10px; background-color: var(--app_color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .txt-26 { color: #3f3f3f; font-size: 16px; font-weight: bold; } .delete-file { position: absolute; color: var(--app_color); font-size: 12px; left: 12px; top: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .txt-27 { color: var(--app_color); font-size: 20px; font-weight: bold; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*chat page*/ .card-chat-show { width: 100%; padding: 13px 20px; border-top: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6; border-radius: 0; border-left: 0; border-right: 0; } .card-chat { width: 100%; padding: 13px 15px; border: 2px solid #e6e6e6; border-radius: 12px; } .card-chat-answer { width: 98%; padding: 13px 20px; border: 2px dashed #cdcdcd; border-radius: 15px; background-color: #f5f5f5; float: left; } .card-chat-answer::before { content: ''; position: absolute; top: -16px; right: 60px; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 17px solid #f5f5f5; } .card-chat-box .info-user-chat .image-users img { width: 60px; height: 60px; border-radius: 50%; } .card-chat-box .info-user-chat .name-users { color: #434343; font-size: 16px; font-weight: bold; } .card-chat-box .info-user-chat .info-users { color: #b0afaf; font-size: 12px; font-weight: bold; } .card-chat-box .info-user-chat .date-time-chat { color: #8f8f8f; font-size: 14px; font-weight: bold; } .card-chat-box .text-chat .title-chat { color: #404040; font-size: 16px; font-weight: bold; } .card-chat-box .text-chat .txt-28 { color: #9e9e9e; font-size: 15.24px; } .card-chat-box .hashtag-chat .hashtag { border: 1px solid #e7e6e6; border-radius: 30px; background-color: #fff; color: #c0c0c0; text-decoration: none !important; padding: 5px 15px; font-size: 14px; } .visited { color: var(--app_color); font-size: 14px; cursor: pointer; font-weight: bold; } .forvard-rotate .fa-share { position: relative; -webkit-transform: rotate(185deg); -ms-transform: rotate(185deg); transform: rotate(185deg); } .card-chat-box hr { margin-top: 12px; margin-bottom: 12px; border-top: 1px solid #ebebeb; } .chat-tab { margin-top: 0 !important; } .icon-bar-center { height: 25px; } /*------------------------------------------------------*/ /*chat show page*/ .btn-ans-chat { color: #434343; font-size: 18px; font-weight: bold; background-color: #d7d7d7; border-top: 1.5px solid #c6c6c6; border-bottom: 1.5px solid #c6c6c6; width: 100%; border-left: 0; border-right: 0; border-radius: 0; padding: 11px 0; } .btn-ans-chat img { height: 30px; } .btn-ans-ans img { height: 15px; } .btn-ans-ans { color: #0a9b07; border: 1px solid #0a9b07; border-radius: 30px; padding: 5px 40px; font-size: 14px; font-weight: bold; } .btn-ans-ans:hover { color: #0a9b07; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*add address page*/ .add-address-page form { padding: 0 80px; } .add-address-page .form-group { margin-top: 35px; } .add-address-page form .form-control:focus { color: #aeaeae; border-color: #e6e6e6; outline: 0; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; } .add-address-page form .form-input { background-color: #fff; border: 2px solid #e6e6e6; border-radius: 30px; padding: 4px 20px; height: 55px; } .add-address-page form .lbl-title { color: #454545; font-size: 18px; font-weight: bold; margin-right: 30px; } .add-address-page form option, .add-address-page form select { color: #aeaeae; font-size: 14px; } .add-address-page form input::-webkit-input-placeholder { color: #aeaeae; font-size: 14px; } .add-address-page form input:-ms-input-placeholder { color: #aeaeae; font-size: 14px; } .add-address-page form input::-moz-placeholder { color: #aeaeae; font-size: 14px; } .add-address-page form input::-ms-input-placeholder { color: #aeaeae; font-size: 14px; } .add-address-page form input::placeholder { color: #aeaeae; font-size: 14px; } .add-address-page form select { background: url(../images/icon-down.png) left no-repeat; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-origin: content-box; } .add-address-page form .btn-address { color: #fff; font-size: 20px; font-weight: bold; background-color: #009432; width: 300px; border-radius: 10px; padding: 10px 0; text-align: center; } .add-address-page form .btn-address:hover { color: #fff; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*product page page*/ .product-page p { padding: 0; margin: 0; } .bask-buy-header { position: relative; } .bask-buy-header .badge-basket { position: absolute; background-color: #fff; color: var(--app_color); width: 15px; height: 15px; font-size: 10px; text-align: center; padding: 4px; top: 0; left: 0; } /*------------------------------------------------------*/ .products-slider-single, .products-slider-single .slick-list { border-radius: 13px; } .products-slider-single .slick-slide { /*height: 350px;*/ border-radius: 13px; } .products-slider-single .product-slide { /*width: 100%;*/ /*height: 100%;*/ background-color: #fff; border-radius: 13px; } .products-slider-single .product-slide img { max-width: 100%; height: 100%; margin: auto; border-radius: 0; } /*dote*/ .products-slider-single .slick-dots { bottom: 7px; } .products-slider-single .slick-dots li { width: 7px; height: 7px; margin: 0 4px; background-color: #fff; border-radius: 100%; } .products-slider-single .slick-dots .slick-active { background-color: #ee517c; } .products-slider-single .slick-dots li button { line-height: 0; width: 7px; height: 7px; padding: 0; color: transparent; background: transparent; } .products-slider-single .slick-dots li button:before { line-height: 8px; width: 7px; height: 7px; content: ''; color: transparent; -webkit-font-smoothing: antialiased; } .products-slider-single .slider-train .slick-dots li button:before { content: ''; width: 7px; height: 7px; border-radius: 50%; color: black; -webkit-font-smoothing: antialiased; } .products-slider-single.slick-dotted.slick-slider { margin-bottom: 0; } /*------------------------------------------------------*/ .box-line { height: 100%; } .product-name { background-color: #fff; border: 2px solid #e6e6e6; border-radius: 10px; width: 86%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; } .product-points { background-color: #ffc600; border: 2px solid #e8e8e8; border-radius: 10px; width: 13%; text-align: center; cursor: pointer; padding: 12px 0; height: 100%; } .txt-29 { color: #434343; font-size: 30px; font-weight: bold; } .txt-30 { color: #434343; font-size: 14px; font-weight: bold; } .txt-31 span { color: #fff; font-size: 10px; font-weight: bold; background-color: #fd5759; border-radius: 10px; padding: 1px 14px; } .txt-32 { color: #434343; font-size: 18px; font-weight: bold; } .txt-33 { color: #969696; font-size: 16px; } .txt-34 { color: #009432; font-size: 20px; font-weight: bold; } /*------------------------------------------------------*/ .btn-product-bx a { width: 100%; height: 100%; background-color: #fff; border: 2px solid #e6e6e6; border-radius: 10px; text-align: center; color: #a3a3a3; font-size: 14px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; } .btn-product-bx a:hover { color: #a3a3a3; } .btn-product-bx span { font-size: 20px; margin-top: 4px; } .btn-product-bx .btn-notices { background-color: #dfdfdf; } .btn-product-bx .btn-marker { color: var(--app_color); border-color: var(--app_color); } .btn-product-bx .btn-marker:hover { color: var(--app_color); } .notify { width: 33%; height: 65px; background-color: #fff; border-radius: 10px; text-align: center; position: relative; } .notify input { position: absolute; opacity: 0; cursor: pointer; width: 100%; height: 100%; right: 0; left: 0; } .notify input:checked ~ .btn-bell { background-color: #dfdfdf; } .notify input:checked ~ .btn-bookmark { color: var(--app_color); border-color: var(--app_color); } /*------------------------------------------------------*/ .product-info { background-color: #fff; border: 2px solid #e6e6e6; border-radius: 10px; padding: 15px; } .box-p-inf { width: 35px; height: 35px; border: 1px solid #dddddd; color: #aeaeae; font-size: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; text-align: center; } .txt-35 { color: #a1a1a1; font-size: 15.24px; font-weight: bold; } .dote-color-pro { width: 10px; height: 10px; border-radius: 50%; } .txt-36 { margin-top: 3px; } .color-product { display: block; position: relative; cursor: pointer; } .color-product input { position: absolute; opacity: 0; cursor: pointer; width: 100%; height: 100%; } .color-product input:checked ~ .box-p-inf { border: 1px solid red; } .size-product { display: block; position: relative; cursor: pointer; } .size-product input { position: absolute; opacity: 0; cursor: pointer; width: 100%; height: 100%; } .size-product input:checked ~ .box-p-inf { border: 1px solid red; } /*------------------------------------------------------*/ .product-description { background-color: #fff; border: 2px solid #e6e6e6; border-radius: 10px; /*text-align: center;*/ color: #6d6d6d; font-size: 16px; line-height: 2; padding: 11px 15px; width: 100%; } .product-description .more-text { overflow: hidden; height: 100px; } .product-description .more { font-size: 15.41px; font-weight: bold; color: #10a2d1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .txt-37 { color: #434343; font-size: 17.99px; font-weight: bold; } .add-basket-buy { position: -webkit-sticky; position: sticky; bottom: 0; width: 100%; padding: 20px 0; text-align: center; } .add-basket-buy a { color: #fff; font-size: 20px; font-weight: bold; background: rgb(84, 94, 208); background: -webkit-gradient(linear, left top, right top, from(rgba(84, 94, 208, 1)), color-stop(48%, rgba(158, 96, 149, 1)), to(rgba(235, 98, 90, 1))); background: -o-linear-gradient(left, rgba(84, 94, 208, 1) 0%, rgba(158, 96, 149, 1) 48%, rgba(235, 98, 90, 1) 100%); background: linear-gradient(90deg, rgba(84, 94, 208, 1) 0%, rgba(158, 96, 149, 1) 48%, rgba(235, 98, 90, 1) 100%); border-radius: 8px; display: block; width: 65%; margin: auto; padding: 6px; } .btn-bottom-add { position: fixed; bottom: 20px; width: 100%; text-align: right; padding: 15px; z-index: 999; } .btn-bottom-support { position: absolute; bottom: 0; width: 100%; text-align: left; padding: 15px; z-index: 999; } .btn-add-comment-plus { width: 60px; height: 60px; background-color: var(--app_color); border-radius: 60px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 35px; color: #fff; } .btn-add-comment-plus:hover { color: #fff; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*corse page*/ .color-comment-user { background-color: #e27b47; } .download-file { color: #fff; font-size: 22px; background-color: #34bedb; width: 100%; text-align: center; display: block; padding: 10px; border-radius: 10px; font-weight: bold; } .download-file img { height: 30px; } .download-file:hover { color: #fff; } /*------------------------------------------------------*/ .card-corse { background-color: #fff; border: 1.5px solid #e6e6e6; border-radius: 12px; padding: 7px 8px; cursor: pointer; } .card-corse .image-corse-card { width: 100%; padding-top: 74%; background-repeat: no-repeat; background-size: cover; border-radius: 10px; background-position: 50% 50%; } .card-corse .btn-buy-file { color: #fff; font-size: 12px; font-weight: bold; background-color: #27ae61; text-align: center; border-radius: 20px; padding: 2px 11px; display: inline-block; } .card-corse .btn-buy-file:hover { color: #fff; } .card-corse .btn-buy-file img { height: 16px; } .card-corse .hashtag-corse { border: 1px solid #eeeeee; background-color: #fff; color: #b0b0b0; font-size: 14px; font-weight: bold; border-radius: 30px; padding: 2px 12px; text-align: center;; display: inline-block; } .card-corse .hashtag-corse:hover { color: #b0b0b0; } .card-corse hr { margin-top: 8px; margin-bottom: 8px; } .card-corse .top-corse { padding: 10px; height: 70px; max-height: 70px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .card-corse .bottom-corse { padding: 10px 0; } .txt-38 { color: #454545; font-size: 16px; font-weight: bold; } .txt-39 { color: #b0b0b0; font-size: 15.79px; } .txt-40 { color: #34bedb; font-size: 15.79px; font-weight: bold; } .txt-41 { color: #27ae61; font-size: 14px; font-weight: bold; text-align: center; } .icon-style { font-size: 18px; cursor: pointer; } .trash-icon { color: #7d7d7d; } .bookmark-icon { color: #d9d8d8; } .text-42 { color: #787878; font-size: 14px; font-weight: bold; } .keep-div { visibility: hidden; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*channel page*/ .info-channel { background-color: #fff; border: 1.5px solid #e6e6e6; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; /*align-items: center;*/ padding: 12px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .info-channel p { padding: 0; margin: 0; } .image-channel img { width: 100px; height: 100px; border-radius: 50%; } .name-channel { color: #323232; font-size: 14px; font-weight: bold; } .name-channel img { height: 20px; } .bio-channel { color: #808080; font-size: 14px; } .time-channel { color: #808080; font-size: 17.3px; } .badge-channel { color: #fff; font-size: 15px; background-color: #27ae60; width: 25px; height: 25px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; padding-top: 5px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*post comment page*/ .title-comment { color: #454545; font-size: 18px; font-weight: bold; padding: 0; margin: 0; } .box-kind-comment { color: #2c2c2c; font-size: 16px; font-weight: bold; background-color: #fff; border-radius: 11px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; } .box-kind-comment img { height: 55px; } .box-kind-comment p { padding: 0; margin: 0; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*voice record page*/ .btn-recorder { width: 250px; height: 250px; border-radius: 50%; color: var(--app_color); font-size: 20px; font-weight: bold; background-color: #fff; -webkit-box-shadow: 0 0 15px 8px #ebebeb; box-shadow: 0 0 15px 8px #ebebeb; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .btn-recorder:hover { color: var(--app_color); } .btn-recorder img { height: 110px; } .btn-recorder-next { width: 120px; height: 120px; border-radius: 50%; color: #fff; font-size: 18px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .icon-recorder { font-size: 25px; } .btn-recorder-next:hover { color: #fff; } .text-recorder { font-size: 19px; color: #434343; text-align: center; font-weight: bold; } .color-btn-green { background-color: #2ecc71; } .color-btn-yellow { background-color: #ffcd00; } .color-btn-blue { background-color: #3a8cc2; } .color-btn-red { background-color: #a41320; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*learn app page*/ .video-app { background-color: #fff; border: 1.5px solid #e6e6e6; border-radius: 10px; width: 100%; padding: 15px; cursor: pointer; } .video-app p { margin: 0; padding: 0; } .title-video { color: #484848; font-size: 16px; font-weight: bold; } .text-video { color: #9e9e9e; font-size: 14px; line-height: 2; } .video-app-player-sect { width: 100%; border-radius: 10px; height: 225px; } .vjs-poster { border-radius: 10px; width: 100% !important; background-size: cover !important; } .video-js .vjs-big-play-button { font-size: 60px !important; width: 90px !important; height: 90px !important; border: 0 solid #fff !important; background-color: rgba(0, 0, 0, 0.69) !important; background-color: rgba(0, 0, 0, 0.69) !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: auto !important; border-radius: 50% !important; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*channel page*/ .root-channel { background-color: #b5cce0; /*height: 100%;*/ } .pic-channel { width: 30px; height: 30px; border-radius: 50%; } .channel-name { font-size: 9px; font-weight: bold; margin: 0; padding: 0; } .channel-member { margin-top: 0; font-size: 9px; margin: 4px 0 0 0; padding: 0; } /*------------------------------------------------------*/ .card-channel { background-color: #fff; border: 1.5px solid #e6e6e6; border-radius: 12px; } .card-channel .card-body-channel { /*padding: 10px;*/ } .card-channel p { margin: 0; padding: 0; } .card-channel .channel-title { color: #373737; font-weight: bold; font-size: 14px; } .card-channel .channel-text { color: #777777; font-size: 12px; line-height: 2; text-align: justify; } .card-channel .channel-count-visit { color: #b6b6b6; font-size: 12px; } .card-channel .channel-icon { font-size: 14px; margin-left: 6px; } .card-channel .channel-btn-comment { color: #fff; font-size: 10px; background-color: #049901; text-align: center; padding: 4px 13px; border-radius: 25px; } .card-channel hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #f5f5f5; } .card-channel .image-card-channel { width: 100%; /*padding-top: 35%;*/ padding-top: 59%; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 12px; } .video-card-channel .video-js .vjs-big-play-button { font-size: 48px !important; width: 70px !important; height: 70px !important; border: 0 solid #fff !important; background-color: rgba(225, 225, 225, 0.21) !important; background-color: rgba(225, 225, 225, 0.21) !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: auto !important; border-radius: 50% !important } .btn-voice { background-color: #0796e3; color: #fff; width: 55px; height: 55px; border-radius: 50%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; font-size: 20px; } .btn-voice:hover { color: #fff; } .btn-adio-channel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 15%; } .adio-channel { width: 82%; padding: 10px 20px; text-align: center; } .hajme-file { color: #cecece; font-size: 12px; float: left; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*hashtag page*/ .hashtag-page .pill { background-color: var(--app_color); color: #fff; font-size: 15px; text-align: center; padding: 5px 20px; border-radius: 25px; } .hashtag-page .title-hashtag { color: #979797; font-size: 16px; font-weight: bold; margin: 0; padding: 0; } .tab-content-hashtag { position: relative; margin-top: 5px !important; } .txt-50 { color: var(--app_color); font-size: 20px; font-weight: bold; } .progress-box-upload { text-align: center; } .upload-progress { border-radius: 2px; width: 80%; height: 22px; margin: auto; } .upload-progress[value] { width: 70%; height: 6px; -webkit-appearance: none; -moz-appearance: none; appearance: none; direction: ltr; border-radius: 20px; } .upload-progress::-webkit-progress-value { border-radius: 20px; background: var(--app_color); } #login-inf .form-control { -webkit-box-shadow: 0 0 0 0 transparent !important; box-shadow: 0 0 0 0 transparent !important; } /*------------------------------------------*/ /*modal star point*/ .star-points { font-size: 10px; } .star-points .modal-header { background-color: var(--app_color); color: #fff; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom: 0; padding: 20px 10px; } .star-points .modal-header h5 { font-size: 15px; } .star-points .modal-header .close { padding: 0; margin: 0; color: #fff; font-weight: normal; } .star-points .close { opacity: 1; } .star-points .modal-title { line-height: 1.5; margin: auto; } .star-points .modal-content { width: 80%; margin: auto; border-radius: 0; border: 0; } .star-points .btn-reg-star { margin: auto; background-color: #27ae60; border-radius: 7px; color: #fff; padding: 8px 60px; font-size: 15px; font-weight: bold; } .star-points .modal-body { padding: 15px 0 0 0; text-align: center; } .star-points .modal-footer { border-top: 0; padding: 0 0 15px 0; } .star-rating { display: inline-block; } .star-rating input.star-icon { display: none; } .star-rating label.star-icon { float: right; font-size: 40px; color: #cfcdcd; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .star-rating input.star-icon:checked ~ label.star-icon .icon-star { color: #ffc600; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .star-rating input.star-5:checked ~ label.star-icon .icon-star { color: #ffc600; } .star-rating label.star-icon .icon-star { cursor: pointer; color: #cfcdcd; } /*------------------------------------------*/ /*hashtag all page*/ .col-p { padding-left: 15px; padding-right: 15px; } .pill-hashtag-p { background-color: var(--app_color); color: #fff; font-weight: bold; font-size: 15px; display: block; width: 100%; text-align: center; padding: 10px; border-radius: 30px; } .pill-hashtag-p:hover { color: #fff; } /*------------------------------------------*/ /* The Modal index slider */ .modal-slider { display: none; position: fixed; z-index: 1001; padding: 70px 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; width: 100%; max-width: 1200px; } .close-modal-slide { color: white; position: absolute; top: 10px; left: 25px; font-size: 26px; font-weight: bold; } .close-modal-slide:hover, .close-modal-slide:focus { color: #fff; text-decoration: none; cursor: pointer; } .video-slide { display: none; } .slide-slider-page { display: none; } .slide-slider-page img { margin-bottom: -4px; } .slide-slider-page video { margin-bottom: -10px; } .caption-container { text-align: center; background-color: black; padding: 2px 16px; color: white; } .demo { opacity: 0.6; } .slider-page { direction: ltr; } /*.slider-page .slick-list,*/ /*.slider-page .slick-track,*/ /*.slider-page .slide-one a{*/ /* height: 100%;*/ /*}*/ .slider-page .slick-list, .slider-page .slick-track { height: 100%; } /*------------------------------------------*/ /* The Modal index story */ .slider-story { direction: ltr; } .modal-story { display: none; position: fixed; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #858585; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal-content-story { position: relative; margin: auto; padding: 70px 0; width: 40%; max-width: 1200px; } .close-story { color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold; } .close-story:hover, .close-story:focus { color: #999; text-decoration: none; cursor: pointer; } .storySlide { display: none; } .cursor-story { cursor: pointer; } .prev-story, .next-story, .point-story { cursor: pointer; position: fixed; bottom: 8px; width: 32%; color: #fff !important; font-size: 14px; -webkit-transition: 0.6s ease; -o-transition: 0.6s ease; transition: 0.6s ease; border: 2px solid #fff; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; background-color: #505050; border-radius: 40px; text-align: center; padding: 8px 0; } .next-story { left: 20px; } .prev-story { right: 20px; } .modal-story img { margin-bottom: -4px; } /* progress bar */ #slider-progress-story { width: 99%; height: 4px; background: #d0d1d0; position: absolute; top: 8px; border-radius: 20px; direction: ltr; } #slider-progress-story #progress-story { width: 0%; height: 4px; background: #af453b; border-radius: 20px; } /*------------------------------------------*/ /*code page*/ .code-txt-1 { color: #aaaaaa; font-weight: bold; font-size: 20px; } .code-text-3 { color: #34bedb; font-weight: bold; font-size: 15px; position: relative; padding: 7px 0; } .code-text-3:hover { color: #34bedb; } .code-text-3::before { content: ''; position: absolute; border-bottom: 1.5px solid #34bedb; width: 140px; bottom: 0; left: -15px; } #otp-content { direction: ltr; text-align: center; } #otp-content input[type=tel] { width: 25px; font-size: 15px; text-align: center; border: 0; border-bottom: 1.5px solid #888888; direction: ltr; margin: 0 7px; } #otp-content input[type=tel]:focus { border-bottom: 1.5px solid #6c747a; } #otp-content input[type=tel]::-webkit-inner-spin-button, #otp-content input[type=tel]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #otp-content input:focus { outline: -webkit-focus-ring-color auto 0 !important; } #repeatSendCode { display: none; } #timerCodePhone { display: block; } .code-text-4 { color: #848484; font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .code-text-4:hover { color: #848484; } .code-text-5 { color: #35bedb; font-size: 17px; margin-left: 4px; } .btn-login-code { background-color: #34bedb; color: #fff; width: 120px; display: block; margin: auto; padding: 7px; border-radius: 30px; font-size: 16px; font-weight: bold; } .btn-login-code:hover { color: #fff; } .code-text-2 { color: #7b7b7b; font-size: 15px; display: block; text-align: center; } /*------------------------------------------------------*/ /*article page */ .img-article { /*background-image: url('../images/image-slider-1.png');*/ background-color: #000; width: 100%; font-size: 22px; color: #fff; height: 410px; position: relative; background-repeat: no-repeat; background-size: contain; background-position: center; } #header-red-fixed { position: fixed; z-index: 1000; top: 0; /*background-color: #fd5759;*/ /*background-color: transparent;*/ } #header-red-fixed .header-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 22px; font-weight: bold; } #header-red-fixed .header-content a { color: #fff; } #header-red-fixed .header-content a:hover { color: #fff; } .article-title { position: absolute; bottom: 0; text-align: center; z-index: 2; background-color: #f7f7f7; width: 100%; border-radius: 50px 50px 0 0; padding: 25px; left: 0; right: 0; } .article-content { background-color: #f7f7f7; width: 100%; padding: 0 20px; } .title-article-page { color: #454545; font-size: 25px; font-weight: bold; } .article-content .img-article-content { width: 60%; height: 270px; text-align: center; margin: auto; } .article-content .img-article-content img { max-width: 100%; height: 100%; } .dsc-article { color: #ababab; line-height: 2; letter-spacing: 1px; font-size: 16px; } /*------------------------------------------------------*/ /*cheack mark*/ .bookmark-add { display: block; position: relative; cursor: pointer; font-size: 30px; margin-bottom: 0; } .bookmark-add input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark-add { position: relative; color: #fff; } .bookmark-add input:checked ~ .checkmark-add { color: #f32121; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /* user profile page */ .login-info-user .input-group { background-color: #f2f2f2; border: #f2f2f2; border-radius: 50px; height: 43px; direction: rtl !important; font-size: 17.76px; } .login-info-user .input-group .form-control { border: 0; background-color: #f2f2f2; border-radius: 50px !important; height: 100%; padding: 5px 20px; } .text-10 { color: #717171 !important; font-size: 15px !important; font-weight: bold !important; text-align: center; } .gender { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; position: relative; cursor: pointer; font-size: 22px; margin-left: 15px; margin-right: 15px; font-weight: bold; } .gender input { position: absolute; opacity: 0; cursor: pointer; width: 100%; height: 100%; } .gender .checkmark { background-color: #fff; color: #eeeeee; font-size: 30px; margin-right: 7px; } .gender .checkmarkT { color: #eeeeee; } .gender input:checked ~ .checkmark { color: #585858; } .gender input:checked ~ .checkmarkT { color: #4d4d4d; } .login-info-user input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #cacaca; font-size: 15px; font-weight: bold; } .login-info-user input::-moz-placeholder { /* Firefox 19+ */ color: #cacaca; font-size: 15px; font-weight: bold; } .login-info-user input:-ms-input-placeholder { /* IE 10+ */ color: #cacaca; font-size: 15px; font-weight: bold; } .login-info-user input:-moz-placeholder { /* Firefox 18- */ color: #cacaca; font-size: 15px; font-weight: bold; } /*------------------------------------------------------*/ /* add access page */ .box-add-access { background-color: #fff; border: 1.8px solid #e6e6e6; border-radius: 13px; display: block; text-decoration: none !important; padding: 3px 15px; } .txt-access { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #808080; font-weight: bold; font-size: 15px; padding: 10px 0; margin: 0; } /*modal*/ .access-add-modal .modal-content { border: 0; background-color: #eeeeee; width: 80%; margin: auto; } .access-add-modal .alert-add-access { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #c4473a; background-color: #f2e4e3; width: 100%; padding: 10px 10px; border-radius: 6px; font-size: 15px; line-height: 1.9; } .access-add-modal .alert-add-access .icon-alert { font-size: 20px; } .access-add-modal .alert-add-access .alert-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 12px; } .access-add-modal .modal-body form .plr-form-tell { padding: 0 45px; } .access-add-modal .modal-body form .input-group { } .access-add-modal .modal-body form .input-group .input-tell { border: 0; border-bottom: 1px solid #9e9e9e; font-size: 12px; margin-left: 15px; color: #9e9e9e; width: 85%; background-color: #eeeeee; } .access-add-modal .modal-body form .input-group .input-group-text { background: transparent; border: 0; padding: 0; margin: 0; font-size: 12px; color: #9e9e9e; width: 15%; } .select-modal-tel .select2-container { background-color: #eeeeee !important; border-bottom: 1px solid #9e9e9e; } .select-modal-tel .select2-container--default .select2-selection--single { background-color: #eeeeee !important; } .select-modal-tel .select2-dropdown { background-color: #eeeeee !important; } .access-add-modal .modal-body form .btn-add-tell { width: 100%; padding: 8px; font-size: 14px; font-weight: bold; background-color: var(--app_color); border: 0; color: #fff; border-radius: 5px; } input:focus { outline: -webkit-focus-ring-color auto 0; } .select-modal-tel .select2-container--default .select2-selection--single .select2-selection__rendered { color: #797979 !important; font-weight: bold; } .txt-alert-m { color: #cf3f37; font-weight: bold; font-size: 15px; } .input-access-info { border: 0; background-color: #fff; width: 100%; padding: 8px 10px; border-radius: 10px; color: #4e4e4e; text-align: center; font-weight: bold; font-size: 15px; } .footer-modal-btn { width: 100%; background-color: #cf3f37; } .btn-modal { width: 49.4%; border: 0; padding: 10px; color: #fff; font-size: 15px; } .btn-add-user { background-color: #4caf50; } .btn-close { background-color: #cf3f37; } .plr-modal { padding: 0 10px; } /*------------------------------------------------------*/ /* modal page profile */ .modal-edit-profile .modal-content { width: 90%; margin: auto; border: 0; border-radius: 0; } .modal-edit-profile .modal-header { background-color: var(--app_color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; padding: 15px 10px; border-radius: 0; font-size: 20px; font-weight: bold; } .modal-edit-profile .modal-header .close { margin: 0; padding: 0; color: #fff; opacity: 1; font-size: 25px; } .modal-edit-profile .edit-info-user .content-info { padding: 0 10px; } .modal-edit-profile .edit-info-user .input-modal-edit { background-color: #f2f2f2; width: 100%; padding: 10px 10px; color: #414141; font-weight: bold; text-align: center; border-radius: 30px; border: 0; font-size: 14px; } .modal-edit-profile .edit-info-user p { color: #5e5e5e; font-size: 15px; font-weight: bold; margin: 0; padding: 0; } .modal-edit-profile .edit-info-user .btn-modal-edit { width: 100%; border: 0; background-color: #fff; border-top: 1.5px solid #f9f9f9; padding: 10px; font-size: 15px; font-weight: bold; } .color-close { color: #c13c2f; } .color-reg { color: #08a052; } button:focus { outline: 0; outline: 0; } #imageUpload { display: none; } #profileImage { cursor: pointer; } /*book mark*/ .bookmark-add-p { display: block; position: relative; cursor: pointer; font-size: 35px; margin-bottom: 0; } .bookmark-add-p input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark-add-p { position: relative; color: #dfdfdf; } .bookmark-add-p input:checked ~ .checkmark-add-p { color: #f32121; } .bookmark-add-c { display: block; position: relative; cursor: pointer; font-size: 20px; /*margin-top: 10px;*/ margin-bottom: 0; } .bookmark-add-c input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark-add-c { position: relative; color: #dfdfdf; } .bookmark-add-c input:checked ~ .checkmark-add-p { color: #f32121; } .heart-lik-e { display: block; position: relative; padding-left: 30px; cursor: pointer; } .heart-lik-e input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark-heart { position: absolute; top: -4px; left: 0; color: #acacac; font-size: 20px; } .heart-lik-e input:checked ~ .checkmark-heart { color: #f32121; } /*------------------------------------------------------*/ /*video player page course */ #slider-block, #video-block { height: 400px; } #slider-block .slider-train { height: 100%; } .video-file { background-color: #fff; width: 100%; height: 100%; } .video-file .video-app-player-sect { width: 100%; border-radius: 0; height: 100%; } .video-file .vjs-poster { border-radius: 0; background-size: contain !important; background-color: #fff; } /*------------------------------------------------------*/ /*lick d-lick*/ .like-dislike { display: block; position: relative; cursor: pointer; font-size: 15px; margin-bottom: 0; } .like-dislike input { position: relative; opacity: 0; cursor: pointer; display: none; } .checkmark-L { position: relative; color: #eee; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 27px; } .like-dislike input:checked ~ .checkmark-L { color: #009432; } .checkmark-Dl { position: relative; color: #eee; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 27px; } .like-dislike input:checked ~ .checkmark-Dl { color: #a01944; } /*------------------------------------------------------*/ /* modal page train pardakht */ .modal-select { padding-right: 0 !important; width: 100%; } .modal-select .modal-dialog { max-width: 100% !important; position: absolute; bottom: 0; width: 100%; margin: 0 !important; } .modal-select .modal-dialog .modal-content { width: 100%; border-radius: 0; max-width: 100%; } .text-80 { color: #616161; text-align: center; font-size: 15px; font-weight: bold; } .border-l { border-left: 2px solid #f4f4f4; height: 80px; } .btn-p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #dbdbdb; font-weight: bold; font-size: 15px; } .btn-p:hover { color: #dbdbdb; } .icon-p { height: 95px; } .icon-p img { height: 100%; max-width: 100%; } .modal-pay .modal-content { width: 90%; margin: auto; } .content-modal { border: 2px dashed #e3e3e3; border-radius: 5px; padding: 15px } .content-modal p { margin: 0; padding: 0; } .text-81 { color: #434343; font-size: 22px; font-weight: bold; line-height: 2; } .text-82 { color: var(--app_color); font-size: 26.5px; font-weight: bold; text-decoration: line-through; } .text-82 span { color: var(--app_color); font-size: 14.43px; font-weight: bold; text-decoration: line-through; } .text-85 { color: var(--app_color); font-size: 37.70px; font-weight: bold; } .text-85 span { color: var(--app_color); font-size: 20.54px; font-weight: bold; } .text-83 { color: #009e4e; font-size: 37.70px; font-weight: bold; } .text-83 span { color: #009e4e; font-size: 20.54px; font-weight: bold; } .text-84 { color: #009e4e; font-size: 14px; } .modal-pay .input-group { background-color: #ebebeb; border-radius: 30px; width: 90%; margin: auto; padding: 5px 0; } .modal-pay .input-group .form-control { background-color: #ebebeb; border-radius: 30px; color: #aeaeae; font-size: 11.37px; padding: 18px 15px; border: 0; } .modal-pay .input-group .form-control:focus { color: #aeaeae; background-color: transparent; border-color: transparent; outline: 0; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; } .modal-pay .input-group .btn-cod-off { background-color: var(--app_color); border-radius: 32px; color: #fff; font-size: 16.97px; border: 0; padding: 0 15px; margin-left: 10px; } .modal-pay .btn-pay-s { background-color: #009432; color: #fff; border-radius: 5px; font-size: 20px; font-weight: bold; width: 50%; padding: 6px; } .modal-pay .btn-pay-s:hover { color: #fff; } .image-sal img { height: 155px; } /*------------------------------------------------------*/ /* check & modal page complete-inf */ .txt11 { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .txt11 input { position: absolute; opacity: 0; cursor: pointer; width: 100%; height: 100%; } .txt11 input:checked ~ p { color: var(--app_color); } .txt11 input:checked ~ p .icon-check { color: var(--app_color); background-color: #fff; border: 0; } .modal { padding-right: 0; } .modal-post-address p { padding: 0; margin: 0; } .modal-post-address .modal-content { border: 0; } .modal-post-address .c-modal { text-align: center; font-weight: bold; font-size: 15px; } .modal-post-address .h-modal { background-color: var(--app_color); color: #fff; border-radius: .3rem .3rem 0 0; border-bottom: 1px solid #fea4a5; padding: 10px; } .modal-post-address .b-modal { color: #6c6c6c; padding: 20px; } .modal-post-address .f-modal { border-top: 1px solid #efefef; } .modal-post-address .f-modal button { color: #47af68; background-color: #fff; border: 0; width: 100%; border-radius: 0 0 .3rem .3rem; padding: 10px; } .modal-post-address .f-modal button:hover { color: #35864c; } /*------------------------------------------------------*/ /* modal page chat */ .modal-chat p { padding: 0; margin: 0; } .modal-chat .c-modal { height: 100%; position: relative; } .modal-chat .h-modal { background-color: var(--app_color); color: #fff; font-size: 15px; font-weight: bold; padding: 20px; text-align: center; border-radius: 15px 15px 0 0; } .modal-chat .b-modal { /*height: 100%;*/ /*position: relative;*/ } .modal-chat .b-modal ul { padding: 0; margin: 0; } .color-tl { background-color: #ececec; color: #595959; text-align: center; font-weight: bold; font-size: 15px; } .color-il { background-color: #fff; color: #bfbfbf; font-weight: bold; font-size: 14px; display: block; } .color-il:hover { color: #8b8383; } .modal-chat .f-modal { text-align: center; } .modal-chat .f-modal button { background-color: #fff; color: var(--app_color); font-size: 15px; padding: 15px; border: 0; border-radius: 0 0 15px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; width: 100%; } /*.modal-chat .modal-dialog {*/ /* height: 95%;*/ /*}*/ .modal-chat .modal-content { height: 100%; border: 0; border-radius: 15px; } .btn-down { position: absolute; z-index: 10; top: 0; margin: auto; width: 100%; height: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; background-image: url(../images/slide-train.png); background-repeat: no-repeat; background-size: 100% 100%; } .bg-dark-c { position: absolute; background-color: #0000006b; width: 100%; height: 100%; } .btn-down a { border: 1.5px solid #fff; color: #fff; background-color: transparent; padding: 10px 15px; text-decoration: none; font-size: 15px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; margin: auto; z-index: 11; } .btn-down a:hover { color: #fff; background-color: #ffffff7a; } .card-bd { height: 110px; max-height: 110px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .card-bd-a { height: 80px; max-height: 80px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .card-h { max-height: 480px; height: 480px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /*------------------------------------------------------*/ /* modal audio */ .modal-audio .modal { padding-right: 0; } .modal-audio .modal-content { border: 0 !important; } .modal-audio .modal-content .close { text-align: left; padding: 10px; color: red; } .green-audio-player { width: 100% !important; min-width: 100% !important; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important; padding-left: 10px !important; padding-right: 0 !important; direction: ltr !important; } .green-audio-player .volume { display: none !important; } .green-audio-player .controls { color: #fd5759 !important; margin-left: 10px !important; margin-right: 10px !important; } .green-audio-player .slider { background-color: #fd575973 !important; } .green-audio-player .slider .gap-progress { background-color: #fd5759 !important; } .green-audio-player .slider .gap-progress .pin { background-color: #fd5759 !important; } .green-audio-player .play-pause-btn__icon { fill: #fd5759 !important; } #videoModal .modal-content { max-width: 900px !important; background-color: transparent !important; } .text-story-all { color: #b80f0f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 15px; font-weight: bold; } .text-story-all .icon-time { font-size: 20px; } .opacity-05 { opacity: 0.5; filter: blur(2px); -webkit-filter: blur(2px); } .delete-pic .modal-content { border-radius: 10px; border: 0; } .delete-pic .modal-header { background-color: var(--app_color); color: #fff; text-align: center; border-radius: 10px 10px 0 0; } .delete-pic .modal-header .modal-title { text-align: center; margin: 0; padding: 0; font-weight: bold; width: 100%; } .delete-pic .contetn-modal p { margin: 0; padding: 0; text-align: center; font-weight: bold; padding: 15px; } .delete-pic .btn-modal { border-top: 1.5px solid #efefef; background-color: #fff; display: block; padding: 9px; width: 100%; text-align: right; font-weight: bold; } .delete-pic .color-green-btn { color: #009e4e; } .delete-pic .color-red-btn { color: var(--app_color); border-radius: 0 0 10px 10px; } .no-item { width: 100%; height: 100%; /*height: 100vh;*/ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; text-align: center; /*padding: 100px 0;*/ font-weight: bold; font-size: 15px; } .text-condition { color: #434343; font-weight: bold; font-size: 15px; } .color-condition-accepted { color: #03b000; } .color-condition-failed { color: #ff2b2b; } .color-condition-pending { color: #fff700; } .article-content video { width: 800px !important; max-width: 100% !important; height: auto !important; margin: auto !important; text-align: center !important; } .article-content img { max-width: 100% !important; height: auto !important; margin: auto !important; text-align: center !important; } .article-content ul { -webkit-padding-start: 15px !important; padding-inline-start: 15px !important; } .fixed-hash { position: -webkit-sticky; position: sticky; top: 48px; z-index: 999; background-color: #f6f6f6; } .fixed-tab { position: -webkit-sticky; position: sticky; top: 128px; } .card-hashtag { display: block; width: 100%; text-decoration: none !important; background-color: #fff; border-radius: 25px; border: 1px solid #f7f7f7; line-height: 2; } .card-hashtag p { padding: 0; margin: 0; } .card-hashtag .row-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-hashtag .row-card .hashtag { border: 1px solid #e7e6e6; border-radius: 30px; background-color: #fff; color: #c0c0c0; text-decoration: none !important; padding: 5px 15px; font-size: 14px; } .card-hashtag .row-card .img-hashtag { width: 240px; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 20px; } .card-hashtag .row-card .img-hashtag img { max-width: 100%; height: 100%; border-radius: 20px; } .card-hashtag .row-card .txt-90 { width: 100%; height: 100%; padding: 0px 15px 0 15px; position: relative; border-bottom: 1px solid rgba(0, 0, 0, .1); } .card-hashtag .row-card .txt-91 { color: #494949; font-weight: bold; font-size: 17px; } .card-hashtag .row-card .txt-92 { color: #aeaeae; font-size: 17px; font-weight: normal; } .h-1 { height: 180px; max-height: 180px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 12px; } .h-2 { height: 55px; max-height: 55px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 0 12px 12px 12px; } .play-video-h { position: absolute; top: 0; left: 0; right: 0; margin: auto; text-align: center; padding-top: 35px; font-size: 50px; color: #575757d1; } /*------------------------------------------------------*/ /* hashtag-post page */ .title-p { color: #040404; font-weight: bold; font-size: 18px; } .desc-p { color: #c4c4c4; font-weight: normal; font-size: 18px; line-height: 2; word-spacing: 1px; } .txt-p { color: #bfbfbf; font-weight: normal; font-size: 15px; } .hashtag-post { border: 1px solid #e7e6e6; border-radius: 30px; background-color: #fff; color: #c0c0c0; text-decoration: none !important; padding: 7px 20px; font-size: 14px; font-weight: bold; } .hashtag-post:hover { color: #8b8b8b; } .bdy { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 210px; } .bdy-txt { position: relative; display: block; width: 100%; height: 100%; border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 20px 20px 0 0; } .btn-hashtag { background-color: #039a00; color: #eafde7; border-radius: 20px; padding: 15px; display: inline-block; float: left; border: 0; font-size: 15px; cursor: pointer; } .img-hashtag-p { width: 350px; height: 100%; background-color: #fff; border-radius: 20px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .img-hashtag img { max-width: 100%; height: auto; border-radius: 20px; } .txt-95 { display: inline-block; float: right; } .bdy-dsc { border-bottom: 1px solid rgba(0, 0, 0, .1); padding-top: 15px; } .bdy-hashtag { padding-top: 20px; } .show-pic, .show-video { display: none; text-align: center; } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate3d(0, -50px, 0); -ms-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); -webkit-transition: -webkit-transform 1s ease-out; -ms-transition: -webkit-transform 1s ease-out; transition: transform 1s ease-out; z-index: 99999; } .pace.pace-active { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pace .pace-progress { display: block; position: fixed; z-index: 99999; bottom: 0; right: 100%; width: 100%; height: 6px; background: var(--app_color); pointer-events: none; } .pace-inactive { display: none; } .slider-learn, .slider-articles, .slider-store, .slider-story, #bestSelling-slider, .footer-slier, .slider-train, .list-dore-slider-category, .products-slider-single, .slider-offers { direction: ltr; } .card_active { border: 1px solid var(--app_color) !important; border-radius: 10px !important; } .slide-index-home { width: 95%; padding-top: 50%; border-radius: 18px; -webkit-box-shadow: 0 0 10px 1px #d3d3d3; box-shadow: 0 0 10px 1px #d3d3d3; background-size: cover; background-repeat: no-repeat; background-position: center; } /*.slider-page .slide-one a{*/ /* width: 100%;*/ /*}*/ .w100 { width: 100%; } .img-a { display: block; height: 100%; } .img-bt { background-size: contain; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; display: block; background-color: #f6f6f6; } .image-top-cource { /*height:290px;*/ height: 225px; } .image-cource { max-width: 100%; height: 100%; margin: auto; display: block; border-radius: 18px; } .img-banner { background-size: contain; height: 100%; background-repeat: no-repeat; margin: auto; display: block; background-position: 50% 50%; padding-top: 32%; background-color: #fff; } .img-banner-a { width: 100%; height: 100%; display: block; overflow: hidden; border-radius: 10px; text-align: center; } .story-back { width: 100%; height: 100%; background-color: #fff; border-radius: 50%; padding: 3px; } .story-back-img { background-size: cover; width: 100%; height: 100%; background-repeat: no-repeat; border-radius: 50%; } .image-slider-page { background-size: contain; display: block; height: 100%; background-repeat: no-repeat; margin: auto; background-position: 50% 50%; border-radius: 10px; padding-top: 50%; } .image-slider-page-a { background-color: #fff; width: 95%; border-radius: 10px; } .slider-one { /*height: 335px;*/ } .slider-story .slick-list { padding: 0 15px; } .slider-story .slick-track { margin-left: 0; margin-right: 0; } .slider-articles .slick-list, .slider-learn .slick-list, .slider-store .slick-list, .slick-list, .slider-story .slick-list { padding: 0 15px; } .slider-page .slick-list { padding: 0 30px; } .list-dore-slider-category-test, .slick-list { padding: 0 10px; } .header-voice { font-size: 22px; font-weight: bold; color: #fff; background-color: var(--app_color); display: flex; align-items: center; justify-content: space-between; padding: 10px; } .header-voice p { padding: 0; margin: 0; } .header-voice button { color: #fff; } .content-voice { padding: 50px 0; } .w-image-100 { width: 100%; height: 100%; } .w-60 { width: 60px; height: 60px; } .w-90 { width: 90px; height: 90px; } .icon-a { width: 40px; height: 40px; position: relative; display: flex; border: 1.5px solid #e9e9e9; padding: 8px; align-items: center; justify-content: center; border-radius: 13px; } .bg-img-myCourse { background-size: contain; background-color: #fff; border: 1px solid #e6e6e6ad; padding-top: 55%; position: relative; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; background-position: 50% 50%; border-radius: 10px; width: 97%; margin: auto; } .pt-card { padding-top: 8px !important; } .bg-img-article { background-size: contain; background-color: #fff; border: 1px solid #e6e6e6ad; height: 100%; position: relative; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; background-position: 50% 50%; border-radius: 10px; width: 97%; margin: auto; } .w100 { max-width: 100%; height: auto; } .height-modal { width: 50%; margin: auto; } .bg-darck { background-color: #000 !important; } .description-channel { border: 1px solid #eee; background-color: #fff; border-radius: 10px; padding: 5px 10px; } .icon-calender { width: 20px; height: 20px; margin-left: 10px; } .icon-calender img { width: 100%; height: 100%; } .date-time { display: flex; align-items: center; } .hr-message { margin-top: 10px !important; margin-bottom: 5px !important; } .box .top .txt10 { /*margin-right: 12px;*/ /*margin-top: 5px;*/ display: flex; align-items: center; justify-content: space-between; width: 100%; } .box .top .txt10 .date-time { color: #acacac; font-size: 14px; } .video-image { background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; padding-top: 30%; background-color: #202020; position: relative; } .img-play { width: 40px; height: 40px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 50%; border: 0; background-color: #fff; } .img-play img { width: 100%; height: 100%; } .video-image { background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; padding-top: 30%; background-color: #202020; position: relative; } .img-play { width: 40px; height: 40px; position: absolute; left: 0; right: 0; margin: auto; top: 50%; border-radius: 50%; border: 0; background-color: #fff; } .img-play img { width: 100%; height: 100%; } .height-modal { height: 85vh; display: flex; align-items: center; justify-content: center; } .bgOrangeOrder { background-color: #e27b47; } .BgGreenOrder { background-color: #009e4e; } .bgRedOrder { background-color: #a01944; } .img-favorite { background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; width: 100%; height: 100%; padding-top: 55%; } /* .he-body{ height: 133px !important; }*/ .badgeRed { /*position: absolute;*/ width: 18px; height: 18px; border-radius: 50%; background-color: #ff5260; color: #fff; display: flex; align-content: center; justify-content: center; margin-right: 10px; } .p-r-l-0 { padding-right: 0; padding-left: 0 } .scroll-modal-h { overflow-y: auto; height: 420px } .scroll-modal-h ul { list-style: none; } .input-b { border: 0 !important; border-bottom: 1px solid #eee !important; border-radius: 0 !important; background-color: transparent !important; width: 90% !important; padding-right: 20px !important; } .btn-b { width: 20px; height: 20px; display: flex; align-content: center; justify-content: center; padding: 0; border-radius: 50%; text-align: center; font-size: 14px; } .btn-plus-h { border: 1px solid green; color: green; } .btn-negative-h { border: 1px solid darkred; color: darkred; } .hashtag-input { position: absolute; right: 0; color: #eee; } .pointer { cursor: pointer !important; } .img-user { width: 80px; height: 80px; border-radius: 50%; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; } .cursor-pointer { cursor: pointer; } .img-store { background-size: contain; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; padding-top: 55%; width: 99%; margin: auto; } .txt-fv { font-size: 15.24px; font-weight: bold; } .modal-img-w100 { max-width: 100%; height: auto; } .like-new-heart { color: #c7c7c7; font-size: 14px; padding-left: 25px; } .like-new-heart-icon { color: #c7c7c7; } .he-body { height: 140px !important; } .img-favorite-top { height: 240px; display: flex; align-items: center; justify-content: center; } .bg-img-favorite { background-size: contain; background-color: #fff; border: 1px solid #e6e6e6ad; height: 100%; position: relative; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; background-position: 50% 50%; border-radius: 10px; width: 97%; margin: auto; } /*channel*/ .bg-channel-blue { background-color: #b5cce0; } .h100-channel { height: 100%; } .min-height-c { height: 100%; min-height: 100vh; } .bg-channel-grey { display: block; background-color: #f6f6f6 } .add-comment { position: fixed; } .pageloader-new-content { height: 80vh !important; display: flex; align-items: center; justify-content: center; padding-top: 0 !important; /*z-index: 9999;*/ z-index: 100 !important; } .pageloader-new-content-a { height: 100vh !important; display: flex; align-items: center; justify-content: center; padding-top: 0 !important; } /*change style*/ .br-20 { border-radius: 20px; } .img-training-list { background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; width: 100%; padding-top: 75%; border: 1px solid #eee; border-radius: 12px; height: 100%; } .card-m-specialOffer { /*margin:0 10px;*/ } .w100-sp { width: 95% !important; } .pt-100 { padding-top: 100%; } .header-firstPage { background-color: #f6f6f6; position: fixed; top: 0; z-index: 5; padding: 10px 15px; } .time-story { z-index: 1000; position: absolute; top: 15px; left: 20px; border-radius: 30px; padding: 5px 10px; background-color: #505050; color: white; font-size: 13px; } .name-users { word-break: break-word; } .mt-section { margin-top: 50px; } #bg-header-pages { background-color: var(--app_color); } #bg-header-pages-fixed { background-color: #00000017; } .video-image-channel { background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; padding-top: 59%; background-color: #202020; position: relative; border-radius: 10px; } .p-channel-10 { padding-right: 10px; padding-left: 10px; } .img-play-channel { width: 40px; height: 40px; position: absolute; left: 0; right: 0; margin: auto; top: 50%; border-radius: 50%; border: 0; background-color: #fff; display: flex; align-items: center; justify-content: center; } .img-play-channel img { width: 100%; height: 100%; } #footer-btn { color: #fff; position: fixed; bottom: 0; z-index: 999; left: 0; right: 0; } .add-comment-new { background-color: #018e1c; color: #fff; font-size: 22px; display: block; text-align: center; z-index: 10; padding: 10px; text-decoration: none !important; width: 100%; } .add-comment-new:hover { color: #fff; } .img-hashtag-chanel { width: 100%; padding-top: 75%; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; border-radius: 12px; } .mt-section-tr { margin-top: 60px; } .add-comment-train { position: sticky; left: 0; right: 0; } .header-background { background-color: transparent !important; } .color-sup { background-color: #00acae; } .color-sup:hover { background-color: #008e90; } .sp-item { background: #fff; padding: 10px; border-radius: 12px; box-shadow: 0 0 3px #a8a8a8; margin-top: 10px; margin-bottom: 5px; font-size: 14px; font-weight: bold; } .sp-sub div { background: #f8f8f8; padding: 5px; } .sp-sub div img { width: 20px; margin-left: 10px; } .sp-btn-wrapper { position: fixed; width: 100%; right: 0; margin: 0; bottom: 0; } .sp-btn-wrapper a { color: white; display: flex; align-items: center; justify-content: center; height: 45px; } .sp-btn-wrapper a:active, .sp-btn-wrapper a:hover { color: #fff; } .sp-btn-wrapper a.bg-368bef { background: #368bef; } .sp-btn-wrapper a.bg-556b78 { background: #556b78; } .bg-ececec { background-color: #ececec; } .sup .comment { margin: 10px 0 0 0; border-top: 1px solid #f0f0f0; padding-top: 10px; } .comment .btn-show { color: #3a7575; cursor: pointer; display: inline-block; border: 1px solid #3a7575; width: 90px; border-radius: 6px; text-align: center; height: 30px; line-height: 30px; font-size: 12px; box-shadow: -0.5px -1px 0.05px #3a7575, 0.5px -1px 0.05px #3a7575; } .comment .btn-show:hover, .comment .btn-show:visited { color: #fff; background: #3a7575; } .sup .comment .time { color: #898989; font-size: 12px; } .container.sup { background-color: #f6f6f6!important; } #image-div { text-align: center; background: #000; } #image-div img{ width: auto; height: 80vh; } #videoModal .close , #audioModal .close , #imageModal .close { margin-right: 5px; margin-top: 5px; } body, html { background-color: #fff !important; } #root{ background-color: #fff !important; } /*change style*/ .br-20{ border-radius: 20px; } .img-training-list{ background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; width: 100%; padding-top: 75%; border: 1px solid #eee; border-radius:12px ; height: 100%; } .card-m-specialOffer{ /*margin:0 10px;*/ } .w100-sp{ width: 95% !important; } .pt-100{ padding-top: 100%; } .header-firstPage { background-color: #f6f6f6; position: fixed; top: 0; z-index: 5; padding: 10px 15px; } .time-story{ z-index: 1000; position: absolute; top: 15px; left: 20px; border-radius: 30px; padding: 5px 10px; background-color: #505050; color: white; font-size: 13px; } .name-users{ word-break: break-word; } .mt-section{ margin-top: 50px; } #bg-header-pages{ background-color: var(--app_color); } #bg-header-pages-fixed{ background-color: #00000017; } .video-image-channel { background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; padding-top: 59%; background-color: #202020; position: relative; border-radius: 10px; } .p-channel-10{ padding-right:10px ; padding-left:10px ; } .img-play-channel{ width: 40px; height: 40px; position: absolute; left: 0; right: 0; margin: auto; top: 50%; border-radius: 50%; border: 0; background-color: #fff; display: flex; align-items: center; justify-content: center; } .img-play-channel img { width: 100%; height: 100%; } #footer-btn{ color: #fff; position: fixed; bottom: 0; z-index: 999; left: 0; right: 0; } .add-comment-new{ background-color: #018e1c; color: #fff; font-size: 22px; display: block; text-align: center; z-index: 10; padding: 10px; text-decoration: none!important; width: 100%; } .add-comment-new:hover{ color: #fff; } .img-hashtag-chanel{ width: 100%; padding-top: 75%; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; border-radius: 12px; } .mt-section-tr{ margin-top: 60px; } .add-comment-train{ position: sticky; left: 0; right: 0; } .container{ background-color: #f6f6f6; } .header-firstPage{ width: 100%; } .pageloader-defult{ height: 100%; display: flex; align-items: center; justify-content: center; } #modal-select-pay{ left: 0; right: 0; margin: auto; } .full-height{ height: 100%; } .full-height-v{ height: 100vh; } .h-v-100{ height: 100%; } .story-section { display: flex; align-items: center; padding: 15px 10px 15px 10px; width: 100%; margin: auto; overflow-x: auto; overflow-y: hidden; border-bottom: 1px solid#efefef; position: relative; cursor: pointer; } .story-section::-webkit-scrollbar { width: 10px; height: 5px; } .story-section::-webkit-scrollbar-track { background: #f1f1f1; } .story-section::-webkit-scrollbar-thumb { background: #888; border-radius: 20px; } .bg-def-login{ background-color: transparent !important; } #login-app{ background-color: #f6f6f6; } .img-basket{ height: 180px; } .added-input{ position: absolute; bottom: 0px; width: 100%; justify-content: end; left: 3px; } .address-add form{ padding: 0 20px; } .address-add form .form-input{ height: 45px; } .address-buy .btn-address button{ color: #6d6d6d; } .container{ background-color: #f6f6f6; } .header-firstPage{ width: 100%; } #train-nav-desc-tab .description-tab .txt-desc .txt4{ letter-spacing: 0 !important; text-align: right; } #train-nav-desc-tab .description-tab .txt-desc .txt4 h3{ font-size: 1.17em !important; } .stor-bg{ background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; padding-top: 30%; } .h-lg-100{ height: 100vh; } .add-address-page form select{ background-size: 15px; } .text-tb{ display: inline-block !important; text-align: end; } .address-buy .txt11 span .icon-check{ width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } #forunm-m .select2-container--default .select2-selection--single{ background-color: #fff !important; border: 2px solid #e1e1e1 !important; border-radius: 9px !important; display: flex; align-items: center; justify-content: flex-end; height: 35px; } #forunm-m .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 35px; } .select2-results__options{ background-color: #fff; color: #bfbfbf !important; margin-right: 5px; } .select2-container--default .select2-results__group{ color: #595959; } .select2-container--default .select2-results>.select2-results__options{ text-align: end; } .card-corse .image-corse-card{ background-size: contain; border: 1px solid #eee; } .img-bt{ background-position: 50% 0; background-color: #fff; } .txt-desc .txt4 h2{ font-size: 1rem; } .dsc-article{ letter-spacing: 0 !important; } .wi-50{ width: 45%; margin-right: 15px; } .min-h-100{ min-height: 100vh; } .content-cat-sc { display: flex; width: 100%; overflow-x: auto; overflow-y: hidden; padding-bottom: 19px; cursor: pointer; } .cat-box-sc{ display: block; margin: 0 17px; position: relative; } .cat-img-sc{ background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; padding-top: 75%; width: 250px; background-color: #fff; border-radius: 10px; position: relative; } .content-cat-sc::-webkit-scrollbar { height:0; } .content-cat-sc::-webkit-scrollbar-track { background: #f1f1f1; } .content-cat-sc::-webkit-scrollbar-thumb { background: #888; border-radius: 30px; } .bd-dark-cat-sc{ width: 100%; height: 100%; background-color: #0000006b; position: absolute; border-radius: 10px; top: 0; display: flex; align-items: center; justify-content: center; } .text-cat-sc{ color: #fff; font-size: 15px; font-weight: bold; position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .cursor-pointer{ cursor: pointer; } .img-play{ top: 0; } .w-slide{ width: 50%; margin: auto; } .item-course{ position: relative; } .item-course .line-continuous-course{ position: absolute; bottom: -8px; left: 15px; display: flex; align-items: center; } .item-course .line-continuous-course .line-c{ width: 3px; height: .5rem; background-color: #b20000; margin-right: 5px; position: relative; } .item-course .line-continuous-course .line-c::after{ position: absolute; content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #b20000; bottom: -3px; z-index: 99; left: -0.8px; box-shadow: 0 2px 0 #bbbbbbd6; } .item-course .line-continuous-course .line-c::before{ position: absolute; content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #b20000; top: -2px; z-index: 99; left: -0.8px; box-shadow: 0 -2px 0 #bbbbbbd6; } .item-course:last-child > .line-continuous-course .line-c{ width: 0; height: 0; } .item-course:last-child > .line-continuous-course > .line-c::before{ width: 0; height: 0; } .item-course:last-child > .line-continuous-course > .line-c::after{ width: 0; height: 0; } .txt11 { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .txt11 input { position: absolute; opacity: 0; cursor: pointer; width: 100%; height: 100%; } .txt11 input:checked ~ p { color: var(--app_color); } .txt11 input:checked ~ p .icon-check { color: var(--app_color); background-color: #fff; border: 0; } .slider-store .card .card-body .txt1, .slider-articles .card .card-body .txt1{ color: #434343; font-size: 18px; font-weight: bold; margin: 0; } .slider-professor .txt1{ color: #242524; font-size: 18px; font-weight: bold; margin: 0; } .img-article{ background-position:50% 0; height:385px; } .notify input:checked ~ .btn-bell{ color: rgb(253, 87, 89); border-color: rgb(253, 87, 89); } .d-hr-hashtag{ display: block; } .h-hashtag-45{ min-height: 45px; } #login-app{ height: 100%; } .img-basket-bg{ background-size: contain; background-repeat: no-repeat; background-color: #fff; background-position: 50% 50%; padding-top: 75%; width: 100%; } .order-box .right-box{ color: #fff; font-weight: 700; height: 101%; border-radius: 0 18px 18px 0; position: relative; width: 50px; text-align: center; display: flex; align-items: center; justify-content: center; } .cut-more-text{ text-overflow: "..."; overflow: hidden; white-space: nowrap; } #login-inf{ background-color:#f6f6f6 ; } @media (max-width: 576px) { .slider-professors .circle-profesor{ width: 95px; height: 95px; } .slider-professors .txt1 { font-size: 12px; } .slider-professors .txt2 { font-size: 10px; } body, html { background-color: #f6f6f6; } #root { background-color: #f6f6f6 !important; } .stor-bg{ padding-top: 50%; } .h-lg-100{ height: auto; } table .color-h-t { font-size: 11.78px; } table .txt-16 { font-size: 10.24px; } table .td-table-fact .table-fact .txt-17 { font-size: 12.78px; } table .td-table-fact .table-fact input { text-align: end; } table .sum-fact input { font-size: 13px !important; } .address-buy .btn-address button { font-size: 15px !important; } .address-buy .txt11 span .icon-check{ width: 21px; height: 21px; } .cat-box-sc{ margin: 0 10px; } .cat-img-sc{ width: 170px; } .w-slide{ width: 100%; } .img-article{ height:168px !important; } .h-20-profile{ height: 20px !important; } .card-box-basket .card{ height: 100%!important; } .handle-counter input{ width: 30px!important; } } .op-5{ opacity: 0.5; } @media (min-width:576px) { .header-firstPage,.modal-size-container { max-width: 540px; } .stor-bg{ padding-top: 50%; } } @media (min-width:768px) { .header-firstPage,.modal-size-container { max-width: 720px; } .stor-bg{ padding-top: 50%; } } @media (min-width:992px) { .header-firstPage,.modal-size-container { max-width: 960px; } .stor-bg{ padding-top: 30%; } .content-cat-sc::-webkit-scrollbar { height:5px; } .item-course .line-continuous-course{ display: none; } } @media (min-width: 1200px) { .header-firstPage,.modal-size-container { max-width: 1140px; } } @media (max-width: 992px) and (min-width: 310px){ .story-section::-webkit-scrollbar { height: 0px; } .story-section::-webkit-scrollbar-track { background: #f1f1f1; } .story-section::-webkit-scrollbar-thumb { background: #888; border-radius: 20px; } } @media (max-width: 768px) and (min-width: 576px){ .slider-professors .txt2 { font-size: 10px; } .slider-professors .txt1 { font-size: 14px; } .cat-box-sc{ margin: 0 10px; } .cat-img-sc{ width: 190px; } .w-slide{ width: 100%; } } @media (max-width: 768px){ .d-hr-hashtag{ display: none; } .h-hashtag-45{ display: none; } } .pb-65{ padding-bottom: 65px!important; } .html-tags img{ max-width: 100% !important; height: auto!important; } ul#select2-select-tell-results{ direction: ltr; text-align: left; } @media (max-width: 992px){ .back-parent{ width: 10%; text-align: left; } } @media (min-width: 992px){ .back-parent{ width: 5%; text-align: left; } } @-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.green-audio-player{width:400px;min-width:300px;height:56px;-webkit-box-shadow:0 4px 16px 0 rgba(0,0,0,.07);box-shadow:0 4px 16px 0 rgba(0,0,0,.07);display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:24px;padding-right:24px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.green-audio-player img,.green-audio-player svg{display:block}.green-audio-player .play-pause-btn{display:none;cursor:pointer}.green-audio-player .loading .loading__spinner{width:16px;height:16px;border:2px solid #b0b0b0;border-right-color:transparent;border-radius:50%;-webkit-animation:spin .4s linear infinite;animation:spin .4s linear infinite}.green-audio-player .slider{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background-color:#d8d8d8;cursor:pointer;position:relative}.green-audio-player .slider .gap-progress{background-color:#44bfa3;border-radius:inherit;position:absolute;pointer-events:none}.green-audio-player .slider .gap-progress .pin{height:16px;width:16px;border-radius:8px;background-color:#44bfa3;position:absolute;pointer-events:all;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.32);box-shadow:0 1px 1px 0 rgba(0,0,0,.32)}.green-audio-player .slider .gap-progress .pin:after{content:"";display:block;background:transparent;width:200%;height:200%;margin-left:-50%;margin-top:-50%;border-radius:50%}.green-audio-player .controls{font-family:Roboto,sans-serif;font-size:16px;line-height:18px;color:#55606e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:24px;margin-right:24px}.green-audio-player .controls .controls__slider{margin-left:16px;margin-right:16px;border-radius:2px;height:4px}.green-audio-player .controls .controls__slider .controls__progress{width:0;height:100%}.green-audio-player .controls .controls__slider .controls__progress .progress__pin{right:-8px;top:-6px}.green-audio-player .controls span{cursor:default}.green-audio-player .volume{position:relative}.green-audio-player .volume .volume__button{cursor:pointer}.green-audio-player .volume .volume__button.open path{fill:#44bfa3}.green-audio-player .volume .volume__controls{width:30px;height:135px;background-color:rgba(0,0,0,.62);border-radius:7px;position:absolute;left:-3px;bottom:52px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2}.green-audio-player .volume .volume__controls.hidden{display:none}.green-audio-player .volume .volume__controls.top{bottom:52px;left:-3px}.green-audio-player .volume .volume__controls.middle{bottom:-54px;left:54px}.green-audio-player .volume .volume__controls.bottom{bottom:-164px;left:-3px}.green-audio-player .volume .volume__controls .volume__slider{margin-top:12px;margin-bottom:12px;width:6px;border-radius:3px}.green-audio-player .volume .volume__controls .volume__slider .volume__progress{bottom:0;height:100%;width:6px}.green-audio-player .volume .volume__controls .volume__slider .volume__progress .volume__pin{left:-5px;top:-8px}.green-audio-player .download{display:none;margin-left:16px;cursor:pointer} .iziToast-capsule{font-size:0;height:0;width:100%;transform:translateZ(0);backface-visibility:hidden;transition:transform .5s cubic-bezier(.25,.8,.25,1),height .5s cubic-bezier(.25,.8,.25,1)}.iziToast-capsule,.iziToast-capsule *{box-sizing:border-box}.iziToast-overlay{display:block;position:fixed;top:-100px;left:0;right:0;bottom:-100px;z-index:997}.iziToast{display:inline-block;clear:both;position:relative;font-family:IRANYekanLight,Tahoma,Arial;font-size:14px;padding:8px 45px 9px 0;background:rgba(238,238,238,.9);border-color:rgba(238,238,238,.9);width:100%;pointer-events:all;cursor:default;transform:translateX(0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:54px}.iziToast>.iziToast-progressbar{position:absolute;left:0;bottom:0;width:100%;z-index:1;background:rgba(255,255,255,.2)}.iziToast>.iziToast-progressbar>div{height:2px;width:100%;background:rgba(0,0,0,.3);border-radius:0 0 3px 3px}.iziToast.iziToast-balloon:before{content:'';position:absolute;right:8px;left:auto;width:0;height:0;top:100%;border-right:0 solid transparent;border-left:15px solid transparent;border-top:10px solid #000;border-top-color:inherit;border-radius:0}.iziToast.iziToast-balloon .iziToast-progressbar{top:0;bottom:auto}.iziToast.iziToast-balloon>div{border-radius:0 0 0 3px}.iziToast>.iziToast-cover{position:absolute;left:0;top:0;bottom:0;height:100%;margin:0;background-size:100%;background-position:50% 50%;background-repeat:no-repeat;background-color:rgba(0,0,0,.1)}.iziToast>.iziToast-close{position:absolute;right:0;top:0;border:0;padding:0;opacity:.6;width:42px;height:100%;background:url(/Main/media/close.png) 50% 50% no-repeat;background-size:8px;cursor:pointer;outline:0}.iziToast>.iziToast-close:hover{opacity:1}.iziToast>.iziToast-body{position:relative;padding:0 0 0 10px;height:auto;min-height:36px;margin:0 0 0 15px;text-align:left}.iziToast>.iziToast-body:after{content:"";display:table;clear:both}.iziToast>.iziToast-body .iziToast-texts{margin:10px 0 0;padding-right:2px;display:inline-block;float:left}.iziToast>.iziToast-body .iziToast-inputs{min-height:19px;float:left;margin:3px -2px}.iziToast>.iziToast-body .iziToast-inputs>input:not([type=checkbox]):not([type=radio]),.iziToast>.iziToast-body .iziToast-inputs>select{position:relative;display:inline-block;margin:2px;border-radius:2px;border:0;padding:4px 7px;font-size:13px;letter-spacing:.02em;background:rgba(0,0,0,.1);color:#000;box-shadow:0 0 0 1px rgba(0,0,0,.2);min-height:26px}.iziToast>.iziToast-body .iziToast-buttons>a:focus,.iziToast>.iziToast-body .iziToast-buttons>button:focus,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):focus,.iziToast>.iziToast-body .iziToast-inputs>input:not([type=checkbox]):not([type=radio]):focus,.iziToast>.iziToast-body .iziToast-inputs>select:focus{box-shadow:0 0 0 1px rgba(0,0,0,.6)}.iziToast>.iziToast-body .iziToast-buttons{min-height:17px;float:left;margin:4px -2px}.iziToast>.iziToast-body .iziToast-buttons>a,.iziToast>.iziToast-body .iziToast-buttons>button,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]){position:relative;display:inline-block;margin:2px;border-radius:2px;border:0;padding:5px 10px;font-size:12px;letter-spacing:.02em;cursor:pointer;background:rgba(0,0,0,.1);color:#000}.iziToast>.iziToast-body .iziToast-buttons>a:hover,.iziToast>.iziToast-body .iziToast-buttons>button:hover,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):hover{background:rgba(0,0,0,.2)}.iziToast>.iziToast-body .iziToast-buttons>a:active,.iziToast>.iziToast-body .iziToast-buttons>button:active,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):active{top:1px}.iziToast>.iziToast-body .iziToast-icon{height:100%;position:absolute;left:0;top:50%;display:table;font-size:23px;line-height:24px;margin-top:-12px;color:#000}.iziToast>.iziToast-body .iziToast-message,.iziToast>.iziToast-body .iziToast-title{padding:0;font-size:14px;line-height:16px;white-space:normal;float:left;text-align:left}.iziToast>.iziToast-body .iziToast-icon.ico-info{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) 50% 50% no-repeat;background-size:85%;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-icon.ico-warning{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==) 50% 50% no-repeat;background-size:85%;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-icon.ico-error{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC) 50% 50% no-repeat;background-size:80%;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-icon.ico-success{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) 50% 50% no-repeat;background-size:85%;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-icon.ico-question{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) 50% 50% no-repeat;background-size:85%;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-title{margin:0;color:#000}.iziToast>.iziToast-body .iziToast-message{margin:0 0 10px;color:rgba(0,0,0,.6)}.iziToast.iziToast-animateInside .iziToast-buttons-child,.iziToast.iziToast-animateInside .iziToast-icon,.iziToast.iziToast-animateInside .iziToast-inputs-child,.iziToast.iziToast-animateInside .iziToast-message,.iziToast.iziToast-animateInside .iziToast-title{opacity:0}.iziToast-target{position:relative;width:100%;margin:0 auto}.iziToast-target .iziToast-capsule{overflow:hidden}.iziToast-target .iziToast-capsule:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.iziToast-target .iziToast-capsule .iziToast{width:100%;float:left}.iziToast-wrapper{z-index:99999;position:fixed;width:100%;pointer-events:none;display:flex;flex-direction:column}.iziToast-wrapper .iziToast.iziToast-balloon:before{border-right:0 solid transparent;border-left:15px solid transparent;border-top:10px solid #000;border-top-color:inherit;right:8px;left:auto}.iziToast-wrapper-bottomLeft{left:0;bottom:0;text-align:left}.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before{border-right:15px solid transparent;border-left:0 solid transparent;right:auto;left:8px}.iziToast-wrapper-bottomRight{right:0;bottom:0;text-align:right}.iziToast-wrapper-topLeft{left:0;top:0;text-align:left}.iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before{border-right:15px solid transparent;border-left:0 solid transparent;right:auto;left:8px}.iziToast-wrapper-topRight{top:0;right:0;text-align:right}.iziToast-wrapper-topCenter{top:0;left:0;right:0;text-align:center}.iziToast-wrapper-bottomCenter{bottom:0;left:0;right:0;text-align:center}.iziToast-wrapper-center{top:0;bottom:0;left:0;right:0;text-align:center;justify-content:center;flex-flow:column;align-items:center}.iziToast-rtl{direction:rtl;padding:8px 0 9px 45px;font-family:IRANYekanLight}.iziToast-rtl .iziToast-cover{left:auto;right:0}.iziToast-rtl .iziToast-close{right:auto;left:0}.iziToast-rtl .iziToast-body{padding:0 10px 0 0;margin:0 16px 0 0;text-align:right}.iziToast-rtl .iziToast-body .iziToast-buttons,.iziToast-rtl .iziToast-body .iziToast-inputs,.iziToast-rtl .iziToast-body .iziToast-message,.iziToast-rtl .iziToast-body .iziToast-texts,.iziToast-rtl .iziToast-body .iziToast-title{float:right;text-align:right}.iziToast-rtl .iziToast-body .iziToast-icon{left:auto;right:0}@media only screen and (min-width:568px){.iziToast-wrapper{padding:10px 15px}.iziToast{margin:5px 0;border-radius:3px;width:auto}.iziToast:after{content:'';z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px}.iziToast:not(.iziToast-rtl) .iziToast-cover{border-radius:3px 0 0 3px}.iziToast.iziToast-rtl .iziToast-cover{border-radius:0 3px 3px 0}.iziToast.iziToast-color-dark:after{box-shadow:inset 0 -10px 20px -10px rgba(255,255,255,.3),0 10px 10px -5px rgba(0,0,0,.25)}.iziToast.iziToast-balloon .iziToast-progressbar{background:0 0}.iziToast.iziToast-balloon:after{box-shadow:0 10px 10px -5px rgba(0,0,0,.25),inset 0 10px 20px -5px rgba(0,0,0,.25)}.iziToast-target .iziToast:after{box-shadow:inset 0 -10px 20px -10px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.1)}}.iziToast.iziToast-theme-dark{background:#565c70;border-color:#565c70}.iziToast.iziToast-theme-dark .iziToast-title{color:#fff}.iziToast.iziToast-theme-dark .iziToast-message{color:rgba(255,255,255,.7);font-weight:300}.iziToast.iziToast-theme-dark .iziToast-close{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) 50% 50% no-repeat;background-size:8px}.iziToast.iziToast-theme-dark .iziToast-icon{color:#fff}.iziToast.iziToast-theme-dark .iziToast-icon.ico-info{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) 50% 50% no-repeat;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-warning{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==) 50% 50% no-repeat;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-error{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC) 50% 50% no-repeat;background-size:80%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-success{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) 50% 50% no-repeat;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-question{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) 50% 50% no-repeat;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-buttons>a,.iziToast.iziToast-theme-dark .iziToast-buttons>button,.iziToast.iziToast-theme-dark .iziToast-buttons>input{color:#fff;background:rgba(255,255,255,.1)}.iziToast.iziToast-theme-dark .iziToast-buttons>a:hover,.iziToast.iziToast-theme-dark .iziToast-buttons>button:hover,.iziToast.iziToast-theme-dark .iziToast-buttons>input:hover{background:rgba(255,255,255,.2)}.iziToast.iziToast-theme-dark .iziToast-buttons>a:focus,.iziToast.iziToast-theme-dark .iziToast-buttons>button:focus,.iziToast.iziToast-theme-dark .iziToast-buttons>input:focus{box-shadow:0 0 0 1px rgba(255,255,255,.6)}.iziToast.iziToast-color-red{background:rgba(255,175,180,.9);border-color:rgba(255,175,180,.9)}.iziToast.iziToast-color-orange{background:rgba(255,207,165,.9);border-color:rgba(255,207,165,.9)}.iziToast.iziToast-color-yellow{background:rgba(255,249,178,.9);border-color:rgba(255,249,178,.9)}.iziToast.iziToast-color-blue{background:rgba(157,222,255,.9);border-color:rgba(157,222,255,.9)}.iziToast.iziToast-color-green{background:rgba(166,239,184,.9);border-color:rgba(166,239,184,.9)}.iziToast.iziToast-layout2 .iziToast-body .iziToast-message,.iziToast.iziToast-layout2 .iziToast-body .iziToast-texts{width:100%}.iziToast.iziToast-layout3{border-radius:2px}.iziToast.iziToast-layout3::after{display:none}.iziToast .revealIn,.iziToast.revealIn{-webkit-animation:iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both;-moz-animation:iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both;animation:iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both}.iziToast .slideIn,.iziToast.slideIn{-webkit-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;-moz-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both}.iziToast.bounceInLeft{-webkit-animation:iziT-bounceInLeft .7s ease-in-out both;animation:iziT-bounceInLeft .7s ease-in-out both}.iziToast.bounceInRight{-webkit-animation:iziT-bounceInRight .85s ease-in-out both;animation:iziT-bounceInRight .85s ease-in-out both}.iziToast.bounceInDown{-webkit-animation:iziT-bounceInDown .7s ease-in-out both;animation:iziT-bounceInDown .7s ease-in-out both}.iziToast.bounceInUp{-webkit-animation:iziT-bounceInUp .7s ease-in-out both;animation:iziT-bounceInUp .7s ease-in-out both}.iziToast .fadeIn,.iziToast.fadeIn{-webkit-animation:iziT-fadeIn .5s ease both;animation:iziT-fadeIn .5s ease both}.iziToast.fadeInUp{-webkit-animation:iziT-fadeInUp .7s ease both;animation:iziT-fadeInUp .7s ease both}.iziToast.fadeInDown{-webkit-animation:iziT-fadeInDown .7s ease both;animation:iziT-fadeInDown .7s ease both}.iziToast.fadeInLeft{-webkit-animation:iziT-fadeInLeft .85s cubic-bezier(.25,.8,.25,1) both;animation:iziT-fadeInLeft .85s cubic-bezier(.25,.8,.25,1) both}.iziToast.fadeInRight{-webkit-animation:iziT-fadeInRight .85s cubic-bezier(.25,.8,.25,1) both;animation:iziT-fadeInRight .85s cubic-bezier(.25,.8,.25,1) both}.iziToast.flipInX{-webkit-animation:iziT-flipInX .85s cubic-bezier(.35,0,.25,1) both;animation:iziT-flipInX .85s cubic-bezier(.35,0,.25,1) both}.iziToast.fadeOut{-webkit-animation:iziT-fadeOut .7s ease both;animation:iziT-fadeOut .7s ease both}.iziToast.fadeOutDown{-webkit-animation:iziT-fadeOutDown .7s cubic-bezier(.4,.45,.15,.91) both;animation:iziT-fadeOutDown .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast.fadeOutUp{-webkit-animation:iziT-fadeOutUp .7s cubic-bezier(.4,.45,.15,.91) both;animation:iziT-fadeOutUp .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast.fadeOutLeft{-webkit-animation:iziT-fadeOutLeft .5s ease both;animation:iziT-fadeOutLeft .5s ease both}.iziToast.fadeOutRight{-webkit-animation:iziT-fadeOutRight .5s ease both;animation:iziT-fadeOutRight .5s ease both}.iziToast.flipOutX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation:iziT-flipOutX .7s cubic-bezier(.4,.45,.15,.91) both;animation:iziT-flipOutX .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast-overlay.fadeIn{-webkit-animation:iziT-fadeIn .5s ease both;animation:iziT-fadeIn .5s ease both}.iziToast-overlay.fadeOut{-webkit-animation:iziT-fadeOut .7s ease both;animation:iziT-fadeOut .7s ease both}@-webkit-keyframes iziT-revealIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,1)}100%{opacity:1}}@-moz-keyframes iziT-revealIn{0%{opacity:0;-moz-transform:scale3d(.3,.3,1)}100%{opacity:1}}@-webkit-keyframes iziT-slideIn{0%{opacity:0;-webkit-transform:translateX(50px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes iziT-slideIn{0%{opacity:0;-moz-transform:translateX(50px)}100%{opacity:1;-moz-transform:translateX(0)}}@-webkit-keyframes iziT-bounceInLeft{0%{opacity:0;-webkit-transform:translateX(280px)}50%{opacity:1;-webkit-transform:translateX(-20px)}70%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-webkit-keyframes iziT-bounceInRight{0%{opacity:0;-webkit-transform:translateX(-280px)}50%{opacity:1;-webkit-transform:translateX(20px)}70%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@-webkit-keyframes iziT-bounceInDown{0%{opacity:0;-webkit-transform:translateY(-200px)}50%{opacity:1;-webkit-transform:translateY(10px)}70%{-webkit-transform:translateY(-5px)}100%{-webkit-transform:translateY(0)}}@-webkit-keyframes iziT-bounceInUp{0%{opacity:0;-webkit-transform:translateY(200px)}50%{opacity:1;-webkit-transform:translateY(-10px)}70%{-webkit-transform:translateY(5px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}100%{opacity:1}}@-webkit-keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}100%{opacity:1}}@-o-keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}100%{opacity:1}}@keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}100%{opacity:1}}@-moz-keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@-o-keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@-moz-keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}100%{transform:translateX(0)}}@-webkit-keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}100%{transform:translateX(0)}}@-o-keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}100%{transform:translateX(0)}}@keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}100%{transform:translateX(0)}}@-moz-keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}100%{transform:translateX(0)}}@-webkit-keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}100%{transform:translateX(0)}}@-o-keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}100%{transform:translateX(0)}}@keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}100%{transform:translateX(0)}}@-moz-keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}100%{transform:translateY(0)}}@-webkit-keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}100%{transform:translateY(0)}}@-o-keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}100%{transform:translateY(0)}}@keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}100%{transform:translateY(0)}}@-moz-keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}100%{transform:translateY(0)}}@-webkit-keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}100%{transform:translateY(0)}}@-o-keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}100%{transform:translateY(0)}}@keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}100%{transform:translateY(0)}}@-moz-keyframes iziT-fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes iziT-fadeIn{from{opacity:0}to{opacity:1}}@-o-keyframes iziT-fadeIn{from{opacity:0}to{opacity:1}}@keyframes iziT-fadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes iziT-fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes iziT-fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes iziT-fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes iziT-fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes iziT-fadeInLeft{from{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInLeft{from{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes iziT-fadeInLeft{from{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInLeft{from{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes iziT-fadeInRight{from{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInRight{from{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes iziT-fadeInRight{from{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInRight{from{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes iziT-flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes iziT-flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-o-keyframes iziT-flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes iziT-flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-moz-keyframes iziT-fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes iziT-fadeOut{from{opacity:1}to{opacity:0}}@-o-keyframes iziT-fadeOut{from{opacity:1}to{opacity:0}}@keyframes iziT-fadeOut{from{opacity:1}to{opacity:0}}@-moz-keyframes iziT-fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes iziT-fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-o-keyframes iziT-fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes iziT-fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-moz-keyframes iziT-fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes iziT-fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-o-keyframes iziT-fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes iziT-fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-moz-keyframes iziT-fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@-webkit-keyframes iziT-fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@-o-keyframes iziT-fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@keyframes iziT-fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@-moz-keyframes iziT-fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@-webkit-keyframes iziT-fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@-o-keyframes iziT-fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@keyframes iziT-fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@-moz-keyframes iziT-flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@-webkit-keyframes iziT-flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@-o-keyframes iziT-flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes iziT-flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.iziToast{font-family: 'IRANSans', IRANSans, Arial;font-size: 14px;} /* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */ @media (max-width: 576px) { body, html { background-color: #f6f6f6 !important; } .header-voice{ font-size: 17px; } /*-------------tab------------------*/ #tab .nav-tabs .nav-item.show .nav-link, #tab .nav-tabs .nav-link.active { font-size: 11px; } #tab .nav-tabs .nav-link{ font-size: 11px; } #tab .tab-content { margin-top: 50px; } .chat-tab-content{ top: 37px; } /*-------------tab------------------*/ /*-------------content-box-card------------------*/ .content-box-card .card{ height: 100px; } .content-box-card .card .image-top-card { height: 100%; } .content-box-card .card .card-body { height: 100%; max-height: 100%; } .content-box-card .card .card-body .card-title{ font-size: 13px; } .content-box-card .card .card-body .card-cat{ font-size: 10px; } .content-box-card .card .card-pay{ font-size: 11px; left: 0; bottom: 7px; } /*-------------content-box-card------------------*/ /*page index */ header #header .menu button { font-size: 18px; } header #header .title-header a { font-size: 15px; } header #header .search a { font-size: 15px; } header #header .badge{ font-size: 6px; top: 0; right: -5px; } header #header .search form .form-control{ width: 130px; } /*------------------------------------------------------*/ .alert-e { font-size: 12px; } .alert-e.icon { font-size: 15px; } /*------------------------------------------------------*/ .border-story{ width: 70px; height: 70px; } .cricle-story{ width: 65px; height: 65px; } /*------------------------------------------------------*/ #link .Square { font-size: 13px; } #link .link-right { padding-left: 5px; } #link .link-left { padding-right: 5px; } #link .link-left .Square { padding-top: 40px; padding-bottom: 40px; padding-left: 3px; } #link .link-right .icon { font-size: 20px; } #link .link-left .icon { font-size: 35px; } #link .badge{ font-size: 9px; } /*------------------------------------------------------*/ .title-box span { font-size: 13px; } .title-box a { font-size: 11px; } .mt-learn{ margin-top: 80px; } /*------------------------------------------------------*/ .slider-learn .card .p1{ font-size: 12.5px; } .slider-learn .card .p2{ font-size: 12px; } .slider-learn .card .p3{ font-size: 14px; } .image-card-learn{ /*height: 110px;*/ } .image-card-stor{ border-radius: 11px; } /*------------------------------------------------------*/ .Products{ width: 100%; padding-top: 45%; } .Products .text img{ width: 75%; } .Products .text p{ font-size: 13px; margin: 0; } .Products .text span{ font-size: 9px; } .Products .text a{ padding: 2px 3px; font-size: 7px; } .Products .text a>span{ font-size: 7px; } /*------------------------------------------------------*/ .cat-seqare{ font-size: 13px; } .cat-seqare .text img{ height: 37px; } .pr{ padding: 0 15px 0 5px; } .pl{ padding: 0 5px 0 15px; } /*------------------------------------------------------*/ .baner{ /*height: 140px;*/ border-radius: 5px; } .baner a{ border-radius: 5px; } .baner img{ border-radius: 5px; } /*------------------------------------------------------*/ .slider-professors .circle-profesor{ width: 95px; height: 95px; } .slider-professors .txt1{ font-size: 12px; } .slider-professors .txt2{ font-size: 10px; } /*------------------------------------------------------*/ .slider-store .card .card-body .txt1, .slider-articles .card .card-body .txt1{ font-size: 12.5px; } .slider-store .card .card-body .txt2, .slider-articles .card .card-body .txt2{ font-size: 11px; } .slider-store .card .card-body .txt3{ font-size: 10px; } .line::before{ bottom: 7%; } /*------------------------------------------------------*/ .pill-hashtag{ font-size: 10px; margin-left: 2px; margin-right: 2px; width: 100px; padding: 5px; border-radius: 30px; } /*------------------------------------------------------*/ #menu .profile{ font-size: 13px; } #menu .profile .pic{ width: 100px; height: 100px; font-size: 40px; } #menu .title{ font-size: 12px; border-top: 1px solid #f5f5f5; } #menu .items a{ font-size: 12px; border-top: 1px solid #f3f3f3; } #menu .icon{ font-size: 20px; } .btn-chat{ border-radius: 9px; font-size: 12px; } /*modal*/ .out-account-user .modal-content { width: 75%; } .out-account-user .modal-header{ padding: 12px 10px; } .out-account-user .modal-header h5{ font-size: 13px; } .out-account-user .modal-body .title-body-modal-out{ font-size: 11px; } .out-account-user .modal-body .btn-modal{ font-size: 10px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*page search*/ #search-header #search-btn-back{ font-size: 20px; } #search-header .form-control::-webkit-input-placeholder { color: white; font-size: 15px; } #search-header .form-control:-moz-placeholder { color: white; font-size: 15px; } #search-header .form-control::-moz-placeholder { color: white; font-size: 15px;} #search-header .form-control:-ms-input-placeholder { color: white; font-size: 15px;} #search-header .form-control::-ms-input-placeholder { color: white; font-size: 15px;} /*------------------------------------------------------*/ #search-nav-file .content-box-card .card .card-body-file{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #search-nav-file .content-box-card .card .card-body-file .right{ position: absolute; } #search-nav-file .content-box-card .card .card-body-file .left{ left: 2px; } #search-nav-file .content-box-card .card .card-body-file .left .card-show{ font-size: 10px; padding: 3px 9px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*page login*/ #login .logo-img img{ width: 45%; } #login .login-txt{ width: 82%; border-radius: 30px 30px 0 0; } #login .login-txt .login-txt-1{ font-size: 15px; } #login .login-txt .login-txt-2{ font-size: 11px; } /*------------------------------------------------------*/ #login-inf form{ width: 82%; border-radius: 0 0 30px 30px; } #login-inf form p{ font-size: 12px; } #login-inf form .input-group{ height: 36px; } #login-inf form button{ font-size: 12px; } #login-inf form .drop-down { height: 36px; font-size: 13px; padding: 4px 15px; } #login-inf form .drop-down .select-list { margin-top: 40px; } #login-inf form .drop-down .select-list li span { padding: 5% 59px; font-size: 12px; } #login-inf form .drop-down .button span{ padding-left: 38px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*list dore*/ #header-red .header-content{ font-size: 17px; } /*------------------------------------------------------*/ .title-list-dore{ font-size: 13px; } /*------------------------------------------------------*/ #list-dore-category .list-dore-slider-category .card-body p{ font-size: 13px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ #daste_bandi-cat .image-box{ font-size: 18px; padding-top: 15%; padding-bottom: 15%; } #daste_bandi-cat .image-box .text{ font-size: 15px; } #daste_bandi-cat .image-box .text img{ height: 30px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*train page*/ .slider-train{ height: 180px; } .back{ top: 5px; left: 15px; } .back img{ width: 20px; } /*------------------------------------------------------*/ #train-nav-desc-tab .description-tab .txt1 .title p{ font-size: 14px; } .bookmark{ font-size: 25px; } #train-nav-desc-tab .description-tab .btn-desc{ font-size: 13px; padding: 7px; } #train-nav-desc-tab .description-tab .count{ font-size: 15px; } #train-nav-desc-tab .description-tab .txt-desc .txt4{ font-size: 13px; letter-spacing: 0.5px; } #train-nav-desc-tab .description-tab .txt-desc .more{ font-size: 13.41px; } #train-nav-desc-tab .description-tab .txt-desc .more span{ font-size: 20px; } /*------------------------------------------------------*/ .tad-description .nav-tabs .nav-item.show .nav-link, .tad-description .nav-tabs .nav-link.active{ font-size: 10px !important; } .tad-description .nav-tabs .nav-link{ font-size: 10px !important; } /*------------------------------------------------------*/ .content-box-card-dore .card .image-top-card{ height: 100%; } .content-box-card-dore .card .card-body{ max-height: 90px; height: 90px; } .content-box-card-dore .card .card-body .card-title{ font-size: 11px; } .content-box-card-dore .card .card-body .inf{ font-size: 9px; } .content-box-card-dore .card .card-body .inf img{ height: 20px; } .content-box-card-dore .card .card-body-top{ height: 90px; } .content-box-card-dore .card-footer{ height: 30px; } .percentage{ font-size: 8.5px; } .number-percentage{ font-size: 12px; } /*------------------------------------------------------*/ .cricle-comment{ margin-right: 0.9rem!important; } .cricle-comment img{ width: 45px; height: 45px; font-size: 19px; } .cricle-comment::before{ width: 10px; height: 10px; } .square-comment{ width: 72%; } .square-comment::after{ top: 45%; right: -18px; border-top: 7px solid transparent; border-left: 18px solid #fff; border-bottom: 7px solid transparent; } .square-comment::before{ top: 43.5%; right: -18px; border-top: 9px solid transparent; border-left: 18px solid #e8e8e8; border-bottom: 9px solid transparent; } .square-comment .comment-user{ font-size: 11px; } .square-comment .bottom-date{ font-size: 9px; } .square-comment .bottom-comment .right-comment-bottom .file .Kind-file{ font-size: 10px; } .square-comment .bottom-comment .right-comment-bottom .file .time-file{ font-size: 8px; } .square-comment .bottom-comment .btn-show{ padding: 4px 10px; font-size: 10px; } .add-comment{ font-size: 15px; } .comment::before{ right: 5px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*profile page*/ #tab .nav-tabs .nav-link-top{ font-size: 11px!important; } /*------------------------------------------------------*/ .user-img img{ width: 50px; height: 50px; } .card-qu{ padding: 7px 12px; border-radius: 10px; border: 1.5px solid#e6e6e6; } .card-qu-video::before{ border-right: 5px solid#018e1c; right: 0; } .card-qu-voice::before{ border-right: 5px solid#a01944; right: 0; } .card-qu-text::before{ border-right: 5px solid#01728e; right: 0; } .card .user-information .user-name{ font-size: 11.24px; } .card .user-information .date{ font-size: 9px; } .card .top-content .text{ font-size: 11px; } .card .top-content .kind-file{ font-size: 11.41px; } .card .top-content .time-file{ font-size: 8.19px; } .card .top-content .play-file{ font-size: 9px; padding: 3px 9px; } .like-icon{ font-size: 11.38px; } .card .bottom-content .details{ font-size: 11.41px; } .card .bottom-content .details::after{ top: 0; } .border-right { border-right: 1px solid #dee2e6!important; } .border-top { border-top: 0 solid #dee2e6!important; } .card .top-content .top-content-text{ visibility: hidden; display: none; } /*------------------------------------------------------*/ .user-profile .img-profile-bprder{ width: 120px; height: 120px; border: 1.5px solid #e8e8e8; } .user-profile .img-profile-bprder img{ width: 105px; height: 105px; } .user-profile .img-profile-bprder .close-img{ width: 25px; height: 25px; top: 9px; left: 10px; font-size: 23px; } .user-profile .img-profile-bprder .close-img::before{ top: 0; left: 0; right: 10px; bottom: 9px; } .user-profile .information-profile .info-lbl{ font-size: 12.24px; } .user-profile .information-profile .info-user{ font-size: 14px; } .user-profile .btn-info-edit{ padding: 5px 29px; font-size: 14px; } .user-profile .code-moaref{ font-size: 13px; } .user-profile .copy-code{ font-size: 13px; } .user-profile .number-code{ font-size: 22.48px; width: 75%; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*charging wallet page*/ .wallet-stock .lbl-1{ font-size: 11.32px; } .wallet-stock .lbl-2{ font-size: 17.72px; } .wallet-stock .lbl-2 span{ font-size:9.7px; } .bg-img-header{ height: 60px; left: 95px; } /*------------------------------------------------------*/ .account-increase .title{ font-size: 12.23px; } .account-increase form .form-control{ padding:0 29px 3px 0; font-size: 10px; } .account-increase form input::-webkit-input-placeholder { font-size: 10px; } .account-increase form input::-moz-placeholder { font-size: 10px; } .account-increase form input:-ms-input-placeholder { font-size: 10px; } .account-increase form input::-ms-input-placeholder { font-size: 10px; } .account-increase form input::placeholder { font-size: 10px; } .account-increase form .icon-input{ margin-top: -2px; } .account-increase form .icon-input img{ height: 23px; } .account-increase form .lbl-3{ font-size: 10px; } .account-increase form .pay-btn{ font-size: 14.86px; width: 130px; } /*------------------------------------------------------*/ .title-history{ font-size: 19px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*me-dore page*/ .card-box .card{ padding: 7px 1px 5px 1px; } .card-box .p4{ font-size: 12px; } .card-box .p5{ font-size: 10px; } .card-box .p6{ font-size: 10px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*favorites page*/ .card-box-content .card{ height: 115px; } .card-box-content .card-box-dore{ height: 100px; } .card-box-content .card .row .card-body{ padding: 5px 10px; } .card-box-content .card .row .card-body .title .txt5{ font-size: 12px; } .card-box-content .card .row .card-body .title .icon{ font-size: 20px; } .card-box-content .card .row .card-body .kind-file{ font-size: 12px; } .card-box-content .card .row .btn-show-file{ font-size: 11px; } .card-box-content .card .row .card-body .count-file{ font-size: 12px; } .card-box-content .card .row .card-body .pay-text{ font-size: 12px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*list-teacher page*/ .teacher-card .card{ height: 120px; } .teacher-card .card .row .teacher-img-top .teacher-img{ width: 90px; height: 90px; } .teacher-card .card .row .card-body{ padding: 5px 5px 10px 9px; } .teacher-card .card .row .card-body hr{ margin: 8px 0; } .teacher-card .card .row .card-body .text-top .name{ font-size: 14px; } .teacher-card .card .row .card-body .text-top .txt6{ font-size: 10px; } .teacher-card .card .row .card-body .desc{ font-size: 9px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*basket-buy page*/ .card-box-basket .card{ height: 110px; } .card-box-basket .card .card-body{ padding: 5px 8px; } .card-box-basket .card .card-body .title{ font-size: 13px; } .card-box-basket .card .card-body .pay{ font-size: 13px; } .card-box-basket .card .card-body .color-card p{ font-size: 10px; } .card-box-basket .card .card-body .txt7{ font-size: 10px; } .card-box-basket .card .card-body .txt7 .size{ font-size: 10.5px; } .card-box-basket .price{ font-size: 11px; } .btn-buy{ font-size: 10px; padding: 10px 0; border-radius: 7px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*orders page*/ .order-box .right-box{ font-size: 11px; } .order-box .right-box .txt-rotate{ top: 30%; } .order-box .left-box .top p{ font-size: 12px; } .order-box .left-box .top .icon{ font-size: 10px; } .order-box hr{ margin: 10px 0; } .order-box .bottom{ font-size: 11px; } .order-box .bottom img{ height: 17px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*message-inbox page*/ .contact-us .inf-contact .title{ font-size: 12px; } .contact-us .inf-contact .list li a{ font-size: 13px; } .contact-us .inf-contact .list li .icon{ font-size: 12px; margin-right: 10px; } .contact-us .link ul{ font-size: 50px; } .contact-us .link ul li a img{ height: 30px; } .contact-us .description-contact span{ font-size: 18px; } .contact-us .description-contact p{ font-size: 12px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*store page*/ .price-number { margin-top: 5px !important; } .price-number .card-pay-off{ font-size: 11px; } .price-number .card-price{ font-size: 11px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*teacher page*/ .teacher .teacher-img img{ width: 100px; height: 100px; } .teacher .teacher-name{ font-size: 17px; } .teacher .teacher-count{ font-size: 11px; } .teacher .teacher-desc{ font-size: 11px; } .teacher .more-btn{ font-size: 10.41px; } .teacher .more-btn span{ font-size: 16px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*complete-information-1 page*/ .address-buy .txt11 p{ font-size: 11px; } .address-buy .txt11 span .icon-check{ font-size: 28px; } .address-buy .btn-address button{ font-size: 12px; } .add-address a{ font-size: 15px; padding: 7px 25px; } .title-inf{ font-size: 15.86px; } /*------------------------------------------------------*/ .txt-12{ font-size: 12px; margin-top: 2px; } .txt-13{ font-size: 11px; } .kind-post .box button { font-size: 16px; margin-top: 5px; } .btn-confirmation-buy button{ font-size: 14px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*complete-information-2 page*/ .info-user-buy{ padding: 10px; } .info-user-buy .txt-15{ font-size: 11px; } .info-user-buy input{ font-size: 14px; width: 64.5%; } /*------------------------------------------------------*/ .code .code-off{ padding: 5px; } .txt-title{ font-size: 20.86px; } .add-off{ padding: 7px 30px !important; } /*------------------------------------------------------*/ table .name-pro{ font-size: 10.16px; } table .txt-16{ font-size: 12.24px; } table .td-table-fact .table-fact .txt-17{ font-size: 14.78px; } table .td-table-fact .table-fact input{ font-size: 12.24px; } table .sum-fact input{ font-size: 20.55px; } table .color-h-t{ font-size: 14.78px; } table .sum-fact .txt-18{ font-size: 14.78px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*massage-inbox page*/ .box .top .txt10 .title{ font-size: 13px; } .box .top .txt10 .date-time{ font-size: 9px; } .box .top .icon-massage img{ width: 50px; height: 50px; } .box .top .badge-massage{ top: 13px; left: 11px; } .box .bottom .message{ font-size: 11.25px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*favorite products page*/ .card-box-pro{ border-radius: 10px; padding: 7px; } .card-box-pro .img-pro{ border-radius: 10px; } .card-box-pro .card-body{ padding:0; } .txt-19{ font-size: 10.11px; } .txt-20{ font-size: 11.42px; margin: 5px 0 !important; } .price-number .card-pay-off-p{ font-size: 8.42px; } .price-number .card-pay-off-p::before{ bottom: 5px; } .price-number .card-price-p{ font-size: 9.76px; } .plr{ padding-left: 6px; padding-right: 6px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*order show page*/ .txt-21{ font-size: 13.78px; text-align: start; } .txt-22{ font-size: 15px; } .txt-23{ font-size: 23.55px; } .txt-24{ font-size: 13.36px; } .txt-25{ font-size: 15px; } .td-custom{ padding: 4px .75rem !important; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*question show page*/ .card-qu-show{ border: 1.5px solid#e6e6e6; } .card-qu-show .right-qu .image-pro img{ width: 55px; height: 55px; } .card-qu-show .right-qu .name-qu{ font-size: 11.24px; } .card-qu-show .right-qu .date-qu{ font-size: 10px; } .card-qu-show .right-qu::after{ top: 10px; height: 95%; } .left-qu .question{ font-size: 9px; } .btn-show-qu{ font-size: 9px; padding: 3px 20px; border-radius: 8px; } /*------------------------------------------------------*/ .answer{ width: 90%; } .answer::before{ top: -16.5px; right: 32px; } .answer .image-admin img{ width: 50px; height: 50px; } .answer .answer-title{ font-size: 13px; } .answer .answer-date{ font-size: 10px; } .answer .answer-bottom p{ font-size: 11.24px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*question page*/ .search{ width: 95%; } .search input{ padding:0 10px; } .search input::-webkit-input-placeholder { font-size: 12px; } .search input::-moz-placeholder { font-size: 12px; } .search input:-ms-input-placeholder { font-size: 12px; } .search input::-ms-input-placeholder { font-size: 12px; } .search input::placeholder { font-size: 12px; } .search input:-ms-input-placeholder { font-size: 12px; } .search input::-ms-input-placeholder { font-size: 12px; } .icon-search{ font-size: 20px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*add question page*/ .comment-box form{ padding:10px; } .comment-box form input{ border-radius: 11px; padding: 18px; border: 1.5px solid #e6e6e6; } .comment-box form textarea{ height: 120px; border-radius: 13px; padding: 10px 17px; border: 1.5px solid #e6e6e6; } .comment-box form input::-webkit-input-placeholder, .comment-box form textarea::-webkit-input-placeholder { font-size: 12px; } .comment-box form input::-moz-placeholder, .comment-box form textarea::-moz-placeholder { font-size: 12px; } .comment-box form input:-ms-input-placeholder, .comment-box form textarea:-ms-input-placeholder { font-size: 12px; } .comment-box form input::-ms-input-placeholder, .comment-box form textarea::-ms-input-placeholder { font-size: 12px; } .comment-box form input::placeholder, .comment-box form textarea::placeholder { font-size: 12px; } .comment-box form input:-ms-input-placeholder, .comment-box form textarea:-ms-input-placeholder{ font-size: 12px; } .comment-box form input::-ms-input-placeholder, .comment-box form textarea::-ms-input-placeholder{ font-size: 12px; } .file-upload{ height: 140px; border: 2px dashed #c9c9c9; border-radius: 12px; font-size: 11px; } .file-upload img{ height: 40px; } .comment-box form .btn-send{ font-size: 13px; width: 150px; } /*------------------------------------------------------*/ /*done upload file*/ .file-upload-done{ border: 1.5px dashed #fd5759; } .image-done{ width: 80px; height: 66px; border-radius: 8px; } .txt-26{ font-size: 12px; } .delete-file{ font-size: 8px; left: 7px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*chat page*/ .card-chat-show{ padding: 13px 13px; border-top: 1.5px solid#e6e6e6; border-bottom: 1.5px solid#e6e6e6; } .card-chat{ padding: 10px; border: 1.5px solid#e6e6e6; border-radius: 10px; } .card-chat-answer{ width: 90%; padding: 13px 12px; border: 2px dashed#cdcdcd; border-radius: 15px; } .card-chat-answer::before{ top: -16.6px; right: 40px; } .card-chat-box .info-user-chat .image-users img{ width: 45px; height: 45px; } .card-chat-box .info-user-chat .name-users{ font-size: 12px; } .card-chat-box .info-user-chat .info-users{ font-size: 10px; } .card-chat-box .info-user-chat .date-time-chat{ font-size: 11px; } .card-chat-box .text-chat .title-chat{ font-size: 12px; } .card-chat-box .text-chat .txt-28{ font-size: 11.24px; } .card-chat-box .hashtag-chat .hashtag{ border-radius:30px; font-size: 10px; } .visited{ font-size: 11px; } .card-chat-box hr{ margin-top: 9px; margin-bottom: 9px; } .icon-bar-center{ height: 18px; } /*------------------------------------------------------*/ /*chat show page*/ .btn-ans-chat{ font-size: 15px; padding: 8px 0; } .btn-ans-chat img{ height: 25px; } .btn-ans-ans img{ height: 11px; } .btn-ans-ans{ padding: 4px 25px; font-size: 11px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*add address page*/ .add-address-page form{ padding: 0 15px; } .add-address-page .form-group{ margin-top: 20px; } .add-address-page form .form-input{ padding: 4px 17px; height: 45px; } .add-address-page form .lbl-title{ font-size: 14px; margin-right: 20px; } .add-address-page form option, .add-address-page form select{ font-size: 12px; } .add-address-page form input::-webkit-input-placeholder { font-size: 12px; } .add-address-page form input:-ms-input-placeholder { font-size: 12px; } .add-address-page form input::-moz-placeholder { font-size: 12px; } .add-address-page form input::-ms-input-placeholder { font-size: 12px; } .add-address-page form input::placeholder { font-size: 12px; } .add-address-page form .btn-address{ font-size: 15px; width: 150px; border-radius: 8px; padding: 7px 0; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*product page page*/ .bask-buy-header .badge-basket{ width: 10px; height: 10px; font-size: 8px; padding: 2px; } /*------------------------------------------------------*/ .products-slider-single .slick-slide{ /*height: 180px;*/ border-radius: 13px; } /*------------------------------------------------------*/ .product-name{ border-radius: 10px; width: 73%; padding: 0 10px; } .product-points{ border-radius: 10px; width: 25%; padding: 5px 0; } .txt-29{ font-size: 20px; } .txt-30{ font-size: 11px; } .txt-31 span{ font-size: 8px; border-radius: 10px; padding: 1px 8px; } .txt-32{ font-size: 14px; } .txt-33{ font-size: 13px; } .txt-34{ font-size: 15px; } /*------------------------------------------------------*/ .notify { height: 45px; } .btn-product-bx a{ font-size: 9px; padding: 0 7px; } .btn-product-bx span{ font-size: 12px; margin-top: 4px; } /*------------------------------------------------------*/ .box-p-inf{ width: 30px; height: 30px; font-size: 8px; } .txt-35{ font-size: 12.24px; } .dote-color-pro{ width: 8px; height: 8px; } .txt-36{ margin-top: 1px; } /*------------------------------------------------------*/ .product-description{ font-size: 12px; } .btn-pro{ font-size: 12.41px; } .txt-37{ font-size: 13.99px; } .add-basket-buy a{ font-size: 14px; } .btn-add-comment-plus{ width: 50px; height: 50px; font-size: 29px; margin-right: 0; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*corse page*/ .download-file{ font-size: 13px; padding: 8px; } .download-file img{ height: 20px; } /*------------------------------------------------------*/ .card-corse .btn-buy-file{ font-size: 7px; padding: 2px 5px; } .card-corse .btn-buy-file img{ height: 10px; } .card-corse .hashtag-corse{ font-size: 11px; padding: 1px 12px; } .card-corse hr{ margin-top: 13px; margin-bottom: 0; } .card-corse .top-corse{ padding: 5px 3px; height: 60px; max-height: 60px; } .card-corse .bottom-corse{ padding: 5px 0; } .txt-38{ font-size: 11px; } .txt-39{ font-size: 10px; } .txt-40{ font-size: 11.79px; } .txt-41{ font-size: 11px; } .icon-style{ font-size: 15px; } .text-42{ font-size: 10px; } .keep-div{ visibility: hidden; display: none; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*channel page*/ .info-channel{ padding: 9px; } .image-channel img{ width: 80px; height: 80px; } .name-channel{ font-size:11px ; } .name-channel img{ height: 12px; } .bio-channel{ font-size:10px ; } .time-channel{ font-size:13.3px ; } .badge-channel{ font-size:10px ; width: 15px; height: 15px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*post comment page*/ .title-comment{ font-size: 15px; } .box-kind-comment{ font-size: 13px; padding: 10px; border-radius: 9px; } .box-kind-comment img{ height: 35px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*voice record page*/ .btn-recorder{ width: 180px; height: 180px; font-size: 18px; } .btn-recorder img{ height: 90px; } .btn-recorder-next{ width: 90px; height: 90px; font-size: 15px; } .icon-recorder{ font-size: 20px; } .text-recorder{ font-size: 13px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*learn app page*/ .video-app{ padding: 10px; } .title-video{ font-size:13px; } .text-video{ font-size:10px; } .video-app-player-sect{ height: 110px; } .video-js .vjs-big-play-button { font-size: 34px !important; width: 50px !important; height: 50px !important; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*channel page*/ .pic-channel{ width: 40px; height: 40px; } .channel-name{ font-size: 11px; } .channel-member{ font-size: 10px; } /*------------------------------------------------------*/ .card-channel .channel-title{ font-size: 12px; } .card-channel .channel-text{ font-size: 10px; } .card-channel .channel-count-visit{ font-size: 9px; } .card-channel .channel-icon{ font-size: 11px; margin-left: 4px; } .card-channel .channel-btn-comment{ font-size: 7px; } .card-channel hr{ margin-top: 5px; margin-bottom: 5px; } .btn-voice{ width: 40px; height: 40px; font-size: 12px; } .btn-adio-channel{ width: 26%; padding: 0 0 0 8px; } .adio-channel{ width: 70%; padding: 10px 25px 0 0; } .hajme-file{ font-size:9px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*hashtag page*/ .hashtag-page .pill{ font-size: 11px; } .hashtag-page .title-hashtag{ font-size: 12px; } .txt-50{ font-size: 13px; } /*------------------------------------------------------*/ /*modal star point*/ .star-points .modal-header{ background-color: #fd5759; color: #fff; padding: 12px 10px; } .star-points .modal-header h5{ font-size: 13px; } .star-points .modal-content { width: 80%; margin: auto; } .star-points .btn-reg-star{ padding: 8px 40px; font-size: 11px; } .star-rating label.star-icon { font-size: 30px; } /*------------------------------------------*/ /*hashtag all page*/ .col-p{ padding-left:5px; padding-right:5px; } .pill-hashtag-p{ font-size: 11px; padding: 8px; } /*------------------------------------------*/ /* The Modal (background) index slider */ /* The Close Button */ .close-modal-slide { left: 13px; font-size: 21px; } /*------------------------------------------*/ /* The Modal index story */ .modal-content-story { width: 100%; } .close-story { top: 15px; font-size: 20px; } .prev-story, .next-story, .point-story{ font-size: 11px; } .next-story { left: 5px; } .prev-story { right: 5px; } /*------------------------------------------*/ /*code*/ .code-txt-1{ font-size:13px; } .code-text-3{ font-size:12px; } .code-text-3::before{ width: 117px; } #otp-content input[type=tel] { width: 22px; font-size: 13px; margin: 0 5px; } .code-text-4{ font-size: 13px; } .code-text-5{ font-size: 14px; } .btn-login-code{ font-size: 14px; } .code-text-2{ font-size: 12px; } /*------------------------------------------------------*/ /*article page */ .img-article{ height: 195px; } #header-red-fixed .header-content{ font-size: 20px; } .article-title{ padding: 12px; } .article-content{ padding: 0 15px; } .title-article-page{ font-size: 18px; } .article-content .img-article-content{ width: 100%; height: 175px; } .dsc-article{ font-size: 12px; } /*------------------------------------------------------*/ /* user profile page */ .text-10{ font-size: 11px !important; padding: 0 15px !important; } .gender { font-size: 17px; margin-left: 10px; margin-right: 10px; } .gender .checkmark { font-size: 23px; } .login-info-user input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 12px; } .login-info-user input::-moz-placeholder { /* Firefox 19+ */ font-size: 12px; } .login-info-user input:-ms-input-placeholder { /* IE 10+ */ font-size: 12px; } .login-info-user input:-moz-placeholder { /* Firefox 18- */ font-size: 12px; } /*------------------------------------------------------*/ /* add access page */ .txt-access{ font-size: 10px; } /*modal*/ .access-add-modal .alert-add-access{ padding: 5px 10px; font-size: 12px; } .access-add-modal .alert-add-access .icon-alert{ font-size: 20px; } .access-add-modal .alert-add-access .alert-title{ margin-right: 8px; } .access-add-modal .modal-body form .plr-form-tell{ padding: 0 30px; } .access-add-modal .modal-body form .input-group .input-tell{ margin-left: 10px; width: 77%; } .access-add-modal .modal-body form .btn-add-tell{ font-size: 12px; } .txt-alert-m{ font-size: 11px; } .input-access-info{ font-size: 12px; } .btn-modal{ width: 48.4%; padding: 8px; font-size: 13px; } /*------------------------------------------------------*/ /* modal page profile */ .modal-edit-profile .modal-header{ padding: 13px 10px; font-size: 15px; } .modal-edit-profile .modal-header .close{ font-size: 20px; } .modal-edit-profile .edit-info-user .input-modal-edit{ padding: 10px 10px; font-size: 13px; } .modal-edit-profile .edit-info-user p{ font-size: 14px; } /*------------------------------------------------------*/ /*video player page course */ #slider-block,#video-block{ height: 200px; } /*book mark*/ .bookmark-add { font-size: 25px; } .bookmark-add-p { font-size: 25px; } .bookmark-add-c { font-size: 15px; } /*------------------------------------------------------*/ /* modal page train pardakht */ .text-80{ font-size: 12px; } .border-l{ height: 50px; } .btn-p{ font-size: 11px; } .icon-p{ height: 50px; } .text-81{ font-size:12px; } .text-82{ font-size:17.5px; } .text-82 span{ font-size:11.43px; } .text-85{ font-size:20px; } .text-85 span{ font-size:15.54px; } .text-83{ font-size:20px; } .text-83 span{ font-size:15.54px; } .text-84{ font-size:10px; } .modal-pay .input-group .form-control{ font-size: 8.37px; padding: 15px 15px; } .modal-pay .input-group .btn-cod-off{ font-size: 11px; padding: 0 13px; } .modal-pay .btn-pay-s{ font-size:15px; } .image-sal img{ height: 130px; } /*------------------------------------------------------*/ .modal-post-address .c-modal{ font-size: 13px; } .btn-down a{ font-size: 11px; } .card-bd{ height:90px; max-height: 90px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .card-bd-a{ height: 75px; max-height: 75px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .card-h{ max-height: 128px; height: 128px; } .card-h-c{ max-height: 100%; height: 100%; } .row-h-c{ max-height: 80px; height: 80px; } .body-h-c{ max-height: 80px; height: 80px; } .img-h-c{ max-height: 80px; height: 80px; } .text-story-all{ font-size: 12px; } .text-story-all .icon-time{ font-size: 17px; } .text-condition{ font-size: 12px; } .fixed-hash{ top: 38px; } .fixed-tab{ top: 80px; } .card-hashtag{ border-radius: 15px; } .card-hashtag .row-card .hashtag{ font-size: 10px; padding: 3px 20px; } .card-hashtag .row-card .img-hashtag{ width: 170px; border-radius: 15px; } .card-hashtag .row-card .img-hashtag img{ border-radius: 15px; } .card-hashtag .row-card .txt-90{ padding: 0 10px 0 10px ; } .card-hashtag .row-card .txt-91{ font-size: 11px; } .card-hashtag .row-card .txt-92{ font-size: 11px; } .h-1{ height: 90px; max-height: 90px; padding: 7px; } .h-2{ height: 40px; max-height: 40px; padding: 0 7px 7px 7px; } .play-video-h{ padding-top: 10px; font-size: 35px; } /*------------------------------------------------------*/ /* hashtag-post page */ .title-p{ font-size: 13px; } .desc-p{ font-size: 13px; } .txt-p{ font-size: 11px; } .hashtag-post{ font-size: 11px; } .bdy{ height: 85px; } .bdy-txt{ padding: 20px 8px 0 0; } .btn-hashtag{ border-radius: 10px; padding: 7px; font-size: 11px; } .img-hashtag-p{ width: 170px; border-radius: 20px; } .bdy-dsc{ padding-top: 10px; } .bdy-hashtag{ padding-top: 15px; } .image-top-cource{ height:91px; } #link .link-right .top { height: 65px; } #link .link-right .bottom { height: 65px; } #link .link-left .Square { height: 141px; } .w-60{ width: 25px; height: 25px; } .w-90{ width: 35px; height: 35px; } .icon-a{ width: 35px; height: 35px; padding: 7px; border-radius: 11px; } .scroll-modal-h{ height: 350px } .img-favorite-top { height: 105px; } .he-body{ height: 100%; } .br-20{ border-radius: 15px; } .add-comment-new{ font-size: 15px; } .bottom-basket-buy{ width: 100%; } } @media (max-width: 768px) and (min-width: 576px) { .header-voice{ font-size: 18px; } /*-------------tab------------------*/ #tab .nav-tabs .nav-item.show .nav-link, #tab .nav-tabs .nav-link.active{ font-size: 13px; } #tab .nav-tabs .nav-link{ font-size: 13px; } #tab .tab-content { margin-top: 55px; } .chat-tab-content{ top: 42px; } /*-------------tab------------------*/ /*-------------content-box-card------------------*/ .content-box-card .card{ height: 115px; } .content-box-card .card .image-top-card { height: 100%; } .content-box-card .card .card-body { height: 100%; max-height: 100%; } .content-box-card .card .card-body .card-title{ font-size: 15px; } .content-box-card .card .card-body .card-cat{ font-size: 11px; } .content-box-card .card .card-pay{ font-size: 14px; left: 0; bottom: 10px; } /*-------------content-box-card------------------*/ /*page index */ header #header .menu button { font-size: 18px; } header #header .title-header a { font-size: 15px; } header #header .search a { font-size: 15px; } header #header .badge{ font-size: 7px; top: 1px; right: -8px; } header #header .search form .form-control{ width: 170px; } /*------------------------------------------------------*/ .alert-e { font-size: 12px; } .alert-e .icon { font-size: 15px; } /*------------------------------------------------------*/ .border-story{ width: 80px; height: 80px; } .cricle-story{ width: 75px; height: 75px; } /*------------------------------------------------------*/ #link .Square { font-size: 14px; } #link .link-right { padding-left: 5px; } #link .link-left { padding-right: 5px; } /*------------------------------------------------------*/ .title-box span { font-size: 13px; } .title-box a { font-size: 11px; } .mt-learn{ margin-top: 80px; } /*------------------------------------------------------*/ .slider-learn .card .p1{ font-size: 13px; } .slider-learn .card .p2{ font-size: 12px; } .slider-learn .card .p3{ font-size: 14px; } .image-card-learn{ /*height: 145px;*/ } .image-card-stor{ border-radius: 13px; } /*------------------------------------------------------*/ .Products{ width: 100%; padding-top: 33%; } .Products .text p{ font-size: 21px; margin: 0; } .Products .text span{ font-size: 12px; } .Products .text a{ padding: 2px 3px; font-size: 10px; } .Products .text a>span{ font-size: 9px; } /*------------------------------------------------------*/ .cat-seqare{ font-size: 15px; } .cat-seqare .text img{ height: 43px; } .pr{ padding: 0 15px 0 7px; } .pl{ padding: 0 7px 0 15px; } /*------------------------------------------------------*/ .baner{ /*height: 200px;*/ border-radius: 8px; } .baner a{ border-radius: 8px; } .baner img{ border-radius: 8px; } /*------------------------------------------------------*/ .slider-store .card .card-body .txt1, .slider-articles .card .card-body .txt1{ font-size: 14px; } .slider-store .card .card-body .txt2, .slider-articles .card .card-body .txt2{ font-size: 12px; } .slider-store .card .card-body .txt3{ font-size: 12px; } /*------------------------------------------------------*/ .slider-professors .circle-profesor{ width: 100px; height: 100px; } .slider-professors .txt1{ font-size: 14px; } .slider-professors .txt2{ font-size: 10px; } /*------------------------------------------------------*/ .slider-store .card .card-body .txt1{ font-size: 14px; } .slider-store .card .card-body .txt2{ font-size: 12px; } .slider-store .card .card-body .txt3{ font-size: 12px; } /*------------------------------------------------------*/ .pill-hashtag{ font-size: 12px; width: 135px; padding: 6px; border-radius: 30px; } /*------------------------------------------------------*/ #menu .profile{ font-size: 18px; } #menu .profile .pic{ width: 120px; height: 120px; font-size: 50px; } #menu .title{ font-size: 14px; border-top: 1.5px solid #f5f5f5; } #menu .items a{ font-size: 14px; border-top: 1.5px solid #f3f3f3; } #menu .icon{ font-size: 25px; } .btn-chat{ border-radius: 9px; font-size: 15px; } /*modal*/ .out-account-user .modal-content { width: 55%; } .out-account-user .modal-header h5{ font-size: 14px; } .out-account-user .modal-body .title-body-modal-out{ font-size: 13px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*page search*/ #search-header #search-btn-back{ font-size: 22px; } #search-header .form-control::-webkit-input-placeholder { color: white; font-size: 18px; } #search-header .form-control:-moz-placeholder { color: white; font-size: 18px; } #search-header .form-control::-moz-placeholder { color: white; font-size: 18px;} #search-header .form-control:-ms-input-placeholder { color: white; font-size: 18px;} #search-header .form-control::-ms-input-placeholder { color: white; font-size: 18px;} /*------------------------------------------------------*/ #search-nav-file .content-box-card .card .card-body-file{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #search-nav-file .content-box-card .card .card-body-file .right{ position: absolute; } #search-nav-file .content-box-card .card .card-body-file .left{ left: 10px; } #search-nav-file .content-box-card .card .card-body-file .left .card-show{ font-size: 11px; padding: 5px 15px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*page login*/ #login .login-txt{ width: 78%; border-radius: 30px 30px 0 0; } #login .login-txt .login-txt-1{ font-size: 20px; } #login .login-txt .login-txt-2{ font-size: 15px; } /*------------------------------------------------------*/ #login-inf form{ width: 78%; border-radius: 0 0 30px 30px; } #login-inf form p{ font-size: 15px; } #login-inf form .input-group{ height: 45px; } #login-inf form button{ font-size: 17px; } #login-inf form .drop-down { height: 45px; font-size: 15px; padding: 10px 20px; } #login-inf form .drop-down .select-list { margin-top: 42px; } #login-inf form .drop-down .select-list li span { padding: 5% 59px; font-size: 13px; } #login-inf form .drop-down .button span{ padding-left: 42px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*list dore*/ #header-red .header-content{ font-size: 18px; } /*------------------------------------------------------*/ .title-list-dore{ font-size: 14px; } /*------------------------------------------------------*/ #list-dore-category .list-dore-slider-category .card-body p{ font-size: 15px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*category page*/ #daste_bandi-cat .image-box{ padding-top: 13%; padding-bottom: 13%; } #daste_bandi-cat .image-box .text{ font-size: 18px; } #daste_bandi-cat .image-box .text img{ height: 35px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*train page*/ .slider-train{ height: 230px; } .back{ top: 10px; left: 15px; } .back img{ width: 27px; } /*------------------------------------------------------*/ #train-nav-desc-tab .description-tab .txt1 .title p{ font-size: 18px; } .bookmark{ font-size: 28px; } #train-nav-desc-tab .description-tab .btn-desc{ font-size: 15px; } #train-nav-desc-tab .description-tab .count{ font-size: 17px; } #train-nav-desc-tab .description-tab .txt-desc .txt4{ font-size: 14.5px; letter-spacing: 0.5px; } #train-nav-desc-tab .description-tab .txt-desc .more{ font-size: 14.41px; } #train-nav-desc-tab .description-tab .txt-desc .more span{ font-size: 21px; } /*------------------------------------------------------*/ .content-box-card-dore .card .image-top-card{ height: 100%; } .content-box-card-dore .card .card-body{ max-height: 115px; height: 115px; } .content-box-card-dore .card .card-body hr{ margin-top: 2rem; margin-bottom: 0; } .content-box-card-dore .card .card-body .card-title{ font-size: 15px; } .content-box-card-dore .card .card-body .inf{ font-size: 12px; } .content-box-card-dore .card .card-body-top{ height: 115px; } .content-box-card-dore .card-footer{ height: 40px; } .percentage{ font-size: 12px; } .number-percentage{ font-size: 14px; } /*------------------------------------------------------*/ .cricle-comment{ margin-right: 2rem!important; } .cricle-comment img{ width: 55px; height: 55px; font-size: 19px; } .cricle-comment::before{ width: 13px; height: 13px; } .square-comment{ width: 75%; } .add-comment{ font-size: 17px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*profile page*/ /*------------------------------------------------------*/ .user-img img{ width: 60px; height: 60px; } .card-qu{ padding: 9px 15px; border: 1.5px solid#e6e6e6; } .card-qu-video::before{ border-right: 7px solid#018e1c; right: 0; } .card-qu-voice::before{ border-right: 7px solid#a01944; right: 0; } .card-qu-text::before{ border-right: 7px solid#01728e; right: 0; } .card .user-information .user-name{ font-size: 13.24px; } .card .user-information .date{ font-size: 11px; } .card .top-content .text{ font-size: 13px; } .card .top-content .kind-file{ font-size: 13.41px; } .card .top-content .time-file{ font-size: 10.19px; } .card .top-content .play-file{ font-size: 11px; padding: 3px 9px; } .like-icon{ font-size: 13.38px; } .card .bottom-content .details{ font-size: 13.41px; } .card .bottom-content .details::after{ top: 2px; } .border-right { border-right: 1px solid #dee2e6!important; } .border-top { border-top: 0 solid #dee2e6!important; } .card .top-content .top-content-text{ visibility: hidden; display: none; } /*------------------------------------------------------*/ .user-profile .img-profile-bprder{ width: 130px; height: 130px; border: 1.5px solid #e8e8e8; } .user-profile .img-profile-bprder img{ width: 120px; height: 120px; } .user-profile .img-profile-bprder .close-img{ width: 25px; height: 25px; top: 9px; left: 10px; font-size: 23px; } .user-profile .img-profile-bprder .close-img::before{ top: 0; left: 0; right: 10px; bottom: 9px; } .user-profile .information-profile .info-lbl{ font-size: 14.24px; } .user-profile .information-profile .info-user{ font-size: 15px; } .user-profile .btn-info-edit{ padding: 5px 29px; font-size: 15px; } .user-profile .code-moaref{ font-size: 14.5px; } .user-profile .copy-code{ font-size: 15px; } .user-profile .number-code{ font-size: 25.48px; width: 65%; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*charging wallet page*/ .wallet-stock .lbl-1{ font-size: 14.32px; } .wallet-stock .lbl-2{ font-size: 23.72px; } .wallet-stock .lbl-2 span{ font-size:10.7px; } .bg-img-header{ height: 64px; left: 116px; } /*------------------------------------------------------*/ .account-increase .title{ font-size: 15.23px; } .account-increase form .form-control{ padding:0 35px 3px 0; font-size: 13px; } .account-increase form input::-webkit-input-placeholder { font-size: 13px; } .account-increase form input::-moz-placeholder { font-size: 13px; } .account-increase form input:-ms-input-placeholder { font-size: 13px; } .account-increase form input::-ms-input-placeholder { font-size: 13px; } .account-increase form input::placeholder { font-size: 13px; } .account-increase form .icon-input{ margin-top: -2px; } .account-increase form .icon-input img{ height: 26px; } .account-increase form .lbl-3{ font-size: 13px; } .account-increase form .pay-btn{ font-size: 16.86px; width: 200px; } /*------------------------------------------------------*/ .title-history{ font-size: 22px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*me-dore page*/ .card-box .card{ padding: 7px 1px 5px 1px; } .card-box .p4{ font-size: 12px; } .card-box .p5{ font-size: 10px; } .card-box .p6{ font-size: 10px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*favorites page*/ .card-box-content .card{ height: 140px; } .card-box-content .card-box-dore{ height: 125px; } .card-box-content .card .row .card-body{ padding: 11px 10px; } .card-box-content .card .row .card-body .title .txt5{ font-size: 15px; } .card-box-content .card .row .card-body .title .icon{ font-size: 25px; } .card-box-content .card .row .card-body .kind-file{ font-size: 15px; } .card-box-content .card .row .btn-show-file{ font-size: 15px; } .card-box-content .card .row .card-body .count-file{ font-size: 15px; } .card-box-content .card .row .card-body .pay-text{ font-size: 15px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*list-teacher page*/ .teacher-card .card{ height: 165px; } .teacher-card .card .row .teacher-img-top .teacher-img{ width: 150px; height: 150px; } .teacher-card .card .row .card-body{ padding: 5px 5px 10px 20px; } .teacher-card .card .row .card-body hr{ margin: 13px 0; } .teacher-card .card .row .card-body .text-top .name{ font-size: 19px; } .teacher-card .card .row .card-body .text-top .txt6{ font-size: 14px; } .teacher-card .card .row .card-body .desc{ font-size: 13px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*basket-buy page*/ .card-box-basket .card{ height: 135px; } .card-box-basket .card .card-body{ padding: 5px 8px; } .card-box-basket .card .card-body .title{ font-size: 16px; } .card-box-basket .card .card-body .pay{ font-size: 16px; } .card-box-basket .card .card-body .color-card p{ font-size: 13px; } .card-box-basket .card .card-body .txt7{ font-size: 13px; } .card-box-basket .card .card-body .txt7 .size{ font-size: 13.5px; } .card-box-basket .price{ font-size: 13.5px; } .btn-buy{ font-size: 12px; padding: 12px 0; border-radius: 9px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*orders page*/ .order-box .right-box{ font-size: 14px; } .order-box .right-box .txt-rotate{ top: 27%; } .order-box .left-box .top p{ font-size: 14px; } .order-box .left-box .top .icon{ font-size: 12px; } .order-box .bottom{ font-size: 13px; } .order-box .bottom img{ height: 19px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*message-inbox page*/ .contact-us .inf-contact .title{ font-size: 15px; } .contact-us .inf-contact .list li a{ font-size: 16px; } .contact-us .inf-contact .list li .icon{ font-size: 16px; margin-right: 13px; } .contact-us .link ul{ font-size: 50px; } .contact-us .link ul li a img{ height: 37px; } .contact-us .description-contact span{ font-size: 20px; } .contact-us .description-contact p{ font-size: 15px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*store page*/ .price-number .card-pay-off{ font-size: 14px; } .price-number .card-price{ font-size: 14px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*teacher page*/ .teacher .teacher-img img{ width: 110px; height: 110px; } .teacher .teacher-name{ font-size: 18px; } .teacher .teacher-count{ font-size: 12px; } .teacher .teacher-desc{ font-size: 12px; } .teacher .more-btn{ font-size: 11.41px; } .teacher .more-btn span{ font-size: 17px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*complete-information-1 page*/ .address-buy .txt11 p{ font-size: 13px; } .address-buy .txt11 span .icon-check{ font-size: 32px; } .address-buy .btn-address button{ font-size: 14px; } .add-address a{ font-size: 17px; padding: 7px 27px; } .title-inf{ font-size: 16.86px; } /*------------------------------------------------------*/ .txt-12{ font-size: 14px; margin-top: 2px; } .txt-13{ font-size: 13px; } .kind-post .box button { font-size: 18px; margin-top: 5px; } .btn-confirmation-buy button{ font-size: 16px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*complete-information-2 page*/ .info-user-buy{ padding: 10px; } .info-user-buy .txt-15{ font-size: 12.5px; } .info-user-buy input{ font-size: 16px; width: 74.5%; } /*------------------------------------------------------*/ .code .code-off{ padding: 10px; } .txt-title{ font-size: 21.86px; } .add-off{ padding: 7px 33px !important; } /*------------------------------------------------------*/ table .txt-16{ font-size: 12.24px; } table .td-table-fact .table-fact .txt-17{ font-size: 16px; } table .td-table-fact .table-fact input{ font-size: 14.24px; } table .sum-fact input{ font-size: 22.55px; } table .color-h-t{ font-size: 15.78px; } table .sum-fact .txt-18{ font-size: 15.78px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*massage-inbox page*/ .box .top .txt10 .title{ font-size: 15px; } .box .top .txt10 .date-time{ font-size: 11px; } .box .top .icon-massage img{ width: 50px; height: 50px; } .box .top .badge-massage{ top: 13px; left: 11px; } .box .bottom .message{ font-size: 14.25px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*favorite products page*/ .card-box-pro{ border-radius: 10px; padding: 9px; } .card-box-pro .img-pro{ border-radius: 14px; } .card-box-pro .card-body{ padding:0; } .txt-19{ font-size: 14.11px; } .txt-20{ font-size: 14.42px; margin: 8px 0 !important; } .price-number .card-pay-off-p{ font-size: 13.42px; } .price-number .card-pay-off-p::before{ bottom: 8px; } .price-number .card-price-p{ font-size: 14.76px; } .plr{ padding-left: 9px; padding-right: 9px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*order show page*/ .txt-21{ font-size: 14.78px; text-align: start; } .txt-22{ font-size: 16px; } .txt-23{ font-size: 25.55px; } .txt-24{ font-size: 14.36px; } .txt-25{ font-size: 16px; } .td-custom{ padding: 4px .75rem !important; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*question show page*/ .card-qu-show{ border: 1.5px solid#e6e6e6; } .card-qu-show .right-qu .image-pro img{ width: 65px; height: 65px; } .card-qu-show .right-qu .name-qu{ font-size: 13.24px; } .card-qu-show .right-qu .date-qu{ font-size: 12px; } .card-qu-show .right-qu::after{ top: 10px; height: 90%; } .left-qu .question{ font-size: 11px; } .btn-show-qu{ font-size:11px; padding: 3px 20px; border-radius: 8px; } /*------------------------------------------------------*/ .answer{ width: 90%; } .answer::before{ top: -17.5px; right: 47px; } .answer .image-admin img{ width: 60px; height: 60px; } .answer .answer-title{ font-size: 14px; } .answer .answer-date{ font-size: 12px; } .answer .answer-bottom p{ font-size: 13.24px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*question page*/ .search{ width: 95%; } .search input{ padding:0 10px; } .search input::-webkit-input-placeholder { font-size: 13px; } .search input::-moz-placeholder { font-size: 13px; } .search input:-ms-input-placeholder { font-size: 13px; } .search input::-ms-input-placeholder { font-size: 13px; } .search input::placeholder { font-size: 13px; } .search input:-ms-input-placeholder { font-size: 13px; } .search input::-ms-input-placeholder { font-size: 13px; } .icon-search{ font-size: 22px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*add question page*/ .comment-box form{ padding:15px; } .comment-box form input{ border-radius: 11px; padding: 20px; border: 1.5px solid #e6e6e6; } .comment-box form textarea{ height: 145px; border-radius: 13px; padding: 10px 17px; border: 1.5px solid #e6e6e6; } .comment-box form input::-webkit-input-placeholder, .comment-box form textarea::-webkit-input-placeholder { font-size: 14px; } .comment-box form input::-moz-placeholder, .comment-box form textarea::-moz-placeholder { font-size: 14px; } .comment-box form input:-ms-input-placeholder, .comment-box form textarea:-ms-input-placeholder { font-size: 14px; } .comment-box form input::-ms-input-placeholder, .comment-box form textarea::-ms-input-placeholder { font-size: 14px; } .comment-box form input::placeholder, .comment-box form textarea::placeholder { font-size: 14px; } .comment-box form input:-ms-input-placeholder, .comment-box form textarea:-ms-input-placeholder{ font-size: 14px; } .comment-box form input::-ms-input-placeholder, .comment-box form textarea::-ms-input-placeholder{ font-size: 14px; } .file-upload{ height: 160px; border: 2px dashed #c9c9c9; border-radius: 12px; font-size: 13px; } .file-upload img{ height: 50px; } .comment-box form .btn-send{ font-size: 16px; width: 170px; } /*------------------------------------------------------*/ /*done upload file*/ .file-upload-done{ border: 1.5px dashed #fd5759; } .image-done{ width: 100px; height: 85px; border-radius: 10px; } .txt-26{ font-size: 14px; } .delete-file{ font-size: 10px; left: 9px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*chat page*/ .card-chat-show{ padding: 13px 15px; border-top: 1.5px solid#e6e6e6; border-bottom: 1.5px solid#e6e6e6; } .card-chat{ padding: 11px; border: 1.5px solid#e6e6e6; border-radius: 10px; } .card-chat-answer{ width: 93%; padding: 13px 12px; } .card-chat-answer::before{ top: -16.6px; right: 40px; } .card-chat-box .info-user-chat .image-users img{ width: 55px; height: 55px; } .card-chat-box .info-user-chat .name-users{ font-size: 14px; } .card-chat-box .info-user-chat .info-users{ font-size: 10.5px; } .card-chat-box .info-user-chat .date-time-chat{ font-size: 12px; } .card-chat-box .text-chat .title-chat{ font-size: 14px; } .card-chat-box .text-chat .txt-28{ font-size: 13.24px; } .card-chat-box .hashtag-chat .hashtag{ border-radius:30px; font-size: 11px; } .visited{ font-size: 12px; } .card-chat-box hr{ margin-top: 10.5px; margin-bottom: 10.5px; } .icon-bar-center{ height: 20px; } /*------------------------------------------------------*/ /*chat show page*/ .btn-ans-chat{ font-size: 16px; padding: 9px 0; } .btn-ans-chat img{ height: 27px; } .btn-ans-ans img{ height: 13px; } .btn-ans-ans{ padding: 4px 30px; font-size: 12px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*add address page*/ .add-address-page form{ padding: 0 30px; } .add-address-page .form-group{ margin-top: 25px; } .add-address-page form .form-input{ padding: 4px 21px; height: 50px; } .add-address-page form .lbl-title{ font-size: 16px; margin-right: 20px; } .add-address-page form option, .add-address-page form select{ font-size: 13px; } .add-address-page form input::-webkit-input-placeholder { font-size: 13px; } .add-address-page form input:-ms-input-placeholder { font-size: 13px; } .add-address-page form input::-moz-placeholder { font-size: 13px; } .add-address-page form input::-ms-input-placeholder { font-size: 13px; } .add-address-page form input::placeholder { font-size: 13px; } .add-address-page form .btn-address{ font-size: 17px; width: 200px; border-radius: 8px; padding: 9px 0; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*product page page*/ .products-slider-single .slick-slide{ /*height: 230px;*/ border-radius: 13px; } /*------------------------------------------------------*/ .product-name{ border-radius: 10px; width: 78%; padding: 0 13px; } .product-points{ border-radius: 10px; width: 20%; padding: 7px 0; } .txt-29{ font-size: 24px; } .txt-30{ font-size: 12.5px; } .txt-31 span{ font-size: 9px; border-radius: 10px; padding: 1px 10px; } .txt-32{ font-size: 16px; } .txt-33{ font-size: 14.5px; } .txt-34{ font-size: 17px; } /*------------------------------------------------------*/ .notify { height: 50px; } .btn-product-bx a{ font-size: 11px; padding: 0 7px; } .btn-product-bx span{ font-size: 15px; margin-top: 4px; } /*------------------------------------------------------*/ .box-p-inf{ width: 33px; height: 33px; font-size: 9px; } .txt-35{ font-size: 14px; } .dote-color-pro{ width: 9px; height: 9px; } .txt-36{ margin-top: 2px; } /*------------------------------------------------------*/ .product-description{ font-size: 14px; } .btn-pro{ font-size: 12.41px; } .txt-37{ font-size: 14.99px; } .add-basket-buy a{ font-size: 17px; } .btn-add-comment-plus{ width: 50px; height: 50px; font-size: 29px; margin-right: 0; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*corse page*/ .download-file{ font-size: 15px; padding: 8px; } .download-file img{ height: 23px; } /*------------------------------------------------------*/ .card-corse .top-corse{ height: 80px; max-height: 80px; } .txt-38 { font-size: 14px; } .txt-39 { font-size: 13.79px; } .txt-40 { font-size: 13.79px; } .card-corse .hashtag-corse { font-size: 13px; } .card-corse .btn-buy-file{ font-size: 10px; padding: 4px 12px; } .card-corse hr{ margin-top: 13px; margin-bottom: 0; } .keep-div{ visibility: hidden; display: none; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*channel page*/ .info-channel{ padding: 10px; } .image-channel img{ width: 85px; height: 85px; } .name-channel{ font-size:13px ; } .name-channel img{ height: 15px; } .bio-channel{ font-size:12px ; } .time-channel{ font-size:15.3px ; } .badge-channel{ font-size:12px ; width: 20px; height: 20px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*post comment page*/ .title-comment{ font-size: 18px; } .box-kind-comment{ font-size: 16px; padding: 10px; } .box-kind-comment img{ height: 43px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*voice record page*/ .btn-recorder{ width: 200px; height: 200px; font-size: 18px; } .btn-recorder img{ height: 95px; } .btn-recorder-next{ width: 100px; height: 100px; font-size: 15px; } .icon-recorder{ font-size: 22px; } .text-recorder{ font-size: 15px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*learn app page*/ .video-app{ padding: 10px; } .title-video{ font-size:15px; } .text-video{ font-size:12px; } .video-app-player-sect{ height: 170px; } .video-js .vjs-big-play-button { font-size: 47px !important; width: 70px !important; height: 70px !important; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*channel page*/ .pic-channel{ width: 40px; height: 40px; } .channel-name{ font-size: 13px; } .channel-member{ font-size: 12px; } .btn-voice{ width: 50px; height: 50px; font-size: 18px; } .btn-adio-channel{ width: 26%; padding: 0 0 0 8px; } .adio-channel{ width: 70%; padding: 10px 25px 0 0; } .hajme-file{ font-size:10px; } .txt-50{ font-size: 15px; } /*------------------------------------------------------*/ /*modal star point*/ .star-points .modal-header{ padding: 15px 10px; } .star-points .modal-content { width: 80%; margin: auto; } .star-points .btn-reg-star{ padding: 8px 40px; } /*------------------------------------------*/ /*hashtag all page*/ .col-p{ padding-left:10px; padding-right:10px; } .pill-hashtag-p{ font-size: 13px; padding: 9px; } /*------------------------------------------*/ /* The Modal index story */ .modal-content-story { width: 60%; } .prev-story, .next-story, .point-story{ font-size: 12px; } .next-story { left: 7px; } .prev-story { right: 7px; } /*------------------------------------------*/ /*code*/ .code-txt-1{ font-size:17px; } .code-text-3{ font-size:14px; } .code-text-3::before{ width: 133px; } .code-text-2{ font-size: 14px; } /*------------------------------------------------------*/ /*article page */ .img-article{ height: 270px; } .article-title{ padding: 20px; } .article-content{ padding: 0 15px; } .title-article-page{ font-size: 21px; } .article-content .img-article-content{ width: 100%; height: 190px; } .dsc-article{ font-size: 14px; } /*------------------------------------------------------*/ /* user profile page */ .text-10{ font-size: 13px !important; padding: 0 30px !important; } .gender { font-size: 19px; margin-left: 10px; margin-right: 10px; } .gender .checkmark { font-size: 25px; } .login-info-user input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 13px; } .login-info-user input::-moz-placeholder { /* Firefox 19+ */ font-size: 13px; } .login-info-user input:-ms-input-placeholder { /* IE 10+ */ font-size: 13x; } .login-info-user input:-moz-placeholder { /* Firefox 18- */ font-size: 13px; } /*------------------------------------------------------*/ /* add access page */ .txt-access{ font-size: 10px; } /*modal*/ .access-add-modal .modal-content{ width: 60%; margin: auto; } .access-add-modal .alert-add-access{ padding: 5px 10px; font-size: 12px; } .access-add-modal .alert-add-access .icon-alert{ font-size: 20px; } .access-add-modal .alert-add-access .alert-title{ margin-right: 8px; } .access-add-modal .modal-body form .plr-form-tell{ padding: 0 30px; } .access-add-modal .modal-body form .input-group .input-tell{ margin-left: 10px; width: 77%; } .access-add-modal .modal-body form .btn-add-tell{ font-size: 12px; } .txt-alert-m{ font-size: 13px; } .input-access-info{ font-size: 14px; } .btn-modal{ width: 48.4%; padding: 9px; font-size: 14px; } /*------------------------------------------------------*/ /* modal page profile */ .modal-edit-profile .modal-content{ width: 75%; } /*------------------------------------------------------*/ /*video player page course */ #slider-block,#video-block{ height: 250px; } /*book mark*/ .bookmark-add-p { font-size: 30px; } /*------------------------------------------------------*/ /* modal page train pardakht */ .text-81{ font-size:16px; } .text-82{ font-size:23px; } .text-82 span{ font-size:16px; } .text-85{ font-size:30px; } .text-85 span{ font-size:18px; } .text-83{ font-size:30px; } .text-83 span{ font-size:17px; } .text-84{ font-size:13px; } .modal-pay .btn-pay-s{ font-size:18px; } .image-sal img{ height: 140px; } .icon-p{ height: 70px; } .card-bd{ height: 90px; max-height: 90px; } .card-bd-a{ height: 75px; max-height: 75px; } .card-h{ max-height: 163px; } .text-story-all{ font-size: 13px; } .text-story-all .icon-time{ font-size: 19px; } .text-condition{ font-size: 13.5px; } .fixed-hash{ top: 42px; } .fixed-tab{ top: 117px; } .card-hashtag{ border-radius: 20px; } .card-hashtag .row-card .hashtag{ font-size: 12px; padding: 3px 20px; } .card-hashtag .row-card .img-hashtag{ width: 190px; border-radius: 15px; } .card-hashtag .row-card .img-hashtag img{ border-radius: 15px; } .card-hashtag .row-card .txt-91{ font-size: 14px; } .card-hashtag .row-card .txt-92{ font-size: 14px; } .h-1{ height: 125px; max-height: 125px; padding: 10px; } .h-2{ height: 45px; max-height: 45px; padding: 0 10px 10px 10px; } .play-video-h{ padding-top: 15px; font-size: 45px; } /*------------------------------------------------------*/ /* hashtag-post page */ .title-p{ font-size: 15px; } .desc-p{ font-size: 15px; } .txt-p{ font-size: 13px; } .hashtag-post{ font-size: 12px; } .bdy{ height: 145px; } .btn-hashtag{ border-radius: 15px; padding: 11px; font-size: 13px; } .img-hashtag-p{ width: 300px; border-radius: 20px; } .image-top-cource{ height:115px; } #link .link-right .top { height: 90px; } #link .link-right .bottom { height: 90px; } #link .link-left .Square { height: 190px; } .w-60{ width: 42px; height: 42px; } .w-90{ width: 60px; height: 60px; } .icon-a{ width: 35px; height: 35px; padding: 7px; border-radius: 11px; } .scroll-modal-h{ height: 350px } .img-favorite-top { height: 122px; } .he-body{ height: 100%; } .add-comment-new{ font-size: 17px; } .bottom-basket-buy{ width: 540px; } } @media (max-width: 992px ) and (min-width: 768px){ .content-box-card .card{ height: 165px; } .content-box-card .card .image-top-card { height: 100%; } .content-box-card .card .card-body { height: 100%; max-height: 100%; } /*------------------------------------------------------*/ .alert-e { font-size: 13px; } .alert-e .icon { font-size: 15px; } .slider-store .card .card-body .txt1, .slider-articles .card .card-body .txt1{ font-size: 15px; } .slider-store .card .card-body .txt2, .slider-articles .card .card-body .txt2{ font-size: 11px; } .slider-store .card .card-body .txt3{ font-size: 10px; } .image-card-learn{ /*height: 170px;*/ } /*------------------------------------------------------*/ .baner{ /*height: 280px;*/ } .pill-hashtag{ font-size: 14px; width: 200px; } /*------------------------------------------------------*/ #tab .tab-content { margin-top: 55px; } .content-box-card-dore .card .image-top-card{ height: 100%; } .content-box-card-dore .card .card-body{ max-height: 135px; height: 135px; } .content-box-card-dore .card .card-body hr{ margin-top: 2.5rem; margin-bottom: 0; } .content-box-card-dore .card .card-body .card-title{ font-size: 17px; } .content-box-card-dore .card .card-body .inf{ font-size: 13px; } .content-box-card-dore .card .card-body-top{ height: 135px; } .content-box-card-dore .card-footer{ height: 50px; } .percentage{ font-size: 14px; } .number-percentage{ font-size: 18px; } /*------------------------------------------------------*/ /*profile*/ .card-qu{ border: 1.5px solid#e6e6e6; } .card-qu-video::before{ border-right: 6px solid#018e1c; } .card-qu-voice::before{ border-right: 6px solid#a01944; } .card-qu-text::before{ border-right: 6px solid#01728e; } .card .user-information .user-name{ font-size: 12.24px; } .card .user-information .date{ font-size: 10px; } .card .top-content .text{ font-size: 10.5px; } .card .top-content .kind-file{ font-size: 11.41px; } .card .top-content .time-file{ font-size: 8.19px; } .card .top-content .play-file{ font-size: 9px; border: 1px solid#018e1c; padding: 4px 5px; } .like-icon{ font-size: 12.38px; } .card .bottom-content .details{ font-size: 12.41px; } .card .bottom-content .details::after{ top: 1px; } .card .top-content .top-content-text{ visibility: hidden; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*charging wallet page*/ .wallet-stock .lbl-1{ font-size: 17.32px; } .wallet-stock .lbl-2{ font-size: 28.72px; } .wallet-stock .lbl-2 span{ font-size:11.7px; } .bg-img-header{ height: 84px; left: 145px; } /*------------------------------------------------------*/ .account-increase .title{ font-size: 18.23px; } .account-increase form .form-control{ padding:0 40px 10px 0;; font-size: 15px; } .account-increase form input::-webkit-input-placeholder { font-size: 15px; } .account-increase form input::-moz-placeholder { font-size: 15px; } .account-increase form input:-ms-input-placeholder { font-size: 15px; } .account-increase form input::-ms-input-placeholder { font-size: 15px; } .account-increase form input::placeholder { font-size: 15px; } .account-increase form .icon-input{ margin-top: -5px; } .account-increase form .icon-input img{ height: 30px; } .account-increase form .lbl-3{ font-size: 15px; } .account-increase form .pay-btn{ font-size: 18.86px; width: 300px; } /*------------------------------------------------------*/ .title-history{ font-size: 24px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*favorites page*/ .card-box-content .card{ height: 170px; } .card-box-content .card-box-dore{ height: 155px; } .card-box-content .card .row .card-body{ padding: 11px 10px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*list-teacher page*/ .teacher-card .card{ height: 185px; } .teacher-card .card .row .teacher-img-top .teacher-img{ width: 170px; height: 170px; } .teacher-card .card .row .card-body{ padding: 10px 5px 10px 20px; } .teacher-card .card .row .card-body hr{ margin: 20px 0; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*basket-buy page*/ .card-box-basket .card{ height: 145px; } .card-box-basket .card .card-body{ padding: 5px 8px; } .btn-buy{ font-size: 13px; padding: 13px 0; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*orders page*/ /*orders page*/ .order-box .right-box{ font-size: 14px; } .order-box .right-box .txt-rotate{ top: 27%; } .order-box .left-box .top p{ font-size: 14px; } .order-box .left-box .top .icon{ font-size: 12px; } .order-box .bottom{ font-size: 13px; } .order-box .bottom img{ height: 19px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*store page*/ .price-number .card-pay-off{ font-size: 16px; } .price-number .card-price{ font-size: 16px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*teacher page*/ .teacher .teacher-img img{ width: 140px; height: 140px; } .teacher .teacher-name{ font-size: 20px; } .teacher .teacher-count{ font-size: 15px; } .teacher .teacher-desc{ font-size: 15px; } .teacher .more-btn{ font-size: 14.41px; } .teacher .more-btn span{ font-size: 18px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*complete-information-2 page*/ .info-user-buy input{ font-size: 16px; width: 80.5%; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*massage-inbox page*/ .box .top .txt10 .title{ font-size: 15px; } .box .top .txt10 .date-time{ font-size: 11px; } .box .top .icon-massage img{ width: 50px; height: 50px; } .box .top .badge-massage{ top: 13px; left: 11px; } .box .bottom .message{ font-size: 14.25px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*favorite products page*/ .card-box-pro{ border-radius: 10px; padding: 9px; } .card-box-pro .img-pro{ border-radius: 14px; } .card-box-pro .card-body{ padding:0; } .txt-19{ font-size: 14.11px; } .txt-20{ font-size: 14.42px; margin: 8px 0 !important; } .price-number .card-pay-off-p{ font-size: 13.42px; } .price-number .card-pay-off-p::before{ bottom: 8px; } .price-number .card-price-p{ font-size: 14.76px; } .plr{ padding-left: 9px; padding-right: 9px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*order show page*/ .txt-21{ text-align: start; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*question show page*/ .answer{ width: 90%; } .answer::before{ top: -16.5px; right: 32px; } .answer .image-admin img{ width: 65px; height: 65px; } .answer .answer-title{ font-size: 15px; } .answer .answer-date{ font-size: 13px; } .answer .answer-bottom p{ font-size: 14.24px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*add question page*/ .comment-box form input{ border-radius: 14px; padding: 23px; } .comment-box form textarea{ height: 200px; border-radius: 17px; } .comment-box form input::-webkit-input-placeholder, .comment-box form textarea::-webkit-input-placeholder { font-size: 16px; } .comment-box form input::-moz-placeholder, .comment-box form textarea::-moz-placeholder { font-size: 16px; } .comment-box form input:-ms-input-placeholder, .comment-box form textarea:-ms-input-placeholder { font-size: 16px; } .comment-box form input::-ms-input-placeholder, .comment-box form textarea::-ms-input-placeholder { font-size: 16px; } .comment-box form input::placeholder, .comment-box form textarea::placeholder { font-size: 16px; } .comment-box form input:-ms-input-placeholder, .comment-box form textarea:-ms-input-placeholder{ font-size: 16px; } .comment-box form input::-ms-input-placeholder, .comment-box form textarea::-ms-input-placeholder{ font-size: 16px; } .file-upload{ height: 190px; font-size: 15px; } .file-upload img{ height: 60px; } .comment-box form .btn-send{ font-size: 18px; width: 210px; } /*------------------------------------------------------*/ /*done upload file*/ .file-upload-done{ border: 1.5px dashed #fd5759; } .image-done{ width: 120px; height: 100px; border-radius: 10px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*chat page*/ .icon-bar-center{ height: 22px; } /*------------------------------------------------------*/ .card-corse .top-corse { padding: 5px; height: 72px; max-height: 72px; } .txt-38 { font-size: 12px; } .txt-39 { font-size: 11.79px; } .txt-40 { font-size: 11.79px; } .txt-41 { font-size: 12px; } .text-42 { font-size: 12px; } .icon-style { font-size: 16px; } .bookmark-add-c { font-size: 16px; } .card-corse .btn-buy-file img { height: 12px; } .card-corse .btn-buy-file { font-size: 9px; padding: 2px 3px; } .card-corse hr { margin-top: 0; margin-bottom: 0; } .card-corse .hashtag-corse { font-size: 12px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*learn app page*/ .video-app-player-sect{ height: 210px; } .video-js .vjs-big-play-button { font-size: 54px !important; width: 80px !important; height: 80px !important; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*channel page*/ .channel-name{ font-size: 15px; } .channel-member{ font-size: 13px; } /*------------------------------------------*/ /*hashtag all page*/ .col-p{ padding-left:10px; padding-right:10px; } .pill-hashtag-p{ font-size: 14px; } /*------------------------------------------*/ /* The Modal index story */ .modal-content-story { width: 60%; } .next-story { left: 7px; } .prev-story { right: 7px; } /*------------------------------------------------------*/ /*video player page course */ #slider-block,#video-block{ height: 300px; } /*------------------------------------------------------*/ /* modal page train pardakht */ .text-81{ font-size:16px; } .text-82{ font-size:23px; } .text-82 span{ font-size:16px; } .text-85{ font-size:30px; } .text-85 span{ font-size:18px; } .text-83{ font-size:30px; } .text-83 span{ font-size:17px; } .text-84{ font-size:13px; } .modal-pay .btn-pay-s{ font-size:18px; } .image-sal img{ height: 140px; } .icon-p{ height: 70px; } .card-bd{ height: 95px; max-height: 95px; } .card-bd-a{ height: 75px; max-height: 75px; } .card-h{ max-height: 193px; } .text-condition{ font-size: 13px; } .card-hashtag{ border-radius: 20px; } .card-hashtag .row-card .hashtag{ font-size: 12px; padding: 3px 20px; } .card-hashtag .row-card .img-hashtag{ width: 210px; border-radius: 15px; } .card-hashtag .row-card .img-hashtag img{ border-radius: 15px; } .card-hashtag .row-card .txt-91{ font-size: 14px; } .card-hashtag .row-card .txt-92{ font-size: 14px; } .h-1{ height: 120px; max-height: 120px; padding: 10px; } .h-2{ height: 45px; max-height: 45px; padding: 0 10px 10px 10px; } .play-video-h{ padding-top: 10px; font-size: 45px; } /*------------------------------------------------------*/ /* hashtag-post page */ .title-p{ font-size: 15px; } .desc-p{ font-size: 15px; } .txt-p{ font-size: 13px; } .hashtag-post{ font-size: 12px; } .bdy{ height: 165px; } .btn-hashtag{ border-radius: 13px; padding: 12px; font-size: 14px; } .img-hashtag-p{ width: 300px; border-radius: 20px; } .image-top-cource{ height:200px; } #link .link-right .top { height: 105px; } #link .link-right .bottom { height: 105px; } #link .link-left .Square { height: 219px; } .w-60{ width: 50px; height: 50px; } .w-90{ width: 70px; height: 70px; } .img-favorite-top { height: 151px; } .he-body{ height: 100%; } .bottom-basket-buy{ width: 720px; } } @media (max-width: 1200px ) and (min-width: 992px) { /*------------------------------------------------------*/ .baner{ /*height: 350px;*/ } .image-card-learn{ /*height: 200px;*/ } /*-------------content-box-card------------------*/ .content-box-card .card .image-top-card { /*height: 160px;*/ } .content-box-card .card .card-body { height: 155px; max-height: 155px; } .content-box-card .card .card-body .card-title{ font-size: 15px; } .content-box-card .card .card-body .card-cat{ font-size: 12px; } .content-box-card .card .card-pay{ font-size: 18px; left: 0; bottom: 10px; } .chat-tab-content{ top: 46px; } /*-------------content-box-card------------------*/ /*page index */ header #header .menu button { font-size: 20px; } header #header .title-header a { font-size: 20px; } header #header .search a { font-size: 20px; } /*------------------------------------------------------*/ .alert-e { font-size: 15.27px; } .alert-e .icon { font-size: 20px; } /*------------------------------------------------------*/ #link .Square { font-size: 18px; } /*------------------------------------------------------*/ .title-box span { font-size: 18px; } .title-box a { font-size: 16px; } /*------------------------------------------------------*/ .slider-learn .card .p1{ font-size: 16px; } .slider-learn .card .p2{ font-size: 14px; } .slider-learn .card .p3{ font-size: 16px; } /*------------------------------------------------------*/ .Products{ width: 100%; padding-top: 35%; } .Products .text img{ width: 75%; } .Products .text p{ font-size: 26px; margin: 0; } .Products .text span{ font-size: 16px; } .Products .text a{ padding: 3px 9px; font-size: 12px; } .Products .text a>span{ font-size: 11px; } /*------------------------------------------------------*/ .slider-offers .slide a img{ max-width: 95%; } /*------------------------------------------------------*/ .cat-seqare{ font-size: 18px; } .cat-seqare .text img{ height: 50px; } .pr{ padding: 0 15px 0 11px; } .pl{ padding: 0 11px 0 15px; } /*------------------------------------------------------*/ .slider-professors .txt1{ font-size: 15px; } .slider-professors .txt2{ font-size: 12px; } /*------------------------------------------------------*/ .slider-store .card .card-body .txt1, .slider-articles .card .card-body .txt1{ font-size: 18px; } .slider-store .card .card-body .txt2, .slider-articles .card .card-body .txt2{ font-size: 14px; } .slider-store .card .card-body .txt3{ font-size: 14px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*page search*/ #search-nav-file .content-box-card.card .card-body-file .left .card-show{ font-size: 12px; padding: 4px 12px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*list dore*/ #header-red .header-content{ font-size: 20px; } /*------------------------------------------------------*/ .title-list-dore{ font-size: 16px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*category page*/ #daste_bandi-cat .image-box{ padding-top: 10%; padding-bottom: 10%; } #daste_bandi-cat .image-box .text{ font-size: 20px; } #daste_bandi-cat .image-box .text img{ height: 40px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*train page*/ .slider-train{ height: 350px; } .back{ top: 12px; left: 15px; } .back img{ width: 31px; } .content-box-card-dore .card .image-top-card{ height: 200px; } /*------------------------------------------------------*/ #train-nav-desc-tab .description-tab .txt1 .title p{ font-size: 22px; } #train-nav-desc-tab .description-tab .btn-desc{ font-size: 17px; } #train-nav-desc-tab .description-tab .count{ font-size: 20px; } #train-nav-desc-tab .description-tab .txt-desc .txt4{ font-size: 17px; letter-spacing: 1px; } #train-nav-desc-tab .description-tab .txt-desc .more span{ font-size: 23px; } /*------------------------------------------------------*/ .square-comment{ width: 75%; } .add-comment{ font-size: 20px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*profile page*/ .user-profile .number-code{ font-size: 27.48px; width: 55%; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*complete-information-1 page*/ .btn-confirmation-buy button{ font-size: 18px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*product page page*/ .products-slider-single .slick-slide{ /*height: 300px;*/ border-radius: 13px; } /*------------------------------------------------------*/ .product-name{ border-radius: 10px; width: 81%; padding: 0 15px; } .product-points{ border-radius: 10px; width: 18%; padding: 7px 0; } .txt-29{ font-size: 25px; } .txt-30{ font-size: 13px; } .txt-31 span{ font-size: 9px; border-radius: 10px; padding: 1px 12px; } /*------------------------------------------------------*/ .notify { height: 53px; } .btn-product-bx a{ font-size: 13px; padding: 0 7px; } .btn-product-bx span{ font-size: 18px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*corse page*/ .download-file { font-size: 19px; } .card-corse .btn-buy-file{ font-size: 11px; padding: 2px 6px; } .card-corse .btn-buy-file img{ height: 13px; } .card-corse .hashtag-corse{ font-size: 13px; padding: 1px 12px; } .card-corse hr{ margin-top: 5px; margin-bottom: 5px; } .card-corse .top-corse{ padding: 8px; height: 85px; max-height: 85px; } .card-corse .bottom-corse{ padding: 5px 0; } .txt-38{ font-size: 14px; } .txt-39{ font-size: 13.79px; } .txt-40{ font-size: 13.79px; } .txt-41{ font-size: 14px; } .icon-style{ font-size: 17px; } .text-42{ font-size: 14px; } .keep-div{ visibility: hidden; } .btn-voice{ width: 55px; height: 55px; font-size: 20px; } .btn-adio-channel{ width: 20%; padding: 5px 0 0 8px; } .adio-channel{ width: 79%; padding: 10px 25px 0 0; } .hajme-file{ font-size:10px; } /*------------------------------------------*/ /*hashtag all page*/ .col-p{ padding-left:10px; padding-right:10px; } .pill-hashtag-p{ font-size: 14px; padding: 9px; } /*------------------------------------------*/ /* The Modal index story */ .next-story { left: 10px; } .prev-story { right: 10px; } /*------------------------------------------------------*/ /*video player page course */ #slider-block,#video-block{ height:350px; } .card-bd{ height: 100px; max-height: 100px; } .card-bd-a{ height: 75px; max-height: 75px; } .card-h{ max-height: 400px; } .fixed-hash{ top: 45px; } .fixed-tab{ top: 125px; } .h-1{ height: 150px; max-height: 150px; padding: 10px; } .play-video-h{ padding-top: 20px; } .image-top-cource{ height:250px; } .img-favorite-top { height: 195px; } .add-comment-new{ font-size: 20px; } .bottom-basket-buy{ width: 960px; } /*custom --- move to customV2*/ .img-basket{ height: 155px; } } /*slider responsive index*/ @media (max-width: 480px){ .slider-page{ /*height: 115px;*/ } /*------------------------------------------------------*/ .slider-offers .image-card-offers{ height: 185px; } } @media (max-width: 600px) and (min-width: 480px) { .slider-page{ /*height: 180px;*/ } /*------------------------------------------------------*/ .slider-offers .image-card-offers{ height: 270px; } } @media (max-width: 992px) and (min-width: 600px) { .slider-page{ /*height: 195px;*/ } /*------------------------------------------------------*/ .slider-offers .image-card-offers{ height: 270px; } } @media (max-width: 1200px) and (min-width: 992px) { .slider-page{ /*height: 230px;*/ } /*------------------------------------------------------*/ .slider-offers .image-card-offers{ height: 300px; } } @media (max-width: 390px){ .img-training-list{ padding-top: 67%; } } @media (max-width: 500px) and (min-width: 390px){ .img-training-list{ padding-top: 50%; } } @media (max-width: 576px) and (min-width: 500px){ .img-training-list{ padding-top: 40%; } } @media (max-width: 610px) and (min-width: 576px){ .img-training-list{ padding-top: 60%; } } @media (max-width: 715px) and (min-width: 610px){ .img-training-list{ padding-top: 50%; } } @media (max-width: 767px) and (min-width: 715px){ .img-training-list{ padding-top: 40%; } } @media (max-width: 825px) and (min-width: 767px){ .img-training-list{ padding-top: 65%; } } @media (max-width: 992px) and (min-width: 825px){ .img-training-list{ padding-top: 55%; } } @media (max-width: 576px) and (min-width: 400px){ .card-box-basket .card { height: 135px; } } @media (max-width: 390px){ .img-training-list{ padding-top: 67%; } } @media (max-width: 500px) and (min-width: 390px){ .img-training-list{ padding-top: 50%; } } @media (max-width: 576px) and (min-width: 500px){ .img-training-list{ padding-top: 40%; } } @media (max-width: 610px) and (min-width: 576px){ .img-training-list{ padding-top: 60%; } } @media (max-width: 715px) and (min-width: 610px){ .img-training-list{ padding-top: 50%; } } @media (max-width: 767px) and (min-width: 715px){ .img-training-list{ padding-top: 40%; } } @media (max-width: 825px) and (min-width: 767px){ .img-training-list{ padding-top: 65%; } } @media (max-width: 992px) and (min-width: 825px){ .img-training-list{ padding-top: 55%; } } @media (max-width: 576px) and (min-width: 400px){ .card-box-basket .card { height: 135px; } } @media (max-width: 576px){ .height-modal{ width: 100% !important; } } @media (min-width: 576px) and (max-width: 768px){ .height-modal{ width: 100% !important; } } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content:url(../images/left.png); } [dir='rtl'] .slick-prev:before { content:url(../images/left.png); } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: url(../images/right.png); } [dir='rtl'] .slick-next:before { content: url(../images/right.png); } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } :root{ --app_color:''; } /*! * three-dots - v0.2.0 * CSS loading animation made by single element. * https://nzbin.github.io/three-dots/ * * Copyright (c) 2018 nzbin * Released under MIT License */ @charset "UTF-8"; /** * ============================================== * Dot Elastic * ============================================== */ .dot-elastic { position: relative; width: 20px; height: 20px; border-radius: 50%; background-color: var(--app_color); color: var(--app_color); animation: dot-elastic 2s infinite linear; } .dot-elastic::before, .dot-elastic::after { content: ''; display: inline-block; position: absolute; top: 0; } .dot-elastic::before { left: -15px; width: 10px; height: 10px; border-radius: 5px; background-color: var(--app_color); color: var(--app_color); animation: dot-elastic-before 1s infinite linear; } .dot-elastic::after { left: 15px; width: 10px; height: 10px; border-radius: 5px; background-color: var(--app_color); color: var(--app_color); animation: dot-elastic-after 1s infinite linear; } @keyframes dot-elastic-before { 0% { transform: scale(1, 1); } 25% { transform: scale(1, 1.5); } 50% { transform: scale(1, 0.67); } 75% { transform: scale(1, 1); } 100% { transform: scale(1, 1); } } @keyframes dot-elastic { 0% { transform: scale(1, 1); } 25% { transform: scale(1, 1); } 50% { transform: scale(1, 1.5); } 75% { transform: scale(1, 1); } 100% { transform: scale(1, 1); } } @keyframes dot-elastic-after { 0% { transform: scale(1, 1); } 25% { transform: scale(1, 1); } 50% { transform: scale(1, 0.67); } 75% { transform: scale(1, 1.5); } 100% { transform: scale(1, 1); } } /** * ============================================== * Dot Pulse * ============================================== */ .dot-pulse { position: relative; left: -9999px; width: 10px; height: 10px; border-radius: 50%; background-color: var(--app_color); color: var(--app_color); box-shadow: 9999px 0 0 -5px var(--app_color); animation: dot-pulse 1.5s infinite linear; animation-delay: .25s; margin: auto; } .dot-pulse::before, .dot-pulse::after { content: ''; display: inline-block; position: absolute; top: 0; width: 10px; height: 10px; border-radius: 50%; background-color: var(--app_color); color: var(--app_color); } .dot-pulse::before { box-shadow: 9984px 0 0 -5px var(--app_color); animation: dot-pulse-before 1.5s infinite linear; animation-delay: 0s; } .dot-pulse::after { box-shadow: 10014px 0 0 -5px var(--app_color); animation: dot-pulse-after 1.5s infinite linear; animation-delay: .5s; } @keyframes dot-pulse-before { 0% { box-shadow: 9984px 0 0 -5px var(--app_color); } 30% { box-shadow: 9984px 0 0 2px var(--app_color); } 60%, 100% { box-shadow: 9984px 0 0 -5px var(--app_color); } } @keyframes dot-pulse { 0% { box-shadow: 9999px 0 0 -5px var(--app_color); } 30% { box-shadow: 9999px 0 0 2px var(--app_color); } 60%, 100% { box-shadow: 9999px 0 0 -5px var(--app_color); } } @keyframes dot-pulse-after { 0% { box-shadow: 10014px 0 0 -5px var(--app_color); } 30% { box-shadow: 10014px 0 0 2px var(--app_color); } 60%, 100% { box-shadow: 10014px 0 0 -5px var(--app_color); } } /** * ============================================== * Dot Flashing * ============================================== */ .dot-flashing { position: relative; width: 10px; height: 10px; border-radius: 5px; background-color: #fff; color: #fff; animation: dot-flashing 1s infinite linear alternate; animation-delay: .5s; } .dot-flashing::before, .dot-flashing::after { content: ''; display: inline-block; position: absolute; top: 0; } .dot-flashing::before { left: -15px; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; animation: dot-flashing 1s infinite alternate; animation-delay: 0s; } .dot-flashing::after { left: 15px; width: 10px; height: 10px; border-radius: 5px; background-color: #fff; color: #fff; animation: dot-flashing 1s infinite alternate; animation-delay: 1s; } @keyframes dot-flashing { 0% { background-color: #fff; } 50%, 100% { background-color: #fff; } } /** * ============================================== * Dot Collision * ============================================== */ .dot-collision { position: relative; width: 10px; height: 10px; border-radius: 5px; background-color: #fff; color: #fff; } .dot-collision::before, .dot-collision::after { content: ''; display: inline-block; position: absolute; top: 0; } .dot-collision::before { left: -10px; width: 10px; height: 10px; border-radius: 5px; background-color: #fff; color: #fff; animation: dot-collision-before 2s infinite ease-in; } .dot-collision::after { left: 10px; width: 10px; height: 10px; border-radius: 5px; background-color: #fff; color: #fff; animation: dot-collision-after 2s infinite ease-in; animation-delay: 1s; } @keyframes dot-collision-before { 0%, 50%, 75%, 100% { transform: translateX(0); } 25% { transform: translateX(-15px); } } @keyframes dot-collision-after { 0%, 50%, 75%, 100% { transform: translateX(0); } 25% { transform: translateX(15px); } } /** * ============================================== * Dot Revolution * ============================================== */ .dot-revolution { position: relative; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; } .dot-revolution::before, .dot-revolution::after { content: ''; display: inline-block; position: absolute; } .dot-revolution::before { left: 0; top: -15px; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; transform-origin: 5px 20px; animation: dot-revolution 1.4s linear infinite; } .dot-revolution::after { left: 0; top: -30px; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; transform-origin: 5px 35px; animation: dot-revolution 1s linear infinite; } @keyframes dot-revolution { 0% { transform: rotateZ(0deg) translate3d(0, 0, 0); } 100% { transform: rotateZ(360deg) translate3d(0, 0, 0); } } /** * ============================================== * Dot Carousel * ============================================== */ .dot-carousel { position: relative; left: -9999px; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff; animation: dot-carousel 1.5s infinite linear; } @keyframes dot-carousel { 0% { box-shadow: 9984px 0 0 -1px #9880ff, 9999px 0 0 1px #9880ff, 10014px 0 0 -1px #9880ff; } 50% { box-shadow: 10014px 0 0 -1px #9880ff, 9984px 0 0 -1px #9880ff, 9999px 0 0 1px #9880ff; } 100% { box-shadow: 9999px 0 0 1px #9880ff, 10014px 0 0 -1px #9880ff, 9984px 0 0 -1px #9880ff; } } /** * ============================================== * Dot Typing * ============================================== */ .dot-typing { position: relative; left: -9999px; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff; animation: dot-typing 1.5s infinite linear; } @keyframes dot-typing { 0% { box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff; } 16.667% { box-shadow: 9984px -10px 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff; } 33.333% { box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff; } 50% { box-shadow: 9984px 0 0 0 #9880ff, 9999px -10px 0 0 #9880ff, 10014px 0 0 0 #9880ff; } 66.667% { box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff; } 83.333% { box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px -10px 0 0 #9880ff; } 100% { box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff; } } /** * ============================================== * Dot Windmill * ============================================== */ .dot-windmill { position: relative; top: -10px; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; transform-origin: 5px 15px; animation: dot-windmill 2s infinite linear; } .dot-windmill::before, .dot-windmill::after { content: ''; display: inline-block; position: absolute; } .dot-windmill::before { left: -8.66px; top: 15px; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; } .dot-windmill::after { left: 8.66px; top: 15px; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; } @keyframes dot-windmill { 0% { transform: rotateZ(0deg) translate3d(0, 0, 0); } 100% { transform: rotateZ(720deg) translate3d(0, 0, 0); } } /** * ============================================== * Dot Bricks * ============================================== */ .dot-bricks { position: relative; top: 8px; left: -9999px; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff; animation: dot-bricks 2s infinite ease; } @keyframes dot-bricks { 0% { box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff; } 8.333% { box-shadow: 10007px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff; } 16.667% { box-shadow: 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff, 10007px 0 0 0 #9880ff; } 25% { box-shadow: 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff; } 33.333% { box-shadow: 10007px 0 0 0 #9880ff, 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff; } 41.667% { box-shadow: 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff; } 50% { box-shadow: 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff; } 58.333% { box-shadow: 9991px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff; } 66.666% { box-shadow: 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff, 9991px -16px 0 0 #9880ff; } 75% { box-shadow: 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff; } 83.333% { box-shadow: 9991px -16px 0 0 #9880ff, 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff; } 91.667% { box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff; } 100% { box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff; } } /** * ============================================== * Dot Floating * ============================================== */ .dot-floating { position: relative; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; animation: dot-floating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1); } .dot-floating::before, .dot-floating::after { content: ''; display: inline-block; position: absolute; top: 0; } .dot-floating::before { left: -12px; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; animation: dot-floating-before 3s infinite ease-in-out; } .dot-floating::after { left: -24px; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; animation: dot-floating-after 3s infinite cubic-bezier(0.4, 0, 1, 1); } @keyframes dot-floating { 0% { left: calc(-50% - 5px); } 75% { left: calc(50% + 105px); } 100% { left: calc(50% + 105px); } } @keyframes dot-floating-before { 0% { left: -50px; } 50% { left: -12px; } 75% { left: -50px; } 100% { left: -50px; } } @keyframes dot-floating-after { 0% { left: -100px; } 50% { left: -24px; } 75% { left: -100px; } 100% { left: -100px; } } /** * ============================================== * Dot Fire * ============================================== */ .dot-fire { position: relative; left: -9999px; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; box-shadow: 9999px 22.5px 0 -5px #9880ff; animation: dot-fire 1.5s infinite linear; animation-delay: -.85s; } .dot-fire::before, .dot-fire::after { content: ''; display: inline-block; position: absolute; top: 0; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; } .dot-fire::before { box-shadow: 9999px 22.5px 0 -5px #9880ff; animation: dot-fire 1.5s infinite linear; animation-delay: -1.85s; } .dot-fire::after { box-shadow: 9999px 22.5px 0 -5px #9880ff; animation: dot-fire 1.5s infinite linear; animation-delay: -2.85s; } @keyframes dot-fire { 1% { box-shadow: 9999px 22.5px 0 -5px #9880ff; } 50% { box-shadow: 9999px -5.625px 0 2px #9880ff; } 100% { box-shadow: 9999px -22.5px 0 -5px #9880ff; } } /** * ============================================== * Dot Spin * ============================================== */ .dot-spin { position: relative; width: 10px; height: 10px; border-radius: 5px; background-color: transparent; color: transparent; box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 rgba(152, 128, 255, 0); animation: dot-spin 1.5s infinite linear; } @keyframes dot-spin { 0%, 100% { box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); } 12.5% { box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); } 25% { box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); } 37.5% { box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); } 50% { box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0); } 62.5% { box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 0 #9880ff; } 75% { box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 0 #9880ff; } 87.5% { box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 #9880ff; } } /** * ============================================== * Dot Falling * ============================================== */ .dot-falling { position: relative; left: -9999px; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; box-shadow: 9999px 0 0 0 #9880ff; animation: dot-falling 1s infinite linear; animation-delay: .1s; } .dot-falling::before, .dot-falling::after { content: ''; display: inline-block; position: absolute; top: 0; } .dot-falling::before { width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; animation: dot-falling-before 1s infinite linear; animation-delay: 0s; } .dot-falling::after { width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; animation: dot-falling-after 1s infinite linear; animation-delay: .2s; } @keyframes dot-falling { 0% { box-shadow: 9999px -15px 0 0 rgba(152, 128, 255, 0); } 25%, 50%, 75% { box-shadow: 9999px 0 0 0 #9880ff; } 100% { box-shadow: 9999px 15px 0 0 rgba(152, 128, 255, 0); } } @keyframes dot-falling-before { 0% { box-shadow: 9984px -15px 0 0 rgba(152, 128, 255, 0); } 25%, 50%, 75% { box-shadow: 9984px 0 0 0 #9880ff; } 100% { box-shadow: 9984px 15px 0 0 rgba(152, 128, 255, 0); } } @keyframes dot-falling-after { 0% { box-shadow: 10014px -15px 0 0 rgba(152, 128, 255, 0); } 25%, 50%, 75% { box-shadow: 10014px 0 0 0 #9880ff; } 100% { box-shadow: 10014px 15px 0 0 rgba(152, 128, 255, 0); } } /** * ============================================== * Dot Stretching * ============================================== */ .dot-stretching { position: relative; width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; transform: scale(1.25, 1.25); animation: dot-stretching 2s infinite ease-in; } .dot-stretching::before, .dot-stretching::after { content: ''; display: inline-block; position: absolute; top: 0; } .dot-stretching::before { width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; animation: dot-stretching-before 2s infinite ease-in; } .dot-stretching::after { width: 10px; height: 10px; border-radius: 5px; background-color: #9880ff; color: #9880ff; animation: dot-stretching-after 2s infinite ease-in; } @keyframes dot-stretching { 0% { transform: scale(1.25, 1.25); } 50%, 60% { transform: scale(0.8, 0.8); } 100% { transform: scale(1.25, 1.25); } } @keyframes dot-stretching-before { 0% { transform: translate(0) scale(0.7, 0.7); } 50%, 60% { transform: translate(-20px) scale(1, 1); } 100% { transform: translate(0) scale(0.7, 0.7); } } @keyframes dot-stretching-after { 0% { transform: translate(0) scale(0.7, 0.7); } 50%, 60% { transform: translate(20px) scale(1, 1); } 100% { transform: translate(0) scale(0.7, 0.7); } } /** * ============================================== * Experiment: Gooey Effect * Dot Gathering * ============================================== */ .dot-gathering { position: relative; width: 12px; height: 12px; border-radius: 6px; background-color: black; color: transparent; margin: -1px 0; filter: blur(2px); } .dot-gathering::before, .dot-gathering::after { content: ''; display: inline-block; position: absolute; top: 0; left: -50px; width: 12px; height: 12px; border-radius: 6px; background-color: black; color: transparent; opacity: 0; filter: blur(2px); animation: dot-gathering 2s infinite ease-in; } .dot-gathering::after { animation-delay: .5s; } @keyframes dot-gathering { 0% { opacity: 0; transform: translateX(0); } 35%, 60% { opacity: 1; transform: translateX(50px); } 100% { opacity: 0; transform: translateX(100px); } } /** * ============================================== * Experiment: Gooey Effect * Dot Hourglass * ============================================== */ .dot-hourglass { position: relative; top: -15px; width: 12px; height: 12px; border-radius: 6px; background-color: black; color: transparent; margin: -1px 0; filter: blur(2px); transform-origin: 5px 20px; animation: dot-hourglass 2.4s infinite ease-in-out; animation-delay: .6s; } .dot-hourglass::before, .dot-hourglass::after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 12px; height: 12px; border-radius: 6px; background-color: black; color: transparent; filter: blur(2px); } .dot-hourglass::before { top: 30px; } .dot-hourglass::after { animation: dot-hourglass-after 2.4s infinite cubic-bezier(0.65, 0.05, 0.36, 1); } @keyframes dot-hourglass { 0% { transform: rotateZ(0deg); } 25% { transform: rotateZ(180deg); } 50% { transform: rotateZ(180deg); } 75% { transform: rotateZ(360deg); } 100% { transform: rotateZ(360deg); } } @keyframes dot-hourglass-after { 0% { transform: translateY(0); } 25% { transform: translateY(30px); } 50% { transform: translateY(30px); } 75% { transform: translateY(0); } 100% { transform: translateY(0); } } /** * ============================================== * Experiment: Gooey Effect * Dot Overtaking * ============================================== */ .dot-overtaking { position: relative; width: 12px; height: 12px; border-radius: 6px; background-color: transparent; color: black; margin: -1px 0; box-shadow: 0 -20px 0 0; filter: blur(2px); animation: dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2); } .dot-overtaking::before, .dot-overtaking::after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 12px; height: 12px; border-radius: 6px; background-color: transparent; color: black; box-shadow: 0 -20px 0 0; filter: blur(2px); } .dot-overtaking::before { animation: dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2); animation-delay: .3s; } .dot-overtaking::after { animation: dot-overtaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2); animation-delay: .6s; } @keyframes dot-overtaking { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } /** * ============================================== * Experiment: Gooey Effect * Dot Shuttle * ============================================== */ .dot-shuttle { position: relative; left: -15px; width: 12px; height: 12px; border-radius: 6px; background-color: black; color: transparent; margin: -1px 0; filter: blur(2px); } .dot-shuttle::before, .dot-shuttle::after { content: ''; display: inline-block; position: absolute; top: 0; width: 12px; height: 12px; border-radius: 6px; background-color: black; color: transparent; filter: blur(2px); } .dot-shuttle::before { left: 15px; animation: dot-shuttle 2s infinite ease-out; } .dot-shuttle::after { left: 30px; } @keyframes dot-shuttle { 0%, 50%, 100% { transform: translateX(0); } 25% { transform: translateX(-45px); } 75% { transform: translateX(45px); } } /** * ============================================== * Experiment: Emoji * Dot Bouncing * ============================================== */ .dot-bouncing { position: relative; height: 10px; font-size: 10px; } .dot-bouncing::before { content: '⚽🏀🏐'; display: inline-block; position: relative; animation: dot-bouncing 1s infinite; } @keyframes dot-bouncing { 0% { top: -20px; animation-timing-function: ease-in; } 34% { transform: scale(1, 1); } 35% { top: 20px; animation-timing-function: ease-out; transform: scale(1.5, 0.5); } 45% { transform: scale(1, 1); } 90% { top: -20px; } 100% { top: -20px; } } /** * ============================================== * Experiment: Emoji * Dot Rolling * ============================================== */ .dot-rolling { position: relative; height: 10px; font-size: 10px; } .dot-rolling::before { content: '⚽'; display: inline-block; position: relative; transform: translateX(-25px); animation: dot-rolling 3s infinite; } @keyframes dot-rolling { 0% { content: '⚽'; transform: translateX(-25px) rotateZ(0deg); } 16.667% { content: '⚽'; transform: translateX(25px) rotateZ(720deg); } 33.333% { content: '⚽'; transform: translateX(-25px) rotateZ(0deg); } 34.333% { content: '🏀'; transform: translateX(-25px) rotateZ(0deg); } 50% { content: '🏀'; transform: translateX(25px) rotateZ(720deg); } 66.667% { content: '🏀'; transform: translateX(-25px) rotateZ(0deg); } 67.667% { content: '🏐'; transform: translateX(-25px) rotateZ(0deg); } 83.333% { content: '🏐'; transform: translateX(25px) rotateZ(720deg); } 100% { content: '🏐'; transform: translateX(-25px) rotateZ(0deg); } } /*# sourceMappingURL=three-dots.css.map */ @charset "UTF-8";.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f11f"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f120"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f121"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f122"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.81666em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.3333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.vjs-no-flex .vjs-seek-to-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;-webkit-animation:vjs-spinner-show 0s linear .3s forwards;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"";font-size:1.5em;line-height:inherit}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" ";font-size:1.5em;line-height:inherit}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer{flex:auto;display:block}.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0;background:0 0}.video-js .vjs-menu :focus:not(:focus-visible),.video-js :focus:not(:focus-visible){outline:0;background:0 0} .slick-track { margin-left: 0 !important; margin-right: 0 !important; } .slider-page .slick-track { margin-left: auto !important; margin-right: auto !important; } .bg-img-article{ padding-top: 75%; } .slider-articles .card .card-body .txt2, .slider-store .card .card-body .txt2{ white-space: nowrap; } .price-number{ white-space: nowrap; } .text-cat-sc{ white-space:nowrap; } .content-box-card .card .card-body .card-cat{ white-space:nowrap; } .content-box-card .card .card-body .card-title{ white-space:nowrap; } .content-box-card-dore .card .card-body .card-title{ white-space:nowrap; } .txt-38{ white-space:nowrap; } .vue-star-rating{ direction: ltr; } .description-pwa{ margin-top: 25px; background-color:var(--app_color_bg); height: auto; padding: 20px 15px; box-shadow: 0 0 4px 0 rgba(0,0,0,.1); border-radius: 10px; } #pwa-device{ background-color:#f8f9fa; z-index:10001; position: fixed; top: 0; width: 100%; height: 100%; overflow-y:auto ; } @font-face { font-family: YekanBakh; font-style: normal; font-weight: normal; src: url('../fonts/eot/YekanBakh-Bold.eot'); /* IE9*/ src: url('../fonts/eot/YekanBakh-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/woff/YekanBakh-Bold.woff') format('woff'), /* chrome、firefox */ url('../fonts/ttf/YekanBakh-Bold.ttf') format('truetype');/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ } @font-face { font-family: YekanBakh-Bold; font-style: normal; font-weight: bold; src: url('../fonts/eot/YekanBakh-Bold.eot'); /* IE9*/ src: url('../fonts/eot/YekanBakh-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/woff/YekanBakh-Bold.woff') format('woff'), /* chrome、firefox */ url('../fonts/ttf/YekanBakh-Bold.ttf') format('truetype');/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ } @font-face { font-family: YekanBakh-reg; font-style: normal; font-weight: 500; src: url('../fonts/eot/YekanBakh-Bold.eot'); /* IE9*/ src: url('../fonts/eot/YekanBakh-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/woff/YekanBakh-Bold.woff') format('woff'), /* chrome、firefox */ url('../fonts/ttf/YekanBakh-Bold.ttf') format('truetype');/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ } .text-cat-custom{ color: #4B606D; font-size: 15px; font-weight: 700; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; white-space: nowrap; margin-top: 9px; } .cat-img-custom{ background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; padding-top: 100%; width: 200px; background-color: #fff; border-radius: 10px; position: relative; } .title-box{ background-color: transparent; border-radius: 0; } .font-family-bakh{ font-family: YekanBakh-Bold !important; font-size: 25px !important ; color: #4B606D !important; text-shadow: 0px 0 #4B606D, 0 1px #4B606D, 1px 0 #4B606D, 0 0px #4B606D, 0px 0px #4B606D, 1px 1px #4B606D, 0px 0px #4B606D, 1px 0px #4B606D } .card-custom{ background-color: transparent !important; border: 0 !important; } .image-card-learn{ background-color: #fff; } .slider-learn .card .p1{ color: #4B606D; } .title-box a{ font-size: 13px !important; } .h11{ height: 11px; } .hr-story { width: 100%; margin: 0!important; padding: 0!important; position: relative; font-family: YekanBakh-Bold !important; } .hr-story::before { position: absolute; font-family: YekanBakh-Bold !important; content: "تاریخچه روزانه"; color: #4B606D; font-size: 28px; top: -22px; z-index: 4; right: 15px; background-color: #fafafa; font-weight: 700; text-shadow: 0px 0 #4B606D, 0 1px #4B606D, 1px 0 #4B606D, 0 0px #4B606D, 0px 0px #4B606D, 1px 1px #4B606D, 0px 0px #4B606D, 1px 0px #4B606D } .border-story-custom{ width: 90px; height: 90px; position: relative; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 15px; padding: 2px; } .border-color-story-custom{ border: 1px dashed #d41a1a; } .story-back{ border-radius: 15px; } .story-back-img{ border-radius: 11px; } .border-color-story-see-custom { border: 1px dashed #b2b2b2; } .cat-box-custom{ position: relative; width: 23%; padding-top: 24%; margin: 1%; color: #39135f; font-weight: bold; font-size: 18px; text-align: center; border-radius: 10px; white-space: nowrap; } .cat-box-custom:hover{ color: #39135f; } .cat-image-box-custom{ background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; width: 100%; padding-top: 100%; position: absolute; top: 0; border-radius: 10px; } .cat-darc-box-box{ position: absolute; width: 100%; height: 100%; background-color: #000; top: 0; border-radius: 10px; opacity: 0.5; } .price-number .card-price { color: #616161 !important; } .card-blog-custom{ -webkit-box-shadow: 0 0 0 0 transparent !important; box-shadow: 0 0 0 0 transparent !important; } .img-cat-list-custom{ background-color: #fff; } .app-name{ height: 55px; } .title-header img{ filter: brightness(0) saturate(100%) invert(70%) sepia(6%) saturate(1154%) hue-rotate(171deg) brightness(93%) contrast(88%); } #btn-inbox i{ font-weight: 900; margin-left: 10px; } header #header{ background-color: #fff; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; padding: 10px 15px; } .header-firstPage{ background-color: #fff; padding: 0 !important; height: 96px; } header #header .menu button{ background-color:#fff ; color: #fff; font-size: 25px; } #btn-menu i { color: #000; } header #header .search-index a{ color: #000; font-size: 25px; } .bg-white-header{ background-color: #fafafa; padding: 15px; border-radius: 20px 20px 0 0; } .mt-section { margin-top: 96px; } .container { background-color: #fff; } .story-section{ border-bottom: 0; } .no-border-custom{ border: 0; } @media (max-width: 576px) { .cat-img-custom { width: 100px; } .text-cat-custom{ font-size: 12px; margin-top: 5px; } .font-family-bakh{ font-size: 17px !important ; } .title-box a{ font-size: 10px !important; } .h11{ height: 10px; } .hr-story::before { font-size: 19px; top: -17px; } .border-story-custom{ width: 80px; height: 80px; } .story-section{ padding: 5px 10px 5px 10px; } .cat-box-custom{ width: 45%; padding-top: 47%; margin: 2%; font-size: 14px; border-radius: 8px; } .cat-image-box-custom{ border-radius: 8px; } .cat-darc-box-box{ border-radius: 8px; } .app-name{ height: 45px; } header #header{ padding: 10px 15px; } .header-firstPage{ height: 80px; } .bg-white-header{ padding: 12px; } .mt-section { margin-top: 80px; } } @media (max-width: 768px) and (min-width: 576px) { .cat-img-custom { width: 150px; } .text-cat-custom{ font-size: 15px; margin-top: 5px; } .font-family-bakh{ font-size: 22px !important ; } .title-box a{ font-size: 11px !important; } .h11{ height: 10px; } .hr-story::before { font-size: 24px; top: -19px; } .cat-box-custom{ width: 29%; padding-top: 31%; margin: 2%; font-size: 16px; } .app-name{ height: 40px; } header #header{ padding: 10px 15px; } .header-firstPage{ height: 80px; } .bg-white-header{ padding: 12px; } .mt-section { margin-top: 80px; } } @media (max-width: 992px) and (min-width: 768px) { .cat-img-custom { width: 150px; } .text-cat-custom{ font-size: 15px; margin-top: 5px; } .font-family-bakh{ font-size: 22px !important ; } .title-box a{ font-size: 11px !important; } .h11{ height: 10px; } .hr-story::before { font-size: 26px; top: -20px; } } .course-list{ list-style: none; flex-wrap: wrap; width: 100%; color: #000; font-family: nian; } .course-list li { width: calc(100% / 3); min-height: calc(100% / 3); margin-bottom: 0; padding: 10px; margin-top: 0; } .course-list li img { height: 55px; } #other-wrapper { background: #f3f6fa; border-radius: 20px 20px 0 0; position: relative; padding-top: 5px; padding-bottom: 10px; } #other-wrapper:before { background: #4b606d; content: ''; width: 80%; height: 4px; display: block; border-radius: 3px; right: 10%; top: 0; position: absolute; } .profile li a { border: 1px solid #e1e1e1 !important; } .course-list li a { width: 100%; border-radius: 15px; border: unset; padding: 5px; display: flex; flex-wrap: wrap; background-color: #fff; height: 110px; justify-content: center; align-items: center; color: #333; font-weight: 700; font-family: IRANSans; font-size: 12px; }