/*! * Bootstrap v4.3.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{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]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}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-break: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{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.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%}.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%}.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%}.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%}.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%}.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: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-top:.375rem;padding-bottom:.375rem;margin-bottom:0;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{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}.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' 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:center right calc(.375em + .1875rem);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)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.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((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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' 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)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.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~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.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~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.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}.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' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);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)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.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((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%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)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.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~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.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~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.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;-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{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{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{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{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{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{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{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{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 auto;flex:1 1 auto;width:1%;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;z-index:-1;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{color:#6c757d}.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' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 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' 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' 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:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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;background-color:#fff;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-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{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:calc(1rem + .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;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{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;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{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;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{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{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{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{-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{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{-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{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{-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{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{-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{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{-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 viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' 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 viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' 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;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{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-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(:first-of-type) .card-header:first-child{border-radius:0}.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion>.card .card-header{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:2;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:1;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;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;margin-bottom:-1px;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{margin-bottom:0;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-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-sm .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-md .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-lg .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-xl .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom: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-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:.3rem;border-top-right-radius:.3rem}.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-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.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) * -1)}.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) * -1);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) * -1)}.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) * -1);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:0s .6s opacity}@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' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%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' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-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;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}} /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url(/../fonts/fontawesome-webfont.eot?v=4.7.0);src:url(/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(/../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(/../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(/../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(/../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /*! * FullCalendar v3.7.0 Stylesheet * Docs & License: https://fullcalendar.io/ * (c) 2017 Adam Shaw */.fc button,.fc table,body .fc{font-size:1em}.fc-bg,.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-icon,.fc-unselectable{-webkit-touch-callout:none;-khtml-user-select:none}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc .fc-row .fc-content-skeleton table,.fc .fc-row .fc-content-skeleton td,.fc .fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-icon,.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover{color:#fff;text-decoration:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc.fc-bootstrap3 a,.ui-widget .fc-event{text-decoration:none}.fc-limited{display:none}.fc-icon,.fc-toolbar .fc-center{display:inline-block}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-now-indicator{position:absolute;border:0 solid red}.fc-icon:after,.fc-toolbar button{position:relative}.fc-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff;border-width:1px;border-style:solid}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3}.fc-icon{height:1em;line-height:1em;font-size:1em;font-family:"Courier New",Courier,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\000AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\000BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\000D7";font-size:200%;top:6%}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666;font-size:.9em;margin-top:2px}.fc-unthemed .fc-list-item:hover td{background-color:#f5f5f5}.ui-widget .fc-disabled-day{background-image:none}.fc-bootstrap3 .fc-time-grid .fc-slats table,.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.ui-widget .fc-event{color:#fff;font-weight:400}.ui-widget td.fc-axis{font-weight:400}.fc.fc-bootstrap3 a[data-goto]:hover{text-decoration:underline}.fc-bootstrap3 hr.fc-divider{border-color:inherit}.fc-bootstrap3 .fc-today.alert{border-radius:0}.fc-bootstrap3 .fc-popover .panel-body{padding:0}.fc-toolbar.fc-header-toolbar{margin-bottom:1em}.fc-toolbar.fc-footer-toolbar{margin-top:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;text-align:center;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item-marker,.fc-list-item-time{white-space:nowrap;width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee} table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important;border-spacing:0}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:auto;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:0.85em;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap;justify-content:flex-end}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:before,table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:0.9em;display:block;opacity:0.3}table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:before{right:1em;content:"\2191"}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{right:0.5em;content:"\2193"}table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:after{opacity:1}table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{opacity:0}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:before,div.dataTables_scrollBody table thead .sorting_asc:before,div.dataTables_scrollBody table thead .sorting_desc:before,div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-sm>thead>tr>th{padding-right:20px}table.dataTable.table-sm .sorting:before,table.dataTable.table-sm .sorting_asc:before,table.dataTable.table-sm .sorting_desc:before{top:5px;right:0.85em}table.dataTable.table-sm .sorting:after,table.dataTable.table-sm .sorting_asc:after,table.dataTable.table-sm .sorting_desc:after{top:5px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0} .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;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !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__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.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-selection__placeholder,.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}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{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} /* line 1, vendor/stylesheets/theme.css.scss */ body { font-family: 'Montserrat', sans-serif; font-size: 13px; color: #333; background-color: #ced2de; overflow-x: hidden; } /* line 2, vendor/stylesheets/theme.css.scss */ h1, h2, h3, h4, h5, h6 { margin-top: 0; } /* line 3, vendor/stylesheets/theme.css.scss */ a:hover, a:active, a:focus { text-decoration: none; color: #009ce7; outline: none; } /* line 6, vendor/stylesheets/theme.css.scss */ .form-control { border-radius: 0; box-shadow: none; height: 40px; } /* line 7, vendor/stylesheets/theme.css.scss */ .form-control:focus { border-color: #02c5fb; box-shadow: none; outline: 0 none; } /* line 8, vendor/stylesheets/theme.css.scss */ a { color: #009ce7; } /* line 9, vendor/stylesheets/theme.css.scss */ input, button, a { transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; } /* line 10, vendor/stylesheets/theme.css.scss */ input, button { outline: none; } /* line 13, vendor/stylesheets/theme.css.scss */ .tailwind-form input.outline-1, .tailwind-form button.outline-1 { outline: inherit !important; } /* line 18, vendor/stylesheets/theme.css.scss */ input[type="file"] { height: auto; } /* line 19, vendor/stylesheets/theme.css.scss */ input[type=text], input[type=password] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* line 20, vendor/stylesheets/theme.css.scss */ textarea.form-control { resize: vertical; } /* line 21, vendor/stylesheets/theme.css.scss */ .navbar-nav > li { float: left; } /* line 22, vendor/stylesheets/theme.css.scss */ .input-lg.form-control { border-radius: 4px; height: 46px; } /* Table */ /* line 26, vendor/stylesheets/theme.css.scss */ .table { color: #000; } /* line 27, vendor/stylesheets/theme.css.scss */ .table.table-white { background-color: #fff; } /* line 28, vendor/stylesheets/theme.css.scss */ .table > tbody > tr > td { font-weight: 300; } /* line 29, vendor/stylesheets/theme.css.scss */ .table > thead > tr > th { font-weight: normal; } /* line 30, vendor/stylesheets/theme.css.scss */ .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #fafafa; } /* line 31, vendor/stylesheets/theme.css.scss */ table.table td .avatar { margin: 0 5px 0 0; } /* line 32, vendor/stylesheets/theme.css.scss */ table.table td h2 { display: inline-block; font-size: inherit; font-weight: 400; margin: 0; padding: 0; vertical-align: middle; } /* line 33, vendor/stylesheets/theme.css.scss */ table.table td h2 a { color: #757575; } /* line 34, vendor/stylesheets/theme.css.scss */ table.table td h2 a:hover { color: #02c5fb; } /* line 35, vendor/stylesheets/theme.css.scss */ table.table td h2 span { color: #9e9e9e; display: block; font-size: 12px; margin-top: 3px; } /* line 36, vendor/stylesheets/theme.css.scss */ table.dataTable { margin-bottom: 15px !important; margin-top: 15px !important; } /* Helper Class */ /* line 40, vendor/stylesheets/theme.css.scss */ .p-0 { padding: 0 !important; } /* line 41, vendor/stylesheets/theme.css.scss */ .p-20 { padding: 20px !important; } /* line 42, vendor/stylesheets/theme.css.scss */ .p-30 { padding: 30px !important; } /* line 43, vendor/stylesheets/theme.css.scss */ .p-l-0 { padding-left: 0 !important; } /* line 44, vendor/stylesheets/theme.css.scss */ .p-r-0 { padding-right: 0 !important; } /* line 45, vendor/stylesheets/theme.css.scss */ .p-t-0 { padding-top: 0 !important; } /* line 46, vendor/stylesheets/theme.css.scss */ .p-b-0 { padding-bottom: 0 !important; } /* line 47, vendor/stylesheets/theme.css.scss */ .p-t-10 { padding-top: 10px !important; } /* line 48, vendor/stylesheets/theme.css.scss */ .p-b-10 { padding-bottom: 10px !important; } /* line 49, vendor/stylesheets/theme.css.scss */ .p-l-r-10 { padding-left: 10px; padding-right: 10px; } /* line 50, vendor/stylesheets/theme.css.scss */ .m-0 { margin: 0 !important; } /* line 51, vendor/stylesheets/theme.css.scss */ .m-r-5 { margin-right: 5px !important; } /* line 52, vendor/stylesheets/theme.css.scss */ .m-r-10 { margin-right: 10px !important; } /* line 53, vendor/stylesheets/theme.css.scss */ .m-r-15 { margin-right: 15px !important; } /* line 54, vendor/stylesheets/theme.css.scss */ .m-l-5 { margin-left: 5px !important; } /* line 55, vendor/stylesheets/theme.css.scss */ .m-l-10 { margin-left: 10px !important; } /* line 56, vendor/stylesheets/theme.css.scss */ .m-l-15 { margin-left: 15px !important; } /* line 57, vendor/stylesheets/theme.css.scss */ .m-t-5 { margin-top: 5px !important; } /* line 58, vendor/stylesheets/theme.css.scss */ .m-t-0 { margin-top: 0 !important; } /* line 59, vendor/stylesheets/theme.css.scss */ .m-t-10 { margin-top: 10px !important; } /* line 60, vendor/stylesheets/theme.css.scss */ .m-t-15 { margin-top: 15px !important; } /* line 61, vendor/stylesheets/theme.css.scss */ .m-t-20 { margin-top: 20px !important; } /* line 62, vendor/stylesheets/theme.css.scss */ .m-t-30 { margin-top: 30px !important; } /* line 63, vendor/stylesheets/theme.css.scss */ .m-t-40 { margin-top: 40px !important; } /* line 64, vendor/stylesheets/theme.css.scss */ .m-t-50 { margin-top: 50px !important; } /* line 65, vendor/stylesheets/theme.css.scss */ .m-b-0 { margin-bottom: 0 !important; } /* line 66, vendor/stylesheets/theme.css.scss */ .m-b-5 { margin-bottom: 5px !important; } /* line 67, vendor/stylesheets/theme.css.scss */ .m-b-10 { margin-bottom: 10px !important; } /* line 68, vendor/stylesheets/theme.css.scss */ .m-b-15 { margin-bottom: 15px !important; } /* line 69, vendor/stylesheets/theme.css.scss */ .m-b-20 { margin-bottom: 20px !important; } /* line 70, vendor/stylesheets/theme.css.scss */ .m-b-25 { margin-bottom: 25px !important; } /* line 71, vendor/stylesheets/theme.css.scss */ .m-b-30 { margin-bottom: 30px !important; } /* line 72, vendor/stylesheets/theme.css.scss */ .w-xs { min-width: 80px; } /* line 73, vendor/stylesheets/theme.css.scss */ .w-sm { min-width: 95px; } /* line 74, vendor/stylesheets/theme.css.scss */ .w-md { min-width: 110px; } /* line 75, vendor/stylesheets/theme.css.scss */ .w-lg { min-width: 140px; } /* line 76, vendor/stylesheets/theme.css.scss */ .w-40 { width: 40px; } /* line 77, vendor/stylesheets/theme.css.scss */ .btn-md { height: 40px; } /* line 78, vendor/stylesheets/theme.css.scss */ .block { display: block !important; } /* line 79, vendor/stylesheets/theme.css.scss */ .text-ellipsis { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 80, vendor/stylesheets/theme.css.scss */ .text-muted-light { color: #aaa; } /* line 81, vendor/stylesheets/theme.css.scss */ .card-box { background-color: #fff; border: 1px solid #ededed; border-radius: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); margin-bottom: 30px; padding: 20px; } /* line 82, vendor/stylesheets/theme.css.scss */ .card-title { color: #333; font-size: 18px; font-weight: normal; margin-bottom: 20px; } /* line 83, vendor/stylesheets/theme.css.scss */ .page-title { color: #565656; font-size: 21px; font-weight: normal; margin-bottom: 20px; } /* line 84, vendor/stylesheets/theme.css.scss */ .page-sub-title { color: #565656; font-size: 18px; font-weight: normal; margin-bottom: 20px; } /* line 85, vendor/stylesheets/theme.css.scss */ .cal-icon::after { background: transparent url(/assets/calander-020a9f92e7c3ee72e405dc064234eb466c2a675c51832b976ab28b5629f6b740.png) no-repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 19px; margin: auto; position: absolute; right: 15px; top: 0; width: 17px; } /* line 86, vendor/stylesheets/theme.css.scss */ .cal-icon { position: relative; width: 100%; } /* line 87, vendor/stylesheets/theme.css.scss */ .progress-xs { height: 5px; } /* line 88, vendor/stylesheets/theme.css.scss */ .label-success-border { border: 1px solid #55ce63; color: #55ce63; background-color: #fff; display: inline-block; min-width: 80px; } /* line 89, vendor/stylesheets/theme.css.scss */ .label-danger-border { border: 1px solid #f62d51; color: #f62d51; background-color: #fff; display: inline-block; min-width: 80px; } /* line 90, vendor/stylesheets/theme.css.scss */ .label-warning-border { border: 1px solid #ffbc34; color: #ffbc34; background-color: #fff; display: inline-block; min-width: 80px; } /* line 91, vendor/stylesheets/theme.css.scss */ .label-info-border { border: 1px solid #009efb; color: #009efb; background-color: #fff; display: inline-block; min-width: 80px; } /* line 92, vendor/stylesheets/theme.css.scss */ .panel { border: 1px solid #ededed; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); margin-bottom: 30px; } /* line 93, vendor/stylesheets/theme.css.scss */ .form-horizontal .control-label:not(.text-right) { text-align: left; } /* line 94, vendor/stylesheets/theme.css.scss */ .modal-footer.text-left { text-align: left; } /* line 95, vendor/stylesheets/theme.css.scss */ .font-18 { font-size: 18px; } /* Bootstrap Classes */ /* line 99, vendor/stylesheets/theme.css.scss */ .btn-white { background-color: #fff; border: 1px solid #ccc; color: #333; } /* line 100, vendor/stylesheets/theme.css.scss */ .rounded, .circle { border-radius: 500px; } /* line 101, vendor/stylesheets/theme.css.scss */ .bg-purple, .label-purple { background-color: #5B8BFF; } /* line 102, vendor/stylesheets/theme.css.scss */ .bg-primary, .label-primary { background-color: #5B8BFF; } /* line 103, vendor/stylesheets/theme.css.scss */ .bg-success, .label-success { background-color: #55ce63; } /* line 104, vendor/stylesheets/theme.css.scss */ .bg-info, .label-info { background-color: #009efb; } /* line 105, vendor/stylesheets/theme.css.scss */ .bg-warning, .label-warning { background-color: #ffbc34; } /* line 106, vendor/stylesheets/theme.css.scss */ .bg-danger, .label-danger { background-color: #f62d51; } /* line 107, vendor/stylesheets/theme.css.scss */ .bg-white { background-color: #fff; } /* line 108, vendor/stylesheets/theme.css.scss */ .text-primary, .dropdown-menu > li > a.text-primary { color: #5B8BFF; } /* line 109, vendor/stylesheets/theme.css.scss */ .text-success, .dropdown-menu > li > a.text-success { color: #55ce63; } /* line 110, vendor/stylesheets/theme.css.scss */ .text-danger, .dropdown-menu > li > a.text-danger { color: #f62d51; } /* line 111, vendor/stylesheets/theme.css.scss */ .text-info, .dropdown-menu > li > a.text-info { color: #009efb; } /* line 112, vendor/stylesheets/theme.css.scss */ .text-warning, .dropdown-menu > li > a.text-warning { color: #ffbc34; } /* line 113, vendor/stylesheets/theme.css.scss */ .text-purple, .dropdown-menu > li > a.text-purple { color: #5B8BFF; } /* line 114, vendor/stylesheets/theme.css.scss */ .btn-purple { background-color: #5B8BFF; border: 1px solid #5B8BFF; color: #fff; } /* line 115, vendor/stylesheets/theme.css.scss */ .btn-purple:hover, .btn-purple:focus { background-color: #5B8BFF; border: 1px solid #5B8BFF; } /* line 116, vendor/stylesheets/theme.css.scss */ .account-box a.btn-primary { color: #fff; text-decoration: none !important; } /* line 117, vendor/stylesheets/theme.css.scss */ .account-box a.btn-primary:hover { color: #fff; } /* line 118, vendor/stylesheets/theme.css.scss */ .btn-primary.close { background-color: #5B8BFF !important; background: #5B8BFF !important; border: 1px solid #5B8BFF !important; } /* line 119, vendor/stylesheets/theme.css.scss */ .btn-primary { background-color: #5B8BFF; border: 1px solid #5B8BFF; } /* line 120, vendor/stylesheets/theme.css.scss */ .btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { background-color: #2f6cff; border: 1px solid #2f6cff; } /* line 121, vendor/stylesheets/theme.css.scss */ .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { background-color: #2f6cff; border: 1px solid #2f6cff; } /* line 122, vendor/stylesheets/theme.css.scss */ .btn-success { background-color: #5B8BFF; border: 1px solid #5B8BFF; } /* line 123, vendor/stylesheets/theme.css.scss */ .btn-success:hover, .btn-success:focus, .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { background: #2f6cff; border: 1px solid #2f6cff; } /* line 124, vendor/stylesheets/theme.css.scss */ .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover { background: #2f6cff; border: 1px solid #2f6cff; } /* line 125, vendor/stylesheets/theme.css.scss */ .btn-info { background-color: #009efb; border: 1px solid #009efb; } /* line 126, vendor/stylesheets/theme.css.scss */ .btn-info:hover, .btn-info:focus, .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { background-color: #028ee1; border: 1px solid #028ee1; } /* line 127, vendor/stylesheets/theme.css.scss */ .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover { background-color: #028ee1; border: 1px solid #028ee1; } /* line 128, vendor/stylesheets/theme.css.scss */ .btn-warning { background: #ffbc34; border: 1px solid #ffbc34; } /* line 129, vendor/stylesheets/theme.css.scss */ .btn-warning:hover, .btn-warning:focus, .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { background: #e9ab2e; border: 1px solid #e9ab2e; } /* line 130, vendor/stylesheets/theme.css.scss */ .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover { background: #e9ab2e; border: 1px solid #e9ab2e; } /* line 131, vendor/stylesheets/theme.css.scss */ .btn-danger { background: #f62d51; border: 1px solid #f62d51; } /* line 132, vendor/stylesheets/theme.css.scss */ .btn-danger:hover, .btn-danger:focus { background-color: #e6294b; border: 1px solid #e6294b; } /* line 133, vendor/stylesheets/theme.css.scss */ .btn-custom { background: #02c5fb; background: -moz-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #02c5fb), color-stop(100%, #fc6075)); background: -webkit-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -o-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -ms-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: linear-gradient(to right, #02c5fb 0%, #fc6075 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02c5fb', endColorstr='#fc6075', GradientType=1 ); color: #fff; } /* line 144, vendor/stylesheets/theme.css.scss */ .btn-custom.focus, .btn-custom:focus, .btn-custom:hover { background: #02c5fb; background: -moz-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #02c5fb), color-stop(100%, #fc6075)); background: -webkit-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -o-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -ms-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: linear-gradient(to right, #02c5fb 0%, #fc6075 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5B8BFF', endColorstr='#00024d', GradientType=1 ); color: #fff; } /* line 153, vendor/stylesheets/theme.css.scss */ .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #283263; border-color: #283263; } /* line 154, vendor/stylesheets/theme.css.scss */ .pagination > li > a, .pagination > li > span { color: #283263; } /* line 155, vendor/stylesheets/theme.css.scss */ .dropdown-menu { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; transform-origin: left top 0; box-shadow: inherit; background-color: #fff; } /* line 156, vendor/stylesheets/theme.css.scss */ .navbar-nav .open .dropdown-menu { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); } /* line 157, vendor/stylesheets/theme.css.scss */ .modal-content { border-radius: 0; } /* line 158, vendor/stylesheets/theme.css.scss */ .btn-group-xs > .btn, .btn-xs { min-height: 22px; min-width: 22px; } /* line 159, vendor/stylesheets/theme.css.scss */ .dropdown-menu { font-size: 13px; } /* line 160, vendor/stylesheets/theme.css.scss */ .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { box-shadow: none; } /* line 161, vendor/stylesheets/theme.css.scss */ .btn-link { color: #333; } /* line 162, vendor/stylesheets/theme.css.scss */ .help-block { color: #999; font-size: 12px; margin-bottom: 7px; margin-top: 7px; } /* line 163, vendor/stylesheets/theme.css.scss */ .page-link:hover { color: #283263 !important; } /* Animation */ @-moz-keyframes pulse { 0% { -moz-transform: scale(0); opacity: 0.0; } 25% { -moz-transform: scale(0); opacity: 0.1; } 50% { -moz-transform: scale(0.1); opacity: 0.3; } 75% { -moz-transform: scale(0.5); opacity: 0.5; } 100% { -moz-transform: scale(1); opacity: 0.0; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0); opacity: 0.0; } 25% { -webkit-transform: scale(0); opacity: 0.1; } 50% { -webkit-transform: scale(0.1); opacity: 0.3; } 75% { -webkit-transform: scale(0.5); opacity: 0.5; } 100% { -webkit-transform: scale(1); opacity: 0.0; } } @-webkit-keyframes taskHighlighter { 0% { background: #FEEB99; } 100% { background: #fff; } } @keyframes taskHighlighter { 0% { background: #FEEB99; } 100% { background: #fff; } } /* Header */ /* line 229, vendor/stylesheets/theme.css.scss */ .header { background: #fff; left: 0; position: fixed; right: 0; top: 0; z-index: 1050; height: 60px; border-bottom: 1px solid #ededed; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); } /* line 230, vendor/stylesheets/theme.css.scss */ .header .header-left { float: left; padding: 0 20px; position: relative; text-align: center; z-index: 1; } /* line 231, vendor/stylesheets/theme.css.scss */ .logo { display: none; line-height: 52px; } /* line 232, vendor/stylesheets/theme.css.scss */ .logo-dark { display: block; line-height: 52px; } /* line 233, vendor/stylesheets/theme.css.scss */ .header .navbar-nav .badge { position: absolute; right: 7px; top: 4px; } /* line 234, vendor/stylesheets/theme.css.scss */ .header .dropdown-menu > li > a { position: relative; } /* line 235, vendor/stylesheets/theme.css.scss */ .page-title-box { border-radius: 0; height: 60px; margin-bottom: 0; padding: 17px 20px; margin-left: 5rem; } /* line 236, vendor/stylesheets/theme.css.scss */ .page-title-box h3 { color: #333; font-size: 20px; font-weight: normal; margin: 0; } /* line 237, vendor/stylesheets/theme.css.scss */ .user-menu { margin: 0; position: relative; z-index: 99; } /* line 238, vendor/stylesheets/theme.css.scss */ .user-menu.nav > li > a { color: #333; font-size: 16px; line-height: 60px; padding: 0 15px; height: 60px; } /* line 239, vendor/stylesheets/theme.css.scss */ .user-menu.nav > li > a:hover, .user-menu.nav > li > a:focus { background-color: rgba(0, 0, 0, 0.2); } /* line 240, vendor/stylesheets/theme.css.scss */ .user-img { display: inline-block; position: relative; } /* line 241, vendor/stylesheets/theme.css.scss */ .user-img .status { border: 2px solid #fff; bottom: 0; height: 10px; margin: 0; position: absolute; right: 0; width: 10px; } /* line 242, vendor/stylesheets/theme.css.scss */ .user-menu .user-img .status { bottom: 10px; } /* line 243, vendor/stylesheets/theme.css.scss */ .status { background-color: #263238; border-radius: 50%; display: inline-block; height: 10px; margin-right: 10px; width: 10px; } /* line 244, vendor/stylesheets/theme.css.scss */ .status.online { background-color: #55ce63; } /* line 245, vendor/stylesheets/theme.css.scss */ .status.offline { background-color: #f62d51; } /* line 246, vendor/stylesheets/theme.css.scss */ .status.away { background-color: #5B8BFF; } /* Sidebar */ /* line 250, vendor/stylesheets/theme.css.scss */ .sidebar { top: 60px; width: 230px; z-index: 1041; background-color: #fff; bottom: 0; margin-top: 0px; position: fixed; left: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; border-right: 1px solid #ddd; } /* line 251, vendor/stylesheets/theme.css.scss */ .sidebar-inner { height: 100%; } /* line 252, vendor/stylesheets/theme.css.scss */ .slimscroll { overflow-y: auto; width: 100%; height: calc(100vh - 60px); } /* line 253, vendor/stylesheets/theme.css.scss */ .sidebar-menu ul { font-size: 14px; list-style-type: none; margin: 0; padding: 0; } /* line 254, vendor/stylesheets/theme.css.scss */ .sidebar-menu li a { color: #333; display: block; font-size: 13px; height: auto; line-height: 40px; min-height: 40px; padding: 0 20px; /*white-space: nowrap;*/ } /* line 255, vendor/stylesheets/theme.css.scss */ .sidebar-menu li a:hover { color: #5B8BFF; } /* line 256, vendor/stylesheets/theme.css.scss */ .sidebar-menu li a > .badge { margin-top: 10px; } /* line 257, vendor/stylesheets/theme.css.scss */ .sidebar-menu li.active a { color: #333; background-color: rgba(0, 0, 0, 0.2); } /* line 258, vendor/stylesheets/theme.css.scss */ .menu-title { color: #5B8BFF; font-size: 16px; line-height: 40px; min-height: 40px; padding: 0 20px; } /* line 259, vendor/stylesheets/theme.css.scss */ .menu-title > i { float: right; line-height: 40px; } /* line 260, vendor/stylesheets/theme.css.scss */ .sidebar-menu li.menu-title a { color: #5B8BFF; display: inline-block; float: right; padding: 0; } /* line 261, vendor/stylesheets/theme.css.scss */ .sidebar-menu li.menu-title a.btn { color: #fff; display: block; float: none; font-size: 15px; line-height: inherit; margin-bottom: 15px; } /* line 262, vendor/stylesheets/theme.css.scss */ .sidebar-menu ul ul a.active { color: #000; text-decoration: underline; } /* line 263, vendor/stylesheets/theme.css.scss */ .theme-light .sidebar-menu ul ul a.active { color: #000; } /* line 264, vendor/stylesheets/theme.css.scss */ .mobile-user-menu { color: #fff; display: none; font-size: 24px; height: 60px; line-height: 60px; padding: 0 20px; position: absolute; right: 0; text-align: right; top: 0; width: 60px; z-index: 10; } /* line 265, vendor/stylesheets/theme.css.scss */ .mobile-user-menu a { color: #333; } /* line 266, vendor/stylesheets/theme.css.scss */ .mobile-user-menu a:hover { color: #333; } /* line 267, vendor/stylesheets/theme.css.scss */ .profile-rightbar { display: none; color: #5B8BFF; font-size: 26px; margin-left: 15px; } /* line 268, vendor/stylesheets/theme.css.scss */ .fixed-sidebar-right { position: fixed; top: 60px; right: 0; width: 300px; margin-right: -300px; bottom: 0; z-index: 101; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } /* line 269, vendor/stylesheets/theme.css.scss */ .open-right-sidebar .message-view { width: 75%; } /* line 270, vendor/stylesheets/theme.css.scss */ .mobile_btn { display: none; } /* line 271, vendor/stylesheets/theme.css.scss */ #sidebar-menu ul ul a { display: block; padding: 0 20px; } /* line 272, vendor/stylesheets/theme.css.scss */ #sidebar-menu ul ul { background-color: #ccc; } /* line 273, vendor/stylesheets/theme.css.scss */ .sidebar-menu > ul > li { position: relative; } /* line 274, vendor/stylesheets/theme.css.scss */ .sidebar-menu .menu-arrow { -webkit-transition: -webkit-transform 0.15s; -o-transition: -o-transform 0.15s; transition: transform .15s; position: absolute; right: 20px; display: inline-block; font-family: 'FontAwesome'; text-rendering: auto; line-height: 40px; font-size: 18px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } /* line 292, vendor/stylesheets/theme.css.scss */ .sidebar-menu .menu-arrow:before { content: "\f105"; } /* line 293, vendor/stylesheets/theme.css.scss */ .sidebar-menu li a.subdrop .menu-arrow { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } /* line 294, vendor/stylesheets/theme.css.scss */ .nav-label { font-style: normal; margin-left: 1rem; z-index: 1; } /* line 295, vendor/stylesheets/theme.css.scss */ .noti-dot:before { content: ''; width: 5px; height: 5px; border: 5px solid #5B8BFF; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #5B8BFF; z-index: 10; position: absolute; right: 37px; top: 16px; } /* line 296, vendor/stylesheets/theme.css.scss */ .noti-dot:after { content: ''; border: 4px solid #5B8BFF; background: transparent; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; height: 24px; width: 24px; -webkit-animation: pulse 3s ease-out; -moz-animation: pulse 3s ease-out; animation: pulse 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; position: absolute; top: 9px; right: 30px; z-index: 1; opacity: 0; } /* Content */ /* line 320, vendor/stylesheets/theme.css.scss */ .page-wrapper { left: 0; margin-left: 230px; padding-top: 50px; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } /* line 321, vendor/stylesheets/theme.css.scss */ .page-wrapper > .content { padding: 40px; } /* Login */ /* line 325, vendor/stylesheets/theme.css.scss */ .account-title { font-size: 32px; font-weight: normal; margin: 40px 0; text-align: center; } /* line 326, vendor/stylesheets/theme.css.scss */ .account-box { box-shadow: 0 6px 15px rgba(36, 37, 38, 0.08); } /* line 327, vendor/stylesheets/theme.css.scss */ .account-wrapper { background-color: #fff; padding: 5px 60px 60px 60px; } /* line 328, vendor/stylesheets/theme.css.scss */ .account-logo { margin-bottom: 20px; text-align: center; } /* line 329, vendor/stylesheets/theme.css.scss */ .account-box .form-group { margin-bottom: 14px; } /* line 330, vendor/stylesheets/theme.css.scss */ .account-box .account-btn { background: #5B8BFF; background: -moz-linear-gradient(left, #5B8BFF 0%, #8faef7 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #5B8BFF), color-stop(100%, #8faef7)); background: -webkit-linear-gradient(left, #5B8BFF 0%, #8faef7 100%); background: -o-linear-gradient(left, #5B8BFF 0%, #8faef7 100%); background: -ms-linear-gradient(left, #5B8BFF 0%, #8faef7 100%); background: linear-gradient(to right, #5B8BFF 0%, #8faef7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5B8BFF', endColorstr='#8faef7', GradientType=1 ); border-radius: 0; font-size: 20px; padding: 10px 26px; border: 0; } /* line 341, vendor/stylesheets/theme.css.scss */ .account-box .account-btn:hover, .account-box .account-btn:focus { border: 0; opacity: 0.8; } /* line 342, vendor/stylesheets/theme.css.scss */ .account-box a { color: #323232; font-size: 16px; } /* line 343, vendor/stylesheets/theme.css.scss */ .account-box a:hover { color: #5B8BFF; } /* line 344, vendor/stylesheets/theme.css.scss */ .account-box .form-control { background-color: #f8fafc; border: 1px solid #dfe3e9; height: 50px; } /* line 345, vendor/stylesheets/theme.css.scss */ .account-box label { color: #7f8fa4; font-size: 16px; font-weight: normal; } /* line 346, vendor/stylesheets/theme.css.scss */ .account-logo img { width: 120px; } /* Dashboard */ /* line 350, vendor/stylesheets/theme.css.scss */ .panel-table .panel-heading { border-bottom: 1px solid #ddd; padding: 15px; } /* line 351, vendor/stylesheets/theme.css.scss */ .panel-table .panel-body { padding: 0; } /* line 352, vendor/stylesheets/theme.css.scss */ .panel-table .panel-footer { background-color: #fff; text-align: center; } /* line 353, vendor/stylesheets/theme.css.scss */ .panel-title > a.btn { color: #fff; } /* line 354, vendor/stylesheets/theme.css.scss */ .custom-table tr { background-color: #fff; box-shadow: 0 0 3px #e5e5e5; } /* line 355, vendor/stylesheets/theme.css.scss */ .table.custom-table > tbody > tr > td, .table.custom-table > tbody > tr > th, .table.custom-table > tfoot > tr > td, .table.custom-table > tfoot > tr > th, .table.custom-table > thead > tr > td, .table.custom-table > thead > tr > th { padding: 10px 8px; vertical-align: middle; } /* line 361, vendor/stylesheets/theme.css.scss */ .table.custom-table > thead > tr > th.name-row { min-width: 190px; } /* line 362, vendor/stylesheets/theme.css.scss */ .table.custom-table > thead > tr > th.email-row { min-width: 190px; } /* line 363, vendor/stylesheets/theme.css.scss */ #area-chart, #line-chart, #bar-chart, #stacked, #pie-chart { min-height: 250px; } /* line 364, vendor/stylesheets/theme.css.scss */ .dash-widget-icon { background-color: #eee; border-radius: 100%; color: #777; display: inline-block; float: left; font-size: 30px; height: 60px; line-height: 60px; margin-right: 10px; text-align: center; width: 60px; } /* line 365, vendor/stylesheets/theme.css.scss */ .dash-widget-info { text-align: right; } /* line 366, vendor/stylesheets/theme.css.scss */ .dash-widget-info > h3 { font-size: 30px; font-weight: normal; } /* line 367, vendor/stylesheets/theme.css.scss */ .dash-widget-info > span { font-size: 12px; font-weight: bold; } /* Activity */ /* line 371, vendor/stylesheets/theme.css.scss */ .activity-box { position: relative; } /* line 372, vendor/stylesheets/theme.css.scss */ .activity-list { list-style: none; margin: 0 0 0 10px; padding: 0; position: relative; } /* line 373, vendor/stylesheets/theme.css.scss */ .activity .activity-list { list-style: none; margin: 0; padding: 0; position: relative; } /* line 374, vendor/stylesheets/theme.css.scss */ .activity .activity-list > li .activity-user { height: 32px; margin: 0; padding: 0; position: absolute; top: 12px; left: 8px; width: 32px; } /* line 375, vendor/stylesheets/theme.css.scss */ .activity .activity-list > li .activity-content { background-color: #fff; margin: 0 0 0 40px; padding: 0; position: relative; } /* line 376, vendor/stylesheets/theme.css.scss */ .activity-list::before { background: #ddd; bottom: 0; content: ""; left: 23px; position: absolute; top: 8px; width: 2px; } /* line 377, vendor/stylesheets/theme.css.scss */ .activity .activity-list li::before { background: #ddd; bottom: 0; content: ""; left: 22px; position: absolute; top: 12px; width: 2px; } /* line 378, vendor/stylesheets/theme.css.scss */ .activity-list li::before { background: #eee; bottom: 0; content: ""; left: 8px; position: absolute; top: 8px; width: 2px; } /* line 379, vendor/stylesheets/theme.css.scss */ .activity-list > li { background-color: #fff; margin-bottom: 10px; padding: 10px; position: relative; border: 1px solid #ededed; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); } /* line 380, vendor/stylesheets/theme.css.scss */ .activity-list > li:last-child .activity-content { margin-bottom: 0; } /* line 381, vendor/stylesheets/theme.css.scss */ .activity-user .avatar { height: 32px; line-height: 32px; margin: 0; width: 32px; } /* line 382, vendor/stylesheets/theme.css.scss */ .activity-list > li .activity-user { background: #fff; height: 32px; left: -7px; margin: 0; padding: 0; position: absolute; top: 3px; width: 32px; } /* line 383, vendor/stylesheets/theme.css.scss */ .activity-list > li .activity-content { background-color: #fff; margin: 0 0 20px 40px; padding: 0; position: relative; } /* line 384, vendor/stylesheets/theme.css.scss */ .activity-list > li .activity-content .timeline-content { color: #9e9e9e; } /* line 385, vendor/stylesheets/theme.css.scss */ .activity-list > li .activity-content .timeline-content a.name { color: #616161; font-weight: bold; } /* line 386, vendor/stylesheets/theme.css.scss */ .activity-list > li .time { color: #bdbdbd; display: block; font-size: 12px; line-height: 1.35; } /* Select2 */ /* line 390, vendor/stylesheets/theme.css.scss */ .select2-container .select2-selection--single { border: 1px solid #ccc; height: 40px; border-radius: 0; } /* line 391, vendor/stylesheets/theme.css.scss */ .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; right: 7px; } /* line 392, vendor/stylesheets/theme.css.scss */ .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #ccc transparent transparent; border-style: solid; border-width: 6px 6px 0; height: 0; left: 50%; margin-left: -10px; margin-top: -2px; position: absolute; top: 50%; width: 0; } /* line 393, vendor/stylesheets/theme.css.scss */ .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #ccc; border-width: 0 6px 6px; } /* line 394, vendor/stylesheets/theme.css.scss */ .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 30px; padding-left: 15px; } /* line 395, vendor/stylesheets/theme.css.scss */ .select2-container--default .select2-selection--single .select2-selection__rendered { color: #676767; font-size: 14px; font-weight: normal; line-height: 38px; } /* line 396, vendor/stylesheets/theme.css.scss */ .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #02c5fb; } /* Nav tabs */ /* line 400, vendor/stylesheets/theme.css.scss */ .nav-tabs > li > a { margin-right: 0; color: #888; border-radius: 0; } /* line 401, vendor/stylesheets/theme.css.scss */ .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: transparent; color: #333; } /* line 402, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-justified > li > a { border-radius: 0; margin-bottom: 0; } /* line 403, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-justified > li > a:hover, .nav-tabs.nav-justified > li > a:focus { border-bottom-color: #ddd; } /* line 404, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-justified.nav-tabs-solid > li > a { border-color: transparent; } @media (min-width: 769px) { /* line 406, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-justified.nav-tabs-top { border-bottom: 1px solid #ddd; } /* line 407, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-justified.nav-tabs-top > li > a, .nav-tabs.nav-justified.nav-tabs-top > li > a:hover, .nav-tabs.nav-justified.nav-tabs-top > li > a:focus { border-width: 2px 0 0 0; } } @media (max-width: 768px) { /* line 410, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-justified { border-bottom: 1px solid #ddd; } /* line 411, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-justified > li.active > a, .nav-tabs.nav-justified > li.active > a:hover, .nav-tabs.nav-justified > li.active > a:focus { border-width: 0 0 0 2px; border-left-color: #02c5fb; } } @media (min-width: 769px) { /* line 414, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-top > li { margin-bottom: 0; } /* line 415, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-top > li > a, .nav-tabs.nav-tabs-top > li > a:hover, .nav-tabs.nav-tabs-top > li > a:focus { border-width: 2px 0 0 0; } /* line 416, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-top > li.open > a, .nav-tabs.nav-tabs-top > li > a:hover, .nav-tabs.nav-tabs-top > li > a:focus { border-top-color: #ddd; } /* line 417, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-top > li + li > a { margin-left: 1px; } /* line 418, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-top > li.active > a, .nav-tabs.nav-tabs-top > li.active > a:hover, .nav-tabs.nav-tabs-top > li.active > a:focus { border-top-color: #02c5fb; } } @media (min-width: 769px) { /* line 421, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-bottom > li { margin-bottom: -1px; } /* line 422, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-bottom > li.active > a, .nav-tabs.nav-tabs-bottom > li.active > a:hover, .nav-tabs.nav-tabs-bottom > li.active > a:focus { border-bottom-width: 2px; border-color: transparent; border-bottom-color: #02c5fb; background-color: transparent; transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; -o-transition: none 0s ease 0s; -ms-transition: none 0s ease 0s; -webkit-transition: none 0s ease 0s; } } /* line 424, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-solid > li > a { color: #333; } /* line 425, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-solid > .active > a, .nav-tabs.nav-tabs-solid > .active > a:hover, .nav-tabs.nav-tabs-solid > .active > a:focus { background-color: #02c5fb; border-color: #02c5fb; color: #fff; } /* line 426, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-solid > .active > a, .nav-tabs.nav-tabs-solid > .active > a:hover, .nav-tabs.nav-tabs-solid > .active > a:focus { background-color: #5B8BFF; border-color: #5B8BFF; color: #fff; } @media (min-width: 769px) { /* line 428, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-solid { background-color: #fafafa; border: 0; } /* line 429, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-solid > li { margin-bottom: 0; } /* line 430, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-solid > li > a { border-color: transparent; } /* line 431, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-solid > li > a:hover, .nav-tabs.nav-tabs-solid > li > a:focus { background-color: #f5f5f5; } /* line 433, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-solid > .open:not(.active) > a { background-color: #f5f5f5; border-color: transparent; } } @media (max-width: 768px) { /* line 436, vendor/stylesheets/theme.css.scss */ .nav-tabs { border-bottom: 0; position: relative; background-color: #fff; padding: 5px 0; border: 1px solid #ddd; border-radius: 3px; } /* line 437, vendor/stylesheets/theme.css.scss */ .nav-tabs > li { margin-bottom: 0; } /* line 438, vendor/stylesheets/theme.css.scss */ .nav-tabs > li + li { margin-top: 1px; } /* line 439, vendor/stylesheets/theme.css.scss */ .nav-tabs > li > a { border-width: 0 0 0 2px; border-left-color: transparent; } /* line 440, vendor/stylesheets/theme.css.scss */ .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color: #fafafa; } /* line 442, vendor/stylesheets/theme.css.scss */ .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-width: 0 0 0 2px; border-left-color: #02c5fb; background-color: #f5f5f5; } /* line 443, vendor/stylesheets/theme.css.scss */ .nav-tabs > li.open:not(.active) > a, .nav-tabs > li.open:not(.active) > a:hover, .nav-tabs > li.open:not(.active) > a:focus { background-color: #fafafa; } /* line 444, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-solid { padding: 5px 0; } /* line 445, vendor/stylesheets/theme.css.scss */ .nav-tabs.nav-tabs-solid > li > a { border-left-width: 0 !important; } } /* line 447, vendor/stylesheets/theme.css.scss */ .nav-tabs-justified > li > a { border-radius: 0; margin-bottom: 0; } /* line 448, vendor/stylesheets/theme.css.scss */ .nav-tabs-justified > li > a:hover, .nav-tabs-justified > li > a:focus { border-bottom-color: #ddd; } /* line 450, vendor/stylesheets/theme.css.scss */ .nav-tabs-justified.nav-tabs-solid > li > a { border-color: transparent; } @media (min-width: 769px) { /* line 452, vendor/stylesheets/theme.css.scss */ .nav-tabs-justified.nav-tabs-top { border-bottom: 1px solid #ddd; } /* line 453, vendor/stylesheets/theme.css.scss */ .nav-tabs-justified.nav-tabs-top > li > a, .nav-tabs-justified.nav-tabs-top > li > a:hover, .nav-tabs-justified.nav-tabs-top > li > a:focus { border-width: 2px 0 0 0; } } @media (max-width: 768px) { /* line 456, vendor/stylesheets/theme.css.scss */ .nav-tabs-justified { border-bottom: 1px solid #ddd; } /* line 457, vendor/stylesheets/theme.css.scss */ .nav-tabs-justified > li.active > a, .nav-tabs-justified > li.active > a:hover, .nav-tabs-justified > li.active > a:focus { border-width: 0 0 0 2px; border-left-color: #02c5fb; } } /* Holidays */ /* line 464, vendor/stylesheets/theme.css.scss */ .custom-table tr.holiday-completed { color: #aaa; } /* line 465, vendor/stylesheets/theme.css.scss */ .modal-header.bg-danger .modal-title { color: #fff; } /* line 466, vendor/stylesheets/theme.css.scss */ .close { font-size: 28px; } /* Action Label */ /* line 470, vendor/stylesheets/theme.css.scss */ .dropdown.action-label { display: inline-block; } /* line 471, vendor/stylesheets/theme.css.scss */ .action-label > a { display: inline-block; min-width: 103px; } /* line 472, vendor/stylesheets/theme.css.scss */ .action-label .btn-sm { padding: 5px; } /* line 473, vendor/stylesheets/theme.css.scss */ .action-label i.caret { margin-left: 3px; margin-right: 0; } /* Edit Profile */ /* line 477, vendor/stylesheets/theme.css.scss */ .profile-img-wrap { height: 120px; position: absolute; width: 120px; background: #fff; overflow: hidden; } /* line 478, vendor/stylesheets/theme.css.scss */ .profile-basic { margin-left: 140px; } /* line 479, vendor/stylesheets/theme.css.scss */ .profile-img-wrap img { width: 120px; height: 120px; object-fit: contain; } /* line 480, vendor/stylesheets/theme.css.scss */ .fileupload.btn { position: absolute; right: 0; bottom: 0; background: rgba(33, 33, 33, 0.5); border-radius: 0; padding: 3px 10px; border: none; } /* line 481, vendor/stylesheets/theme.css.scss */ .fileupload input.upload { cursor: pointer; filter: alpha(opacity=0); font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: -3px; top: -3px; padding: 5px; } /* line 482, vendor/stylesheets/theme.css.scss */ .btn-text { color: #fff; } /* Chat */ /* line 486, vendor/stylesheets/theme.css.scss */ .chat-main-row { bottom: 0; left: 0; overflow: auto; padding-bottom: inherit; padding-top: inherit; position: absolute; right: 0; top: 0; } /* line 487, vendor/stylesheets/theme.css.scss */ .chat-main-wrapper { display: table; height: 100%; table-layout: fixed; width: 100%; } /* line 488, vendor/stylesheets/theme.css.scss */ .message-view { display: table-cell; height: 100%; float: none; padding: 0; position: static; vertical-align: top; /*-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;*/ } /* line 489, vendor/stylesheets/theme.css.scss */ .chat-window { display: table; height: 100%; table-layout: fixed; width: 100%; background-color: #f6fafb; } /* line 490, vendor/stylesheets/theme.css.scss */ .chat-header { background-color: #fff; border-bottom: 1px solid #eaeaea; padding: 10px 15px; } /* line 491, vendor/stylesheets/theme.css.scss */ .chat-header .navbar { border: 0 none; margin: 0; min-height: auto; } /* line 492, vendor/stylesheets/theme.css.scss */ .chat-header .user-info a { color: #76838f; text-transform: uppercase; } /* line 493, vendor/stylesheets/theme.css.scss */ .typing-text { color: #02c5fb; font-size: 12px; text-transform: lowercase; } /* line 494, vendor/stylesheets/theme.css.scss */ .last-seen { color: #a3afb7; display: block; font-size: 12px; } /* line 495, vendor/stylesheets/theme.css.scss */ .chat-menu { margin-top: 6px; } /* line 496, vendor/stylesheets/theme.css.scss */ .chat-menu.navbar-nav > li > a { color: #02c5fb; font-size: 26px; margin-left: 15px; padding: 0; } /* line 497, vendor/stylesheets/theme.css.scss */ .chat-menu.navbar-nav > li > a { color: #5B8BFF; font-size: 26px; margin-left: 15px; padding: 0; } /* line 498, vendor/stylesheets/theme.css.scss */ .chat-menu.navbar-nav > li > a:hover, .chat-menu.navbar-nav > li > a:focus { background-color: transparent; } /* line 499, vendor/stylesheets/theme.css.scss */ .chat-menu .dropdown-menu { left: auto; right: 0; } /* line 500, vendor/stylesheets/theme.css.scss */ .message-search { margin-top: 5px; } /* line 501, vendor/stylesheets/theme.css.scss */ .message-search .input-group { background-color: #f3f7f9; border: 1px solid #e4eaec; border-radius: 50px; } /* line 502, vendor/stylesheets/theme.css.scss */ .message-search .input-group .form-control { background: transparent; border: none; } /* line 503, vendor/stylesheets/theme.css.scss */ .message-search .btn { background-color: transparent; } /* line 504, vendor/stylesheets/theme.css.scss */ .chat-contents { display: table-row; height: 100%; } /* line 505, vendor/stylesheets/theme.css.scss */ .chat-content-wrap { height: 100%; position: relative; width: 100%; } /* line 506, vendor/stylesheets/theme.css.scss */ .chat-wrap-inner { bottom: 0; left: 0; overflow: auto; position: absolute; right: 0; top: 0; } /* line 507, vendor/stylesheets/theme.css.scss */ .chats { padding: 30px 15px; } /* line 508, vendor/stylesheets/theme.css.scss */ .chat-body { display: block; margin: 10px 0 0; overflow: hidden; } /* line 509, vendor/stylesheets/theme.css.scss */ .chat-body:first-child { margin-top: 0; } /* line 510, vendor/stylesheets/theme.css.scss */ .chat-right .chat-content { position: relative; display: block; float: right; padding: 8px 15px; margin: 0; clear: both; color: #fff; background-color: #34444c; border-radius: 20px 2px 2px 20px; max-width: 60%; } /* line 511, vendor/stylesheets/theme.css.scss */ .chat-right .chat-body { padding-left: 48px; padding-right: 10px; } /* line 512, vendor/stylesheets/theme.css.scss */ .chat-bubble { display: block; width: 100%; float: left; margin-bottom: 10px; } /* line 513, vendor/stylesheets/theme.css.scss */ .chat-bubble:hover .chat-action-btns { display: block; float: left; } /* line 514, vendor/stylesheets/theme.css.scss */ .chat-right .chat-bubble:hover .chat-action-btns { float: right; display: block; } /* line 515, vendor/stylesheets/theme.css.scss */ .chat.chat-right .chat-bubble:last-child .chat-content { border-bottom-right-radius: 20px; } /* line 516, vendor/stylesheets/theme.css.scss */ .chat.chat-right .chat-bubble:first-child .chat-content { border-top-right-radius: 20px; } /* line 517, vendor/stylesheets/theme.css.scss */ .chat-content > p { margin-bottom: 0; } /* line 518, vendor/stylesheets/theme.css.scss */ .chat-time { color: rgba(255, 255, 255, 0.6); display: block; font-size: 12px; } /* line 519, vendor/stylesheets/theme.css.scss */ .chat-right .chat-time { text-align: right; } /* line 520, vendor/stylesheets/theme.css.scss */ .chat-bubble .chat-action-btns { display: none; } /* line 521, vendor/stylesheets/theme.css.scss */ .chat-action-btns { float: right; } /* line 522, vendor/stylesheets/theme.css.scss */ .chat-action-btns ul { list-style: none; padding: 0; margin: 15px 15px 0 15px; } /* line 523, vendor/stylesheets/theme.css.scss */ .chat-action-btns ul > li { display: inline-block; margin-left: 5px; font-size: 18px; } /* line 524, vendor/stylesheets/theme.css.scss */ .chat-right .chat-action-btns { float: left; } /* line 525, vendor/stylesheets/theme.css.scss */ .chat-bubble .chat-action-btns a { color: #8c8c8c; } /* line 526, vendor/stylesheets/theme.css.scss */ .chat-line { border-bottom: 1px solid #eaeaea; height: 12px; margin: 7px 0 20px; position: relative; text-align: center; } /* line 527, vendor/stylesheets/theme.css.scss */ .chat-date { background-color: #f6fafb; color: #02c5fb; font-size: 12px; padding: 0 11px; } /* line 528, vendor/stylesheets/theme.css.scss */ .chat-avatar { float: right; } /* line 529, vendor/stylesheets/theme.css.scss */ .chat-left .chat-avatar { float: left; } /* line 530, vendor/stylesheets/theme.css.scss */ .chat-left .chat-body { margin-right: 0; margin-left: 30px; padding-right: 20px; } /* line 531, vendor/stylesheets/theme.css.scss */ .chat-left .chat-content { background-color: #fff; border: 1px solid #eaeaea; color: #76838f; float: left; position: relative; padding: 8px 15px; border-radius: 2px 20px 20px 2px; max-width: 60%; } /* line 532, vendor/stylesheets/theme.css.scss */ .avatar { background-color: #aaa; border-radius: 50%; color: #fff; display: inline-block; font-weight: 500; height: 38px; line-height: 38px; margin: 0 10px 0 0; overflow: hidden; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; width: 38px; position: relative; white-space: nowrap; } /* line 533, vendor/stylesheets/theme.css.scss */ .avatar:hover { color: #fff; } /* line 534, vendor/stylesheets/theme.css.scss */ .avatar > img { width: 100%; display: block; } /* line 535, vendor/stylesheets/theme.css.scss */ .chat.chat-left .chat-bubble:first-child .chat-content { border-top-left-radius: 20px; margin-top: 0; } /* line 536, vendor/stylesheets/theme.css.scss */ .chat.chat-left .chat-bubble:last-child .chat-content { border-bottom-left-radius: 20px; } /* line 537, vendor/stylesheets/theme.css.scss */ .chat-left .chat-time { color: #a3afb7; } /* line 538, vendor/stylesheets/theme.css.scss */ .attach-list { color: #adb7be; padding: 5px 0 0; line-height: 24px; margin: 0; list-style: none; } /* line 539, vendor/stylesheets/theme.css.scss */ .attach-list i { margin-right: 3px; font-size: 16px; } /* line 540, vendor/stylesheets/theme.css.scss */ .previews li { float: left; margin: 10px 0; } /* line 541, vendor/stylesheets/theme.css.scss */ .previews img { display: block; max-width: 360px; width: auto; } /* line 542, vendor/stylesheets/theme.css.scss */ .previews { list-style: none; padding: 0; } /* line 543, vendor/stylesheets/theme.css.scss */ .chat-right .attach-list a, .chat-right .attach-list i { color: #fff; } /* line 544, vendor/stylesheets/theme.css.scss */ .chat-footer { background-color: #fff; border-top: 1px solid #eaeaea; padding: 15px; } /* line 545, vendor/stylesheets/theme.css.scss */ .message-bar { display: table; height: 44px; position: relative; width: 100%; } /* line 546, vendor/stylesheets/theme.css.scss */ .message-bar .message-inner { display: table-row; height: 100%; padding: 0 8px; width: 100%; } /* line 547, vendor/stylesheets/theme.css.scss */ .message-bar .link { color: #777; display: table-cell; font-size: 20px; padding: 0 10px; position: relative; vertical-align: middle; width: 30px; } /* line 548, vendor/stylesheets/theme.css.scss */ .message-bar .message-area { display: table-cell; } /* line 549, vendor/stylesheets/theme.css.scss */ .message-area .input-group .form-control { background-color: #fff; border: 1px solid #eaeaea; box-shadow: none; color: #555; display: block; font-size: 14px; height: 44px; margin: 0; padding: 6px 12px; width: 100%; resize: none; } /* line 550, vendor/stylesheets/theme.css.scss */ .message-area .btn { height: 44px; width: 50px; } /* line 551, vendor/stylesheets/theme.css.scss */ .profile-right { display: table-cell; height: 100%; float: none; padding: 0; position: static; vertical-align: top; } /* line 552, vendor/stylesheets/theme.css.scss */ .display-table { display: table; table-layout: fixed; border-spacing: 0; width: 100%; height: 100%; } /* line 553, vendor/stylesheets/theme.css.scss */ .table-row { display: table-row; height: 100%; } /* line 554, vendor/stylesheets/theme.css.scss */ .table-body { position: relative; height: 100%; width: 100%; } /* line 555, vendor/stylesheets/theme.css.scss */ .table-content { bottom: 0; left: 0; overflow: auto; position: absolute; right: 0; top: 0; } /* line 556, vendor/stylesheets/theme.css.scss */ .profile-right-inner { border-left: 1px solid #eaeaea; background-color: #fff; } /* line 557, vendor/stylesheets/theme.css.scss */ .chat-profile-img { padding: 30px; position: relative; text-align: center; } /* line 558, vendor/stylesheets/theme.css.scss */ .edit-profile-img { height: 120px; margin: 0 auto; position: relative; width: 120px; cursor: pointer; } /* line 559, vendor/stylesheets/theme.css.scss */ .change-img { background-color: rgba(0, 0, 0, 0.3); border-radius: 50%; color: #fff; display: none; height: 100%; left: 0; line-height: 120px; position: absolute; top: 0; width: 100%; } /* line 560, vendor/stylesheets/theme.css.scss */ .edit-profile-img:hover .change-img { display: block; } /* line 561, vendor/stylesheets/theme.css.scss */ .edit-profile-img .avatar { height: auto; margin: 0; width: 120px; } /* line 562, vendor/stylesheets/theme.css.scss */ .user-name { color: #333; } /* line 563, vendor/stylesheets/theme.css.scss */ .edit-btn { border-radius: 40px; height: 36px; position: absolute; right: 15px; top: 15px; width: 36px; } /* line 564, vendor/stylesheets/theme.css.scss */ .chat-profile-info { padding: 15px; } /* line 565, vendor/stylesheets/theme.css.scss */ .user-det-list { list-style: none; padding: 0; } /* line 566, vendor/stylesheets/theme.css.scss */ .user-det-list > li { padding: 6px 15px; } /* line 567, vendor/stylesheets/theme.css.scss */ .user-det-list .text-muted { color: #888; } /* line 568, vendor/stylesheets/theme.css.scss */ .files-list { list-style: none; padding-left: 0; } /* line 569, vendor/stylesheets/theme.css.scss */ .files-list > li { border-bottom: 1px solid #eaeaea; border-radius: inherit; margin: 2px 0 0; padding: 10px; } /* line 570, vendor/stylesheets/theme.css.scss */ .files-cont { position: relative; } /* line 571, vendor/stylesheets/theme.css.scss */ .file-type { height: 48px; position: absolute; width: 48px; } /* line 572, vendor/stylesheets/theme.css.scss */ .files-icon { background-color: #f3f7f9; border: 1px solid #e4eaec; border-radius: 4px; display: inline-block; height: 38px; line-height: 38px; text-align: center; width: 38px; } /* line 573, vendor/stylesheets/theme.css.scss */ .files-icon i { color: #76838f; font-size: 20px; } /* line 574, vendor/stylesheets/theme.css.scss */ .files-info { padding: 0 30px 0 50px; } /* line 575, vendor/stylesheets/theme.css.scss */ .files-action { display: none; height: 30px; list-style: none; padding-left: 0; position: absolute; right: 0; text-align: right; top: 10px; width: 30px; } /* line 576, vendor/stylesheets/theme.css.scss */ .files-list > li:hover .files-action { display: block; } /* line 577, vendor/stylesheets/theme.css.scss */ .file-date { color: #888; font-size: 12px; } /* line 578, vendor/stylesheets/theme.css.scss */ .file-author a { color: #02c5fb; font-size: 12px; text-decoration: underline; } /* line 579, vendor/stylesheets/theme.css.scss */ .files-action .dropdown-menu { left: auto; right: 0; } /* line 580, vendor/stylesheets/theme.css.scss */ .chat-img-attach { border-radius: 4px; margin-bottom: 12px; margin-left: 12px; position: relative; float: right; } /* line 581, vendor/stylesheets/theme.css.scss */ .chat-img-attach img { border-radius: 4px; } /* line 582, vendor/stylesheets/theme.css.scss */ .chat-placeholder { background: rgba(69, 81, 97, 0.6); border-radius: 4px; color: #fff; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; left: 0; padding: 13px; position: absolute; top: 0; width: 100%; } /* line 583, vendor/stylesheets/theme.css.scss */ .chat-img-name { font-size: 12px; font-weight: 700; line-height: 16px; } /* line 584, vendor/stylesheets/theme.css.scss */ .chat-file-desc { font-size: 11px; } /* line 585, vendor/stylesheets/theme.css.scss */ .chat-right .chat-content.img-content { background-color: transparent; color: #76838f; padding: 0; text-align: right; } /* line 586, vendor/stylesheets/theme.css.scss */ .chat-right .img-content .chat-time { color: #a3afb7; } /* line 587, vendor/stylesheets/theme.css.scss */ .chat-left .chat-img-attach { float: left; } /* line 588, vendor/stylesheets/theme.css.scss */ .chat-left .chat-img-attach { float: left; margin-left: 0; margin-right: 12px; } /* Direct Chat Popup */ /* line 592, vendor/stylesheets/theme.css.scss */ .input-group .input-lg.form-control { border-radius: 4px 0 0 4px; height: 46px; } /* line 593, vendor/stylesheets/theme.css.scss */ .chat-user-list .media { border-bottom: 1px solid #eaeaea; border-radius: inherit; margin: 0; padding: 10px; margin-top: 2px; background-color: #fff; } /* line 594, vendor/stylesheets/theme.css.scss */ .chat-user-list .avatar { margin-right: 0; } /* line 595, vendor/stylesheets/theme.css.scss */ .designation { color: #9e9e9e; font-size: 12px; } /* line 596, vendor/stylesheets/theme.css.scss */ .online-date { color: #9e9e9e; font-size: 12px; } /* Drog and Drop Popup */ /* line 600, vendor/stylesheets/theme.css.scss */ .drop-zone { width: 100%; height: 205px; border: 2px dashed #adb7be; text-align: center; padding: 25px 0 0; margin-bottom: 20px; } /* line 601, vendor/stylesheets/theme.css.scss */ .drop-zone .drop-zone-caption { font-weight: 600; } /* line 602, vendor/stylesheets/theme.css.scss */ .upload-list { padding: 0; list-style: none; margin: 0; } /* line 603, vendor/stylesheets/theme.css.scss */ .upload-list .file-list { background-color: #fff; border-top: 1px solid #d8e2e7; padding: 10px; } /* line 604, vendor/stylesheets/theme.css.scss */ .upload-list .file-list:first-child { border-top: none; } /* line 605, vendor/stylesheets/theme.css.scss */ .upload-list .upload-wrap { position: relative; padding: 0 20px 0 0; margin: 0 0 5px; } /* line 606, vendor/stylesheets/theme.css.scss */ .upload-list .file-name, .upload-list .file-size { display: inline-block; vertical-align: top; white-space: nowrap; } /* line 607, vendor/stylesheets/theme.css.scss */ .upload-list .file-name { padding-right: 15px; overflow: hidden; max-width: 100%; text-overflow: ellipsis; } /* line 608, vendor/stylesheets/theme.css.scss */ .upload-list .file-size { color: #888; } /* line 609, vendor/stylesheets/theme.css.scss */ .upload-list .file-close { border: none; background: none; color: #dbe4ea; position: absolute; right: 0; top: 2px; } /* line 610, vendor/stylesheets/theme.css.scss */ .upload-list .file-close:hover { color: #f62d51; } /* line 611, vendor/stylesheets/theme.css.scss */ .upload-list .upload-process { font-size: 10px; color: #888; } /* line 612, vendor/stylesheets/theme.css.scss */ .upload-list .progress { margin-bottom: 5px; background-color: #f6f8fa; height: 5px; } /* line 613, vendor/stylesheets/theme.css.scss */ .upload-list .file-name i { color: #fda75c; margin: 0 5px 0 0; vertical-align: middle; } /* line 614, vendor/stylesheets/theme.css.scss */ .upload-drop-zone { height: 200px; border-width: 2px; margin-bottom: 20px; color: #ccc; border-style: dashed; border-color: #adb7be; line-height: 200px; text-align: center; background-color: #fff; } /* line 615, vendor/stylesheets/theme.css.scss */ .upload-drop-zone.drop { color: #222; border-color: #222; } /* line 616, vendor/stylesheets/theme.css.scss */ .upload-text { font-size: 24px; margin-left: 10px; } /* Files Share Popup */ /* line 620, vendor/stylesheets/theme.css.scss */ .files-share-list { border: 1px solid #eaeaea; border-radius: 4px; margin-bottom: 20px; padding: 15px; } /* Focus Label */ /* line 624, vendor/stylesheets/theme.css.scss */ .form-focus { display: flex; height: 50px; position: relative; } /* line 625, vendor/stylesheets/theme.css.scss */ .form-focus .control-label { font-size: 16px; font-weight: 400; opacity: 0.4; pointer-events: none; position: absolute; -webkit-transform: translate3d(0, 22px, 0) scale(1); -ms-transform: translate3d(0, 22px, 0) scale(1); -o-transform: translate3d(0, 22px, 0) scale(1); transform: translate3d(0, 22px, 0) scale(1); transform-origin: left top; transition: 240ms; left: 12px; top: -8px; z-index: 1; color: #888; } /* line 631, vendor/stylesheets/theme.css.scss */ .form-focus.focused .control-label { opacity: 1; font-weight: 300; top: -14px; font-size: 12px; z-index: 1; } /* line 632, vendor/stylesheets/theme.css.scss */ .form-focus .form-control { height: 46px; padding: 21px 12px 6px; } /* line 633, vendor/stylesheets/theme.css.scss */ .form-focus .form-control::-webkit-input-placeholder { color: transparent; transition: 240ms; } /* line 634, vendor/stylesheets/theme.css.scss */ .form-focus .form-control:focus::-webkit-input-placeholder { transition: none; } /* line 635, vendor/stylesheets/theme.css.scss */ .form-focus.focused .form-control::-webkit-input-placeholder { color: #bbb; } /* line 636, vendor/stylesheets/theme.css.scss */ .profile-basic .cal-icon { width: 100%; } /* line 637, vendor/stylesheets/theme.css.scss */ .form-focus .select2-container .select2-selection--single { border: 1px solid #ccc; height: 50px; border-radius: 0; } /* line 638, vendor/stylesheets/theme.css.scss */ .form-focus .select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px; right: 7px; } /* line 639, vendor/stylesheets/theme.css.scss */ .form-focus .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #ccc transparent transparent; border-style: solid; border-width: 6px 6px 0; height: 0; left: 50%; margin-left: -10px; margin-top: -2px; position: absolute; top: 50%; width: 0; } /* line 640, vendor/stylesheets/theme.css.scss */ .form-focus .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #ccc; border-width: 0 6px 6px; } /* line 641, vendor/stylesheets/theme.css.scss */ .form-focus .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 30px; padding-left: 12px; padding-top: 10px; } /* line 642, vendor/stylesheets/theme.css.scss */ .form-focus .select2-container--default .select2-selection--single .select2-selection__rendered { color: #676767; font-size: 14px; font-weight: normal; line-height: 38px; } /* line 643, vendor/stylesheets/theme.css.scss */ .form-focus .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #fc6075; } /* Leave */ /* line 647, vendor/stylesheets/theme.css.scss */ .filter-row .btn { border-radius: 0; min-height: 50px; padding: 14px 12px; text-transform: uppercase; } /* line 648, vendor/stylesheets/theme.css.scss */ .form-focus.select-focus .control-label { opacity: 1; font-weight: 300; top: -20px; font-size: 12px; z-index: 1; } /* line 649, vendor/stylesheets/theme.css.scss */ .action-label .label { display: inline-block; min-width: 85px; padding: 0.5em 0.6em; } /* line 650, vendor/stylesheets/theme.css.scss */ .action-label i { margin-right: 3px; } /* line 651, vendor/stylesheets/theme.css.scss */ .action-label .dropdown-menu > li > a { padding: 3px 10px; } /* Employee */ /* line 655, vendor/stylesheets/theme.css.scss */ .action-icon { color: #777; font-size: 18px; padding: 0 10px; } /* line 656, vendor/stylesheets/theme.css.scss */ .table .dropdown-menu { font-size: 12px; } /* line 657, vendor/stylesheets/theme.css.scss */ .profile-widget { background-color: #fff; border: 1px solid #ededed; border-radius: 4px; margin-bottom: 30px; padding: 20px; text-align: center; position: relative; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); } /* line 658, vendor/stylesheets/theme.css.scss */ .profile-widget .user-name > a { color: #333; } /* line 659, vendor/stylesheets/theme.css.scss */ .dropdown.profile-action { position: absolute; right: 5px; text-align: right; top: 10px; } /* line 660, vendor/stylesheets/theme.css.scss */ .profile-img { cursor: pointer; height: 80px; margin: 0 auto; position: relative; width: 80px; } /* line 661, vendor/stylesheets/theme.css.scss */ .profile-img .avatar { font-size: 24px; height: 80px; line-height: 80px; margin: 0; width: 80px; } /* line 662, vendor/stylesheets/theme.css.scss */ .mobile-no > a { color: #777; display: inline-block; } /* line 663, vendor/stylesheets/theme.css.scss */ .staff-mail > a { color: #777; display: inline-block; margin-top: 5px; } /* line 664, vendor/stylesheets/theme.css.scss */ .staff-action-btns { margin-top: 10px; } /* line 665, vendor/stylesheets/theme.css.scss */ .staff-id { margin-top: 5px; } /* line 666, vendor/stylesheets/theme.css.scss */ .view-icons { float: right; margin-right: 10px; } /* line 667, vendor/stylesheets/theme.css.scss */ .view-icons .btn { color: #888; font-size: 18px; margin-right: 5px; padding: 4px; } /* line 668, vendor/stylesheets/theme.css.scss */ .view-icons .btn.active { color: #333; } /* Events */ /* line 672, vendor/stylesheets/theme.css.scss */ .calendar { float: left; margin-bottom: 0; } /* line 673, vendor/stylesheets/theme.css.scss */ .fc-view { margin-top: 30px; } /* line 674, vendor/stylesheets/theme.css.scss */ .none-border .modal-footer { border-top: none; } /* line 675, vendor/stylesheets/theme.css.scss */ .fc-toolbar h2 { font-size: 18px; font-weight: 600; font-family: 'Lato', sans-serif; line-height: 30px; text-transform: uppercase; } /* line 676, vendor/stylesheets/theme.css.scss */ .fc-day-grid-event .fc-time { font-family: 'Lato', sans-serif; } /* line 677, vendor/stylesheets/theme.css.scss */ .fc-day { background: #fff; } /* line 678, vendor/stylesheets/theme.css.scss */ .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar button:focus, .fc-toolbar button:hover, .fc-toolbar .ui-state-hover { z-index: 0; } /* line 683, vendor/stylesheets/theme.css.scss */ .fc th.fc-widget-header { background: #eeeeee; font-size: 14px; line-height: 20px; padding: 10px 0; text-transform: uppercase; } /* line 684, vendor/stylesheets/theme.css.scss */ .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover { border-color: #f3f3f3; } /* line 691, vendor/stylesheets/theme.css.scss */ .fc-button { background: #f1f1f1; border: none; color: #797979; text-transform: capitalize; box-shadow: none !important; border-radius: 3px !important; margin: 0 3px !important; padding: 6px 12px !important; height: auto !important; } /* line 692, vendor/stylesheets/theme.css.scss */ .fc-text-arrow { font-family: inherit; font-size: 16px; } /* line 693, vendor/stylesheets/theme.css.scss */ .fc-state-hover { background: #f3f3f3; } /* line 694, vendor/stylesheets/theme.css.scss */ .fc-state-highlight { background: #f0f0f0; } /* line 695, vendor/stylesheets/theme.css.scss */ .fc-state-down, .fc-state-active, .fc-state-disabled { background-color: #02c5fb !important; color: #fff !important; text-shadow: none !important; } /* line 698, vendor/stylesheets/theme.css.scss */ .fc-cell-overlay { background: #f0f0f0; } /* line 699, vendor/stylesheets/theme.css.scss */ .fc-unthemed .fc-today { background: #fff; } /* line 700, vendor/stylesheets/theme.css.scss */ .fc-event { border-radius: 2px; border: none; cursor: move; font-size: 13px; margin: 1px 7px; padding: 5px 5px; text-align: center; } /* line 701, vendor/stylesheets/theme.css.scss */ .external-event { cursor: move; margin: 10px 0; padding: 6px 10px; } /* line 702, vendor/stylesheets/theme.css.scss */ .external-event.bg-primary { background-color: rgba(127, 193, 252, 0.3) !important; color: #7fc1fc; } /* line 703, vendor/stylesheets/theme.css.scss */ .external-event.bg-success { background-color: rgba(75, 211, 150, 0.3) !important; color: #4bd396; } /* line 704, vendor/stylesheets/theme.css.scss */ .external-event.bg-info { background-color: rgba(58, 201, 214, 0.3) !important; color: #3ac9d6; } /* line 705, vendor/stylesheets/theme.css.scss */ .external-event.bg-warning { background-color: rgba(249, 200, 81, 0.3) !important; color: #f9c851; } /* line 706, vendor/stylesheets/theme.css.scss */ .external-event.bg-danger { background-color: rgba(245, 112, 122, 0.3) !important; color: #f5707a; } /* line 707, vendor/stylesheets/theme.css.scss */ .external-event.bg-pink { background-color: rgba(240, 98, 146, 0.3) !important; color: #f06292; } /* line 708, vendor/stylesheets/theme.css.scss */ .external-event.bg-purple { background-color: rgba(107, 95, 181, 0.3) !important; color: #6b5fb5; } /* line 709, vendor/stylesheets/theme.css.scss */ .external-event.bg-inverse { background-color: rgba(59, 62, 71, 0.3) !important; color: #3b3e47; } /* line 710, vendor/stylesheets/theme.css.scss */ .external-event.bg-orange { background-color: rgba(255, 152, 0, 0.3) !important; color: #ff9800; } /* line 711, vendor/stylesheets/theme.css.scss */ .external-event.bg-brown { background-color: rgba(141, 110, 99, 0.3) !important; color: #8d6e63; } /* line 712, vendor/stylesheets/theme.css.scss */ .external-event.bg-teal { background-color: rgba(38, 166, 154, 0.3) !important; color: #26a69a; } /* line 713, vendor/stylesheets/theme.css.scss */ .fc-basic-view td.fc-week-number span { padding-right: 8px; font-weight: 700; font-family: 'Lato', sans-serif; } /* line 714, vendor/stylesheets/theme.css.scss */ .fc-basic-view td.fc-day-number { padding-right: 8px; font-weight: 700; font-family: 'Lato', sans-serif; } /* Profile */ /* line 718, vendor/stylesheets/theme.css.scss */ .profile-details { text-align: center; } /* line 719, vendor/stylesheets/theme.css.scss */ .personal-info li .title { color: #515365; float: left; font-weight: 500; margin-right: 30px; width: 30%; } /* line 720, vendor/stylesheets/theme.css.scss */ .personal-info li .text { color: #888da8; display: block; overflow: hidden; } /* line 721, vendor/stylesheets/theme.css.scss */ .personal-info li { margin-bottom: 10px; } /* line 722, vendor/stylesheets/theme.css.scss */ .personal-info { list-style: none; margin-bottom: 0; padding: 0; } /* line 723, vendor/stylesheets/theme.css.scss */ .profile-view .profile-img-wrap { height: 150px; width: 150px; } /* line 724, vendor/stylesheets/theme.css.scss */ .profile-view .profile-img { width: 150px; height: 150px; } /* line 725, vendor/stylesheets/theme.css.scss */ .profile-view .profile-img .avatar { font-size: 24px; height: 150px; line-height: 150px; margin: 0; width: 150px; } /* line 726, vendor/stylesheets/theme.css.scss */ .profile-view .profile-basic { margin-left: 170px; } /* line 727, vendor/stylesheets/theme.css.scss */ .staff-msg { margin-top: 30px; } /* line 728, vendor/stylesheets/theme.css.scss */ .experience-box { position: relative; } /* line 729, vendor/stylesheets/theme.css.scss */ .experience-list { list-style: none; margin: 0; padding: 0; position: relative; } /* line 730, vendor/stylesheets/theme.css.scss */ .experience-list::before { background: #ddd; bottom: 0; content: ""; left: 8px; position: absolute; top: 8px; width: 2px; } /* line 731, vendor/stylesheets/theme.css.scss */ .experience-list > li { position: relative; } /* line 732, vendor/stylesheets/theme.css.scss */ .experience-list > li:last-child .experience-content { margin-bottom: 0; } /* line 733, vendor/stylesheets/theme.css.scss */ .experience-user .avatar { height: 32px; line-height: 32px; margin: 0; width: 32px; } /* line 734, vendor/stylesheets/theme.css.scss */ .experience-list > li .experience-user { background: #fff; height: 10px; left: 4px; margin: 0; padding: 0; position: absolute; top: 4px; width: 10px; } /* line 735, vendor/stylesheets/theme.css.scss */ .experience-list > li .experience-content { background-color: #fff; margin: 0 0 20px 40px; padding: 0; position: relative; } /* line 736, vendor/stylesheets/theme.css.scss */ .experience-list > li .experience-content .timeline-content { color: #9e9e9e; } /* line 737, vendor/stylesheets/theme.css.scss */ .experience-list > li .experience-content .timeline-content a.name { color: #616161; font-weight: bold; } /* line 738, vendor/stylesheets/theme.css.scss */ .experience-list > li .time { color: #bdbdbd; display: block; font-size: 12px; line-height: 1.35; } /* line 739, vendor/stylesheets/theme.css.scss */ .before-circle { background-color: #ddd; border-radius: 50%; height: 10px; width: 10px; } /* line 740, vendor/stylesheets/theme.css.scss */ .skills > span { border: 1px solid #ccc; border-radius: 500px; display: block; margin-bottom: 10px; padding: 6px 12px; text-align: center; } /* line 741, vendor/stylesheets/theme.css.scss */ .profile-info-left { border-right: 2px dashed #ccc; } /* Notifications */ /* line 745, vendor/stylesheets/theme.css.scss */ .notifications { padding: 0; } /* line 746, vendor/stylesheets/theme.css.scss */ .notifications .drop-scroll { height: 290px; width: 400px; } /* line 747, vendor/stylesheets/theme.css.scss */ .notifications.msg-noti .drop-scroll { width: 310px; } /* line 748, vendor/stylesheets/theme.css.scss */ .notifications .notification-heading { margin: 0; font-size: 14px; font-weight: normal; line-height: 1.45; color: #616161; } /* line 749, vendor/stylesheets/theme.css.scss */ .notifications .notification-time { font-size: 12px; line-height: 1.35; color: #bdbdbd; } /* line 750, vendor/stylesheets/theme.css.scss */ .notifications .media { margin-top: 0; border-bottom: 1px solid #f5f5f5; } /* line 751, vendor/stylesheets/theme.css.scss */ .notifications .media:last-child { border-bottom: none; } /* line 752, vendor/stylesheets/theme.css.scss */ .notifications .media a { display: block; padding: 12px; border-radius: 2px; } /* line 753, vendor/stylesheets/theme.css.scss */ .notifications .media a:hover { background-color: #fafafa; } /* line 754, vendor/stylesheets/theme.css.scss */ .notifications .media-list .media-left { padding-right: 8px; } /* line 755, vendor/stylesheets/theme.css.scss */ .drop-scroll { overflow-y: scroll; position: relative; } /* line 756, vendor/stylesheets/theme.css.scss */ .notifications .drop-scroll.msg-list-scroll { overflow-y: auto; height: calc(100vh - 124px); } /* line 757, vendor/stylesheets/theme.css.scss */ .topnav-dropdown-header { border-bottom: 1px solid #eee; text-align: center; } /* line 758, vendor/stylesheets/theme.css.scss */ .topnav-dropdown-header, .topnav-dropdown-footer { font-size: 12px; height: 32px; line-height: 32px; padding-left: 12px; padding-right: 12px; } /* line 759, vendor/stylesheets/theme.css.scss */ .topnav-dropdown-footer a { display: block; text-align: center; color: #333; } /* line 760, vendor/stylesheets/theme.css.scss */ .user-menu.nav > li > a .badge { position: absolute; right: 3px; top: 6px; } /* line 761, vendor/stylesheets/theme.css.scss */ .user-menu.nav > li > a > i { font-size: 20px; line-height: 60px; } /* line 762, vendor/stylesheets/theme.css.scss */ .noti-details { color: #989c9e; } /* line 763, vendor/stylesheets/theme.css.scss */ .noti-title { color: #333; } /* Roles & Permissions */ /* line 767, vendor/stylesheets/theme.css.scss */ .roles-menu { margin-top: 20px; } /* line 768, vendor/stylesheets/theme.css.scss */ .roles-menu .nav { background-color: #fff; padding-top: 20px; padding-bottom: 20px; } /* line 769, vendor/stylesheets/theme.css.scss */ .roles-menu .nav > li a { font-weight: 600; border-left: 3px solid transparent; color: #333; padding-left: 20px; padding-right: 20px; padding-top: 8px; padding-bottom: 8px; } /* line 770, vendor/stylesheets/theme.css.scss */ .roles-menu .nav > li.active a { border-color: #02c5fb; color: #02c5fb; } /* line 771, vendor/stylesheets/theme.css.scss */ .roles-menu .nav > li a:hover { border-color: #02c5fb; } /* line 772, vendor/stylesheets/theme.css.scss */ .material-switch > input[type="checkbox"] { display: none; } /* line 773, vendor/stylesheets/theme.css.scss */ .material-switch > label { cursor: pointer; height: 0px; position: relative; width: 40px; } /* line 774, vendor/stylesheets/theme.css.scss */ .material-switch > label::before { background: black; box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 8px; content: ''; height: 16px; margin-top: -8px; position: absolute; opacity: 0.3; transition: all 0.4s ease-in-out; width: 40px; } /* line 775, vendor/stylesheets/theme.css.scss */ .material-switch > label::after { background: white; border-radius: 16px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); content: ''; height: 24px; left: -4px; margin-top: -8px; position: absolute; top: -4px; transition: all 0.3s ease-in-out; width: 24px; } /* line 776, vendor/stylesheets/theme.css.scss */ .material-switch > input[type="checkbox"]:checked + label::before { background: inherit; opacity: 0.5; } /* line 777, vendor/stylesheets/theme.css.scss */ .material-switch > input[type="checkbox"]:checked + label::after { background: inherit; left: 20px; } /* line 778, vendor/stylesheets/theme.css.scss */ .role-action { float: right; display: none; } /* line 779, vendor/stylesheets/theme.css.scss */ .roles-menu .nav > li a:hover .role-action { display: block; } /* Theme Settings */ /* line 783, vendor/stylesheets/theme.css.scss */ .themes-list > a.active::before { color: #fff; content: "\f00c"; display: inline-block; font-family: FontAwesome; font-size: 12px; padding-top: 9px; } /* line 784, vendor/stylesheets/theme.css.scss */ .themes-list > a.theme-orange { background: #02c5fb; background: -moz-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #02c5fb), color-stop(100%, #fc6075)); background: -webkit-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -o-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -ms-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: linear-gradient(to right, #02c5fb 0%, #fc6075 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02c5fb', endColorstr='#fc6075', GradientType=1 ); } /* line 794, vendor/stylesheets/theme.css.scss */ .themes-list > a.theme-purple { background: #667eea; background: -moz-linear-gradient(left, #667eea 0%, #764ba2 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #667eea), color-stop(100%, #764ba2)); background: -webkit-linear-gradient(left, #667eea 0%, #764ba2 100%); background: -o-linear-gradient(left, #667eea 0%, #764ba2 100%); background: -ms-linear-gradient(left, #667eea 0%, #764ba2 100%); background: linear-gradient(to right, #667eea 0%, #764ba2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#667eea', endColorstr='#764ba2', GradientType=1 ); } /* line 804, vendor/stylesheets/theme.css.scss */ .themes-list > a.theme-blue { background: #00c5fb; background: -moz-linear-gradient(left, #00c5fb 0%, #0253cc 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #00c5fb), color-stop(100%, #0253cc)); background: -webkit-linear-gradient(left, #00c5fb 0%, #0253cc 100%); background: -o-linear-gradient(left, #00c5fb 0%, #0253cc 100%); background: -ms-linear-gradient(left, #00c5fb 0%, #0253cc 100%); background: linear-gradient(to right, #00c5fb 0%, #0253cc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c5fb', endColorstr='#0253cc', GradientType=1 ); } /* line 814, vendor/stylesheets/theme.css.scss */ .themes-list > a.theme-maroon { background: #f43b48; background: -moz-linear-gradient(left, #f43b48 0%, #453a94 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #f43b48), color-stop(100%, #453a94)); background: -webkit-linear-gradient(left, #f43b48 0%, #453a94 100%); background: -o-linear-gradient(left, #f43b48 0%, #453a94 100%); background: -ms-linear-gradient(left, #f43b48 0%, #453a94 100%); background: linear-gradient(to right, #f43b48 0%, #453a94 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f43b48', endColorstr='#453a94', GradientType=1 ); } /* line 824, vendor/stylesheets/theme.css.scss */ .themes-list > a.theme-dark { background: #000; } /* line 825, vendor/stylesheets/theme.css.scss */ .themes-list > a.theme-light { background: #fff; border: 1px solid #ccc; } /* line 826, vendor/stylesheets/theme.css.scss */ .themes-list > a.active { text-align: center; } /* line 827, vendor/stylesheets/theme.css.scss */ .themes-list > a { border-radius: 2px; height: 36px; margin-right: 10px; margin-bottom: 10px; position: relative; width: 36px; display: inline-block; float: left; } /* line 828, vendor/stylesheets/theme.css.scss */ .theme-light #sidebar-menu ul ul { background-color: #ccc; } /* line 829, vendor/stylesheets/theme.css.scss */ .light-thumbnail { background: #02c5fb; background: -moz-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #02c5fb), color-stop(100%, #fc6075)); background: -webkit-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -o-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -ms-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: linear-gradient(to right, #02c5fb 0%, #fc6075 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02c5fb', endColorstr='#fc6075', GradientType=1 ); } /* line 839, vendor/stylesheets/theme.css.scss */ .slide-nav-toggle .sidebar { margin-left: 0; } /* chat sidebar */ /* line 843, vendor/stylesheets/theme.css.scss */ .chat-header .chat-menu { margin: 6px 0 0; } /* line 844, vendor/stylesheets/theme.css.scss */ .topnav-dropdown-footer { border-top: 1px solid #eee; } /* line 845, vendor/stylesheets/theme.css.scss */ .notification-box { bottom: 0; margin-right: -300px; position: fixed; right: 0; top: 60px; transition: all 0.4s ease 0s; width: 300px; z-index: 101; border-left: 1px solid #ddd; } /* line 846, vendor/stylesheets/theme.css.scss */ .open-msg-box .notification-box { margin-right: 0; } /* line 847, vendor/stylesheets/theme.css.scss */ .msg-sidebar { background-color: #fff; } /* line 848, vendor/stylesheets/theme.css.scss */ .list-box { list-style: none; padding-left: 0; } /* line 849, vendor/stylesheets/theme.css.scss */ .list-item.new-message { background-color: rgba(0, 0, 0, 0.2); } /* line 850, vendor/stylesheets/theme.css.scss */ .list-item { border-bottom: 1px solid #eaeaea; padding: 10px; position: relative; } /* line 851, vendor/stylesheets/theme.css.scss */ .list-left { height: 48px; position: absolute; width: 48px; } /* line 852, vendor/stylesheets/theme.css.scss */ .files-icon { background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; display: inline-block; height: 38px; line-height: 38px; text-align: center; width: 38px; } /* line 853, vendor/stylesheets/theme.css.scss */ .files-icon i { color: #777; font-size: 20px; } /* line 854, vendor/stylesheets/theme.css.scss */ .list-body { padding: 0 0 0 50px; } /* line 855, vendor/stylesheets/theme.css.scss */ .message-author { color: #333; /*float: left*/ font-weight: bold; width: 175px; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 856, vendor/stylesheets/theme.css.scss */ .message-time { color: #888; /*float: right*/ font-size: 11px; } /* line 857, vendor/stylesheets/theme.css.scss */ .message-content { color: #333; font-size: 13px; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 858, vendor/stylesheets/theme.css.scss */ .file-author a { color: #02c5fb; font-size: 12px; text-decoration: underline; } /* line 859, vendor/stylesheets/theme.css.scss */ .files-action .dropdown-menu { left: auto; right: 0; } /* Theme Orange */ /* line 863, vendor/stylesheets/theme.css.scss */ .theme-orange .header { background: #02c5fb; background: -moz-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #02c5fb), color-stop(100%, #fc6075)); background: -webkit-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -o-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -ms-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: linear-gradient(to right, #02c5fb 0%, #fc6075 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02c5fb', endColorstr='#fc6075', GradientType=1 ); border-bottom: none; } /* line 874, vendor/stylesheets/theme.css.scss */ .theme-orange .logo { display: block; } /* line 875, vendor/stylesheets/theme.css.scss */ .theme-orange .logo-dark { display: none; } /* line 876, vendor/stylesheets/theme.css.scss */ .theme-orange .page-title-box h3 { color: #fff; } /* line 877, vendor/stylesheets/theme.css.scss */ .theme-orange .user-menu.nav > li > a { color: #fff; } /* line 878, vendor/stylesheets/theme.css.scss */ .theme-orange .sidebar-menu li.active a { background-color: #263238; color: #fff; } /* line 879, vendor/stylesheets/theme.css.scss */ .theme-orange .sidebar { background-color: #34444c; border-right: none; } /* line 880, vendor/stylesheets/theme.css.scss */ .theme-orange .sidebar-menu li a { color: #b7c0cd; } /* line 881, vendor/stylesheets/theme.css.scss */ .theme-orange .sidebar-menu li a:hover { color: #fff; } /* line 882, vendor/stylesheets/theme.css.scss */ .theme-orange #sidebar-menu ul ul { background-color: #263238; } /* line 883, vendor/stylesheets/theme.css.scss */ .theme-orange .sidebar-menu ul ul a.active { color: #02c5fb; } /* line 884, vendor/stylesheets/theme.css.scss */ .theme-orange a.mobile_btn { color: #fff; } /* line 885, vendor/stylesheets/theme.css.scss */ .theme-orange .mobile-user-menu > a { color: #fff; } /* Theme Purple */ /* line 889, vendor/stylesheets/theme.css.scss */ .theme-purple .header { background: #667eea; background: -moz-linear-gradient(left, #667eea 0%, #764ba2 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #667eea), color-stop(100%, #764ba2)); background: -webkit-linear-gradient(left, #667eea 0%, #764ba2 100%); background: -o-linear-gradient(left, #667eea 0%, #764ba2 100%); background: -ms-linear-gradient(left, #667eea 0%, #764ba2 100%); background: linear-gradient(to right, #667eea 0%, #764ba2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#667eea', endColorstr='#764ba2', GradientType=1 ); border-bottom: none; } /* line 900, vendor/stylesheets/theme.css.scss */ .theme-purple .logo { display: block; } /* line 901, vendor/stylesheets/theme.css.scss */ .theme-purple .logo-dark { display: none; } /* line 902, vendor/stylesheets/theme.css.scss */ .theme-purple .page-title-box h3 { color: #fff; } /* line 903, vendor/stylesheets/theme.css.scss */ .theme-purple .user-menu.nav > li > a { color: #fff; } /* line 904, vendor/stylesheets/theme.css.scss */ .theme-purple .sidebar-menu li.active a { background-color: #263238; color: #fff; } /* line 905, vendor/stylesheets/theme.css.scss */ .theme-purple .sidebar { background-color: #34444c; border-right: none; } /* line 906, vendor/stylesheets/theme.css.scss */ .theme-purple .sidebar-menu li a { color: #b7c0cd; } /* line 907, vendor/stylesheets/theme.css.scss */ .theme-purple .sidebar-menu li a:hover { color: #fff; } /* line 908, vendor/stylesheets/theme.css.scss */ .theme-purple #sidebar-menu ul ul { background-color: #263238; } /* line 909, vendor/stylesheets/theme.css.scss */ .theme-purple .sidebar-menu ul ul a.active { color: #02c5fb; } /* line 910, vendor/stylesheets/theme.css.scss */ .theme-purple a.mobile_btn { color: #fff; } /* line 911, vendor/stylesheets/theme.css.scss */ .theme-purple .mobile-user-menu > a { color: #fff; } /* Theme Blue */ /* line 915, vendor/stylesheets/theme.css.scss */ .theme-blue .header { background: #00c5fb; background: -moz-linear-gradient(left, #00c5fb 0%, #0253cc 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #00c5fb), color-stop(100%, #0253cc)); background: -webkit-linear-gradient(left, #00c5fb 0%, #0253cc 100%); background: -o-linear-gradient(left, #00c5fb 0%, #0253cc 100%); background: -ms-linear-gradient(left, #00c5fb 0%, #0253cc 100%); background: linear-gradient(to right, #00c5fb 0%, #0253cc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c5fb', endColorstr='#0253cc', GradientType=1 ); border-bottom: none; } /* line 926, vendor/stylesheets/theme.css.scss */ .theme-blue .logo { display: block; } /* line 927, vendor/stylesheets/theme.css.scss */ .theme-blue .logo-dark { display: none; } /* line 928, vendor/stylesheets/theme.css.scss */ .theme-blue .page-title-box h3 { color: #fff; } /* line 929, vendor/stylesheets/theme.css.scss */ .theme-blue .user-menu.nav > li > a { color: #fff; } /* line 930, vendor/stylesheets/theme.css.scss */ .theme-blue .sidebar-menu li.active a { background-color: #263238; color: #fff; } /* line 931, vendor/stylesheets/theme.css.scss */ .theme-blue .sidebar { background-color: #34444c; border-right: none; } /* line 932, vendor/stylesheets/theme.css.scss */ .theme-blue .sidebar-menu li a { color: #b7c0cd; } /* line 933, vendor/stylesheets/theme.css.scss */ .theme-blue .sidebar-menu li a:hover { color: #fff; } /* line 934, vendor/stylesheets/theme.css.scss */ .theme-blue #sidebar-menu ul ul { background-color: #263238; } /* line 935, vendor/stylesheets/theme.css.scss */ .theme-blue .sidebar-menu ul ul a.active { color: #02c5fb; } /* line 936, vendor/stylesheets/theme.css.scss */ .theme-blue a.mobile_btn { color: #fff; } /* line 937, vendor/stylesheets/theme.css.scss */ .theme-blue .mobile-user-menu > a { color: #fff; } /* Theme Maroon */ /* line 941, vendor/stylesheets/theme.css.scss */ .theme-maroon .header { background: #f43b48; background: -moz-linear-gradient(left, #f43b48 0%, #453a94 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #f43b48), color-stop(100%, #453a94)); background: -webkit-linear-gradient(left, #f43b48 0%, #453a94 100%); background: -o-linear-gradient(left, #f43b48 0%, #453a94 100%); background: -ms-linear-gradient(left, #f43b48 0%, #453a94 100%); background: linear-gradient(to right, #f43b48 0%, #453a94 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f43b48', endColorstr='#453a94', GradientType=1 ); border-bottom: none; } /* line 952, vendor/stylesheets/theme.css.scss */ .theme-maroon .logo { display: block; } /* line 953, vendor/stylesheets/theme.css.scss */ .theme-maroon .logo-dark { display: none; } /* line 954, vendor/stylesheets/theme.css.scss */ .theme-maroon .page-title-box h3 { color: #fff; } /* line 955, vendor/stylesheets/theme.css.scss */ .theme-maroon .user-menu.nav > li > a { color: #fff; } /* line 956, vendor/stylesheets/theme.css.scss */ .theme-maroon .sidebar-menu li.active a { background-color: #263238; color: #fff; } /* line 957, vendor/stylesheets/theme.css.scss */ .theme-maroon .sidebar { background-color: #34444c; border-right: none; } /* line 958, vendor/stylesheets/theme.css.scss */ .theme-maroon .sidebar-menu li a { color: #b7c0cd; } /* line 959, vendor/stylesheets/theme.css.scss */ .theme-maroon .sidebar-menu li a:hover { color: #fff; } /* line 960, vendor/stylesheets/theme.css.scss */ .theme-maroon #sidebar-menu ul ul { background-color: #263238; } /* line 961, vendor/stylesheets/theme.css.scss */ .theme-maroon .sidebar-menu ul ul a.active { color: #02c5fb; } /* line 962, vendor/stylesheets/theme.css.scss */ .theme-maroon a.mobile_btn { color: #fff; } /* line 963, vendor/stylesheets/theme.css.scss */ .theme-maroon .mobile-user-menu > a { color: #fff; } /* Theme Light */ /* line 967, vendor/stylesheets/theme.css.scss */ .theme-light .header { background: #fff; border-bottom: 1px solid #ededed; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); } /* line 968, vendor/stylesheets/theme.css.scss */ .theme-light .page-title-box h3 { color: #333; } /* line 969, vendor/stylesheets/theme.css.scss */ .theme-light .user-menu.nav > li > a { color: #333; } /* line 970, vendor/stylesheets/theme.css.scss */ .theme-light .sidebar { background-color: #fff; border-right: 1px solid #ddd; } /* line 971, vendor/stylesheets/theme.css.scss */ .theme-light .sidebar-menu li a { color: #333; } /* line 972, vendor/stylesheets/theme.css.scss */ .theme-light .sidebar-menu li a:hover { color: #000; } /* line 973, vendor/stylesheets/theme.css.scss */ .theme-light .sidebar-menu li.active a { background-color: rgba(0, 0, 0, 0.2); } /* line 974, vendor/stylesheets/theme.css.scss */ .theme-light .logo-dark { display: block; } /* line 975, vendor/stylesheets/theme.css.scss */ .theme-light .logo { display: none !important; } /* line 976, vendor/stylesheets/theme.css.scss */ .theme-light a.mobile_btn { color: #333; } /* line 977, vendor/stylesheets/theme.css.scss */ .theme-light .mobile-user-menu a { color: #333; } /* Theme Dark */ /* line 981, vendor/stylesheets/theme.css.scss */ .theme-dark .header { background: #23272b; border-bottom: 1px solid #2e3840; box-shadow: inherit; } /* line 982, vendor/stylesheets/theme.css.scss */ .theme-dark .page-title-box h3 { color: #bbc4cc; } /* line 983, vendor/stylesheets/theme.css.scss */ .theme-dark .user-menu.nav > li > a { color: #bbc4cc; } /* line 984, vendor/stylesheets/theme.css.scss */ .theme-dark .sidebar { background-color: #16191c; border: none; } /* line 985, vendor/stylesheets/theme.css.scss */ body.theme-dark { background-color: #23272b; color: #bbc4cc; } /* line 986, vendor/stylesheets/theme.css.scss */ .theme-dark .sidebar-menu li a { color: #8b94a1; } /* line 987, vendor/stylesheets/theme.css.scss */ .theme-dark .sidebar-menu li a:hover { color: #fff; } /* line 988, vendor/stylesheets/theme.css.scss */ .theme-dark .sidebar-menu li.active a { background-color: transparent; color: #fff; text-decoration: underline; } /* line 989, vendor/stylesheets/theme.css.scss */ .theme-dark .sidebar-menu ul ul a.active { color: #02c5fb; } /* line 990, vendor/stylesheets/theme.css.scss */ .theme-dark .logo-dark { display: none; } /* line 991, vendor/stylesheets/theme.css.scss */ .theme-dark .logo { display: block !important; } /* line 992, vendor/stylesheets/theme.css.scss */ .theme-dark a.mobile_btn { color: #fff; } /* line 993, vendor/stylesheets/theme.css.scss */ .theme-dark .mobile-user-menu > a { color: #fff; } /* line 994, vendor/stylesheets/theme.css.scss */ .theme-dark .form-control { background-color: #2e3439; border: 1px solid #2e3439; color: #bbc4cc; } /* line 995, vendor/stylesheets/theme.css.scss */ .theme-dark .header .header-left { background: #16191c; } /* line 996, vendor/stylesheets/theme.css.scss */ .theme-dark .page-title { color: #bbc4cc; } /* line 997, vendor/stylesheets/theme.css.scss */ .theme-dark .file-styled { background-color: #2e3439; border: 1px solid #2e3439; color: #535c64; background-image: none; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; display: block; font-size: 14px; height: auto; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } /* line 1012, vendor/stylesheets/theme.css.scss */ .theme-dark .msg-sidebar { background-color: #2e3439; } /* line 1013, vendor/stylesheets/theme.css.scss */ .theme-dark .list-item { border-bottom: 1px solid #394048; } /* line 1014, vendor/stylesheets/theme.css.scss */ .theme-dark .message-content { color: #535c64; } /* line 1015, vendor/stylesheets/theme.css.scss */ .theme-dark .message-author { color: #7b848c; } /* line 1016, vendor/stylesheets/theme.css.scss */ .theme-dark .message-time { color: #7b848c; } /* line 1017, vendor/stylesheets/theme.css.scss */ .theme-dark .notification-box .topnav-dropdown-header { border-bottom: 1px solid #394048; } /* line 1018, vendor/stylesheets/theme.css.scss */ .theme-dark .custom-table tr { background-color: #2e3439; box-shadow: inherit; } /* line 1019, vendor/stylesheets/theme.css.scss */ .theme-dark .table > tbody > tr > td, .theme-dark .table > tbody > tr > th, .theme-dark .table > tfoot > tr > td, .theme-dark .table > tfoot > tr > th, .theme-dark .table > thead > tr > td, .theme-dark .table > thead > tr > th { border-color: transparent; } /* line 1020, vendor/stylesheets/theme.css.scss */ .theme-dark .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #16191c; } /* line 1021, vendor/stylesheets/theme.css.scss */ .theme-dark .avatar { background-color: #101010; } /* line 1022, vendor/stylesheets/theme.css.scss */ .theme-dark .table { color: #bbc4cc; } /* line 1023, vendor/stylesheets/theme.css.scss */ .theme-dark .select2-container--default .select2-selection--single { background-color: #2e3439; border: 1px solid #2e3439; border-radius: 4px; } /* line 1024, vendor/stylesheets/theme.css.scss */ .theme-dark .form-focus .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #5b5e61 transparent transparent; } /* line 1025, vendor/stylesheets/theme.css.scss */ .theme-dark .select2-container--default .select2-selection--single .select2-selection__rendered { color: #bbc4cc; } /* line 1026, vendor/stylesheets/theme.css.scss */ .theme-dark .btn-white { background-color: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.4); color: #02c5fb; } /* line 1027, vendor/stylesheets/theme.css.scss */ .theme-dark .btn-white:hover { color: #ff851a; } /* line 1028, vendor/stylesheets/theme.css.scss */ .theme-dark .view-icons .btn.active { color: #02c5fb; } /* line 1029, vendor/stylesheets/theme.css.scss */ .theme-dark .panel { background-color: transparent; border: 1px solid #2e3840; } /* line 1030, vendor/stylesheets/theme.css.scss */ .theme-dark .panel-table .panel-heading { border-bottom: 1px solid #2e3840; } /* line 1031, vendor/stylesheets/theme.css.scss */ .theme-dark .panel-table .panel-footer { background-color: transparent; border-top: 1px solid #2e3840; } /* line 1032, vendor/stylesheets/theme.css.scss */ .theme-dark .label-warning-border, .theme-dark .label-danger-border, .theme-dark .label-primary-border, .theme-dark .label-success-border, .theme-dark .label-info-border { background-color: transparent; } /* line 1033, vendor/stylesheets/theme.css.scss */ .theme-dark .topnav-dropdown-footer a { color: #bbc4cc; } /* line 1034, vendor/stylesheets/theme.css.scss */ .theme-dark .notification-box .topnav-dropdown-footer { border-top: 1px solid #2e3840; } /* line 1035, vendor/stylesheets/theme.css.scss */ .theme-dark .profile-widget { background-color: #16191c; border: 1px solid #2e3840; } /* line 1036, vendor/stylesheets/theme.css.scss */ .theme-dark .modal.custom-modal { background-color: #23272b; } /* line 1037, vendor/stylesheets/theme.css.scss */ .theme-dark .modal-backdrop.in { background-color: #23272b; } /* line 1038, vendor/stylesheets/theme.css.scss */ .theme-dark #sidebar-menu ul ul { background-color: #2e3439; } /* line 1039, vendor/stylesheets/theme.css.scss */ .theme-dark #sidebar-menu ul ul .bg-purple { background-color: #16191c; } /* line 1040, vendor/stylesheets/theme.css.scss */ .theme-dark .chat-window { background-color: #23272b; } /* line 1041, vendor/stylesheets/theme.css.scss */ .theme-dark .chat-line { border-bottom: 1px solid #2e3840; } /* line 1042, vendor/stylesheets/theme.css.scss */ .theme-dark .chat-date { background-color: #23272b; } /* line 1043, vendor/stylesheets/theme.css.scss */ .theme-dark .chat-header { background-color: #2e3439; border-bottom: 1px solid #2e3840; } /* line 1044, vendor/stylesheets/theme.css.scss */ .theme-dark .chat-footer { background-color: #2e3439; border-top: 1px solid #2e3840; } /* line 1045, vendor/stylesheets/theme.css.scss */ .theme-dark .message-area .input-group .form-control { background-color: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.4); } /* line 1046, vendor/stylesheets/theme.css.scss */ .theme-dark .profile-right-inner { background-color: #16191c; border-left: 1px solid #2e3840; } /* line 1047, vendor/stylesheets/theme.css.scss */ .theme-dark .files-list > li { border-bottom: 1px solid #2e3439; } /* line 1048, vendor/stylesheets/theme.css.scss */ .theme-dark .chat-left .chat-content { background-color: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.4); } /* line 1049, vendor/stylesheets/theme.css.scss */ .theme-dark .message-search .input-group { background-color: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.4); } /* line 1050, vendor/stylesheets/theme.css.scss */ .theme-dark .nav-tabs.nav-tabs-solid { background-color: rgba(0, 0, 0, 0.5); } /* line 1051, vendor/stylesheets/theme.css.scss */ .theme-dark .files-icon { background-color: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.4); } /* line 1052, vendor/stylesheets/theme.css.scss */ .theme-dark .task-chat-contents { background-color: #23272b; } /* line 1053, vendor/stylesheets/theme.css.scss */ .theme-dark .file-attached { color: #8b94a1; } /* line 1054, vendor/stylesheets/theme.css.scss */ .theme-dark .task-chat-view { border-left: 1px solid #2e3840; } /* line 1055, vendor/stylesheets/theme.css.scss */ .theme-dark .task-line { border-color: #2e3840; } /* line 1056, vendor/stylesheets/theme.css.scss */ .theme-dark .task-chat-user { color: #8b94a1; } /* line 1057, vendor/stylesheets/theme.css.scss */ .theme-dark .task-wrapper #task-list li .task-container { border-color: #2e3840; background: #16191c; } /* line 1058, vendor/stylesheets/theme.css.scss */ .theme-dark .task-wrapper #task-list li .task-container .task-label { color: #bbc4cc; } /* line 1059, vendor/stylesheets/theme.css.scss */ .theme-dark .task-wrapper #task-list { border-bottom: 1px solid #2e3840; } /* line 1060, vendor/stylesheets/theme.css.scss */ .theme-dark .task-wrapper #task-list li.completed .task-container { background: #2e3439; } /* line 1061, vendor/stylesheets/theme.css.scss */ .theme-dark .task-wrapper #task-list li .task-container:hover { background: #2e3439; } /* line 1062, vendor/stylesheets/theme.css.scss */ .theme-dark .task-wrapper .task-list-footer .new-task-wrapper textarea { background: #2e3439; border-color: #2e3840; } /* line 1063, vendor/stylesheets/theme.css.scss */ .theme-dark .task-chat-view .chat-left .chat-content { background-color: transparent; } /* line 1064, vendor/stylesheets/theme.css.scss */ .theme-dark .btn-default { background-color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.4); color: #bbc4cc; } /* line 1065, vendor/stylesheets/theme.css.scss */ .theme-dark .task-wrapper .task-list-footer .new-task-wrapper .add-new-task-btn { background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.4); } /* line 1066, vendor/stylesheets/theme.css.scss */ .theme-dark .pagination > .disabled > a, .theme-dark .pagination > .disabled > a:focus, .theme-dark .pagination > .disabled > a:hover, .theme-dark .pagination > .disabled > span, .theme-dark .pagination > .disabled > span:focus, .theme-dark .pagination > .disabled > span:hover { background-color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.4); } /* line 1067, vendor/stylesheets/theme.css.scss */ .theme-dark .pagination > li > a, .theme-dark .pagination > li > span { background-color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.4); } /* line 1068, vendor/stylesheets/theme.css.scss */ .theme-dark .pagination > .active > a, .theme-dark .pagination > .active > a:focus, .theme-dark .pagination > .active > a:hover, .theme-dark .pagination > .active > span, .theme-dark .pagination > .active > span:focus, .theme-dark .pagination > .active > span:hover { background-color: #02c5fb; border-color: #02c5fb; } /* line 1069, vendor/stylesheets/theme.css.scss */ .theme-dark .project-title > a { color: #bbc4cc; } /* line 1070, vendor/stylesheets/theme.css.scss */ .theme-dark .team-members a { border: 2px solid #16191c; } /* line 1071, vendor/stylesheets/theme.css.scss */ .theme-dark .card-box { background-color: #16191c; border: 1px solid #2e3840; } /* line 1072, vendor/stylesheets/theme.css.scss */ .theme-dark .upload-drop-zone { background-color: #2e3439; } /* line 1073, vendor/stylesheets/theme.css.scss */ .theme-dark .upload-list .file-list { background-color: #2e3439; border-top: 1px solid #2e3840; } /* line 1074, vendor/stylesheets/theme.css.scss */ .theme-dark .chat-user-list .media { background-color: #2e3439; border-bottom: 1px solid #2e3439; } /* line 1075, vendor/stylesheets/theme.css.scss */ .theme-dark .user-name { color: #bbc4cc; } /* line 1076, vendor/stylesheets/theme.css.scss */ .theme-dark .experience-list > li .experience-content { background-color: transparent; } /* line 1077, vendor/stylesheets/theme.css.scss */ .theme-dark .experience-list > li .experience-user { background: transparent; } /* line 1078, vendor/stylesheets/theme.css.scss */ .theme-dark .card-title { color: #bbc4cc; } /* line 1079, vendor/stylesheets/theme.css.scss */ .theme-dark .before-circle { background-color: #2e3439; } /* line 1080, vendor/stylesheets/theme.css.scss */ .theme-dark .experience-list::before { background: #2e3439; } /* line 1081, vendor/stylesheets/theme.css.scss */ .theme-dark .skills > span { border: 1px solid #2e3439; } /* line 1082, vendor/stylesheets/theme.css.scss */ .theme-dark .profile-img-wrap { background: transparent; } /* line 1083, vendor/stylesheets/theme.css.scss */ .theme-dark .table.table-white { background-color: #16191c; } /* line 1084, vendor/stylesheets/theme.css.scss */ .theme-dark .table.table-white { background-color: #16191c; } /* line 1085, vendor/stylesheets/theme.css.scss */ .theme-dark .table-hover > tbody > tr:hover { background-color: #16191c; } /* line 1086, vendor/stylesheets/theme.css.scss */ .theme-dark .table-bordered { border: 1px solid #2e3439; } /* line 1087, vendor/stylesheets/theme.css.scss */ .theme-dark .activity-list > li { background-color: #16191c; } /* line 1088, vendor/stylesheets/theme.css.scss */ .theme-dark .activity .activity-list > li .activity-content { background-color: #16191c; } /* line 1089, vendor/stylesheets/theme.css.scss */ .theme-dark .activity-list > li .activity-user { background: #16191c; } /* line 1090, vendor/stylesheets/theme.css.scss */ .theme-dark .list-group-item { background-color: #16191c; border-color: #2e3840; } /* line 1091, vendor/stylesheets/theme.css.scss */ .theme-dark .roles-menu .nav { background-color: #16191c; } /* line 1092, vendor/stylesheets/theme.css.scss */ .theme-dark .roles-menu .nav > li > a:focus, .theme-dark .roles-menu .nav > li > a:hover { background-color: #2e3439; } /* line 1093, vendor/stylesheets/theme.css.scss */ .theme-dark .roles-menu .nav > li a { color: #bbc4cc; } /* line 1094, vendor/stylesheets/theme.css.scss */ .theme-dark .page-sub-title { color: #bbc4cc; } /* line 1095, vendor/stylesheets/theme.css.scss */ .theme-dark .account-wrapper { background-color: #16191c; } /* line 1096, vendor/stylesheets/theme.css.scss */ .theme-dark .form-focus .control-label { color: #bbc4cc; } /* line 1097, vendor/stylesheets/theme.css.scss */ .theme-dark .account-box a { color: #bbc4cc; } /* line 1098, vendor/stylesheets/theme.css.scss */ .theme-dark .profile-widget .user-name > a { color: #bbc4cc; } /* line 1099, vendor/stylesheets/theme.css.scss */ .theme-dark .personal-info li .title { color: #bbc4cc; } /* line 1100, vendor/stylesheets/theme.css.scss */ .theme-dark .personal-info li .text { color: #bbc4cc; } /* line 1101, vendor/stylesheets/theme.css.scss */ .theme-dark table.table td h2 a { color: #8b94a1; } /* line 1102, vendor/stylesheets/theme.css.scss */ .theme-dark .chat-right .chat-content { background-color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.3); } /* line 1103, vendor/stylesheets/theme.css.scss */ .theme-dark .custom-table tr.holiday-completed { color: #616a72; } /* line 1104, vendor/stylesheets/theme.css.scss */ .theme-dark .user-menu { position: relative; z-index: 99; } /* line 1105, vendor/stylesheets/theme.css.scss */ .theme-dark .fc-day { background: #2e3439; } /* line 1106, vendor/stylesheets/theme.css.scss */ .theme-dark .fc-unthemed th, .theme-dark .fc-unthemed td, .theme-dark .fc-unthemed thead, .theme-dark .fc-unthemed tbody, .theme-dark .fc-unthemed .fc-divider, .theme-dark .fc-unthemed .fc-row, .theme-dark .fc-unthemed .fc-popover { border-color: #374149; } /* line 1113, vendor/stylesheets/theme.css.scss */ .theme-dark .fc-unthemed td.fc-today { background: #21272c; } /* line 1114, vendor/stylesheets/theme.css.scss */ .theme-dark .fc th.fc-widget-header { background: #21272c; } /* line 1115, vendor/stylesheets/theme.css.scss */ .theme-dark .fc-button { background: #2c2f32; color: #bbc4cc; text-shadow: inherit; } /* line 1116, vendor/stylesheets/theme.css.scss */ .theme-dark .notification-box { border-left: 1px solid #394048; } /* line 1117, vendor/stylesheets/theme.css.scss */ .theme-dark .chat-right .chat-content.img-content { border: none; } /* line 1118, vendor/stylesheets/theme.css.scss */ .theme-dark .nav-tabs.nav-tabs-solid > li > a { color: #bbc4cc; } /* line 1119, vendor/stylesheets/theme.css.scss */ .theme-dark .note-editor.note-frame .note-editing-area .note-editable { background-color: #2e3439; } /* line 1120, vendor/stylesheets/theme.css.scss */ .theme-dark .note-editor.note-frame .note-statusbar { background-color: #2e3439; } /* line 1121, vendor/stylesheets/theme.css.scss */ .theme-dark .note-editor.panel-default > .panel-heading { background-color: #2e3439; border-color: transparent; } /* line 1122, vendor/stylesheets/theme.css.scss */ .theme-dark .note-editor.note-frame { border: transparent; } /* line 1123, vendor/stylesheets/theme.css.scss */ .theme-dark .mail-list > li > a { color: #808991; } /* line 1124, vendor/stylesheets/theme.css.scss */ .theme-dark .table.table-inbox > tbody > tr > td, .theme-dark .table.table-inbox > tbody > tr > th, .theme-dark .table.table-inbox > tfoot > tr > td, .theme-dark .table.table-inbox > tfoot > tr > th, .theme-dark .table.table-inbox > thead > tr > td, .theme-dark .table.table-inbox > thead > tr > th { border-top: none; } /* line 1125, vendor/stylesheets/theme.css.scss */ .theme-dark .unread .name, .theme-dark .unread .subject, .theme-dark .unread .mail-date { color: #fff; } /* line 1126, vendor/stylesheets/theme.css.scss */ .theme-dark .mailview-header { border-bottom: 1px solid #2e3840; } /* line 1127, vendor/stylesheets/theme.css.scss */ .theme-dark .mailview-footer { border-top: 1px solid #2e3840; } /* line 1128, vendor/stylesheets/theme.css.scss */ .theme-dark .attach-info { background-color: #2e3840; } /* line 1129, vendor/stylesheets/theme.css.scss */ .theme-dark .attachments li { border: 1px solid #2e3840; } /* line 1130, vendor/stylesheets/theme.css.scss */ .theme-dark .attach-filename { color: #bbc4cc; } /* line 1131, vendor/stylesheets/theme.css.scss */ .theme-dark .dash-widget-icon { background-color: #2e3439; border-radius: 100%; color: #bbc4cc; } /* line 1132, vendor/stylesheets/theme.css.scss */ .theme-dark .activity-list > li { border: 1px solid #2e3840; } /* Projects */ /* line 1136, vendor/stylesheets/theme.css.scss */ .team-members { display: inline-block; list-style: none; margin-bottom: 0; padding: 0; } /* line 1137, vendor/stylesheets/theme.css.scss */ .team-members li { float: left; } /* line 1138, vendor/stylesheets/theme.css.scss */ .team-members li:first-child a { margin-left: 0; } /* line 1139, vendor/stylesheets/theme.css.scss */ .team-members a { border: 2px solid #fff; border-radius: 100%; display: block; height: 38px; overflow: hidden; width: 38px; } /* line 1140, vendor/stylesheets/theme.css.scss */ .team-members .all-users { line-height: 36px; opacity: 0.8; } /* line 1141, vendor/stylesheets/theme.css.scss */ .all-users { background-color: #ff5e3a; color: #fff; font-size: 10px; font-weight: 800; line-height: 34px; text-align: center; } /* line 1142, vendor/stylesheets/theme.css.scss */ .team-members img { width: 100%; } /* line 1143, vendor/stylesheets/theme.css.scss */ .project-title { margin: 0 0 5px; } /* line 1144, vendor/stylesheets/theme.css.scss */ .project-title > a { color: #333; } /* line 1145, vendor/stylesheets/theme.css.scss */ .project-box { position: relative; } /* invoice */ /* line 1149, vendor/stylesheets/theme.css.scss */ .invoice-details, .invoice-payment-details > li span { float: right; text-align: right; } /* line 1150, vendor/stylesheets/theme.css.scss */ .table .team-members a { width: 32px; height: 32px; } /* line 1151, vendor/stylesheets/theme.css.scss */ .table .team-members .all-users { line-height: 30px; } /* line 1152, vendor/stylesheets/theme.css.scss */ .attach-files > ul { list-style: none; margin: 0; padding: 0; } /* line 1153, vendor/stylesheets/theme.css.scss */ .attach-files li { display: inline-block; margin-right: 10px; position: relative; } /* line 1154, vendor/stylesheets/theme.css.scss */ .attach-files li img { width: 50px; } /* line 1155, vendor/stylesheets/theme.css.scss */ .file-remove { color: #f00; position: absolute; right: -6px; top: -7px; } /* line 1156, vendor/stylesheets/theme.css.scss */ .attach-files li:last-child { margin-right: 0; } /* Task */ /* line 1160, vendor/stylesheets/theme.css.scss */ .task-chat-contents { background-color: #fff; } /* line 1161, vendor/stylesheets/theme.css.scss */ .task-chat-view { border-left: 1px solid #eaeaea; } /* line 1162, vendor/stylesheets/theme.css.scss */ .task-chat-view .chat-left .chat-content { border: 0; padding: 0; } /* line 1163, vendor/stylesheets/theme.css.scss */ .task-chat-view .chat-left .chat-body { margin-left: 50px; } /* line 1164, vendor/stylesheets/theme.css.scss */ .task-chat-view .chat-date { background-color: #fff; } /* line 1165, vendor/stylesheets/theme.css.scss */ .task-chat-view .chats { padding: 15px 15px 30px; } /* line 1166, vendor/stylesheets/theme.css.scss */ .task-chat-view .avatar { width: 30px; height: 30px; line-height: 30px; } /* line 1167, vendor/stylesheets/theme.css.scss */ .followers-add { background-color: #fff; border: 1px solid #ccc; border-radius: 50%; color: #ccc; display: inline-block; font-size: 20px; height: 30px; line-height: 30px; text-align: center; width: 30px; } /* line 1168, vendor/stylesheets/theme.css.scss */ .followers-add:hover { border: 1px solid #8c8c8c; color: #8c8c8c; } /* line 1169, vendor/stylesheets/theme.css.scss */ .completed-task-msg { margin-bottom: 30px; margin-left: 50px; } /* line 1170, vendor/stylesheets/theme.css.scss */ .task-chat-contents .chat.chat-left { margin-bottom: 20px; } /* line 1171, vendor/stylesheets/theme.css.scss */ .file-attached { color: #333; font-size: 13px; } /* line 1172, vendor/stylesheets/theme.css.scss */ .file-attached i { font-size: 16px; } /* line 1173, vendor/stylesheets/theme.css.scss */ .task-attach-img > img { border: 1px solid #eaeaea; max-width: 100%; } /* line 1174, vendor/stylesheets/theme.css.scss */ .attach-img-download { margin-bottom: 5px; } /* line 1175, vendor/stylesheets/theme.css.scss */ .task-chat-view .chat-left .chat-time { color: #a3afb7; display: inline-block; font-size: 11px; } /* line 1176, vendor/stylesheets/theme.css.scss */ .task-chat-user { color: #333; font-size: 13px; } /* line 1177, vendor/stylesheets/theme.css.scss */ .task-chat-view .chat-content > p { font-size: 13px; margin-bottom: 0; } /* line 1178, vendor/stylesheets/theme.css.scss */ .task-time { color: #a3afb7; display: inline-block; font-size: 11px; } /* line 1179, vendor/stylesheets/theme.css.scss */ .task-success { color: #55ce63; font-size: 13px; } /* line 1180, vendor/stylesheets/theme.css.scss */ .task-success a { color: #55ce63; } /* line 1181, vendor/stylesheets/theme.css.scss */ .task-attach-img { margin-bottom: 20px; } /* line 1182, vendor/stylesheets/theme.css.scss */ .task-assign { float: left; } /* line 1183, vendor/stylesheets/theme.css.scss */ .assign-title { float: left; margin-right: 10px; margin-top: 5px; } /* line 1184, vendor/stylesheets/theme.css.scss */ .task-assign > a { float: left; } /* line 1185, vendor/stylesheets/theme.css.scss */ .followers-add > i { line-height: 28px; } /* line 1186, vendor/stylesheets/theme.css.scss */ .task-followers { display: flex; margin-top: 15px; } /* line 1187, vendor/stylesheets/theme.css.scss */ .followers-title { margin: 5px 10px 0 0; } /* line 1188, vendor/stylesheets/theme.css.scss */ .task-line { border-color: #eaeaea; } /* line 1189, vendor/stylesheets/theme.css.scss */ .task-information { color: #95a1a9; font-size: 11px; line-height: 17px; min-width: 1px; margin-left: 50px; } /* line 1190, vendor/stylesheets/theme.css.scss */ .task-info-line { overflow-wrap: break-word; } /* line 1191, vendor/stylesheets/theme.css.scss */ .task-user { color: #95a1a9; font-weight: 500; } /* line 1192, vendor/stylesheets/theme.css.scss */ .task-information .task-time { display: inline-block; padding-left: 10px; } /* line 1194, vendor/stylesheets/theme.css.scss */ .task-btn-right { display: none !important; } /* line 1195, vendor/stylesheets/theme.css.scss */ .task:hover .task-btn-right { display: table-cell !important; } /* line 1196, vendor/stylesheets/theme.css.scss */ .task-action-btn.task-check { text-align: left !important; width: 40px; } /* line 1197, vendor/stylesheets/theme.css.scss */ .add-task-btn { padding: 6px 10px; text-transform: uppercase; } /* line 1198, vendor/stylesheets/theme.css.scss */ .action-circle { background: transparent; border: 1px solid #ccc; border-radius: 100%; height: 20px; width: 20px; display: inline-block; text-align: center; cursor: pointer; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } /* line 1213, vendor/stylesheets/theme.css.scss */ .action-circle .material-icons { color: #ccc; font-size: 18px; vertical-align: -3px; } /* line 1214, vendor/stylesheets/theme.css.scss */ .action-circle.completed { background: #35BA67; border: 1px solid #2fa65c; } /* line 1215, vendor/stylesheets/theme.css.scss */ .action-circle.completed .material-icons { color: #fff; } /* line 1216, vendor/stylesheets/theme.css.scss */ .action-circle.large { height: 24px; width: 24px; } /* line 1217, vendor/stylesheets/theme.css.scss */ .action-circle.large .material-icons { font-size: 16px; vertical-align: -4px; } /* line 1218, vendor/stylesheets/theme.css.scss */ .task-wrapper { padding: 20px; width: 100%; margin: 0 auto; box-sizing: border-box; } /* line 1219, vendor/stylesheets/theme.css.scss */ .task-wrapper .mark-all-tasks { text-align: right; padding-bottom: 15px; } /* line 1220, vendor/stylesheets/theme.css.scss */ .task-wrapper .mark-all-tasks .mark-all-tasks-container { overflow: hidden; position: relative; } /* line 1221, vendor/stylesheets/theme.css.scss */ .task-wrapper .mark-all-tasks .mark-all-btn { cursor: pointer; display: inline-block; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } /* line 1222, vendor/stylesheets/theme.css.scss */ .task-wrapper .mark-all-tasks #mark-all-finished.mark-all-btn { color: #35BA67; } /* line 1223, vendor/stylesheets/theme.css.scss */ .task-wrapper .mark-all-tasks #mark-all-incomplete.mark-all-btn { color: #666; } /* line 1224, vendor/stylesheets/theme.css.scss */ .task-wrapper .mark-all-tasks #mark-all-incomplete.mark-all-btn .action-circle { border: 1px solid #666; } /* line 1225, vendor/stylesheets/theme.css.scss */ .task-wrapper .mark-all-tasks #mark-all-incomplete.mark-all-btn .action-circle .material-icons { color: #666; } /* line 1226, vendor/stylesheets/theme.css.scss */ .task-wrapper .mark-all-tasks .mark-all-btn.move-up { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); position: absolute; right: 0; } /* line 1227, vendor/stylesheets/theme.css.scss */ .task-wrapper .mark-all-tasks .mark-all-btn.move-down { -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); position: absolute; right: 0; } /* line 1228, vendor/stylesheets/theme.css.scss */ .task-wrapper .mark-all-tasks .btn-label { margin-right: 5px; font-weight: 600; } /* line 1229, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-header h3, .task-wrapper .task-list-footer h3 { font-size: 24px; font-weight: 400; color: #666; } /* line 1231, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-body { max-height: 500px; overflow: auto; } /* line 1232, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #eaeaea; } /* line 1233, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list li { margin: 0; padding: 0; } /* line 1234, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list li .task-container { display: table; background: #fff; padding: 8px 15px; width: 100%; border: 1px solid #eaeaea; border-bottom: none; box-sizing: border-box; position: relative; -webkit-transition: background 200ms ease; -moz-transition: background 200ms ease; -ms-transition: background 200ms ease; -o-transition: background 200ms ease; transition: background 200ms ease; } /* line 1249, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list li .task-container .task-label { display: table-cell; font-weight: 400; vertical-align: middle; color: #333; word-break: break-all; } /* line 1250, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list li .task-container .task-action-btn { display: table-cell; vertical-align: middle; text-align: right; } /* line 1251, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list li .task-container .task-action-btn .action-circle:hover { border: 1px solid #8c8c8c; background: #fff; } /* line 1252, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list li .task-container .task-action-btn .action-circle:hover .material-icons { color: #8c8c8c; } /* line 1253, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list li .task-container:hover { background: #EBEEEF; } /* line 1254, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list li.completed .task-container { background: #f9f9f9; } /* line 1255, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list li.completed .task-container .complete-btn { background: #35BA67; border: 1px solid #2fa65c; } /* line 1256, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list li.completed .task-container .complete-btn .material-icons { color: #fff; } /* line 1257, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list li.completed .task-container .complete-btn:hover { background: #35BA67; border: 1px solid #2fa65c; } /* line 1258, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list li.completed .task-container .complete-btn:hover .material-icons { color: #fff; } /* line 1259, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list li.completed .task-container .task-label { color: #ccc; } /* line 1260, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list li.new .task-container { -webkit-animation: taskHighlighter 2000ms linear 1; animation: taskHighlighter 2000ms linear 1; } /* line 1261, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer { position: relative; } /* line 1262, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .add-task-btn-wrapper { text-align: center; } /* line 1263, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .add-task-btn { cursor: pointer; border: 2px solid #9B1BCC; display: inline-block; height: 35px; width: 35px; border-radius: 10px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } /* line 1276, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .add-task-btn.hide { opacity: 1; visibility: visible; display: block; } /* line 1277, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .add-task-btn:hover { background: #9B1BCC; } /* line 1278, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .add-task-btn:hover .material-icons { color: #EBEEEF; } /* line 1279, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .add-task-btn .material-icons { color: #9B1BCC; font-size: 34px; } /* line 1280, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .new-task-wrapper { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; max-height: 0; overflow: hidden; } /* line 1289, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .new-task-wrapper::after { content: ""; display: block; clear: both; } /* line 1290, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .new-task-wrapper textarea { box-sizing: border-box; width: 100%; border: 1px solid #eaeaea; border-top: 0; height: 45px; resize: none; padding: 10px 15px; margin-bottom: 20px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } /* line 1305, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .new-task-wrapper textarea:focus { border: 1px solid #bfbfbf; outline: none; } /* line 1306, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .new-task-wrapper textarea.error { border: 1px solid #D93737; outline: none; } /* line 1307, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .new-task-wrapper .error-message { color: #D93737; font-style: italic; } /* line 1308, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .new-task-wrapper .btn { padding: 10px 15px; float: right; cursor: pointer; } /* line 1309, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .new-task-wrapper .add-new-task-btn { background: #fff; border: 1px solid #ccc; } /* line 1310, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .new-task-wrapper.visible { max-height: 300px; overflow: auto; } /* line 1311, vendor/stylesheets/theme.css.scss */ .notification-popup { z-index: 1051; position: fixed; top: 20px; right: 10px; width: 300px; display: inline-block; background: #1F8FEF; border: 1px solid #1082e4; color: #fff; padding: 20px; opacity: .8; border-radius: 2px; box-sizing: border-box; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } /* line 1331, vendor/stylesheets/theme.css.scss */ .notification-popup.success { background: #35BA67; border: 1px solid #2fa65c; } /* line 1332, vendor/stylesheets/theme.css.scss */ .notification-popup p { margin-top: 0; margin-bottom: 0px; } /* line 1333, vendor/stylesheets/theme.css.scss */ .notification-popup .task { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; display: inline-block; } /* line 1334, vendor/stylesheets/theme.css.scss */ .notification-popup .notification-text { font-size: 14px; display: inline-block; overflow: hidden; } /* line 1335, vendor/stylesheets/theme.css.scss */ .notification-popup.hide { opacity: 0; visibility: hidden; } /* line 1336, vendor/stylesheets/theme.css.scss */ .sidebar-overlay { display: none; position: fixed; z-index: 90; height: 100%; left: 0; top: 60px; width: 100%; z-index: 1040; background-color: rgba(0, 0, 0, 0.6); } /* line 1337, vendor/stylesheets/theme.css.scss */ .sidebar-overlay.opened { display: block; } /* line 1338, vendor/stylesheets/theme.css.scss */ .task-overlay { display: none; position: fixed; z-index: 90; height: 100%; left: 0; top: 60px; width: 100%; z-index: 1040; background-color: rgba(0, 0, 0, 0.6); } /* line 1339, vendor/stylesheets/theme.css.scss */ .task-overlay.opened { display: block; } /* line 1340, vendor/stylesheets/theme.css.scss */ .sidebar-menu.opened { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); margin-left: 0; } /* line 1341, vendor/stylesheets/theme.css.scss */ body.menu-opened { overflow: hidden; } /* line 1342, vendor/stylesheets/theme.css.scss */ .task-chat-view.opened { margin-right: 0; } /* line 1343, vendor/stylesheets/theme.css.scss */ .chat-profile-view.opened { margin-right: 0; } /* line 1344, vendor/stylesheets/theme.css.scss */ .menu-opened .message-view.task-view { width: 100%; } /* Theme Options */ /* line 1348, vendor/stylesheets/theme.css.scss */ .themes { z-index: 999; position: fixed; top: 128px; width: 153px; border: 0; box-shadow: none; padding: 0; border-bottom-left-radius: 2px; right: -153px; background: #fff; -webkit-transition: transform 0.15s ease; -o-transition: transform 0.15s ease; transition: transform 0.15s ease; } /* line 1363, vendor/stylesheets/theme.css.scss */ .themes.active { transform: translateX(-153px); -ms-transform: translateX(-153px); -o-transform: translateX(-153px); -webkit-transform: translateX(-153px); } /* line 1364, vendor/stylesheets/theme.css.scss */ .themes .themes-icon { display: inline-block; position: absolute; left: -47px; height: 48px; width: 48px; color: #616161; line-height: 48px; text-align: center; font-size: 14px; border-width: 1px 0 1px 1px; border-style: solid; border-color: #e0e0e0; background-color: #fff; border-top-left-radius: 2px; border-bottom-left-radius: 2px; top: 0; cursor: pointer; } /* line 1383, vendor/stylesheets/theme.css.scss */ .themes .themes-body { padding: 10px; background-color: #fff; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; color: #616161; } /* line 1384, vendor/stylesheets/theme.css.scss */ .themes .theme-colors { padding: 0 !important; text-align: left; margin: 0 !important; font-size: 0; padding-left: 0; list-style: none; margin-left: -5px; } /* line 1385, vendor/stylesheets/theme.css.scss */ .themes .theme-colors > li { display: inline-block; padding-left: 5px; padding-right: 5px; } /* line 1386, vendor/stylesheets/theme.css.scss */ .themes .theme-colors li { margin: 1px; padding: 0; } /* line 1387, vendor/stylesheets/theme.css.scss */ .themes .theme-colors li span { display: block; height: 36px !important; width: 36px !important; border-radius: 2px; margin: 3px; } /* line 1388, vendor/stylesheets/theme.css.scss */ .themes .theme-colors li span:hover { cursor: pointer; } /* line 1389, vendor/stylesheets/theme.css.scss */ .themes .theme-colors .theme-orange { background: #02c5fb; background: -moz-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #02c5fb), color-stop(100%, #fc6075)); background: -webkit-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -o-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -ms-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: linear-gradient(to right, #02c5fb 0%, #fc6075 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02c5fb', endColorstr='#fc6075', GradientType=1 ); } /* line 1399, vendor/stylesheets/theme.css.scss */ .themes .theme-colors .theme-maroon { background: #f43b48; background: -moz-linear-gradient(left, #f43b48 0%, #453a94 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #f43b48), color-stop(100%, #453a94)); background: -webkit-linear-gradient(left, #f43b48 0%, #453a94 100%); background: -o-linear-gradient(left, #f43b48 0%, #453a94 100%); background: -ms-linear-gradient(left, #f43b48 0%, #453a94 100%); background: linear-gradient(to right, #f43b48 0%, #453a94 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f43b48', endColorstr='#453a94', GradientType=1 ); } /* line 1409, vendor/stylesheets/theme.css.scss */ .themes .theme-colors .theme-blue { background: #00c5fb; background: -moz-linear-gradient(left, #00c5fb 0%, #0253cc 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #00c5fb), color-stop(100%, #0253cc)); background: -webkit-linear-gradient(left, #00c5fb 0%, #0253cc 100%); background: -o-linear-gradient(left, #00c5fb 0%, #0253cc 100%); background: -ms-linear-gradient(left, #00c5fb 0%, #0253cc 100%); background: linear-gradient(to right, #00c5fb 0%, #0253cc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c5fb', endColorstr='#0253cc', GradientType=1 ); } /* line 1419, vendor/stylesheets/theme.css.scss */ .themes .theme-colors .theme-purple { background: #667eea; background: -moz-linear-gradient(left, #667eea 0%, #764ba2 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #667eea), color-stop(100%, #764ba2)); background: -webkit-linear-gradient(left, #667eea 0%, #764ba2 100%); background: -o-linear-gradient(left, #667eea 0%, #764ba2 100%); background: -ms-linear-gradient(left, #667eea 0%, #764ba2 100%); background: linear-gradient(to right, #667eea 0%, #764ba2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#667eea', endColorstr='#764ba2', GradientType=1 ); } /* line 1429, vendor/stylesheets/theme.css.scss */ .themes .theme-colors .theme-default { background-color: #fff; border: 2px solid #f36c60; } /* line 1430, vendor/stylesheets/theme.css.scss */ .themes .theme-colors .theme-dark { background-color: #000; } /* line 1431, vendor/stylesheets/theme.css.scss */ .themes .theme-colors .theme-light { background-color: #fff; border: 1px solid #ccc; } /* Project View */ /* line 1435, vendor/stylesheets/theme.css.scss */ .project-user .list-box { margin: 0; } /* line 1436, vendor/stylesheets/theme.css.scss */ .project-files i { color: #76838f; font-size: 50px; } /* line 1437, vendor/stylesheets/theme.css.scss */ .project-user .list-item { border: 0 none; padding: 10px 0; } /* line 1438, vendor/stylesheets/theme.css.scss */ .table-border { border: 1px solid #ddd; } /* line 1439, vendor/stylesheets/theme.css.scss */ .file-size { color: #888; } /* line 1440, vendor/stylesheets/theme.css.scss */ .project-task .task-wrapper { padding: 0; } /* line 1441, vendor/stylesheets/theme.css.scss */ .project-task .tab-content { min-height: 200px; } /* Payslip */ /* line 1445, vendor/stylesheets/theme.css.scss */ .payslip-title { margin-bottom: 20px; text-align: center; text-decoration: underline; text-transform: uppercase; } /* Attendance */ /* line 1449, vendor/stylesheets/theme.css.scss */ .half-day { width: 15px; } /* Ticket */ /* line 1453, vendor/stylesheets/theme.css.scss */ .ticket-header { padding: 6px 0; } /* line 1454, vendor/stylesheets/theme.css.scss */ .ticket-priority { font-size: 14px; } /* Client Profile */ /* line 1458, vendor/stylesheets/theme.css.scss */ .tab-box { border-bottom: 0 none; padding: 0; } /* line 1459, vendor/stylesheets/theme.css.scss */ .team-members a.followers-add { background-color: #fff; border: 1px solid #ccc; border-radius: 50%; color: #ccc; display: inline-block; font-size: 20px; height: 30px; line-height: 30px; text-align: center; width: 30px; } /* Inbox */ /* line 1463, vendor/stylesheets/theme.css.scss */ .table-inbox input[type="radio"], .table-inbox input[type="checkbox"] { cursor: pointer; } /* line 1464, vendor/stylesheets/theme.css.scss */ .mail-list { list-style: none; padding: 0; } /* line 1465, vendor/stylesheets/theme.css.scss */ .mail-list > li > a { color: #333; display: block; padding: 10px; } /* line 1466, vendor/stylesheets/theme.css.scss */ .mail-list > li.active > a { color: #02c5fb; font-weight: bold; } /* line 1467, vendor/stylesheets/theme.css.scss */ .unread .name, .unread .subject, .unread .mail-date { color: #000; font-weight: 600; } /* line 1468, vendor/stylesheets/theme.css.scss */ .table-inbox .fa-star { color: #ffd200; } /* line 1469, vendor/stylesheets/theme.css.scss */ .table-inbox .starred.fa-star { color: #ffd200; } /* line 1470, vendor/stylesheets/theme.css.scss */ .table.table-inbox > tbody > tr > td, .table.table-inbox > tbody > tr > th, .table.table-inbox > tfoot > tr > td, .table.table-inbox > tfoot > tr > th, .table.table-inbox > thead > tr > td, .table.table-inbox > thead > tr > th { border-top: 1px solid #f2f2f2; } /* line 1471, vendor/stylesheets/theme.css.scss */ .table-inbox { font-size: 14px; } /* line 1472, vendor/stylesheets/theme.css.scss */ .note-editor.note-frame { border: 1px solid #ccc; box-shadow: inherit; } /* line 1473, vendor/stylesheets/theme.css.scss */ .note-editor.note-frame .note-statusbar { background-color: #fff; } /* line 1474, vendor/stylesheets/theme.css.scss */ .note-editor.note-frame.fullscreen { top: 60px; } /* line 1475, vendor/stylesheets/theme.css.scss */ .mail-title { font-weight: bold; text-transform: uppercase; } /* line 1476, vendor/stylesheets/theme.css.scss */ .form-control.search-message { border-radius: 4px; height: 34px; margin-left: 5px; width: 180px; } /* line 1477, vendor/stylesheets/theme.css.scss */ .table-inbox tr { cursor: pointer; } /* line 1478, vendor/stylesheets/theme.css.scss */ table.table-inbox tbody tr.checked { background-color: #ffffcc; } /* line 1479, vendor/stylesheets/theme.css.scss */ .mail-label { margin-right: 5px; } /* Mail View */ /* line 1483, vendor/stylesheets/theme.css.scss */ .attachments { list-style: none; margin: 0; padding: 0; } /* line 1484, vendor/stylesheets/theme.css.scss */ .attachments li { border: 1px solid #eee; float: left; margin-bottom: 10px; margin-right: 10px; width: 200px; } /* line 1485, vendor/stylesheets/theme.css.scss */ .attach-file { color: #777; font-size: 70px; padding: 10px; text-align: center; min-height: 153px; } /* line 1486, vendor/stylesheets/theme.css.scss */ .attach-file > i { line-height: 133px; } /* line 1487, vendor/stylesheets/theme.css.scss */ .attach-info { background-color: #f4f4f4; padding: 10px; } /* line 1488, vendor/stylesheets/theme.css.scss */ .attach-filename { color: #777; font-weight: bold; } /* line 1489, vendor/stylesheets/theme.css.scss */ .attach-filesize { color: #999; font-size: 12px; } /* line 1490, vendor/stylesheets/theme.css.scss */ .attach-file img { height: auto; max-width: 100%; } /* line 1491, vendor/stylesheets/theme.css.scss */ .mailview-header { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 15px; } /* line 1492, vendor/stylesheets/theme.css.scss */ .mailview-footer { border-top: 1px solid #ddd; margin-top: 20px; padding-top: 15px; } /* line 1493, vendor/stylesheets/theme.css.scss */ .mailview-footer .btn-default { min-width: 102px; } /* line 1494, vendor/stylesheets/theme.css.scss */ .sender-img { float: left; margin-right: 10px; width: 40px; } /* line 1495, vendor/stylesheets/theme.css.scss */ .sender-name { display: block; } /* line 1496, vendor/stylesheets/theme.css.scss */ .receiver-name { color: #777; } /* line 1497, vendor/stylesheets/theme.css.scss */ .right-action { text-align: right; } /* Responsive */ @media (max-width: 1024px) { /* line 1502, vendor/stylesheets/theme.css.scss */ .slide-nav-toggle .page-wrapper { left: 225px; margin-left: 0; } /* line 1503, vendor/stylesheets/theme.css.scss */ .chat-main-row { left: 0; } /* line 1504, vendor/stylesheets/theme.css.scss */ .header .header-left { position: absolute; width: 100%; } /* line 1505, vendor/stylesheets/theme.css.scss */ .mobile_btn { display: block; } /* line 1506, vendor/stylesheets/theme.css.scss */ .page-title-box { display: none; } /* line 1507, vendor/stylesheets/theme.css.scss */ .sidebar { margin-left: -225px; width: 225px; } /* line 1508, vendor/stylesheets/theme.css.scss */ .mobile-nav-open .fixed-sidebar-right, .mobile-nav-open .sidebar { top: 132px; } /* line 1509, vendor/stylesheets/theme.css.scss */ .page-wrapper { margin-left: 0; padding-left: 0; padding-right: 0; } /* line 1510, vendor/stylesheets/theme.css.scss */ .slide-nav-toggle .sidebar { margin-left: 0; } /* line 1511, vendor/stylesheets/theme.css.scss */ a.mobile_btn { color: #333; font-size: 24px; height: 60px; left: 0; line-height: 60px; padding: 0 20px; position: absolute; top: 0; width: 60px; z-index: 10; } } @media all and (min-width: 980px) { /* line 1514, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer::after { content: ""; display: block; clear: both; } /* line 1515, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer h3 { display: inline-block; } /* line 1516, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .add-task-btn-wrapper { float: right; margin-top: 22px; } } @media (min-width: 768px) { /* line 1519, vendor/stylesheets/theme.css.scss */ .modal-backdrop.in { background-color: #fff; left: 230px; opacity: .5; } /* line 1521, vendor/stylesheets/theme.css.scss */ .modal.center-modal { text-align: center; padding: 0 !important; } /* line 1522, vendor/stylesheets/theme.css.scss */ .modal.center-modal .modal-dialog:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } /* line 1523, vendor/stylesheets/theme.css.scss */ .modal.center-modal .modal-dialog { width: 100%; height: 100%; } /* line 1524, vendor/stylesheets/theme.css.scss */ .modal.center-modal .modal-content { display: inline-block; text-align: left; vertical-align: middle; width: 600px; } /* line 1525, vendor/stylesheets/theme.css.scss */ .custom-modal .modal-content { border: 0 none; box-shadow: inherit; margin: 0 auto; background-color: transparent; padding: 30px 0; } /* line 1526, vendor/stylesheets/theme.css.scss */ .custom-modal .modal-title { margin-bottom: 20px; } /* line 1527, vendor/stylesheets/theme.css.scss */ .custom-modal .modal-body.card-box { padding: 15px; } /* line 1528, vendor/stylesheets/theme.css.scss */ .custom-modal .modal-body { padding: 0; } /* line 1529, vendor/stylesheets/theme.css.scss */ .custom-modal .modal-dialog { height: 100%; margin: 0; width: 100%; } /* line 1530, vendor/stylesheets/theme.css.scss */ .modal.custom-modal { background-color: #eff3f6; } /* line 1531, vendor/stylesheets/theme.css.scss */ .custom-modal .modal-header { border: 0; padding: 0; } /* line 1532, vendor/stylesheets/theme.css.scss */ .custom-modal .modal-footer { border: 0; } /* line 1533, vendor/stylesheets/theme.css.scss */ .modal-md { width: 600px; } /* line 1534, vendor/stylesheets/theme.css.scss */ .custom-modal button.close { background: #02c5fb; background: -moz-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #02c5fb), color-stop(100%, #fc6075)); background: -webkit-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -o-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -ms-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: linear-gradient(to right, #02c5fb 0%, #fc6075 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02c5fb', endColorstr='#fc6075', GradientType=1 ); border-radius: 50%; height: 50px; left: -15px; opacity: 1; position: relative; top: 15px; width: 50px; text-shadow: inherit; color: #fff; z-index: 99; } } @media (min-width: 1200px) and (max-width: 1350px) { /* line 1547, vendor/stylesheets/theme.css.scss */ .filter-row > .col-md-2 { width: 33.3333%; } } @media (min-width: 992px) and (max-width: 1199px) { /* line 1550, vendor/stylesheets/theme.css.scss */ .filter-row > .col-md-2 { width: 33.3333%; } } @media (min-width: 1025px) and (max-width: 1199px) { /* line 1553, vendor/stylesheets/theme.css.scss */ .modal-content.modal-lg { width: 90%; } } @media (min-width: 768px) and (max-width: 1024px) { /* line 1556, vendor/stylesheets/theme.css.scss */ .modal-content.modal-lg { width: 90%; } /* line 1557, vendor/stylesheets/theme.css.scss */ .modal-open .modal { left: 0; top: 0; } /* line 1558, vendor/stylesheets/theme.css.scss */ .modal-backdrop.in { left: 0; } /* line 1559, vendor/stylesheets/theme.css.scss */ .slide-nav-toggle .page-wrapper { left: 225px; margin-left: 0; } } @media only screen and (max-width: 991px) { /* line 1562, vendor/stylesheets/theme.css.scss */ .open-right-sidebar .profile-right { display: table-cell; } /* line 1563, vendor/stylesheets/theme.css.scss */ .profile-rightbar { display: inline-block; margin-top: 7px; } /* line 1564, vendor/stylesheets/theme.css.scss */ .profile-info-left { border-right: none; border-bottom: 2px dashed #ccc; margin-bottom: 20px; padding-bottom: 20px; } /* line 1565, vendor/stylesheets/theme.css.scss */ .task-right-sidebar .task-chat-view { display: block; position: fixed; right: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; margin-right: 0; } /* line 1566, vendor/stylesheets/theme.css.scss */ .task-chat-view { display: none; margin-right: -280px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; right: 0; transform: translateX(0px); z-index: 1041; width: 300px; position: fixed; transition: all 0.4s ease 0s; margin-right: -300px; display: table-cell; } /* line 1567, vendor/stylesheets/theme.css.scss */ .chat-profile-view { display: none; margin-right: -280px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; right: 0; transform: translateX(0px); z-index: 1041; width: 300px; position: fixed; transition: all 0.4s ease 0s; margin-right: -300px; display: table-cell; } /* line 1568, vendor/stylesheets/theme.css.scss */ .message-view.task-view { width: 100%; } /* line 1569, vendor/stylesheets/theme.css.scss */ .pull-left.ticket-view-details { width: 90%; } } @media only screen and (max-width: 767px) { /* line 1572, vendor/stylesheets/theme.css.scss */ .navbar-nav .open .dropdown-menu { float: left; position: absolute; } /* line 1573, vendor/stylesheets/theme.css.scss */ .open-right-sidebar .profile-right { display: table-cell; margin-right: 0; position: fixed; right: 0; } /* line 1574, vendor/stylesheets/theme.css.scss */ .modal-open .modal { left: 0; } /* line 1575, vendor/stylesheets/theme.css.scss */ .notifications { right: -48px; } /* line 1576, vendor/stylesheets/theme.css.scss */ .notifications::before, .notifications::after { right: 60px; } /* line 1578, vendor/stylesheets/theme.css.scss */ .custom-modal button.close { background: #02c5fb; background: -moz-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #02c5fb), color-stop(100%, #fc6075)); background: -webkit-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -o-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: -ms-linear-gradient(left, #02c5fb 0%, #fc6075 100%); background: linear-gradient(to right, #02c5fb 0%, #fc6075 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02c5fb', endColorstr='#fc6075', GradientType=1 ); border-radius: 50%; height: 30px; left: -15px; opacity: 1; position: relative; top: 15px; width: 30px; text-shadow: inherit; color: #fff; z-index: 99; } /* line 1589, vendor/stylesheets/theme.css.scss */ .modal-body.card-box { background-color: #fff; border: none; border-radius: inherit; box-shadow: unset; margin-bottom: 0; padding: 15px; } /* line 1590, vendor/stylesheets/theme.css.scss */ .header { z-index: 1040; } /* line 1591, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list li .task-container .task-label { padding-right: 50px; word-break: unset; } /* line 1592, vendor/stylesheets/theme.css.scss */ .task-btn-right { position: absolute; right: 8px; } /* line 1593, vendor/stylesheets/theme.css.scss */ .task-wrapper #task-list li .task-container { padding: 8px 10px; } /* line 1594, vendor/stylesheets/theme.css.scss */ .task-action-btn.task-check { width: 36px; } /* line 1595, vendor/stylesheets/theme.css.scss */ .modal-backdrop { z-index: 1049; } /* line 1596, vendor/stylesheets/theme.css.scss */ .theme-dark .table-responsive { border: 1px solid #2e3840; } } @media all and (min-width: 540px) { /* line 1599, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer::after { content: ""; display: block; clear: both; } /* line 1600, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer h3 { display: inline-block; } /* line 1601, vendor/stylesheets/theme.css.scss */ .task-wrapper .task-list-footer .add-task-btn-wrapper { float: right; margin-top: 22px; } } @media (min-width: 600px) and (max-width: 767px) { /* line 1604, vendor/stylesheets/theme.css.scss */ .col-sm-6.left-action { width: 50%; float: left; } /* line 1605, vendor/stylesheets/theme.css.scss */ .col-sm-6.right-action { width: 50%; float: left; } /* line 1606, vendor/stylesheets/theme.css.scss */ .top-action-left { width: 70%; } /* line 1607, vendor/stylesheets/theme.css.scss */ .top-action-right { width: 30%; } } @media only screen and (max-width: 599px) { /* line 1610, vendor/stylesheets/theme.css.scss */ .left-action { text-align: center; margin-bottom: 15px; } /* line 1611, vendor/stylesheets/theme.css.scss */ .right-action { text-align: center; } /* line 1612, vendor/stylesheets/theme.css.scss */ .top-action-left { text-align: center; } /* line 1613, vendor/stylesheets/theme.css.scss */ .top-action-left .pull-left { float: none !important; } /* line 1614, vendor/stylesheets/theme.css.scss */ .top-action-left .btn-group { margin-bottom: 15px; } /* line 1615, vendor/stylesheets/theme.css.scss */ .top-action-right { text-align: center; } /* line 1616, vendor/stylesheets/theme.css.scss */ .top-action-right .text-right { text-align: center; } } @media only screen and (max-width: 479px) { /* line 1619, vendor/stylesheets/theme.css.scss */ .user-menu { display: none; } /* line 1620, vendor/stylesheets/theme.css.scss */ .mobile-user-menu { display: block; } /* line 1621, vendor/stylesheets/theme.css.scss */ .message-search { display: none; } /* line 1622, vendor/stylesheets/theme.css.scss */ .staff-grid-row > .col-xs-6 { width: 100%; } /* line 1623, vendor/stylesheets/theme.css.scss */ .filter-row > .col-xs-6 { width: 100%; } /* line 1624, vendor/stylesheets/theme.css.scss */ .filter-row { margin-bottom: 15px; } /* line 1625, vendor/stylesheets/theme.css.scss */ .page-wrapper > .content { padding: 15px; } /* line 1626, vendor/stylesheets/theme.css.scss */ .profile-view .profile-basic { margin-left: 0; } /* line 1627, vendor/stylesheets/theme.css.scss */ .profile-img-wrap { position: relative; margin: 0 auto; } /* line 1628, vendor/stylesheets/theme.css.scss */ .profile-view .profile-img-wrap { margin: 0 auto 10px; height: 100px; width: 100px; } /* line 1629, vendor/stylesheets/theme.css.scss */ .profile-view .profile-img { height: 100px; width: 100px; } /* line 1630, vendor/stylesheets/theme.css.scss */ .profile-view .profile-img .avatar { font-size: 24px; height: 100px; line-height: 100px; margin: 0; width: 100px; } /* line 1631, vendor/stylesheets/theme.css.scss */ .profile-info-left { text-align: center; } /* line 1632, vendor/stylesheets/theme.css.scss */ .profile-basic { margin-left: 0; margin-top: 15px; } /* line 1633, vendor/stylesheets/theme.css.scss */ .page-title { font-size: 18px; } /* line 1634, vendor/stylesheets/theme.css.scss */ .fc-toolbar .fc-right { display: inline-block; float: none; margin: 10px auto 0; width: 200px; clear: both; } /* line 1635, vendor/stylesheets/theme.css.scss */ .fc-toolbar .fc-left { float: none; margin: 0 auto; width: 200px; } /* line 1636, vendor/stylesheets/theme.css.scss */ .upload-text { font-size: 18px; } } @media only screen and (min-width: 360px) and (max-width: 479px) { /* line 1639, vendor/stylesheets/theme.css.scss */ .account-box { width: 340px; margin-bottom: 20px; } } @media only screen and (min-width: 310px) and (max-width: 359px) { /* line 1642, vendor/stylesheets/theme.css.scss */ .account-box { width: 300px; margin-bottom: 20px; } } /* New Style */ /* line 1646, vendor/stylesheets/theme.css.scss */ .top-bar { background-color: #fff; min-height: 36px; margin-bottom: 3.8rem; } /* line 1651, vendor/stylesheets/theme.css.scss */ .top-bar img { width: 180px; padding-top: 25px; padding-bottom: 25px; } /* line 1656, vendor/stylesheets/theme.css.scss */ .account-wrapper i { font-size: 30px; margin-top: 5px; } /* line 1660, vendor/stylesheets/theme.css.scss */ .account-wrapper { padding: 5px 60px 23px 60px; } /* line 1663, vendor/stylesheets/theme.css.scss */ .account-wrapper .account-title { font-size: 24px; margin: 24px 0px 14px 0px; } /* line 1667, vendor/stylesheets/theme.css.scss */ .account-wrapper .sub-title { font-size: 14px; padding: 0px 16px; margin-bottom: 28px; } /* line 1672, vendor/stylesheets/theme.css.scss */ .account-page.terms-acceptance .account-wrapper .sub-title { margin-bottom: 40px; } /* line 1675, vendor/stylesheets/theme.css.scss */ .account-page.terms-acceptance span.help-block { margin-top: -6px; margin-bottom: 22px; } /* line 1679, vendor/stylesheets/theme.css.scss */ .account-page.terms-acceptance .checkbox span.help-block { margin-top: 10px; margin-left: 10px; } /* line 1683, vendor/stylesheets/theme.css.scss */ .account-page.registration span.help-block { margin-bottom: 14px; } /* line 1686, vendor/stylesheets/theme.css.scss */ .account-page.password a, .account-page.registration a { margin-top: 8px; display: inline-block; } /* line 1691, vendor/stylesheets/theme.css.scss */ .account-wrapper .require { font-size: 16px; margin: 10px 0px 22px 0px; display: block; } /* line 1696, vendor/stylesheets/theme.css.scss */ .account-page.verification-email a { text-decoration: underline; } /* line 1699, vendor/stylesheets/theme.css.scss */ .account-page.verification-email .form-control { font-size: 40px; text-align: center; height: 80px; } /* line 1704, vendor/stylesheets/theme.css.scss */ .account-page.verification-email .account-title { margin: 24px 0px 24px 0px; line-height: 34px; } /* line 1708, vendor/stylesheets/theme.css.scss */ .account-page.terms-acceptance .account-wrapper { padding: 5px 26px 23px 26px; overflow: hidden; } /* line 1712, vendor/stylesheets/theme.css.scss */ .account-page.terms-acceptance span { display: block; margin-top: -14px; margin-bottom: 14px; } /* line 1717, vendor/stylesheets/theme.css.scss */ .account-page.terms-acceptance .checkbox span.span-checkbox { font-size: 14px; display: inline-block; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; color: #333; } /* line 1725, vendor/stylesheets/theme.css.scss */ .account-page.login a { margin-top: 8px; display: inline-block; } /* line 1729, vendor/stylesheets/theme.css.scss */ .account-page.login .account-title { margin: 24px 0px 34px 0px; } /* line 1732, vendor/stylesheets/theme.css.scss */ .dashboard-logo { width: 100px; object-fit: contain; margin-left: 6rem; } @media (min-width: 768px) { /* line 1738, vendor/stylesheets/theme.css.scss */ .dashboard-logo { margin-left: 0rem; } } @media (min-width: 1200px) { /* line 1743, vendor/stylesheets/theme.css.scss */ .dashboard-logo { margin-left: 5rem; } } /* line 1747, vendor/stylesheets/theme.css.scss */ .title-dashboard { margin-bottom: 18px; } /* line 1750, vendor/stylesheets/theme.css.scss */ .title-dashboard h2 { font-weight: 400; font-size: 20px; } /* line 1754, vendor/stylesheets/theme.css.scss */ .page-wrapper.dashboard { margin-top: 4rem; margin-bottom: 4rem; } /* line 1758, vendor/stylesheets/theme.css.scss */ .page-wrapper.dashboard.chat { height: 100vh; margin-top: 1.3rem; margin-bottom: 0rem; } /* line 1763, vendor/stylesheets/theme.css.scss */ .page-wrapper.dashboard.chat .message-search .form-control { height: 40px; } /* line 1766, vendor/stylesheets/theme.css.scss */ .page-wrapper.dashboard.chat .dropdown { margin-top: 6px; } /* line 1769, vendor/stylesheets/theme.css.scss */ .page-wrapper.dashboard.chat .user-details { float: left; margin-top: 6px; margin-bottom: 6px; overflow: hidden; } /* line 1775, vendor/stylesheets/theme.css.scss */ .page-wrapper.dashboard.chat .message-area .btn { height: 50px; } /* line 1778, vendor/stylesheets/theme.css.scss */ .page-wrapper.dashboard.chat .chat-footer { padding: 15px 15px 26px 15px; } /* line 1781, vendor/stylesheets/theme.css.scss */ .page-wrapper.dashboard .form-control { height: 50px; } /* line 1784, vendor/stylesheets/theme.css.scss */ .page-wrapper.dashboard .tabbable { padding: 0px 10px 0px 10px; } /* line 1787, vendor/stylesheets/theme.css.scss */ .page-wrapper.dashboard .wrap-card-box a { display: block; color: #000; } /* line 1791, vendor/stylesheets/theme.css.scss */ .wrap-table { margin-bottom: 2rem; } /* line 1794, vendor/stylesheets/theme.css.scss */ .wrap-table .filter-row { margin-top: 1rem; } /* line 1797, vendor/stylesheets/theme.css.scss */ .wrap-table .action-label .btn-sm { width: 100%; padding: 7px 14px 5px 14px; } /* line 1801, vendor/stylesheets/theme.css.scss */ .wrap-table .table-responsive .form-control.input-sm { height: 30px; } /* line 1804, vendor/stylesheets/theme.css.scss */ .wrap-table .table-responsive .input-group { width: 100%; } /* line 1807, vendor/stylesheets/theme.css.scss */ .wrap-table .table-responsive .input-group .input-group-btn { left: 6px; } /* line 1810, vendor/stylesheets/theme.css.scss */ .wrap-table .table-responsive .input-group .btn { border-radius: 4px; } /* line 1813, vendor/stylesheets/theme.css.scss */ .form-multiple-request { background-color: #ffffff; padding: 20px; margin-bottom: 3rem; } /* line 1818, vendor/stylesheets/theme.css.scss */ .form-multiple-request .btn-submit-multiple { margin-top: 8px; } /* line 1821, vendor/stylesheets/theme.css.scss */ .form-multiple-request i { font-size: 40px; color: #777; } /* line 1825, vendor/stylesheets/theme.css.scss */ .btn-send-multiple { margin-bottom: 2.8rem; } /* line 1828, vendor/stylesheets/theme.css.scss */ .request-date span { display: block; } /* line 1831, vendor/stylesheets/theme.css.scss */ .request-date:first-child span { margin-bottom: 2px; } /* line 1834, vendor/stylesheets/theme.css.scss */ .request-date { padding-top: 6px; } /* line 1837, vendor/stylesheets/theme.css.scss */ .certificates span { text-align: left; } /* line 1840, vendor/stylesheets/theme.css.scss */ .wrap-insurance { margin-top: 3rem; } /* line 1843, vendor/stylesheets/theme.css.scss */ .wrap-salary { margin-top: 3rem; } /* line 1846, vendor/stylesheets/theme.css.scss */ .prev-salary, .prev-emply { margin-top: 2rem; } /* line 1850, vendor/stylesheets/theme.css.scss */ .prev-salary .profile-img-wrap { position: inherit; margin: 0 auto; } /* line 1854, vendor/stylesheets/theme.css.scss */ .prev-salary-address { margin-top: 24px; } /* line 1857, vendor/stylesheets/theme.css.scss */ .prev-salary-address span { display: block; } /* line 1860, vendor/stylesheets/theme.css.scss */ .prev-salary-address form { margin-top: 3rem; } /* line 1863, vendor/stylesheets/theme.css.scss */ .prev-salary-address textarea { height: 400px !important; } /* line 1866, vendor/stylesheets/theme.css.scss */ .prev-emply img { width: 100%; } /* line 1869, vendor/stylesheets/theme.css.scss */ .sidebar-menu li.active.active-sub a { background-color: #ccc; } /* line 1872, vendor/stylesheets/theme.css.scss */ .table .dropdown-menu { padding: 5px 0px; font-size: 14px; } /* line 1876, vendor/stylesheets/theme.css.scss */ .table .dropdown-menu .dropdown-item { padding: 5px 15px; } /* line 1880, vendor/stylesheets/theme.css.scss */ .sidebar-menu li.active.active-sub a:hover { color: #5B8BFF; } /* line 1883, vendor/stylesheets/theme.css.scss */ .sidebar-menu li.active.active-sub .active-inner-sub a { background-color: rgba(0, 0, 0, 0.2); } /* line 1887, vendor/stylesheets/theme.css.scss */ table.table_with-status-rounded .rounded { width: 120px; } @media (min-width: 768px) { /* line 1892, vendor/stylesheets/theme.css.scss */ .page-wrapper.dashboard .tabbable { margin-top: 8rem; } } @media (min-width: 1024px) { /* line 1897, vendor/stylesheets/theme.css.scss */ .page-wrapper.dashboard .tabbable { margin-top: 1rem; } } @media (min-width: 1200px) { /* line 1902, vendor/stylesheets/theme.css.scss */ .page-wrapper.dashboard .tabbable { margin-top: 0em; } } /* line 1906, vendor/stylesheets/theme.css.scss */ .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: block; } /* line 1907, vendor/stylesheets/theme.css.scss */ .dashboard-nav ul li.active-submenu ul { max-height: fit-content !important; } span.multiselect-native-select{position:relative}span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container .multiselect-reset .input-group{width:93%}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.checkbox,.multiselect-container>li>a>label.radio{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0} /* line 2, vendor/stylesheets/swal-override.scss */ .swal2-container #swal2-content { font-size: 14px; font-weight: 500; line-height: 25px; } /* line 8, vendor/stylesheets/swal-override.scss */ .swal2-container .swal2-popup #swal2-content { text-align: left; } /* line 12, vendor/stylesheets/swal-override.scss */ .swal2-container .swal2-popup .swal2-actions { display: flex; justify-content: flex-end; margin: 0px; margin-top: 26px; font-size: 14px; gap: 10px; } /*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1240px) { .container { max-width: 1090px; } } @media (min-width: 1367px) { .container { max-width: 1210px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; 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-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .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-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -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; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -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; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -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; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -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; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; 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: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; 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: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; 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: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; 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: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; 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: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -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; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -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 { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -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 { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -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; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -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 { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -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 { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -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; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -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 { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -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 { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -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; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -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 { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -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 { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -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; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -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 { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -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; } } /*! * Bootstrap Reboot v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */ *, *::before, *::after { box-sizing: border-box; } body { margin: 0; padding: 0; text-align: left; background-color: #fff; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } 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; -webkit-text-decoration-skip: objects; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.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; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -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-cancel-button, [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; } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: flex; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after { clear: both; } @font-face { font-family: 'Brand-Icons'; src: url(/fonts/Brand-Icons.ttf) format('truetype'), url(/fonts/Brand-Icons.woff) format('woff'), url(/fonts/Brand-Icons.svg#Brand-Icons) format('svg'); font-weight: normal; font-style: normal; } [class^="icon-brand-"], [class*=" icon-brand-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Brand-Icons' 'Feather-Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-brand-px:before { content: "\e900"; } .icon-brand-accessible-icon:before { content: "\e901"; } .icon-brand-accusoft:before { content: "\e902"; } .icon-brand-adn:before { content: "\e903"; } .icon-brand-adversal:before { content: "\e904"; } .icon-brand-affiliatetheme:before { content: "\e905"; } .icon-brand-algolia:before { content: "\e906"; } .icon-brand-amazon:before { content: "\e907"; } .icon-brand-amazon-pay:before { content: "\e908"; } .icon-brand-amilia:before { content: "\e909"; } .icon-brand-android:before { content: "\e90a"; } .icon-brand-angellist:before { content: "\e90b"; } .icon-brand-angrycreative:before { content: "\e90c"; } .icon-brand-angular:before { content: "\e90d"; } .icon-brand-apper:before { content: "\e90e"; } .icon-brand-apple:before { content: "\e90f"; } .icon-brand-apple-pay:before { content: "\e910"; } .icon-brand-app-store:before { content: "\e911"; } .icon-brand-app-store-ios:before { content: "\e912"; } .icon-brand-asymmetrik:before { content: "\e913"; } .icon-brand-audible:before { content: "\e914"; } .icon-brand-autoprefixer:before { content: "\e915"; } .icon-brand-avianex:before { content: "\e916"; } .icon-brand-aviato:before { content: "\e917"; } .icon-brand-aws:before { content: "\e918"; } .icon-brand-bandcamp:before { content: "\e919"; } .icon-brand-behance:before { content: "\e91a"; } .icon-brand-behance-square:before { content: "\e91b"; } .icon-brand-bimobject:before { content: "\e91c"; } .icon-brand-bitbucket:before { content: "\e91d"; } .icon-brand-bitcoin:before { content: "\e91e"; } .icon-brand-bity:before { content: "\e91f"; } .icon-brand-blackberry:before { content: "\e920"; } .icon-brand-black-tie:before { content: "\e921"; } .icon-brand-blogger:before { content: "\e922"; } .icon-brand-blogger-b:before { content: "\e923"; } .icon-brand-bluetooth:before { content: "\e924"; } .icon-brand-bluetooth-b:before { content: "\e925"; } .icon-brand-btc:before { content: "\e926"; } .icon-brand-buromobelexperte:before { content: "\e927"; } .icon-brand-buysellads:before { content: "\e928"; } .icon-brand-cc-amazon-pay:before { content: "\e929"; } .icon-brand-cc-amex:before { content: "\e92a"; } .icon-brand-cc-apple-pay:before { content: "\e92b"; } .icon-brand-cc-diners-club:before { content: "\e92c"; } .icon-brand-cc-discover:before { content: "\e92d"; } .icon-brand-cc-jcb:before { content: "\e92e"; } .icon-brand-cc-mastercard:before { content: "\e92f"; } .icon-brand-cc-paypal:before { content: "\e930"; } .icon-brand-cc-stripe:before { content: "\e931"; } .icon-brand-cc-visa:before { content: "\e932"; } .icon-brand-centercode:before { content: "\e933"; } .icon-brand-chrome:before { content: "\e934"; } .icon-brand-cloudscale:before { content: "\e935"; } .icon-brand-cloudsmith:before { content: "\e936"; } .icon-brand-cloudversify:before { content: "\e937"; } .icon-brand-codepen:before { content: "\e938"; } .icon-brand-codiepie:before { content: "\e939"; } .icon-brand-connectdevelop:before { content: "\e93a"; } .icon-brand-contao:before { content: "\e93b"; } .icon-brand-cpanel:before { content: "\e93c"; } .icon-brand-creative-commons:before { content: "\e93d"; } .icon-brand-creative-commons-by:before { content: "\e93e"; } .icon-brand-creative-commons-nc:before { content: "\e93f"; } .icon-brand-creative-commons-nc-eu:before { content: "\e940"; } .icon-brand-creative-commons-nc-jp:before { content: "\e941"; } .icon-brand-creative-commons-nd:before { content: "\e942"; } .icon-brand-creative-commons-pd:before { content: "\e943"; } .icon-brand-creative-commons-pd-alt:before { content: "\e944"; } .icon-brand-creative-commons-remix:before { content: "\e945"; } .icon-brand-creative-commons-sa:before { content: "\e946"; } .icon-brand-creative-commons-sampling:before { content: "\e947"; } .icon-brand-creative-commons-sampling-plus:before { content: "\e948"; } .icon-brand-creative-commons-share:before { content: "\e949"; } .icon-brand-css3:before { content: "\e94a"; } .icon-brand-css3-alt:before { content: "\e94b"; } .icon-brand-cuttlefish:before { content: "\e94c"; } .icon-brand-d-and-d:before { content: "\e94d"; } .icon-brand-dashcube:before { content: "\e94e"; } .icon-brand-delicious:before { content: "\e94f"; } .icon-brand-deploydog:before { content: "\e950"; } .icon-brand-deskpro:before { content: "\e951"; } .icon-brand-deviantart:before { content: "\e952"; } .icon-brand-digg:before { content: "\e953"; } .icon-brand-digital-ocean:before { content: "\e954"; } .icon-brand-discord:before { content: "\e955"; } .icon-brand-discourse:before { content: "\e956"; } .icon-brand-dochub:before { content: "\e957"; } .icon-brand-docker:before { content: "\e958"; } .icon-brand-draft2digital:before { content: "\e959"; } .icon-brand-dribbble:before { content: "\e95a"; } .icon-brand-dribbble-square:before { content: "\e95b"; } .icon-brand-dropbox:before { content: "\e95c"; } .icon-brand-drupal:before { content: "\e95d"; } .icon-brand-dyalog:before { content: "\e95e"; } .icon-brand-earlybirds:before { content: "\e95f"; } .icon-brand-ebay:before { content: "\e960"; } .icon-brand-edge:before { content: "\e961"; } .icon-brand-elementor:before { content: "\e962"; } .icon-brand-ember:before { content: "\e963"; } .icon-brand-empire:before { content: "\e964"; } .icon-brand-envira:before { content: "\e965"; } .icon-brand-erlang:before { content: "\e966"; } .icon-brand-ethereum:before { content: "\e967"; } .icon-brand-etsy:before { content: "\e968"; } .icon-brand-expeditedssl:before { content: "\e969"; } .icon-brand-facebook:before { content: "\e96a"; } .icon-brand-facebook-f:before { content: "\e96b"; } .icon-brand-facebook-messenger:before { content: "\e96c"; } .icon-brand-facebook-square:before { content: "\e96d"; } .icon-brand-firefox:before { content: "\e96e"; } .icon-brand-firstdraft:before { content: "\e96f"; } .icon-brand-first-order:before { content: "\e970"; } .icon-brand-first-order-alt:before { content: "\e971"; } .icon-brand-flickr:before { content: "\e972"; } .icon-brand-flipboard:before { content: "\e973"; } .icon-brand-fly:before { content: "\e974"; } .icon-brand-font-awesome:before { content: "\e975"; } .icon-brand-font-awesome-alt:before { content: "\e976"; } .icon-brand-font-awesome-flag:before { content: "\e977"; } .icon-brand-fonticons:before { content: "\e978"; } .icon-brand-fonticons-fi:before { content: "\e979"; } .icon-brand-fort-awesome:before { content: "\e97a"; } .icon-brand-fort-awesome-alt:before { content: "\e97b"; } .icon-brand-forumbee:before { content: "\e97c"; } .icon-brand-foursquare:before { content: "\e97d"; } .icon-brand-freebsd:before { content: "\e97e"; } .icon-brand-free-code-camp:before { content: "\e97f"; } .icon-brand-fulcrum:before { content: "\e980"; } .icon-brand-galactic-republic:before { content: "\e981"; } .icon-brand-galactic-senate:before { content: "\e982"; } .icon-brand-get-pocket:before { content: "\e983"; } .icon-brand-gg:before { content: "\e984"; } .icon-brand-gg-circle:before { content: "\e985"; } .icon-brand-git:before { content: "\e986"; } .icon-brand-github:before { content: "\e987"; } .icon-brand-github-alt:before { content: "\e988"; } .icon-brand-github-square:before { content: "\e989"; } .icon-brand-gitkraken:before { content: "\e98a"; } .icon-brand-gitlab:before { content: "\e98b"; } .icon-brand-git-square:before { content: "\e98c"; } .icon-brand-gitter:before { content: "\e98d"; } .icon-brand-glide:before { content: "\e98e"; } .icon-brand-glide-g:before { content: "\e98f"; } .icon-brand-gofore:before { content: "\e990"; } .icon-brand-goodreads:before { content: "\e991"; } .icon-brand-goodreads-g:before { content: "\e992"; } .icon-brand-google:before { content: "\e993"; } .icon-brand-google-drive:before { content: "\e994"; } .icon-brand-google-play:before { content: "\e995"; } .icon-brand-google-plus:before { content: "\e996"; } .icon-brand-google-plus-g:before { content: "\e997"; } .icon-brand-google-plus-square:before { content: "\e998"; } .icon-brand-google-wallet:before { content: "\e999"; } .icon-brand-gratipay:before { content: "\e99a"; } .icon-brand-grav:before { content: "\e99b"; } .icon-brand-gripfire:before { content: "\e99c"; } .icon-brand-grunt:before { content: "\e99d"; } .icon-brand-gulp:before { content: "\e99e"; } .icon-brand-hacker-news:before { content: "\e99f"; } .icon-brand-hacker-news-square:before { content: "\e9a0"; } .icon-brand-hips:before { content: "\e9a1"; } .icon-brand-hire-a-helper:before { content: "\e9a2"; } .icon-brand-hooli:before { content: "\e9a3"; } .icon-brand-hotjar:before { content: "\e9a4"; } .icon-brand-houzz:before { content: "\e9a5"; } .icon-brand-html5:before { content: "\e9a6"; } .icon-brand-hubspot:before { content: "\e9a7"; } .icon-brand-imdb:before { content: "\e9a8"; } .icon-brand-instagram:before { content: "\e9a9"; } .icon-brand-internet-explorer:before { content: "\e9aa"; } .icon-brand-ioxhost:before { content: "\e9ab"; } .icon-brand-itunes:before { content: "\e9ac"; } .icon-brand-itunes-note:before { content: "\e9ad"; } .icon-brand-java:before { content: "\e9ae"; } .icon-brand-jedi-order:before { content: "\e9af"; } .icon-brand-jenkins:before { content: "\e9b0"; } .icon-brand-joget:before { content: "\e9b1"; } .icon-brand-joomla:before { content: "\e9b2"; } .icon-brand-js:before { content: "\e9b3"; } .icon-brand-jsfiddle:before { content: "\e9b4"; } .icon-brand-js-square:before { content: "\e9b5"; } .icon-brand-keybase:before { content: "\e9b6"; } .icon-brand-keycdn:before { content: "\e9b7"; } .icon-brand-kickstarter:before { content: "\e9b8"; } .icon-brand-kickstarter-k:before { content: "\e9b9"; } .icon-brand-korvue:before { content: "\e9ba"; } .icon-brand-laravel:before { content: "\e9bb"; } .icon-brand-lastfm:before { content: "\e9bc"; } .icon-brand-lastfm-square:before { content: "\e9bd"; } .icon-brand-leanpub:before { content: "\e9be"; } .icon-brand-less:before { content: "\e9bf"; } .icon-brand-line:before { content: "\e9c0"; } .icon-brand-linkedin:before { content: "\e9c1"; } .icon-brand-linkedin-in:before { content: "\e9c2"; } .icon-brand-linode:before { content: "\e9c3"; } .icon-brand-linux:before { content: "\e9c4"; } .icon-brand-lyft:before { content: "\e9c5"; } .icon-brand-magento:before { content: "\e9c6"; } .icon-brand-mandalorian:before { content: "\e9c7"; } .icon-brand-mastodon:before { content: "\e9c8"; } .icon-brand-maxcdn:before { content: "\e9c9"; } .icon-brand-medapps:before { content: "\e9ca"; } .icon-brand-medium:before { content: "\e9cb"; } .icon-brand-medium-m:before { content: "\e9cc"; } .icon-brand-medrt:before { content: "\e9cd"; } .icon-brand-meetup:before { content: "\e9ce"; } .icon-brand-microsoft:before { content: "\e9cf"; } .icon-brand-mix:before { content: "\e9d0"; } .icon-brand-mixcloud:before { content: "\e9d1"; } .icon-brand-mizuni:before { content: "\e9d2"; } .icon-brand-modx:before { content: "\e9d3"; } .icon-brand-monero:before { content: "\e9d4"; } .icon-brand-napster:before { content: "\e9d5"; } .icon-brand-nintendo-switch:before { content: "\e9d6"; } .icon-brand-node:before { content: "\e9d7"; } .icon-brand-node-js:before { content: "\e9d8"; } .icon-brand-npm:before { content: "\e9d9"; } .icon-brand-ns8:before { content: "\e9da"; } .icon-brand-nutritionix:before { content: "\e9db"; } .icon-brand-odnoklassniki:before { content: "\e9dc"; } .icon-brand-odnoklassniki-square:before { content: "\e9dd"; } .icon-brand-old-republic:before { content: "\e9de"; } .icon-brand-opencart:before { content: "\e9df"; } .icon-brand-openid:before { content: "\e9e0"; } .icon-brand-opera:before { content: "\e9e1"; } .icon-brand-optin-monster:before { content: "\e9e2"; } .icon-brand-osi:before { content: "\e9e3"; } .icon-brand-page4:before { content: "\e9e4"; } .icon-brand-pagelines:before { content: "\e9e5"; } .icon-brand-palfed:before { content: "\e9e6"; } .icon-brand-patreon:before { content: "\e9e7"; } .icon-brand-paypal:before { content: "\e9e8"; } .icon-brand-periscope:before { content: "\e9e9"; } .icon-brand-phabricator:before { content: "\e9ea"; } .icon-brand-phoenix-framework:before { content: "\e9eb"; } .icon-brand-phoenix-squadron:before { content: "\e9ec"; } .icon-brand-php:before { content: "\e9ed"; } .icon-brand-pied-piper:before { content: "\e9ee"; } .icon-brand-pied-piper-alt:before { content: "\e9ef"; } .icon-brand-pied-piper-hat:before { content: "\e9f0"; } .icon-brand-pied-piper-pp:before { content: "\e9f1"; } .icon-brand-pinterest:before { content: "\e9f2"; } .icon-brand-pinterest-p:before { content: "\e9f3"; } .icon-brand-pinterest-square:before { content: "\e9f4"; } .icon-brand-playstation:before { content: "\e9f5"; } .icon-brand-product-hunt:before { content: "\e9f6"; } .icon-brand-pushed:before { content: "\e9f7"; } .icon-brand-python:before { content: "\e9f8"; } .icon-brand-qq:before { content: "\e9f9"; } .icon-brand-quinscape:before { content: "\e9fa"; } .icon-brand-quora:before { content: "\e9fb"; } .icon-brand-ravelry:before { content: "\e9fc"; } .icon-brand-react:before { content: "\e9fd"; } .icon-brand-readme:before { content: "\e9fe"; } .icon-brand-rebel:before { content: "\e9ff"; } .icon-brand-reddit:before { content: "\ea00"; } .icon-brand-reddit-alien:before { content: "\ea01"; } .icon-brand-reddit-square:before { content: "\ea02"; } .icon-brand-red-river:before { content: "\ea03"; } .icon-brand-rendact:before { content: "\ea04"; } .icon-brand-renren:before { content: "\ea05"; } .icon-brand-replyd:before { content: "\ea06"; } .icon-brand-researchgate:before { content: "\ea07"; } .icon-brand-resolving:before { content: "\ea08"; } .icon-brand-rocketchat:before { content: "\ea09"; } .icon-brand-rockrms:before { content: "\ea0a"; } .icon-brand-r-project:before { content: "\ea0b"; } .icon-brand-safari:before { content: "\ea0c"; } .icon-brand-sass:before { content: "\ea0d"; } .icon-brand-schlix:before { content: "\ea0e"; } .icon-brand-scribd:before { content: "\ea0f"; } .icon-brand-searchengin:before { content: "\ea10"; } .icon-brand-sellcast:before { content: "\ea11"; } .icon-brand-sellsy:before { content: "\ea12"; } .icon-brand-servicestack:before { content: "\ea13"; } .icon-brand-shirtsinbulk:before { content: "\ea14"; } .icon-brand-simplybuilt:before { content: "\ea15"; } .icon-brand-sistrix:before { content: "\ea16"; } .icon-brand-sith:before { content: "\ea17"; } .icon-brand-skyatlas:before { content: "\ea18"; } .icon-brand-skype:before { content: "\ea19"; } .icon-brand-slack:before { content: "\ea1a"; } .icon-brand-slack-hash:before { content: "\ea1b"; } .icon-brand-slideshare:before { content: "\ea1c"; } .icon-brand-snapchat:before { content: "\ea1d"; } .icon-brand-snapchat-ghost:before { content: "\ea1e"; } .icon-brand-snapchat-square:before { content: "\ea1f"; } .icon-brand-soundcloud:before { content: "\ea20"; } .icon-brand-speakap:before { content: "\ea21"; } .icon-brand-spotify:before { content: "\ea22"; } .icon-brand-stack-exchange:before { content: "\ea23"; } .icon-brand-stack-overflow:before { content: "\ea24"; } .icon-brand-staylinked:before { content: "\ea25"; } .icon-brand-steam:before { content: "\ea26"; } .icon-brand-steam-square:before { content: "\ea27"; } .icon-brand-steam-symbol:before { content: "\ea28"; } .icon-brand-sticker-mule:before { content: "\ea29"; } .icon-brand-strava:before { content: "\ea2a"; } .icon-brand-stripe:before { content: "\ea2b"; } .icon-brand-stripe-s:before { content: "\ea2c"; } .icon-brand-studiovinari:before { content: "\ea2d"; } .icon-brand-stumbleupon:before { content: "\ea2e"; } .icon-brand-stumbleupon-circle:before { content: "\ea2f"; } .icon-brand-superpowers:before { content: "\ea30"; } .icon-brand-supple:before { content: "\ea31"; } .icon-brand-teamspeak:before { content: "\ea32"; } .icon-brand-telegram:before { content: "\ea33"; } .icon-brand-telegram-plane:before { content: "\ea34"; } .icon-brand-tencent-weibo:before { content: "\ea35"; } .icon-brand-themeisle:before { content: "\ea36"; } .icon-brand-trade-federation:before { content: "\ea37"; } .icon-brand-trello:before { content: "\ea38"; } .icon-brand-tripadvisor:before { content: "\ea39"; } .icon-brand-tumblr:before { content: "\ea3a"; } .icon-brand-tumblr-square:before { content: "\ea3b"; } .icon-brand-twitch:before { content: "\ea3c"; } .icon-brand-twitter:before { content: "\ea3d"; } .icon-brand-twitter-square:before { content: "\ea3e"; } .icon-brand-typo3:before { content: "\ea3f"; } .icon-brand-uber:before { content: "\ea40"; } .icon-brand-uikit:before { content: "\ea41"; } .icon-brand-uniregistry:before { content: "\ea42"; } .icon-brand-untappd:before { content: "\ea43"; } .icon-brand-usb:before { content: "\ea44"; } .icon-brand-ussunnah:before { content: "\ea45"; } .icon-brand-vaadin:before { content: "\ea46"; } .icon-brand-viacoin:before { content: "\ea47"; } .icon-brand-viadeo:before { content: "\ea48"; } .icon-brand-viadeo-square:before { content: "\ea49"; } .icon-brand-viber:before { content: "\ea4a"; } .icon-brand-vimeo:before { content: "\ea4b"; } .icon-brand-vimeo-square:before { content: "\ea4c"; } .icon-brand-vimeo-v:before { content: "\ea4d"; } .icon-brand-vine:before { content: "\ea4e"; } .icon-brand-vk:before { content: "\ea4f"; } .icon-brand-vnv:before { content: "\ea50"; } .icon-brand-vuejs:before { content: "\ea51"; } .icon-brand-weibo:before { content: "\ea52"; } .icon-brand-weixin:before { content: "\ea53"; } .icon-brand-whatsapp:before { content: "\ea54"; } .icon-brand-whatsapp-square:before { content: "\ea55"; } .icon-brand-whmcs:before { content: "\ea56"; } .icon-brand-wikipedia-w:before { content: "\ea57"; } .icon-brand-windows:before { content: "\ea58"; } .icon-brand-wolf-pack-battalion:before { content: "\ea59"; } .icon-brand-wordpress:before { content: "\ea5a"; } .icon-brand-wordpress-simple:before { content: "\ea5b"; } .icon-brand-wpbeginner:before { content: "\ea5c"; } .icon-brand-wpexplorer:before { content: "\ea5d"; } .icon-brand-wpforms:before { content: "\ea5e"; } .icon-brand-xbox:before { content: "\ea5f"; } .icon-brand-xing:before { content: "\ea60"; } .icon-brand-xing-square:before { content: "\ea61"; } .icon-brand-yahoo:before { content: "\ea62"; } .icon-brand-yandex:before { content: "\ea63"; } .icon-brand-yandex-international:before { content: "\ea64"; } .icon-brand-y-combinator:before { content: "\ea65"; } .icon-brand-yelp:before { content: "\ea66"; } .icon-brand-yoast:before { content: "\ea67"; } .icon-brand-youtube:before { content: "\ea68"; } .icon-brand-youtube-square:before { content: "\ea69"; } /*! * Feather Icons (https://feathericons.com/) * Licensed under MIT */ @font-face { font-family: 'Feather-Icons'; src: url(/fonts/Feather-Icons.ttf) format('truetype'), url(/fonts/Feather-Icons.woff) format('woff'), url(/fonts/Feather-Icons.svg#Feather-Icons) format('svg'); font-weight: normal; font-style: normal; } [class^="icon-feather-"], [class*=" icon-feather-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Feather-Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-feather-activity:before { content: "\e900"; } .icon-feather-airplay:before { content: "\e901"; } .icon-feather-alert-circle:before { content: "\e902"; } .icon-feather-alert-octagon:before { content: "\e903"; } .icon-feather-alert-triangle:before { content: "\e904"; } .icon-feather-align-center:before { content: "\e905"; } .icon-feather-align-justify:before { content: "\e906"; } .icon-feather-align-left:before { content: "\e907"; } .icon-feather-align-right:before { content: "\e908"; } .icon-feather-anchor:before { content: "\e909"; } .icon-feather-aperture:before { content: "\e90a"; } .icon-feather-archive:before { content: "\e90b"; } .icon-feather-arrow-down:before { content: "\e90c"; } .icon-feather-arrow-down-circle:before { content: "\e90d"; } .icon-feather-arrow-down-left:before { content: "\e90e"; } .icon-feather-arrow-down-right:before { content: "\e90f"; } .icon-feather-arrow-left:before { content: "\e910"; } .icon-feather-arrow-left-circle:before { content: "\e911"; } .icon-feather-arrow-right:before { content: "\e912"; } .icon-feather-arrow-right-circle:before { content: "\e913"; } .icon-feather-arrow-up:before { content: "\e914"; } .icon-feather-arrow-up-circle:before { content: "\e915"; } .icon-feather-arrow-up-left:before { content: "\e916"; } .icon-feather-arrow-up-right:before { content: "\e917"; } .icon-feather-at-sign:before { content: "\e918"; } .icon-feather-award:before { content: "\e919"; } .icon-feather-bar-chart:before { content: "\e91a"; } .icon-feather-bar-chart-2:before { content: "\e91b"; } .icon-feather-battery:before { content: "\e91c"; } .icon-feather-battery-charging:before { content: "\e91d"; } .icon-feather-bell:before { content: "\e91e"; } .icon-feather-bell-off:before { content: "\e91f"; } .icon-feather-bluetooth:before { content: "\e920"; } .icon-feather-bold:before { content: "\e921"; } .icon-feather-book:before { content: "\e922"; } .icon-feather-book-open:before { content: "\e923"; } .icon-feather-bookmark:before { content: "\e924"; } .icon-feather-box:before { content: "\e925"; } .icon-feather-briefcase:before { content: "\e926"; } .icon-feather-calendar:before { content: "\e927"; } .icon-feather-camera:before { content: "\e928"; } .icon-feather-camera-off:before { content: "\e929"; } .icon-feather-cast:before { content: "\e92a"; } .icon-feather-check:before { content: "\e92b"; } .icon-feather-check-circle:before { content: "\e92c"; } .icon-feather-check-square:before { content: "\e92d"; } .icon-feather-chevron-down:before { content: "\e92e"; } .icon-feather-chevron-left:before { content: "\e92f"; } .icon-feather-chevron-right:before { content: "\e930"; } .icon-feather-chevron-up:before { content: "\e931"; } .icon-feather-chevrons-down:before { content: "\e932"; } .icon-feather-chevrons-left:before { content: "\e933"; } .icon-feather-chevrons-right:before { content: "\e934"; } .icon-feather-chevrons-up:before { content: "\e935"; } .icon-feather-chrome:before { content: "\e936"; } .icon-feather-circle:before { content: "\e937"; } .icon-feather-clipboard:before { content: "\e938"; } .icon-feather-clock:before { content: "\e939"; } .icon-feather-cloud:before { content: "\e93a"; } .icon-feather-cloud-drizzle:before { content: "\e93b"; } .icon-feather-cloud-lightning:before { content: "\e93c"; } .icon-feather-cloud-off:before { content: "\e93d"; } .icon-feather-cloud-rain:before { content: "\e93e"; } .icon-feather-cloud-snow:before { content: "\e93f"; } .icon-feather-code:before { content: "\e940"; } .icon-feather-codepen:before { content: "\e941"; } .icon-feather-command:before { content: "\e942"; } .icon-feather-compass:before { content: "\e943"; } .icon-feather-copy:before { content: "\e944"; } .icon-feather-corner-down-left:before { content: "\e945"; } .icon-feather-corner-down-right:before { content: "\e946"; } .icon-feather-corner-left-down:before { content: "\e947"; } .icon-feather-corner-left-up:before { content: "\e948"; } .icon-feather-corner-right-down:before { content: "\e949"; } .icon-feather-corner-right-up:before { content: "\e94a"; } .icon-feather-corner-up-left:before { content: "\e94b"; } .icon-feather-corner-up-right:before { content: "\e94c"; } .icon-feather-cpu:before { content: "\e94d"; } .icon-feather-credit-card:before { content: "\e94e"; } .icon-feather-crop:before { content: "\e94f"; } .icon-feather-crosshair:before { content: "\e950"; } .icon-feather-database:before { content: "\e951"; } .icon-feather-delete:before { content: "\e952"; } .icon-feather-disc:before { content: "\e953"; } .icon-feather-dollar-sign:before { content: "\e954"; } .icon-feather-download:before { content: "\e955"; } .icon-feather-download-cloud:before { content: "\e956"; } .icon-feather-droplet:before { content: "\e957"; } .icon-feather-edit:before { content: "\e958"; } .icon-feather-edit-2:before { content: "\e959"; } .icon-feather-edit-3:before { content: "\e95a"; } .icon-feather-external-link:before { content: "\e95b"; } .icon-feather-eye:before { content: "\e95c"; } .icon-feather-eye-off:before { content: "\e95d"; } .icon-feather-facebook:before { content: "\e95e"; } .icon-feather-fast-forward:before { content: "\e95f"; } .icon-feather-feather:before { content: "\e960"; } .icon-feather-file:before { content: "\e961"; } .icon-feather-file-minus:before { content: "\e962"; } .icon-feather-file-plus:before { content: "\e963"; } .icon-feather-file-text:before { content: "\e964"; } .icon-feather-film:before { content: "\e965"; } .icon-feather-filter:before { content: "\e966"; } .icon-feather-flag:before { content: "\e967"; } .icon-feather-folder:before { content: "\e968"; } .icon-feather-folder-minus:before { content: "\e969"; } .icon-feather-folder-plus:before { content: "\e96a"; } .icon-feather-gift:before { content: "\e96b"; } .icon-feather-git-branch:before { content: "\e96c"; } .icon-feather-git-commit:before { content: "\e96d"; } .icon-feather-git-merge:before { content: "\e96e"; } .icon-feather-git-pull-request:before { content: "\e96f"; } .icon-feather-github:before { content: "\e970"; } .icon-feather-gitlab:before { content: "\e971"; } .icon-feather-globe:before { content: "\e972"; } .icon-feather-grid:before { content: "\e973"; } .icon-feather-hard-drive:before { content: "\e974"; } .icon-feather-hash:before { content: "\e975"; } .icon-feather-headphones:before { content: "\e976"; } .icon-feather-heart:before { content: "\e977"; } .icon-feather-help-circle:before { content: "\e978"; } .icon-feather-home:before { content: "\e979"; } .icon-feather-image:before { content: "\e97a"; } .icon-feather-inbox:before { content: "\e97b"; } .icon-feather-info:before { content: "\e97c"; } .icon-feather-instagram:before { content: "\e97d"; } .icon-feather-italic:before { content: "\e97e"; } .icon-feather-layers:before { content: "\e97f"; } .icon-feather-layout:before { content: "\e980"; } .icon-feather-life-buoy:before { content: "\e981"; } .icon-feather-link:before { content: "\e982"; } .icon-feather-link-2:before { content: "\e983"; } .icon-feather-linkedin:before { content: "\e984"; } .icon-feather-list:before { content: "\e985"; } .icon-feather-loader:before { content: "\e986"; } .icon-feather-lock:before { content: "\e987"; } .icon-feather-log-in:before { content: "\e988"; } .icon-feather-log-out:before { content: "\e989"; } .icon-feather-mail:before { content: "\e98a"; } .icon-feather-map:before { content: "\e98b"; } .icon-feather-map-pin:before { content: "\e98c"; } .icon-feather-maximize:before { content: "\e98d"; } .icon-feather-maximize-2:before { content: "\e98e"; } .icon-feather-menu:before { content: "\e98f"; } .icon-feather-message-circle:before { content: "\e990"; } .icon-feather-message-square:before { content: "\e991"; } .icon-feather-mic:before { content: "\e992"; } .icon-feather-mic-off:before { content: "\e993"; } .icon-feather-minimize:before { content: "\e994"; } .icon-feather-minimize-2:before { content: "\e995"; } .icon-feather-minus:before { content: "\e996"; } .icon-feather-minus-circle:before { content: "\e997"; } .icon-feather-minus-square:before { content: "\e998"; } .icon-feather-monitor:before { content: "\e999"; } .icon-feather-moon:before { content: "\e99a"; } .icon-feather-more-horizontal:before { content: "\e99b"; } .icon-feather-more-vertical:before { content: "\e99c"; } .icon-feather-move:before { content: "\e99d"; } .icon-feather-music:before { content: "\e99e"; } .icon-feather-navigation:before { content: "\e99f"; } .icon-feather-navigation-2:before { content: "\e9a0"; } .icon-feather-octagon:before { content: "\e9a1"; } .icon-feather-package:before { content: "\e9a2"; } .icon-feather-paperclip:before { content: "\e9a3"; } .icon-feather-pause:before { content: "\e9a4"; } .icon-feather-pause-circle:before { content: "\e9a5"; } .icon-feather-percent:before { content: "\e9a6"; } .icon-feather-phone:before { content: "\e9a7"; } .icon-feather-phone-call:before { content: "\e9a8"; } .icon-feather-phone-forwarded:before { content: "\e9a9"; } .icon-feather-phone-incoming:before { content: "\e9aa"; } .icon-feather-phone-missed:before { content: "\e9ab"; } .icon-feather-phone-off:before { content: "\e9ac"; } .icon-feather-phone-outgoing:before { content: "\e9ad"; } .icon-feather-pie-chart:before { content: "\e9ae"; } .icon-feather-play:before { content: "\e9af"; } .icon-feather-play-circle:before { content: "\e9b0"; } .icon-feather-plus:before { content: "\e9b1"; } .icon-feather-plus-circle:before { content: "\e9b2"; } .icon-feather-plus-square:before { content: "\e9b3"; } .icon-feather-pocket:before { content: "\e9b4"; } .icon-feather-power:before { content: "\e9b5"; } .icon-feather-printer:before { content: "\e9b6"; } .icon-feather-radio:before { content: "\e9b7"; } .icon-feather-refresh-ccw:before { content: "\e9b8"; } .icon-feather-refresh-cw:before { content: "\e9b9"; } .icon-feather-repeat:before { content: "\e9ba"; } .icon-feather-rewind:before { content: "\e9bb"; } .icon-feather-rotate-ccw:before { content: "\e9bc"; } .icon-feather-rotate-cw:before { content: "\e9bd"; } .icon-feather-rss:before { content: "\e9be"; } .icon-feather-save:before { content: "\e9bf"; } .icon-feather-scissors:before { content: "\e9c0"; } .icon-feather-search:before { content: "\e9c1"; } .icon-feather-send:before { content: "\e9c2"; } .icon-feather-server:before { content: "\e9c3"; } .icon-feather-settings:before { content: "\e9c4"; } .icon-feather-share:before { content: "\e9c5"; } .icon-feather-share-2:before { content: "\e9c6"; } .icon-feather-shield:before { content: "\e9c7"; } .icon-feather-shield-off:before { content: "\e9c8"; } .icon-feather-shopping-bag:before { content: "\e9c9"; } .icon-feather-shopping-cart:before { content: "\e9ca"; } .icon-feather-shuffle:before { content: "\e9cb"; } .icon-feather-sidebar:before { content: "\e9cc"; } .icon-feather-skip-back:before { content: "\e9cd"; } .icon-feather-skip-forward:before { content: "\e9ce"; } .icon-feather-slack:before { content: "\e9cf"; } .icon-feather-slash:before { content: "\e9d0"; } .icon-feather-sliders:before { content: "\e9d1"; } .icon-feather-smartphone:before { content: "\e9d2"; } .icon-feather-speaker:before { content: "\e9d3"; } .icon-feather-square:before { content: "\e9d4"; } .icon-feather-star:before { content: "\e9d5"; } .icon-feather-stop-circle:before { content: "\e9d6"; } .icon-feather-sun:before { content: "\e9d7"; } .icon-feather-sunrise:before { content: "\e9d8"; } .icon-feather-sunset:before { content: "\e9d9"; } .icon-feather-tablet:before { content: "\e9da"; } .icon-feather-tag:before { content: "\e9db"; } .icon-feather-target:before { content: "\e9dc"; } .icon-feather-terminal:before { content: "\e9dd"; } .icon-feather-thermometer:before { content: "\e9de"; } .icon-feather-thumbs-down:before { content: "\e9df"; } .icon-feather-thumbs-up:before { content: "\e9e0"; } .icon-feather-toggle-left:before { content: "\e9e1"; } .icon-feather-toggle-right:before { content: "\e9e2"; } .icon-feather-trash:before { content: "\e9e3"; } .icon-feather-trash-2:before { content: "\e9e4"; } .icon-feather-trending-down:before { content: "\e9e5"; } .icon-feather-trending-up:before { content: "\e9e6"; } .icon-feather-triangle:before { content: "\e9e7"; } .icon-feather-truck:before { content: "\e9e8"; } .icon-feather-tv:before { content: "\e9e9"; } .icon-feather-twitter:before { content: "\e9ea"; } .icon-feather-type:before { content: "\e9eb"; } .icon-feather-umbrella:before { content: "\e9ec"; } .icon-feather-underline:before { content: "\e9ed"; } .icon-feather-unlock:before { content: "\e9ee"; } .icon-feather-upload:before { content: "\e9ef"; } .icon-feather-upload-cloud:before { content: "\e9f0"; } .icon-feather-user:before { content: "\e9f1"; } .icon-feather-user-check:before { content: "\e9f2"; } .icon-feather-user-minus:before { content: "\e9f3"; } .icon-feather-user-plus:before { content: "\e9f4"; } .icon-feather-user-x:before { content: "\e9f5"; } .icon-feather-users:before { content: "\e9f6"; } .icon-feather-video:before { content: "\e9f7"; } .icon-feather-video-off:before { content: "\e9f8"; } .icon-feather-voicemail:before { content: "\e9f9"; } .icon-feather-volume:before { content: "\e9fa"; } .icon-feather-volume-1:before { content: "\e9fb"; } .icon-feather-volume-2:before { content: "\e9fc"; } .icon-feather-volume-x:before { content: "\e9fd"; } .icon-feather-watch:before { content: "\e9fe"; } .icon-feather-wifi:before { content: "\e9ff"; } .icon-feather-wifi-off:before { content: "\ea00"; } .icon-feather-wind:before { content: "\ea01"; } .icon-feather-x:before { content: "\ea02"; } .icon-feather-x-circle:before { content: "\ea03"; } .icon-feather-x-square:before { content: "\ea04"; } .icon-feather-youtube:before { content: "\ea05"; } .icon-feather-zap:before { content: "\ea06"; } .icon-feather-zap-off:before { content: "\ea07"; } .icon-feather-zoom-in:before { content: "\ea08"; } .icon-feather-zoom-out:before { content: "\ea09"; } /*! * Material Icons (https://material.io/tools/icons/) * Apache license version 2.0 */ @font-face { font-family: 'Material-Icons'; src: url(/fonts/Material-Icons.ttf) format('truetype'), url(/fonts/Material-Icons.woff) format('woff'), url(/fonts/Material-Icons.svg#Material-Icons) format('svg'); font-weight: normal; font-style: normal; } [class^="icon-material-"], [class*=" icon-material-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Material-Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-material-outline-dashboard:before { content: "\e997"; } .icon-material-outline-arrow-back:before { content: "\e993"; } .icon-material-outline-arrow-forward:before { content: "\e994"; } .icon-material-outline-arrow-right-alt:before { content: "\e995"; } .icon-material-outline-gavel:before { content: "\e996"; } .icon-material-baseline-mail-outline:before { content: "\e900"; } .icon-material-baseline-notifications-none:before { content: "\e901"; } .icon-material-baseline-star-border:before { content: "\e902"; } .icon-material-outline-access-alarm:before { content: "\e903"; } .icon-material-outline-access-time:before { content: "\e904"; } .icon-material-outline-account-balance-wallet:before { content: "\e905"; } .icon-material-outline-account-balance:before { content: "\e906"; } .icon-material-outline-account-circle:before { content: "\e907"; } .icon-material-outline-add-a-photo:before { content: "\e908"; } .icon-material-outline-add-circle-outline:before { content: "\e909"; } .icon-material-outline-add-location:before { content: "\e90a"; } .icon-material-outline-add-photo-alternate:before { content: "\e90b"; } .icon-material-outline-add-shopping-cart:before { content: "\e90c"; } .icon-material-outline-add:before { content: "\e90d"; } .icon-material-outline-alarm-add:before { content: "\e90e"; } .icon-material-outline-alarm-off:before { content: "\e90f"; } .icon-material-outline-alarm-on:before { content: "\e910"; } .icon-material-outline-alarm:before { content: "\e911"; } .icon-material-outline-announcement:before { content: "\e912"; } .icon-material-outline-archive:before { content: "\e913"; } .icon-material-outline-arrow-drop-down:before { content: "\e914"; } .icon-material-outline-arrow-drop-up:before { content: "\e915"; } .icon-material-outline-arrow-left:before { content: "\e916"; } .icon-material-outline-arrow-right:before { content: "\e917"; } .icon-material-outline-assessment:before { content: "\e918"; } .icon-material-outline-assignment:before { content: "\e919"; } .icon-material-outline-attach-file:before { content: "\e91a"; } .icon-material-outline-autorenew:before { content: "\e91b"; } .icon-material-outline-battery-charging-full:before { content: "\e91c"; } .icon-material-outline-beach-access:before { content: "\e91d"; } .icon-material-outline-book:before { content: "\e91e"; } .icon-material-outline-bookmark-border:before { content: "\e91f"; } .icon-material-outline-bookmarks:before { content: "\e920"; } .icon-material-outline-broken-image:before { content: "\e921"; } .icon-material-outline-brush:before { content: "\e922"; } .icon-material-outline-bug-report:before { content: "\e923"; } .icon-material-outline-business-center:before { content: "\e924"; } .icon-material-outline-business:before { content: "\e925"; } .icon-material-outline-cake:before { content: "\e926"; } .icon-material-outline-check-circle:before { content: "\e927"; } .icon-material-outline-check:before { content: "\e928"; } .icon-material-outline-cloud:before { content: "\e929"; } .icon-material-outline-code:before { content: "\e92a"; } .icon-material-outline-compare-arrows:before { content: "\e92b"; } .icon-material-outline-computer:before { content: "\e92c"; } .icon-material-outline-contact-support:before { content: "\e92d"; } .icon-material-outline-credit-card:before { content: "\e92e"; } .icon-material-outline-crop-original:before { content: "\e92f"; } .icon-material-outline-date-range:before { content: "\e930"; } .icon-material-outline-delete:before { content: "\e931"; } .icon-material-outline-description:before { content: "\e932"; } .icon-material-outline-desktop-mac:before { content: "\e933"; } .icon-material-outline-desktop-windows:before { content: "\e934"; } .icon-material-outline-directions-car:before { content: "\e935"; } .icon-material-outline-dns:before { content: "\e936"; } .icon-material-outline-drafts:before { content: "\e937"; } .icon-material-outline-email:before { content: "\e938"; } .icon-material-outline-explore:before { content: "\e939"; } .icon-material-outline-extension:before { content: "\e93a"; } .icon-material-outline-face:before { content: "\e93b"; } .icon-material-outline-favorite-border:before { content: "\e93c"; } .icon-material-outline-favorite:before { content: "\e93d"; } .icon-material-outline-feedback:before { content: "\e93e"; } .icon-material-outline-file-copy:before { content: "\e93f"; } .icon-material-outline-filter-none:before { content: "\e940"; } .icon-material-outline-find-in-page:before { content: "\e941"; } .icon-material-outline-fingerprint:before { content: "\e942"; } .icon-material-outline-flight:before { content: "\e943"; } .icon-material-outline-flip-to-back:before { content: "\e944"; } .icon-material-outline-flip-to-front:before { content: "\e945"; } .icon-material-outline-folder-shared:before { content: "\e946"; } .icon-material-outline-folder:before { content: "\e947"; } .icon-material-outline-format-quote:before { content: "\e948"; } .icon-material-outline-format-shapes:before { content: "\e949"; } .icon-material-outline-forum:before { content: "\e94a"; } .icon-material-outline-free-breakfast:before { content: "\e94b"; } .icon-material-outline-gps-fixed:before { content: "\e94c"; } .icon-material-outline-group:before { content: "\e94d"; } .icon-material-outline-help-outline:before { content: "\e94e"; } .icon-material-outline-highlight-off:before { content: "\e94f"; } .icon-material-outline-history:before { content: "\e950"; } .icon-material-outline-home:before { content: "\e951"; } .icon-material-outline-hotel:before { content: "\e952"; } .icon-material-outline-https:before { content: "\e953"; } .icon-material-outline-info:before { content: "\e954"; } .icon-material-outline-input:before { content: "\e955"; } .icon-material-outline-insert-photo:before { content: "\e956"; } .icon-material-outline-keyboard-arrow-down:before { content: "\e957"; } .icon-material-outline-keyboard-arrow-left:before { content: "\e958"; } .icon-material-outline-keyboard-arrow-right:before { content: "\e959"; } .icon-material-outline-keyboard-arrow-up:before { content: "\e95a"; } .icon-material-outline-language:before { content: "\e95b"; } .icon-material-outline-launch:before { content: "\e95c"; } .icon-material-outline-layers:before { content: "\e95d"; } .icon-material-outline-library-add:before { content: "\e95e"; } .icon-material-outline-library-books:before { content: "\e95f"; } .icon-material-outline-local-atm:before { content: "\e960"; } .icon-material-outline-local-offer:before { content: "\e961"; } .icon-material-outline-location-city:before { content: "\e962"; } .icon-material-outline-location-off:before { content: "\e963"; } .icon-material-outline-location-on:before { content: "\e964"; } .icon-material-outline-lock-open:before { content: "\e965"; } .icon-material-outline-lock:before { content: "\e966"; } .icon-material-outline-loyalty:before { content: "\e967"; } .icon-material-outline-map:before { content: "\e968"; } .icon-material-outline-message:before { content: "\e969"; } .icon-material-outline-monetization-on:before { content: "\e96a"; } .icon-material-outline-money:before { content: "\e96b"; } .icon-material-outline-mouse:before { content: "\e96c"; } .icon-material-outline-movie:before { content: "\e96d"; } .icon-material-outline-my-location:before { content: "\e96e"; } .icon-material-outline-note-add:before { content: "\e96f"; } .icon-material-outline-notifications-active:before { content: "\e970"; } .icon-material-outline-notifications-off:before { content: "\e971"; } .icon-material-outline-notifications:before { content: "\e972"; } .icon-material-outline-outlined-flag:before { content: "\e973"; } .icon-material-outline-person-pin:before { content: "\e974"; } .icon-material-outline-photo-library:before { content: "\e975"; } .icon-material-outline-photo-size-select-actual:before { content: "\e976"; } .icon-material-outline-picture-as-pdf:before { content: "\e977"; } .icon-material-outline-power-settings-new:before { content: "\e978"; } .icon-material-outline-print:before { content: "\e979"; } .icon-material-outline-question-answer:before { content: "\e97a"; } .icon-material-outline-rate-review:before { content: "\e97b"; } .icon-material-outline-redo:before { content: "\e97c"; } .icon-material-outline-reorder:before { content: "\e97d"; } .icon-material-outline-restaurant:before { content: "\e97e"; } .icon-material-outline-room:before { content: "\e97f"; } .icon-material-outline-save-alt:before { content: "\e980"; } .icon-material-outline-school:before { content: "\e981"; } .icon-material-outline-search:before { content: "\e982"; } .icon-material-outline-settings-input-component:before { content: "\e983"; } .icon-material-outline-settings:before { content: "\e984"; } .icon-material-outline-shopping-cart:before { content: "\e985"; } .icon-material-outline-speaker-notes:before { content: "\e986"; } .icon-material-outline-star-border:before { content: "\e987"; } .icon-material-outline-star:before { content: "\e988"; } .icon-material-outline-supervisor-account:before { content: "\e989"; } .icon-material-outline-text-fields:before { content: "\e98a"; } .icon-material-outline-textsms:before { content: "\e98b"; } .icon-material-outline-thumb-down:before { content: "\e98c"; } .icon-material-outline-thumb-up:before { content: "\e98d"; } .icon-material-outline-undo:before { content: "\e98e"; } .icon-material-outline-visibility:before { content: "\e98f"; } .icon-material-outline-watch:before { content: "\e990"; } .icon-material-outline-wb-incandescent:before { content: "\e991"; } .icon-material-outline-where-to-vote:before { content: "\e992"; } /*! * Line Awesome 1.1.0 by @icons_8 - https://icons8.com/line-awesome * License - https://icons8.com/good-boy-license/ (Font: SIL OFL 1.1, CSS: MIT License) * * Made with love by Icons8 [ https://icons8.com/ ] using FontCustom [ https://github.com/FontCustom/fontcustom ] * * Contacts: * [ https://icons8.com/contact ] * * Follow Icon8 on * Twitter [ https://twitter.com/icons_8 ] * Facebook [ https://www.facebook.com/Icons8 ] * Google+ [ https://plus.google.com/+Icons8 ] * GitHub [ https://github.com/icons8 ] */ @font-face { font-family: 'Line-Awesome'; src: url(/fonts/Line-Awesome.ttf) format('truetype'), url(/fonts/Line-Awesome.woff) format('woff'), url(/fonts/Line-Awesome.svg#Line-Awesome) format('svg'); font-weight: normal; font-style: normal; } [class^="icon-line-awesome-"], [class*=" icon-line-awesome-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Line-Awesome' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-line-awesome-code:before { content: "\f196"; } .icon-line-awesome-chain:before { content: "\f179"; } .icon-line-awesome-chevron-circle-right:before { content: "\f182"; } .icon-line-awesome-dollar:before { content: "\f1bb"; } .icon-line-awesome-crosshairs:before { content: "\f1ac"; } .icon-line-awesome-gg:before { content: "\f210"; } .icon-line-awesome-legal:before { content: "\f25e"; } .icon-line-awesome-angle-double-left:before { content: "\f10d"; } .icon-line-awesome-flash:before { content: "\f1fa"; } .icon-line-awesome-foursquare:before { content: "\f206"; } .icon-line-awesome-hourglass-2:before { content: "\f23c"; } .icon-line-awesome-hourglass-3:before { content: "\f23d"; } .icon-line-awesome-th:before { content: "\f339"; } .icon-line-awesome-angle-left:before { content: "\f111"; } .icon-line-awesome-recycle:before { content: "\f2d2"; } .icon-line-awesome-file-code-o:before { content: "\f1e2"; } .icon-line-awesome-thumb-tack:before { content: "\f33c"; } .icon-line-awesome-fax:before { content: "\f1dc"; } .icon-line-awesome-xing-square:before { content: "\f383"; } .icon-line-awesome-hospital-o:before { content: "\f238"; } .icon-line-awesome-volume-up:before { content: "\f375"; } .icon-line-awesome-spoon:before { content: "\f312"; } .icon-line-awesome-facebook:before { content: "\f1d7"; } .icon-line-awesome-cloud-download:before { content: "\f193"; } .icon-line-awesome-trophy:before { content: "\f351"; } .icon-line-awesome-caret-up:before { content: "\f16c"; } .icon-line-awesome-magic:before { content: "\f276"; } .icon-line-awesome-hourglass-o:before { content: "\f240"; } .icon-line-awesome-balance-scale:before { content: "\f12b"; } .icon-line-awesome-upload:before { content: "\f362"; } .icon-line-awesome-magnet:before { content: "\f277"; } .icon-line-awesome-adjust:before { content: "\f101"; } .icon-line-awesome-subway:before { content: "\f329"; } .icon-line-awesome-chevron-down:before { content: "\f184"; } .icon-line-awesome-location-arrow:before { content: "\f270"; } .icon-line-awesome-check-circle:before { content: "\f17c"; } .icon-line-awesome-arrow-down:before { content: "\f11f"; } .icon-line-awesome-bicycle:before { content: "\f144"; } .icon-line-awesome-instagram:before { content: "\f24d"; } .icon-line-awesome-caret-square-o-up:before { content: "\f16b"; } .icon-line-awesome-crop:before { content: "\f1ab"; } .icon-line-awesome-external-link:before { content: "\f1d2"; } .icon-line-awesome-arrow-circle-down:before { content: "\f117"; } .icon-line-awesome-paper-plane:before { content: "\f2a8"; } .icon-line-awesome-meanpath:before { content: "\f287"; } .icon-line-awesome-long-arrow-left:before { content: "\f273"; } .icon-line-awesome-download:before { content: "\f1bd"; } .icon-line-awesome-bold:before { content: "\f14b"; } .icon-line-awesome-caret-down:before { content: "\f165"; } .icon-line-awesome-chevron-left:before { content: "\f185"; } .icon-line-awesome-font:before { content: "\f202"; } .icon-line-awesome-pinterest:before { content: "\f2ba"; } .icon-line-awesome-cart-plus:before { content: "\f16e"; } .icon-line-awesome-folder-open-o:before { content: "\f201"; } .icon-line-awesome-tachometer:before { content: "\f32f"; } .icon-line-awesome-creative-commons:before { content: "\f1a9"; } .icon-line-awesome-clipboard:before { content: "\f18e"; } .icon-line-awesome-bar-chart:before { content: "\f12e"; } .icon-line-awesome-reply:before { content: "\f2da"; } .icon-line-awesome-hourglass-half:before { content: "\f23f"; } .icon-line-awesome-graduation-cap:before { content: "\f21e"; } .icon-line-awesome-info-circle:before { content: "\f24b"; } .icon-line-awesome-exchange:before { content: "\f1cc"; } .icon-line-awesome-hand-o-up:before { content: "\f228"; } .icon-line-awesome-pause:before { content: "\f2ad"; } .icon-line-awesome-paypal:before { content: "\f2af"; } .icon-line-awesome-github-square:before { content: "\f217"; } .icon-line-awesome-search:before { content: "\f2eb"; } .icon-line-awesome-flask:before { content: "\f1fb"; } .icon-line-awesome-pinterest-square:before { content: "\f2bc"; } .icon-line-awesome-fast-backward:before { content: "\f1da"; } .icon-line-awesome-code-fork:before { content: "\f197"; } .icon-line-awesome-tasks:before { content: "\f332"; } .icon-line-awesome-firefox:before { content: "\f1f6"; } .icon-line-awesome-apple:before { content: "\f114"; } .icon-line-awesome-gamepad:before { content: "\f209"; } .icon-line-awesome-cc-stripe:before { content: "\f176"; } .icon-line-awesome-quote-left:before { content: "\f2cd"; } .icon-line-awesome-user-times:before { content: "\f368"; } .icon-line-awesome-plus-square-o:before { content: "\f2c5"; } .icon-line-awesome-eye-slash:before { content: "\f1d5"; } .icon-line-awesome-trello:before { content: "\f34f"; } .icon-line-awesome-dribbble:before { content: "\f1be"; } .icon-line-awesome-user-secret:before { content: "\f367"; } .icon-line-awesome-cloud:before { content: "\f192"; } .icon-line-awesome-usd:before { content: "\f363"; } .icon-line-awesome-eye:before { content: "\f1d4"; } .icon-line-awesome-certificate:before { content: "\f178"; } .icon-line-awesome-500px:before { content: "\f100"; } .icon-line-awesome-camera:before { content: "\f162"; } .icon-line-awesome-music:before { content: "\f299"; } .icon-line-awesome-gg-circle:before { content: "\f211"; } .icon-line-awesome-sort:before { content: "\f306"; } .icon-line-awesome-pencil:before { content: "\f2b0"; } .icon-line-awesome-bookmark-o:before { content: "\f150"; } .icon-line-awesome-diamond:before { content: "\f1b9"; } .icon-line-awesome-share:before { content: "\f2f0"; } .icon-line-awesome-hourglass-1:before { content: "\f23b"; } .icon-line-awesome-envelope:before { content: "\f1c6"; } .icon-line-awesome-yahoo:before { content: "\f386"; } .icon-line-awesome-glass:before { content: "\f218"; } .icon-line-awesome-flag:before { content: "\f1f7"; } .icon-line-awesome-train:before { content: "\f349"; } .icon-line-awesome-bullhorn:before { content: "\f156"; } .icon-line-awesome-folder:before { content: "\f1fe"; } .icon-line-awesome-outdent:before { content: "\f2a5"; } .icon-line-awesome-stumbleupon:before { content: "\f326"; } .icon-line-awesome-i-cursor:before { content: "\f244"; } .icon-line-awesome-car:before { content: "\f164"; } .icon-line-awesome-file-excel-o:before { content: "\f1e3"; } .icon-line-awesome-arrow-circle-o-left:before { content: "\f11a"; } .icon-line-awesome-paragraph:before { content: "\f2ab"; } .icon-line-awesome-file-photo-o:before { content: "\f1e8"; } .icon-line-awesome-y-combinator:before { content: "\f384"; } .icon-line-awesome-cab:before { content: "\f15a"; } .icon-line-awesome-male:before { content: "\f27b"; } .icon-line-awesome-history:before { content: "\f236"; } .icon-line-awesome-h-square:before { content: "\f221"; } .icon-line-awesome-heart:before { content: "\f233"; } .icon-line-awesome-sort-amount-desc:before { content: "\f30a"; } .icon-line-awesome-search-plus:before { content: "\f2ed"; } .icon-line-awesome-life-ring:before { content: "\f264"; } .icon-line-awesome-lock:before { content: "\f271"; } .icon-line-awesome-git-square:before { content: "\f214"; } .icon-line-awesome-mouse-pointer:before { content: "\f298"; } .icon-line-awesome-mail-forward:before { content: "\f278"; } .icon-line-awesome-sign-in:before { content: "\f2fb"; } .icon-line-awesome-odnoklassniki-square:before { content: "\f2a0"; } .icon-line-awesome-tag:before { content: "\f330"; } .icon-line-awesome-align-justify:before { content: "\f104"; } .icon-line-awesome-level-up:before { content: "\f261"; } .icon-line-awesome-chevron-circle-down:before { content: "\f180"; } .icon-line-awesome-filter:before { content: "\f1f3"; } .icon-line-awesome-sticky-note-o:before { content: "\f322"; } .icon-line-awesome-moon-o:before { content: "\f295"; } .icon-line-awesome-comments-o:before { content: "\f1a2"; } .icon-line-awesome-lastfm:before { content: "\f25a"; } .icon-line-awesome-pagelines:before { content: "\f2a6"; } .icon-line-awesome-list-ul:before { content: "\f26f"; } .icon-line-awesome-file-word-o:before { content: "\f1ef"; } .icon-line-awesome-map:before { content: "\f27c"; } .icon-line-awesome-object-ungroup:before { content: "\f29e"; } .icon-line-awesome-briefcase:before { content: "\f151"; } .icon-line-awesome-stop:before { content: "\f323"; } .icon-line-awesome-clone:before { content: "\f190"; } .icon-line-awesome-plane:before { content: "\f2bd"; } .icon-line-awesome-check-square:before { content: "\f17e"; } .icon-line-awesome-unlink:before { content: "\f35f"; } .icon-line-awesome-github:before { content: "\f215"; } .icon-line-awesome-step-backward:before { content: "\f31e"; } .icon-line-awesome-wheelchair:before { content: "\f37b"; } .icon-line-awesome-cutlery:before { content: "\f1b1"; } .icon-line-awesome-microphone-slash:before { content: "\f28d"; } .icon-line-awesome-user-plus:before { content: "\f366"; } .icon-line-awesome-truck:before { content: "\f352"; } .icon-line-awesome-wrench:before { content: "\f381"; } .icon-line-awesome-ambulance:before { content: "\f108"; } .icon-line-awesome-cc-visa:before { content: "\f177"; } .icon-line-awesome-superscript:before { content: "\f32c"; } .icon-line-awesome-tty:before { content: "\f354"; } .icon-line-awesome-shield:before { content: "\f2f7"; } .icon-line-awesome-user-md:before { content: "\f365"; } .icon-line-awesome-hand-stop-o:before { content: "\f22f"; } .icon-line-awesome-pie-chart:before { content: "\f2b7"; } .icon-line-awesome-align-left:before { content: "\f105"; } .icon-line-awesome-motorcycle:before { content: "\f297"; } .icon-line-awesome-ticket:before { content: "\f341"; } .icon-line-awesome-battery-half:before { content: "\f139"; } .icon-line-awesome-spotify:before { content: "\f313"; } .icon-line-awesome-dot-circle-o:before { content: "\f1bc"; } .icon-line-awesome-facebook-square:before { content: "\f1d9"; } .icon-line-awesome-group:before { content: "\f220"; } .icon-line-awesome-angle-up:before { content: "\f113"; } .icon-line-awesome-paperclip:before { content: "\f2aa"; } .icon-line-awesome-deviantart:before { content: "\f1b8"; } .icon-line-awesome-file-audio-o:before { content: "\f1e1"; } .icon-line-awesome-eur:before { content: "\f1ca"; } .icon-line-awesome-coffee:before { content: "\f199"; } .icon-line-awesome-times-circle-o:before { content: "\f344"; } .icon-line-awesome-weixin:before { content: "\f379"; } .icon-line-awesome-yc:before { content: "\f387"; } .icon-line-awesome-y-combinator-square:before { content: "\f385"; } .icon-line-awesome-internet-explorer:before { content: "\f24f"; } .icon-line-awesome-file-video-o:before { content: "\f1ee"; } .icon-line-awesome-angle-double-up:before { content: "\f10f"; } .icon-line-awesome-safari:before { content: "\f2e8"; } .icon-line-awesome-mail-reply-all:before { content: "\f27a"; } .icon-line-awesome-bank:before { content: "\f12d"; } .icon-line-awesome-commenting-o:before { content: "\f1a0"; } .icon-line-awesome-black-tie:before { content: "\f14a"; } .icon-line-awesome-youtube-play:before { content: "\f38c"; } .icon-line-awesome-edit:before { content: "\f1c1"; } .icon-line-awesome-caret-square-o-right:before { content: "\f16a"; } .icon-line-awesome-arrows:before { content: "\f123"; } .icon-line-awesome-refresh:before { content: "\f2d5"; } .icon-line-awesome-file-o:before { content: "\f1e6"; } .icon-line-awesome-battery-0:before { content: "\f132"; } .icon-line-awesome-battery-3:before { content: "\f135"; } .icon-line-awesome-battery-2:before { content: "\f134"; } .icon-line-awesome-battery-4:before { content: "\f136"; } .icon-line-awesome-battery-three-quarters:before { content: "\f13b"; } .icon-line-awesome-square:before { content: "\f314"; } .icon-line-awesome-ellipsis-v:before { content: "\f1c4"; } .icon-line-awesome-list:before { content: "\f26c"; } .icon-line-awesome-globe:before { content: "\f219"; } .icon-line-awesome-strikethrough:before { content: "\f325"; } .icon-line-awesome-comment-o:before { content: "\f19e"; } .icon-line-awesome-hand-pointer-o:before { content: "\f22b"; } .icon-line-awesome-unlock:before { content: "\f360"; } .icon-line-awesome-arrow-left:before { content: "\f120"; } .icon-line-awesome-scissors:before { content: "\f2ea"; } .icon-line-awesome-ellipsis-h:before { content: "\f1c3"; } .icon-line-awesome-exclamation:before { content: "\f1cd"; } .icon-line-awesome-try:before { content: "\f353"; } .icon-line-awesome-flag-o:before { content: "\f1f9"; } .icon-line-awesome-battery-quarter:before { content: "\f13a"; } .icon-line-awesome-ra:before { content: "\f2cf"; } .icon-line-awesome-print:before { content: "\f2c7"; } .icon-line-awesome-check-circle-o:before { content: "\f17d"; } .icon-line-awesome-houzz:before { content: "\f242"; } .icon-line-awesome-lemon-o:before { content: "\f25f"; } .icon-line-awesome-umbrella:before { content: "\f35b"; } .icon-line-awesome-bell-o:before { content: "\f141"; } .icon-line-awesome-cc-diners-club:before { content: "\f171"; } .icon-line-awesome-undo:before { content: "\f35d"; } .icon-line-awesome-shekel:before { content: "\f2f5"; } .icon-line-awesome-rebel:before { content: "\f2d1"; } .icon-line-awesome-venus:before { content: "\f36a"; } .icon-line-awesome-soundcloud:before { content: "\f30f"; } .icon-line-awesome-thumbs-o-down:before { content: "\f33e"; } .icon-line-awesome-bar-chart-o:before { content: "\f12f"; } .icon-line-awesome-indent:before { content: "\f248"; } .icon-line-awesome-language:before { content: "\f258"; } .icon-line-awesome-circle-thin:before { content: "\f18d"; } .icon-line-awesome-drupal:before { content: "\f1c0"; } .icon-line-awesome-headphones:before { content: "\f232"; } .icon-line-awesome-cc-mastercard:before { content: "\f174"; } .icon-line-awesome-times:before { content: "\f342"; } .icon-line-awesome-buysellads:before { content: "\f159"; } .icon-line-awesome-fonticons:before { content: "\f203"; } .icon-line-awesome-sort-asc:before { content: "\f30b"; } .icon-line-awesome-folder-open:before { content: "\f200"; } .icon-line-awesome-heartbeat:before { content: "\f235"; } .icon-line-awesome-arrows-v:before { content: "\f126"; } .icon-line-awesome-phone-square:before { content: "\f2b4"; } .icon-line-awesome-text-height:before { content: "\f337"; } .icon-line-awesome-linkedin-square:before { content: "\f26a"; } .icon-line-awesome-delicious:before { content: "\f1b6"; } .icon-line-awesome-qrcode:before { content: "\f2ca"; } .icon-line-awesome-arrows-h:before { content: "\f125"; } .icon-line-awesome-mercury:before { content: "\f28b"; } .icon-line-awesome-text-width:before { content: "\f338"; } .icon-line-awesome-envelope-o:before { content: "\f1c7"; } .icon-line-awesome-rss-square:before { content: "\f2e4"; } .icon-line-awesome-bookmark:before { content: "\f14f"; } .icon-line-awesome-automobile:before { content: "\f129"; } .icon-line-awesome-bitcoin:before { content: "\f149"; } .icon-line-awesome-behance:before { content: "\f13e"; } .icon-line-awesome-star-half-o:before { content: "\f31a"; } .icon-line-awesome-keyboard-o:before { content: "\f256"; } .icon-line-awesome-gear:before { content: "\f20c"; } .icon-line-awesome-minus-circle:before { content: "\f28f"; } .icon-line-awesome-hotel:before { content: "\f239"; } .icon-line-awesome-sort-numeric-asc:before { content: "\f30d"; } .icon-line-awesome-share-alt:before { content: "\f2f1"; } .icon-line-awesome-shirtsinbulk:before { content: "\f2f9"; } .icon-line-awesome-viacoin:before { content: "\f36d"; } .icon-line-awesome-digg:before { content: "\f1ba"; } .icon-line-awesome-institution:before { content: "\f24e"; } .icon-line-awesome-rss:before { content: "\f2e3"; } .icon-line-awesome-television:before { content: "\f334"; } .icon-line-awesome-slack:before { content: "\f302"; } .icon-line-awesome-folder-o:before { content: "\f1ff"; } .icon-line-awesome-bed:before { content: "\f13c"; } .icon-line-awesome-caret-square-o-down:before { content: "\f168"; } .icon-line-awesome-paper-plane-o:before { content: "\f2a9"; } .icon-line-awesome-circle-o-notch:before { content: "\f18c"; } .icon-line-awesome-medkit:before { content: "\f289"; } .icon-line-awesome-file-zip-o:before { content: "\f1f0"; } .icon-line-awesome-calendar-minus-o:before { content: "\f15e"; } .icon-line-awesome-tencent-weibo:before { content: "\f335"; } .icon-line-awesome-navicon:before { content: "\f29a"; } .icon-line-awesome-file-archive-o:before { content: "\f1e0"; } .icon-line-awesome-share-alt-square:before { content: "\f2f2"; } .icon-line-awesome-file-movie-o:before { content: "\f1e5"; } .icon-line-awesome-building-o:before { content: "\f155"; } .icon-line-awesome-sort-alpha-desc:before { content: "\f308"; } .icon-line-awesome-map-signs:before { content: "\f280"; } .icon-line-awesome-long-arrow-right:before { content: "\f274"; } .icon-line-awesome-microphone:before { content: "\f28c"; } .icon-line-awesome-calendar-check-o:before { content: "\f15d"; } .icon-line-awesome-play-circle:before { content: "\f2bf"; } .icon-line-awesome-github-alt:before { content: "\f216"; } .icon-line-awesome-file-sound-o:before { content: "\f1eb"; } .icon-line-awesome-play:before { content: "\f2be"; } .icon-line-awesome-hand-o-down:before { content: "\f225"; } .icon-line-awesome-hand-rock-o:before { content: "\f22c"; } .icon-line-awesome-cc-jcb:before { content: "\f173"; } .icon-line-awesome-compress:before { content: "\f1a4"; } .icon-line-awesome-pencil-square-o:before { content: "\f2b2"; } .icon-line-awesome-google-plus-square:before { content: "\f21c"; } .icon-line-awesome-angle-right:before { content: "\f112"; } .icon-line-awesome-rotate-left:before { content: "\f2e0"; } .icon-line-awesome-forumbee:before { content: "\f204"; } .icon-line-awesome-eject:before { content: "\f1c2"; } .icon-line-awesome-mobile:before { content: "\f292"; } .icon-line-awesome-hourglass-end:before { content: "\f23e"; } .icon-line-awesome-trash-o:before { content: "\f34d"; } .icon-line-awesome-star-o:before { content: "\f31b"; } .icon-line-awesome-floppy-o:before { content: "\f1fd"; } .icon-line-awesome-hand-grab-o:before { content: "\f223"; } .icon-line-awesome-cc-discover:before { content: "\f172"; } .icon-line-awesome-bomb:before { content: "\f14d"; } .icon-line-awesome-random:before { content: "\f2d0"; } .icon-line-awesome-fire-extinguisher:before { content: "\f1f5"; } .icon-line-awesome-pencil-square:before { content: "\f2b1"; } .icon-line-awesome-reddit-square:before { content: "\f2d4"; } .icon-line-awesome-arrow-circle-o-down:before { content: "\f119"; } .icon-line-awesome-caret-left:before { content: "\f166"; } .icon-line-awesome-camera-retro:before { content: "\f163"; } .icon-line-awesome-thumbs-o-up:before { content: "\f33f"; } .icon-line-awesome-copy:before { content: "\f1a7"; } .icon-line-awesome-copyright:before { content: "\f1a8"; } .icon-line-awesome-terminal:before { content: "\f336"; } .icon-line-awesome-twitter-square:before { content: "\f35a"; } .icon-line-awesome-photo:before { content: "\f2b5"; } .icon-line-awesome-circle:before { content: "\f18a"; } .icon-line-awesome-columns:before { content: "\f19c"; } .icon-line-awesome-sign-out:before { content: "\f2fc"; } .icon-line-awesome-cube:before { content: "\f1ae"; } .icon-line-awesome-mars-stroke-v:before { content: "\f285"; } .icon-line-awesome-file-text:before { content: "\f1ec"; } .icon-line-awesome-amazon:before { content: "\f107"; } .icon-line-awesome-smile-o:before { content: "\f305"; } .icon-line-awesome-compass:before { content: "\f1a3"; } .icon-line-awesome-list-ol:before { content: "\f26e"; } .icon-line-awesome-stumbleupon-circle:before { content: "\f327"; } .icon-line-awesome-qq:before { content: "\f2c9"; } .icon-line-awesome-yc-square:before { content: "\f388"; } .icon-line-awesome-pied-piper:before { content: "\f2b8"; } .icon-line-awesome-gears:before { content: "\f20d"; } .icon-line-awesome-gbp:before { content: "\f20b"; } .icon-line-awesome-ban:before { content: "\f12c"; } .icon-line-awesome-fighter-jet:before { content: "\f1de"; } .icon-line-awesome-space-shuttle:before { content: "\f310"; } .icon-line-awesome-steam:before { content: "\f31c"; } .icon-line-awesome-bars:before { content: "\f131"; } .icon-line-awesome-lightbulb-o:before { content: "\f266"; } .icon-line-awesome-map-pin:before { content: "\f27f"; } .icon-line-awesome-circle-o:before { content: "\f18b"; } .icon-line-awesome-contao:before { content: "\f1a6"; } .icon-line-awesome-vine:before { content: "\f371"; } .icon-line-awesome-align-center:before { content: "\f103"; } .icon-line-awesome-rmb:before { content: "\f2dd"; } .icon-line-awesome-bullseye:before { content: "\f157"; } .icon-line-awesome-btc:before { content: "\f152"; } .icon-line-awesome-close:before { content: "\f191"; } .icon-line-awesome-calendar:before { content: "\f15c"; } .icon-line-awesome-retweet:before { content: "\f2dc"; } .icon-line-awesome-hourglass:before { content: "\f23a"; } .icon-line-awesome-weibo:before { content: "\f378"; } .icon-line-awesome-tags:before { content: "\f331"; } .icon-line-awesome-minus-square-o:before { content: "\f291"; } .icon-line-awesome-rouble:before { content: "\f2e2"; } .icon-line-awesome-won:before { content: "\f37f"; } .icon-line-awesome-subscript:before { content: "\f328"; } .icon-line-awesome-flickr:before { content: "\f1fc"; } .icon-line-awesome-cc-amex:before { content: "\f170"; } .icon-line-awesome-reddit:before { content: "\f2d3"; } .icon-line-awesome-times-circle:before { content: "\f343"; } .icon-line-awesome-tripadvisor:before { content: "\f350"; } .icon-line-awesome-sort-amount-asc:before { content: "\f309"; } .icon-line-awesome-renren:before { content: "\f2d7"; } .icon-line-awesome-arrow-circle-o-right:before { content: "\f11b"; } .icon-line-awesome-pinterest-p:before { content: "\f2bb"; } .icon-line-awesome-html5:before { content: "\f243"; } .icon-line-awesome-key:before { content: "\f255"; } .icon-line-awesome-picture-o:before { content: "\f2b6"; } .icon-line-awesome-toggle-off:before { content: "\f346"; } .icon-line-awesome-list-alt:before { content: "\f26d"; } .icon-line-awesome-cubes:before { content: "\f1af"; } .icon-line-awesome-tablet:before { content: "\f32e"; } .icon-line-awesome-credit-card:before { content: "\f1aa"; } .icon-line-awesome-minus:before { content: "\f28e"; } .icon-line-awesome-unlock-alt:before { content: "\f361"; } .icon-line-awesome-ils:before { content: "\f245"; } .icon-line-awesome-cog:before { content: "\f19a"; } .icon-line-awesome-arrow-right:before { content: "\f121"; } .icon-line-awesome-cc-paypal:before { content: "\f175"; } .icon-line-awesome-birthday-cake:before { content: "\f146"; } .icon-line-awesome-comment:before { content: "\f19d"; } .icon-line-awesome-bell:before { content: "\f140"; } .icon-line-awesome-cc:before { content: "\f16f"; } .icon-line-awesome-get-pocket:before { content: "\f20f"; } .icon-line-awesome-bell-slash-o:before { content: "\f143"; } .icon-line-awesome-header:before { content: "\f231"; } .icon-line-awesome-linux:before { content: "\f26b"; } .icon-line-awesome-table:before { content: "\f32d"; } .icon-line-awesome-caret-square-o-left:before { content: "\f169"; } .icon-line-awesome-spinner:before { content: "\f311"; } .icon-line-awesome-thumbs-up:before { content: "\f340"; } .icon-line-awesome-tint:before { content: "\f345"; } .icon-line-awesome-connectdevelop:before { content: "\f1a5"; } .icon-line-awesome-chrome:before { content: "\f189"; } .icon-line-awesome-trademark:before { content: "\f348"; } .icon-line-awesome-align-right:before { content: "\f106"; } .icon-line-awesome-quote-right:before { content: "\f2ce"; } .icon-line-awesome-long-arrow-down:before { content: "\f272"; } .icon-line-awesome-beer:before { content: "\f13d"; } .icon-line-awesome-th-list:before { content: "\f33b"; } .icon-line-awesome-eraser:before { content: "\f1c9"; } .icon-line-awesome-codepen:before { content: "\f198"; } .icon-line-awesome-square-o:before { content: "\f315"; } .icon-line-awesome-hourglass-start:before { content: "\f241"; } .icon-line-awesome-ruble:before { content: "\f2e6"; } .icon-line-awesome-fire:before { content: "\f1f4"; } .icon-line-awesome-sellsy:before { content: "\f2ee"; } .icon-line-awesome-fast-forward:before { content: "\f1db"; } .icon-line-awesome-bell-slash:before { content: "\f142"; } .icon-line-awesome-commenting:before { content: "\f19f"; } .icon-line-awesome-inr:before { content: "\f24c"; } .icon-line-awesome-child:before { content: "\f188"; } .icon-line-awesome-file-text-o:before { content: "\f1ed"; } .icon-line-awesome-mortar-board:before { content: "\f296"; } .icon-line-awesome-vimeo:before { content: "\f36f"; } .icon-line-awesome-dashboard:before { content: "\f1b2"; } .icon-line-awesome-hand-o-right:before { content: "\f227"; } .icon-line-awesome-object-group:before { content: "\f29d"; } .icon-line-awesome-rotate-right:before { content: "\f2e1"; } .icon-line-awesome-anchor:before { content: "\f109"; } .icon-line-awesome-meh-o:before { content: "\f28a"; } .icon-line-awesome-file-image-o:before { content: "\f1e4"; } .icon-line-awesome-mars-stroke-h:before { content: "\f284"; } .icon-line-awesome-calculator:before { content: "\f15b"; } .icon-line-awesome-vk:before { content: "\f372"; } .icon-line-awesome-odnoklassniki:before { content: "\f29f"; } .icon-line-awesome-linkedin:before { content: "\f269"; } .icon-line-awesome-jpy:before { content: "\f253"; } .icon-line-awesome-turkish-lira:before { content: "\f357"; } .icon-line-awesome-skype:before { content: "\f301"; } .icon-line-awesome-envelope-square:before { content: "\f1c8"; } .icon-line-awesome-ship:before { content: "\f2f8"; } .icon-line-awesome-dashcube:before { content: "\f1b3"; } .icon-line-awesome-optin-monster:before { content: "\f2a4"; } .icon-line-awesome-paw:before { content: "\f2ae"; } .icon-line-awesome-venus-double:before { content: "\f36b"; } .icon-line-awesome-calendar-times-o:before { content: "\f161"; } .icon-line-awesome-check:before { content: "\f17b"; } .icon-line-awesome-sliders:before { content: "\f303"; } .icon-line-awesome-stack-overflow:before { content: "\f317"; } .icon-line-awesome-file-pdf-o:before { content: "\f1e7"; } .icon-line-awesome-android:before { content: "\f10a"; } .icon-line-awesome-stack-exchange:before { content: "\f316"; } .icon-line-awesome-twitch:before { content: "\f358"; } .icon-line-awesome-caret-right:before { content: "\f167"; } .icon-line-awesome-dedent:before { content: "\f1b5"; } .icon-line-awesome-tree:before { content: "\f34e"; } .icon-line-awesome-gratipay:before { content: "\f21f"; } .icon-line-awesome-map-marker:before { content: "\f27d"; } .icon-line-awesome-slideshare:before { content: "\f304"; } .icon-line-awesome-binoculars:before { content: "\f145"; } .icon-line-awesome-sticky-note:before { content: "\f321"; } .icon-line-awesome-sheqel:before { content: "\f2f6"; } .icon-line-awesome-user:before { content: "\f364"; } .icon-line-awesome-ioxhost:before { content: "\f250"; } .icon-line-awesome-expand:before { content: "\f1d0"; } .icon-line-awesome-euro:before { content: "\f1cb"; } .icon-line-awesome-bitbucket-square:before { content: "\f148"; } .icon-line-awesome-hand-paper-o:before { content: "\f229"; } .icon-line-awesome-database:before { content: "\f1b4"; } .icon-line-awesome-rupee:before { content: "\f2e7"; } .icon-line-awesome-hacker-news:before { content: "\f222"; } .icon-line-awesome-calendar-plus-o:before { content: "\f160"; } .icon-line-awesome-hand-lizard-o:before { content: "\f224"; } .icon-line-awesome-xing:before { content: "\f382"; } .icon-line-awesome-youtube-square:before { content: "\f38d"; } .icon-line-awesome-taxi:before { content: "\f333"; } .icon-line-awesome-sort-desc:before { content: "\f30c"; } .icon-line-awesome-rocket:before { content: "\f2df"; } .icon-line-awesome-yen:before { content: "\f38a"; } .icon-line-awesome-money:before { content: "\f294"; } .icon-line-awesome-laptop:before { content: "\f259"; } .icon-line-awesome-arrows-alt:before { content: "\f124"; } .icon-line-awesome-underline:before { content: "\f35c"; } .icon-line-awesome-google-plus:before { content: "\f21b"; } .icon-line-awesome-cut:before { content: "\f1b0"; } .icon-line-awesome-share-square-o:before { content: "\f2f4"; } .icon-line-awesome-street-view:before { content: "\f324"; } .icon-line-awesome-arrow-circle-up:before { content: "\f11e"; } .icon-line-awesome-plus-square:before { content: "\f2c4"; } .icon-line-awesome-desktop:before { content: "\f1b7"; } .icon-line-awesome-expeditedssl:before { content: "\f1d1"; } .icon-line-awesome-toggle-on:before { content: "\f347"; } .icon-line-awesome-minus-square:before { content: "\f290"; } .icon-line-awesome-adn:before { content: "\f102"; } .icon-line-awesome-whatsapp:before { content: "\f37a"; } .icon-line-awesome-save:before { content: "\f2e9"; } .icon-line-awesome-puzzle-piece:before { content: "\f2c8"; } .icon-line-awesome-css3:before { content: "\f1ad"; } .icon-line-awesome-skyatlas:before { content: "\f300"; } .icon-line-awesome-level-down:before { content: "\f260"; } .icon-line-awesome-mobile-phone:before { content: "\f293"; } .icon-line-awesome-check-square-o:before { content: "\f17f"; } .icon-line-awesome-hand-spock-o:before { content: "\f22e"; } .icon-line-awesome-leanpub:before { content: "\f25d"; } .icon-line-awesome-arrow-circle-left:before { content: "\f118"; } .icon-line-awesome-exclamation-triangle:before { content: "\f1cf"; } .icon-line-awesome-gift:before { content: "\f212"; } .icon-line-awesome-cogs:before { content: "\f19b"; } .icon-line-awesome-signal:before { content: "\f2fd"; } .icon-line-awesome-frown-o:before { content: "\f207"; } .icon-line-awesome-opera:before { content: "\f2a3"; } .icon-line-awesome-battery-empty:before { content: "\f137"; } .icon-line-awesome-chevron-circle-left:before { content: "\f181"; } .icon-line-awesome-university:before { content: "\f35e"; } .icon-line-awesome-sitemap:before { content: "\f2ff"; } .icon-line-awesome-external-link-square:before { content: "\f1d3"; } .icon-line-awesome-google:before { content: "\f21a"; } .icon-line-awesome-volume-off:before { content: "\f374"; } .icon-line-awesome-twitter:before { content: "\f359"; } .icon-line-awesome-battery-full:before { content: "\f138"; } .icon-line-awesome-hand-o-left:before { content: "\f226"; } .icon-line-awesome-phone:before { content: "\f2b3"; } .icon-line-awesome-mars-double:before { content: "\f282"; } .icon-line-awesome-maxcdn:before { content: "\f286"; } .icon-line-awesome-hand-peace-o:before { content: "\f22a"; } .icon-line-awesome-lastfm-square:before { content: "\f25b"; } .icon-line-awesome-home:before { content: "\f237"; } .icon-line-awesome-empire:before { content: "\f1c5"; } .icon-line-awesome-server:before { content: "\f2ef"; } .icon-line-awesome-search-minus:before { content: "\f2ec"; } .icon-line-awesome-pied-piper-alt:before { content: "\f2b9"; } .icon-line-awesome-leaf:before { content: "\f25c"; } .icon-line-awesome-exclamation-circle:before { content: "\f1ce"; } .icon-line-awesome-comments:before { content: "\f1a1"; } .icon-line-awesome-cny:before { content: "\f195"; } .icon-line-awesome-facebook-official:before { content: "\f1d8"; } .icon-line-awesome-clock-o:before { content: "\f18f"; } .icon-line-awesome-hand-scissors-o:before { content: "\f22d"; } .icon-line-awesome-tumblr-square:before { content: "\f356"; } .icon-line-awesome-rub:before { content: "\f2e5"; } .icon-line-awesome-chevron-circle-up:before { content: "\f183"; } .icon-line-awesome-opencart:before { content: "\f2a1"; } .icon-line-awesome-barcode:before { content: "\f130"; } .icon-line-awesome-vimeo-square:before { content: "\f370"; } .icon-line-awesome-battery-1:before { content: "\f133"; } .icon-line-awesome-arrow-circle-right:before { content: "\f11d"; } .icon-line-awesome-bolt:before { content: "\f14c"; } .icon-line-awesome-paste:before { content: "\f2ac"; } .icon-line-awesome-hdd-o:before { content: "\f230"; } .icon-line-awesome-plug:before { content: "\f2c1"; } .icon-line-awesome-industry:before { content: "\f249"; } .icon-line-awesome-map-o:before { content: "\f27e"; } .icon-line-awesome-krw:before { content: "\f257"; } .icon-line-awesome-joomla:before { content: "\f252"; } .icon-line-awesome-sun-o:before { content: "\f32b"; } .icon-line-awesome-plus:before { content: "\f2c2"; } .icon-line-awesome-life-buoy:before { content: "\f263"; } .icon-line-awesome-play-circle-o:before { content: "\f2c0"; } .icon-line-awesome-mars-stroke:before { content: "\f283"; } .icon-line-awesome-road:before { content: "\f2de"; } .icon-line-awesome-volume-down:before { content: "\f373"; } .icon-line-awesome-question-circle:before { content: "\f2cc"; } .icon-line-awesome-image:before { content: "\f246"; } .icon-line-awesome-angle-double-right:before { content: "\f10e"; } .icon-line-awesome-reply-all:before { content: "\f2db"; } .icon-line-awesome-inbox:before { content: "\f247"; } .icon-line-awesome-female:before { content: "\f1dd"; } .icon-line-awesome-gavel:before { content: "\f20a"; } .icon-line-awesome-life-bouy:before { content: "\f262"; } .icon-line-awesome-jsfiddle:before { content: "\f254"; } .icon-line-awesome-git:before { content: "\f213"; } .icon-line-awesome-share-square:before { content: "\f2f3"; } .icon-line-awesome-question:before { content: "\f2cb"; } .icon-line-awesome-wordpress:before { content: "\f380"; } .icon-line-awesome-italic:before { content: "\f251"; } .icon-line-awesome-forward:before { content: "\f205"; } .icon-line-awesome-steam-square:before { content: "\f31d"; } .icon-line-awesome-sort-numeric-desc:before { content: "\f30e"; } .icon-line-awesome-video-camera:before { content: "\f36e"; } .icon-line-awesome-thumbs-down:before { content: "\f33d"; } .icon-line-awesome-medium:before { content: "\f288"; } .icon-line-awesome-chevron-right:before { content: "\f186"; } .icon-line-awesome-bus:before { content: "\f158"; } .icon-line-awesome-registered:before { content: "\f2d6"; } .icon-line-awesome-mars:before { content: "\f281"; } .icon-line-awesome-angle-down:before { content: "\f110"; } .icon-line-awesome-link:before { content: "\f268"; } .icon-line-awesome-eyedropper:before { content: "\f1d6"; } .icon-line-awesome-mail-reply:before { content: "\f279"; } .icon-line-awesome-bug:before { content: "\f153"; } .icon-line-awesome-angellist:before { content: "\f10b"; } .icon-line-awesome-chain-broken:before { content: "\f17a"; } .icon-line-awesome-info:before { content: "\f24a"; } .icon-line-awesome-tumblr:before { content: "\f355"; } .icon-line-awesome-line-chart:before { content: "\f267"; } .icon-line-awesome-long-arrow-up:before { content: "\f275"; } .icon-line-awesome-simplybuilt:before { content: "\f2fe"; } .icon-line-awesome-trash:before { content: "\f34c"; } .icon-line-awesome-paint-brush:before { content: "\f2a7"; } .icon-line-awesome-windows:before { content: "\f37e"; } .icon-line-awesome-calendar-o:before { content: "\f15f"; } .icon-line-awesome-reorder:before { content: "\f2d8"; } .icon-line-awesome-suitcase:before { content: "\f32a"; } .icon-line-awesome-file-picture-o:before { content: "\f1e9"; } .icon-line-awesome-arrow-circle-o-up:before { content: "\f11c"; } .icon-line-awesome-arrow-up:before { content: "\f122"; } .icon-line-awesome-venus-mars:before { content: "\f36c"; } .icon-line-awesome-shopping-cart:before { content: "\f2fa"; } .icon-line-awesome-files-o:before { content: "\f1f1"; } .icon-line-awesome-th-large:before { content: "\f33a"; } .icon-line-awesome-warning:before { content: "\f376"; } .icon-line-awesome-at:before { content: "\f128"; } .icon-line-awesome-file:before { content: "\f1df"; } .icon-line-awesome-star-half:before { content: "\f319"; } .icon-line-awesome-futbol-o:before { content: "\f208"; } .icon-line-awesome-flag-checkered:before { content: "\f1f8"; } .icon-line-awesome-genderless:before { content: "\f20e"; } .icon-line-awesome-archive:before { content: "\f115"; } .icon-line-awesome-film:before { content: "\f1f2"; } .icon-line-awesome-power-off:before { content: "\f2c6"; } .icon-line-awesome-heart-o:before { content: "\f234"; } .icon-line-awesome-google-wallet:before { content: "\f21d"; } .icon-line-awesome-book:before { content: "\f14e"; } .icon-line-awesome-transgender:before { content: "\f34a"; } .icon-line-awesome-cloud-upload:before { content: "\f194"; } .icon-line-awesome-file-powerpoint-o:before { content: "\f1ea"; } .icon-line-awesome-openid:before { content: "\f2a2"; } .icon-line-awesome-repeat:before { content: "\f2d9"; } .icon-line-awesome-star:before { content: "\f318"; } .icon-line-awesome-users:before { content: "\f369"; } .icon-line-awesome-transgender-alt:before { content: "\f34b"; } .icon-line-awesome-asterisk:before { content: "\f127"; } .icon-line-awesome-plus-circle:before { content: "\f2c3"; } .icon-line-awesome-cart-arrow-down:before { content: "\f16d"; } .icon-line-awesome-wechat:before { content: "\f377"; } .icon-line-awesome-life-saver:before { content: "\f265"; } .icon-line-awesome-dropbox:before { content: "\f1bf"; } .icon-line-awesome-wikipedia-w:before { content: "\f37d"; } .icon-line-awesome-newspaper-o:before { content: "\f29c"; } .icon-line-awesome-building:before { content: "\f154"; } .icon-line-awesome-bitbucket:before { content: "\f147"; } .icon-line-awesome-yelp:before { content: "\f389"; } .icon-line-awesome-neuter:before { content: "\f29b"; } .icon-line-awesome-behance-square:before { content: "\f13f"; } .icon-line-awesome-wifi:before { content: "\f37c"; } .icon-line-awesome-youtube:before { content: "\f38b"; } .icon-line-awesome-angle-double-down:before { content: "\f10c"; } .icon-line-awesome-sort-alpha-asc:before { content: "\f307"; } .icon-line-awesome-area-chart:before { content: "\f116"; } .icon-line-awesome-chevron-up:before { content: "\f187"; } .icon-line-awesome-stethoscope:before { content: "\f320"; } .icon-line-awesome-step-forward:before { content: "\f31f"; } .icon-line-awesome-backward:before { content: "\f12a"; } /* * Author: Vasterad * URL: http://purethemes.net */ /* -------------------------------------------------------------- */ /* Table of Contents ----------------------------------------------------------------- 01. Import Section ---------------------------------------------- 02. Layout Components ------------------------------------------- # Forms Reset & Styles # Header # Header Notifications # User Menu # Navigation # Mega Menu # Sticky Header # Transparent Header # mmenu.js - mobile menu # Footer # Pagination # Sidebar Styles # Notify Box # Titlebar # Single Page Header # Blog Post # Contact Page 03. Listings Styles --------------------------------------------- # Full Width Page Layout # Job Listing - List Layout # Job Listing - Compact List Layout # Job Listing - Grid Layout # Tasks - List Layout # Tasks - Grid Layout # Freelancers - Grid Layout # Freelancers - List Layout # Browse Companies 04. User Interface Elements ------------------------------------- # Buttons # Button with Sliding Icon # List Styles # Marks # Notification Boxes # Tables # Accordion # Tabs # Copy to clipboard # Share Buttons # Verified Badge # Star Rating # Leave Rating Stars # Ripple Effect # Input With Icon # Keywords Input # Clickable Tags # On/Off Switch # Radio Button # Checkbox # Custom Upload Button # Intro Banner # Category Boxes # Photo Box # Pricing Plans # Checkout Page # Icon Boxes # Testimonials # Text Banner # Counters # Countdown # Bidding Widget 05. Scripts Styles ---------------------------------------------- # Slick Slider # Simlpebar.js (custom scrollbar) # Tippy.js Tooltips # Magnific Popup # Popup tabs # Boostrap Slider # Bootstrap-select # Snackbar # Google Autocomplete # Google Maps 06. Single Pages ------------------------------------------------ # Single Job Page # Single Freelancer Profile 07. Dashboard --------------------------------------------------- # Dashboard Navigation # Dashboard Elements # Dashboard Messages 08. Others ------------------------------------------------------ # Common Styles # Icons Cheatsheet Styles # Offsets */ /* -------------------------------------------------------------- */ /* 01. Import Section ----------------------------------------------------------------- */ /* Default Reset, Responsive Grid*/ /* -------------------------------------------------------------- */ /* 02. Layout Components ----------------------------------------------------------------- */ /* ---------------------------------- */ /* Forms Reset & Styles ------------------------------------- */ input, input[type='text'], input[type='password'], input[type='email'], input[type='number'], textarea, select { height: 48px; line-height: 48px; padding: 0 20px; font-size: 16px; color: #808080; margin: 0 0 16px 0; max-width: 100%; width: 100%; box-sizing: border-box; display: block; background-color: #fff; font-weight: 500; opacity: 1; border-radius: 4px; border: none; box-shadow: none; } input[class*='ring-'], .shadow-sm { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } select { padding: 10px 18px; cursor: pointer; } input { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } input:focus, input[type='text']:focus, input[type='password']:focus, input[type='email']:focus, input[type='number']:focus, textarea:focus { color: #808080; transition: box-shadow 0.2s !important; opacity: 1; border: none; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12); } /* With Border */ input.with-border, input[type='text'].with-border, input[type='password'].with-border, input[type='email'].with-border, input[type='number'].with-border, textarea.with-border, select.with-border { border: 1px solid #e0e0e0; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05); } input.with-border:focus, input[type='text'].with-border:focus, input[type='password'].with-border:focus, input[type='email'].with-border:focus, input[type='number'].with-border:focus, textarea.with-border:focus { border: 1px solid #e0e0e0; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.08); } input[type='submit'] { border: none; padding: 11px 18px; width: auto; } input[type='checkbox'] { display: inline; } input[type='radio'] { width: 15px; height: 15px; cursor: pointer; box-shadow: none; } /* Input Placeholder Color */ ::placeholder { color: #808080; opacity: 1; } textarea { height: auto; line-height: 27px; padding: 20px; min-height: 130px; transition: none !important; min-width: 100%; } label, legend { display: block; font-weight: bold; font-size: 16px; font-weight: normal; margin-bottom: 8px; } label span, legend span { font-weight: normal; font-size: 14px; color: #444; } fieldset { padding: 0; border: none; } button { border: none; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; color: inherit; font: inherit; line-height: normal; cursor: pointer; } a { color: #66676b; transition: 0.3s; } a, button { outline: none !important; } a:focus, a:hover { text-decoration: none; color: #333; } img { max-width: 100%; } /* ---------------------------------- */ /* Header ------------------------------------- */ #logo { display: inline-block; border-right: 1px solid #e0e0e0; height: 100%; vertical-align: top; padding-right: 35px; margin-right: 20px; } #logo img { height: 50px; width: 125px; top: 25%; position: relative; transform: translate3d(0, -50%, 0); } #header { position: relative; z-index: 999; padding: 0; font-size: 16px; height: 82px; background-color: #fff; border-bottom: 1px solid #e0e0e0; } #header .container, #header .right-side, #header .left-side { height: 100%; } /* Full Width Header */ header.fullwidth .container { max-width: 100%; margin: 0; padding: 0 35px; } /* Boxed Styles*/ #header .container { position: relative; } #header .left-side { float: left; width: 100%; display: inline-block; position: relative; flex: 1; } #header .right-side { float: right; text-align: right; width: auto; display: inline-block; position: absolute; right: 25px; background-color: #fff; flex: 1; } /* Full Width Styles */ .full-width #header .left-side { float: left; width: 100%; display: inline-block; position: relative; } .profile-credential { min-width: 155px; } .full-width #header .right-side { float: right; text-align: right; width: auto; display: inline-block; position: absolute; right: 25px; background-color: #fff; } /* Header Widget ------------------------------------- */ .header-widget { display: inline-block; height: 100%; border-left: 1px solid #e0e0e0; padding: 0 30px; text-align: left; float: left; } .fullwidth .header-widget:last-of-type { padding-right: 5px; float: right; border-right: none; } .header-widget:last-of-type { padding-right: 0; margin-right: -5px; } .fullwidth .header-widget:last-of-type { padding-right: 5px; margin-right: 0; } /* Notification Avatar*/ .header-notifications-content .notification-avatar { height: 42px; width: 42px; max-width: 42px; display: inline-block; border-radius: 50%; overflow: hidden; } /* Sign In Button */ .header-widget .log-in-button { padding: 10px 0; position: relative; top: 50%; transform: translateY(-50%); transition: 0.3s; color: #666; display: block; margin: 0 -3px; } .header-widget .log-in-button i { font-size: 18px; line-height: 0; position: relative; top: 2px; margin-right: 4px; margin-left: -1px; color: #777; transition: 0.3s; } .header-widget .log-in-button:hover, .header-widget .log-in-button:hover i { color: #66676b; } .transparent-header .header-widget .log-in-button, .transparent-header .header-widget .log-in-button i { color: #fff; } /* Sign In Button Media Queries */ @media (max-width: 768px) { .header-widget .log-in-button span { display: none; } .header-widget .log-in-button i { font-size: 20px; top: 3px; } .header-widget .log-in-button i, .header-widget .log-in-button i:hover { color: #555; } .header-widget .log-in-button { background-color: #f0f0f0; border-radius: 4px; height: 46px; width: 46px; text-align: center; } .transparent-header .header-widget .log-in-button i, .transparent-header .header-widget .log-in-button { background-color: #fff; color: #333; } } /* ---------------------------------- */ /* Header Notifications ------------------------------------- */ .header-notifications { height: 100%; display: inline-block; padding-right: 15px; position: relative; width: 3em; } .header-notifications:last-child { margin-right: -15px; } .header-notifications-trigger, .header-notifications-trigger a { font-size: 22px; color: #333; position: relative; top: 55%; transform: translate3d(0, -50%, 0); } /* IE 11 Fixes */ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .header-notifications-trigger, .header-notifications-trigger a { height: 40px; } .header-notifications.user-menu { top: -8px; } } /* IE 11 Fixes - End */ .header-notifications-trigger span { position: absolute; display: inline-block; top: -15px; margin-left: -20px; font-weight: 700; height: 19px; width: 19px; line-height: 19px; text-align: center; color: #fff; font-size: 11px; background-color: #66676b; border-radius: 50%; position: relative; } /* Header User Menu Dropdown */ .header-notifications-dropdown { width: 360px; border-radius: 4px; /* box-shadow: 0px 0 8px 0px rgba(0,0,0,0.10);*/ box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12); background-color: #fff; padding: 0; position: absolute; top: calc(100% - 10px); right: -15px; text-align: left; z-index: 100; transform: scale(0.95); opacity: 0; visibility: hidden; transition: 0.3s; pointer-events: none; } .header-notifications.active .header-notifications-dropdown { transform: scale(1); opacity: 1; visibility: visible; pointer-events: all; } .header-notifications-dropdown:before { content: ''; position: absolute; right: 43px; top: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #d7d7d7; /* Arrow with shadow */ /* top: 0; right: 33px; border: 5px solid black; border-color: transparent transparent #fff #fff; transform-origin: 0 0; transform: rotate(135deg); box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.05);*/ } /* Headline */ .header-notifications-headline { padding: 17px 25px; padding-top: 18px; line-height: 24px; border-bottom: 1px solid #e6e6e6; } .header-notifications-headline h4, .header-notifications-headline span { display: inline-block; } button.mark-as-read { float: right; position: relative; border-radius: 4px; height: 32px; width: 32px; text-align: center; line-height: 36px; top: -4px; right: -8px; color: #888; transition: 0.25s; } button.mark-as-read:hover { background-color: #f2f2f2; color: #888; } /* Content */ .header-notifications-content { display: block; width: 100%; } .header-notifications-scroll { display: block; overflow: hidden; height: auto; } .header-notifications-content ul { padding: 0; margin: 0; list-style: none; } .header-notifications-content ul li { border-bottom: 1px solid #e6e6e6; transition: 0.25s; } .header-notifications-content ul li:hover { background-color: #fafafa; } .header-notifications-content ul li:hover .notification-icon { background-color: #eee; } .header-notifications-content ul li:last-child { border-bottom: none; } .header-notifications-content ul li a { color: #666; position: relative; padding: 22px 25px; display: block; } .header-notifications-content p { margin: 0; padding: 0; } .header-notifications-content ul li a { display: flex; flex-wrap: wrap; align-items: center; } .header-notifications-content .notification-icon, .header-notifications-content .notification-text { flex: 1; } /* Notification Icon */ .header-notifications-content .notification-icon i { position: relative; } .notification-icon, .header-notifications-content .notification-icon { font-size: 24px; height: 40px; width: 40px; max-width: 40px; display: inline-block; background-color: #f2f2f2; border-radius: 4px; line-height: 42px; text-align: center; color: #a0a0a0; transition: 0.25s; position: relative; } /* Adjustments for some icons :( */ .notification-icon .icon-material-outline-autorenew { font-size: 22px; } .notification-icon .icon-material-outline-gavel { font-size: 19px; top: -2px; left: 1px; } /* Notification Avatar*/ .header-notifications-content .notification-avatar { height: 42px; width: 42px; max-width: 42px; display: inline-block; border-radius: 50%; overflow: visible; align-self: flex-start; } .header-notifications-content .notification-avatar img { width: 100%; image-rendering: -webkit-optimize-contrast; border-radius: 50%; } /* Notification Texts */ .notification-text, .header-notifications-content .notification-text { padding-left: 20px; padding-right: 5px; display: inline-block; line-height: 23px; font-size: 14.7px; } .header-notifications-content .notification-msg-text { display: inline-block; line-height: 23px; font-size: 14.7px; margin: 4px 0; } .notification-text strong, .header-notifications-content .notification-text strong { font-weight: 600; color: #333; } .notification-text span.color, .header-notifications-content .notification-text span.color { color: #66676b; display: inline-block; } .notification-text span.color { display: block; } /* Button */ a.header-notifications-button { border-radius: 0 0 4px 4px; font-weight: 600; color: #fff; font-size: 14.7px; padding: 12px 16px; background-color: #66676b; width: 100%; display: block; text-align: center; transition: 0.3s; } a.header-notifications-button i { font-size: 22px; line-height: 0; top: 4px; position: relative; max-width: 0; display: inline-block; margin-left: 7px; } /* ---------------------------------- */ /* User Menu ------------------------------------- */ .user-menu { padding: 0; } .header-notifications.user-menu { margin: 0 -5px; } .user-menu .header-notifications-trigger, .user-menu .header-notifications-trigger a { top: 50%; } .user-menu .header-notifications-dropdown { top: calc(100% - 8px); width: 290px; right: -10px; } .user-menu .header-notifications-dropdown:before { right: 23px; } /* User Status Dot */ .notification-avatar { position: relative; } .status-icon, .notification-avatar:after, .user-avatar:after { position: absolute; content: ''; height: 12px; width: 12px; background-color: #c0c0c0; bottom: 0; right: 0; display: block; border: 2px solid #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); border-radius: 50%; } .notification-avatar:after { width: 11px; height: 11px; } /* Online */ .status-icon.status-online, .status-online:after { background-color: #38b653; } /* Offline */ .status-icon.status-offline, .status-offline:after { background-color: #c0c0c0; } /* Avatar */ .user-avatar { display: inline-block; border-radius: 50%; width: 42px; height: 42px; position: relative; } .user-avatar img { width: 100%; display: inline-block; border-radius: 50%; image-rendering: -webkit-optimize-contrast; } /* User Menu Small Nav */ ul.user-menu-small-nav { list-style: none; padding: 0; margin: 0; padding: 20px 25px; } ul.user-menu-small-nav li { margin: 0; padding: 0; } ul.user-menu-small-nav li a { display: block; padding: 2px 0; font-size: 16px; color: #666; transition: 0.3s; } ul.user-menu-small-nav li a i { font-size: 16px; position: relative; top: 1px; margin-right: 2px; color: #666; -webkit-font-smoothing: antialiased; transition: 0.3s; } ul.user-menu-small-nav li a:hover, ul.user-menu-small-nav li a:hover i { color: #66676b; } /* User Status Section*/ .user-status { padding: 25px; border-bottom: 1px solid #e6e6e6; } /* User Menu - Details */ .user-details { display: flex; } .user-name { font-weight: 500; color: #333; line-height: 20px; padding: 2px 0 0 15px; } .user-details span { display: block; font-size: 14.7px; color: #888; font-weight: 500; } /* User Status Switch */ .status-switch { background-color: #eee; width: 100%; display: block; border-radius: 4px; height: 36px; padding: 0; position: relative; zoom: 1; margin-top: 20px; } .status-switch:before, .status-switch:after { content: ' '; display: table; } .status-switch label { float: left; width: 50%; position: relative; z-index: 2; line-height: 36px; cursor: pointer; color: #888; font-size: 14.7px; text-align: center; transition: 0.3s; margin: 0; } .status-switch span.status-indicator { position: relative; z-index: 1; top: 0; left: 0; width: 50%; height: 100%; display: block; border-radius: 4px 0 0 4px; background-color: #38b653; box-shadow: 0 0 5px 1px rgba(56, 182, 83, 0.3); transition: all 0.4s cubic-bezier(0.3, -0.41, 0.19, 1.3), background-color 0.2s linear; } .status-switch span.right { left: 50%; border-radius: 0 4px 4px 0; background-color: #333; box-shadow: none; color: #fff; } .status-switch label.current-status { color: #fff; } /* ---------------------------------- */ /* Navigation ------------------------------------- */ #navigation { position: relative; display: inline-block; margin-top: 22px; } #navigation ul { list-style: none; position: relative; float: left; margin: 0; padding: 0; } #navigation ul a { display: block; text-decoration: none; padding: 5px 0; } #navigation ul li { position: relative; float: left; margin: 0; padding: 0; } #navigation ul li ul { opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 9px; padding: 0; z-index: 99999; } #navigation ul ul li { float: none; } #navigation ul ul ul { top: 0; left: 100%; margin: 0 0 0 15px; } #navigation ul ul { margin: 0; } #navigation ul ul ul { pointer-events: none; } #navigation ul ul li:hover > ul { pointer-events: all; } #navigation ul ul:before { content: ''; position: absolute; left: 0; top: -10px; background: rgba(255, 255, 255, 0); width: 100%; height: 10px; } #navigation ul ul ul:after { content: ''; position: absolute; width: 15px; height: 100%; left: -15px; top: 0; opacity: 0; } #navigation ul li:hover > ul { opacity: 1; visibility: visible; pointer-events: all; } /* Indicator Arrow */ #navigation ul li a:after, #navigation ul ul li a:after { font-family: 'Material-Icons'; content: '\e914'; opacity: 1; font-size: 16px; transition: 0.2s; opacity: 1; line-height: 17px; width: 17px; height: 17px; background-color: #f0f0f0; color: #a8a8a8; display: inline-block; border-radius: 3px; margin-left: 7px; text-indent: 0; top: 1px; position: relative; } #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after, #navigation ul ul.dropdown-nav li:hover a:after, #navigation ul li:hover a:after { color: #66676b; background: rgba(102, 103, 107, 0.13); opacity: 0.8; } #navigation ul ul.dropdown-nav ul.dropdown-nav li a:after { background-color: #f0f0f0; color: #a8a8a8; opacity: 1; } /* Dropdown Indicator */ #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after, #navigation ul ul.dropdown-nav li:hover a:after { color: #fff !important; background-color: #66676b; opacity: 1; } #navigation ul ul.dropdown-nav ul.dropdown-nav li a:after, #navigation ul ul.dropdown-nav li a:after { content: '\e917'; position: absolute; left: auto; right: 20px; top: 6px; background-color: rgba(255, 255, 255, 0.1); color: #bbb; opacity: 1; } /* Current Indicator */ #navigation ul li a.current { color: #66676b; } #navigation ul li a.current:after { color: #66676b; background: rgba(102, 103, 107, 0.13); opacity: 0.8; } #navigation ul li a:only-child:after, #navigation ul ul li a:only-child:after { content: ''; display: none; } #navigation ul ul li:hover a:after { opacity: 1; transform: translateX(0); } #navigation ul li { transition: all 0.25s; margin: 0 5px; border-radius: 4px; } #navigation ul li a, #navigation ul ul li a { color: #666; cursor: pointer; } #navigation ul a { line-height: 23px; padding: 7px 9px; border-right: 4px; } #navigation ul li:hover a { color: #66676b; } /* Dropdown Styles ------------------------------------- */ #navigation ul ul { background-color: #303030; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12); border-radius: 4px; } #navigation ul ul li { border-radius: 4px; } #navigation ul ul li:last-child { border-bottom: none; } #navigation ul li:hover ul a, #navigation ul ul a { padding: 4px 40px 4px 15px !important; line-height: 22px !important; } #navigation ul li:hover ul a:only-child, #navigation ul a:only-child { padding: 4px 15px 4px 15px !important; } #navigation ul ul:after { content: ''; position: absolute; left: 25px; top: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #303030; } body #navigation ul ul { padding: 14px 0; box-sizing: border-box; margin-top: 12px; } body #navigation ul ul ul { margin-top: 0; } #navigation ul ul:before { content: '.'; position: absolute; width: 100%; height: 12px; top: -12px; opacity: 0; opacity: 0; } #navigation ul ul ul:before { width: calc(100% + 15px); left: -15px; } #navigation ul ul li { width: 208px; } #navigation ul ul li:hover { border-radius: 0; } #navigation ul ul li:first-child { border-radius: 4px 4px 0 0; } #navigation ul ul li:last-child { border-radius: 0 0 4px 4px; } #navigation ul ul { opacity: 0; visibility: hidden; transition: all 0.25s; transform: translate3d(0, 15px, 0); } #navigation ul ul ul { transform: translate3d(15px, 0, 0); } #navigation ul li ul { z-index: 10; } #navigation ul li:hover ul { z-index: 20; } #navigation ul li:hover > ul { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } #navigation ul ul li { margin: 0; padding: 0 6px; border-radius: 0; font-size: 15.7px; } #navigation ul ul.dropdown-nav ul.dropdown-nav ul.dropdown-nav li a, #navigation ul ul.dropdown-nav ul.dropdown-nav li a, #navigation ul ul.dropdown-nav li a { transition: 0.3s; color: #aaa; } #navigation ul ul.dropdown-nav ul.dropdown-nav ul.dropdown-nav li:hover a, #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a, #navigation ul ul.dropdown-nav li:hover a { color: #fff; } /* ---------------------------------- */ /* Mega Menu ------------------------------------- */ .mega-menu { opacity: 0; visibility: hidden; transition: all 0.25s; position: absolute; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); border-radius: 4px; font-size: 15px; display: flex; top: 100%; left: 0; padding: 20px 0; box-sizing: border-box; font-size: 14px; margin-top: -10px; background-color: #fff; width: 200px; z-index: 99; transform: translate3d(-42%, 24px, 0); } .mega-menu:before { content: ''; position: absolute; top: -12px; left: 0; display: block; width: 100%; height: 12px; opacity: 0; } #navigation ul li .mega-menu ul { opacity: 0; visibility: hidden; transform: translate3d(0, 0, 0); position: relative; display: inline-block; flex: 1; padding: 0; margin: 0; box-shadow: none; border-radius: 0; top: auto; left: auto; background-color: transparent; } #navigation ul li:hover .mega-menu { opacity: 1; visibility: visible; transform: translate3d(-42%, 12px, 0); } #navigation ul li:hover .mega-menu ul { opacity: 1; visibility: visible; } #navigation .mega-menu ul, #navigation .mega-menu ul li { width: 100%; } .mega-menu.two-columns { width: 429px; } .mega-menu.three-columns { width: 643px; } .mega-menu.four-columns { width: 857px; } #navigation ul .mega-menu ul a { color: #bbb; padding: 0 !important; display: block; margin-left: 0; -wekkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #navigation ul li:hover .mega-menu ul a, #navigation ul .mega-menu ul a { padding: 6px 0 !important; line-height: 22px !important; transform: translate3d(0, 0, 0) !important; } #navigation .mega-menu ul li { padding: 0 30px; } #navigation ul li a i { font-size: 14px; position: relative; top: 0; padding-right: 5px; } .mega-menu-section { display: inline-block; float: left; width: 214px; padding: 0; border-right: 1px solid #e9e9e9; } .mega-menu .mega-menu-section:last-child { border: none; } .mega-menu-headline { color: #222; opacity: 1 !important; font-weight: 600; display: block; padding: 8px 30px !important; letter-spacing: 0; font-size: 14px; line-height: 21px; } /* Some mega menu styles for mobile nav */ .mobile-styles .mm-listview { margin: 0px -20px !important; } .mobile-styles .mm-listview .mega-menu-headline { color: #fff; padding: 15px 20px !important; background: #222 !important; } .mobile-styles .mm-listview li a i { padding-right: 5px; } .mobile-styles.mm-panel:before { height: 10px !important; } /* ---------------------------------- */ /* Sticky Header ------------------------------------- */ .header-container { position: absolute; top: 0; width: 100%; z-index: 1000; } #wrapper.wrapper-with-transparent-header #header .right-side { background-color: transparent; } #header { transition: background 0.3s; } #wrapper { padding-top: 82px; } #wrapper.wrapper-with-transparent-header { padding-top: 0 !important; } @media (max-width: 1099px) { /*#wrapper { padding-top: 0 !important; }*/ .header-container { position: relative; } .header-container.transparent-header { position: absolute; } } /* ---------------------------------- */ /* Transparent Header ------------------------------------- */ .header-container.transparent-header { position: absolute; width: 100%; } .transparent-header-spacer { height: 82px; } .transparent-header #header { background-color: transparent; box-shadow: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .transparent-header #header .right-side { background-color: transparent; } .transparent-header #logo, .transparent-header #header .right-side .header-widget { border-color: rgba(255, 255, 255, 0.2); } .transparent-header #header .right-side .header-widget:first-of-type { border-right-color: transparent; } .transparent-header #header .right-side .header-widget:last-of-type { border-color: rgba(255, 255, 255, 0.2); } body .transparent-header #navigation > ul li a, .transparent-header .header-notifications-trigger, .transparent-header .header-notifications-trigger a { color: #fff; } body .transparent-header #navigation > ul ul li a { color: #aaa; } .transparent-header .header-notifications-dropdown:before { border-bottom-color: #fff; } .transparent-header .mmenu-trigger { background-color: #fff; } .transparent-header #navigation > ul li a:after { background-color: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.8); opacity: 1; transition: 0.3s; } .transparent-header #navigation > ul li:hover ul li:hover a:after, .transparent-header #navigation > ul li:hover a:after, .transparent-header #navigation > ul li a.current:after { color: #fff; background: #66676b; } .transparent-header #navigation > ul li:hover ul a:after, .transparent-header #navigation > ul ul li a:after { background-color: rgba(255, 255, 255, 0.1); color: #bbb; } /* ---------------------------------- */ /* mmenu.js - mobile menu ------------------------------------- */ .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu { box-sizing: border-box; background: inherit; display: block; padding: 0; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-panels, .mm-panels > .mm-panel { background: inherit; border-color: inherit; box-sizing: border-box; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-panels { overflow: hidden; } .mm-panel { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .mm-panel.mm-opened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); transform: translate(-30%, 0); -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1; } .mm-panel.mm-noanimation { -webkit-transition: none !important; transition: none !important; } .mm-panel.mm-noanimation.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-panels > .mm-panel { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; padding: 0 20px; } .mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; } .mm-panels > .mm-panel:not(.mm-hidden) { display: block; } .mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before { content: ''; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next { box-sizing: border-box; height: 40px; bottom: auto; } .mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); right: 19px; } .mm-btn { box-sizing: border-box; width: 40px; height: 50px; position: absolute; top: 0; z-index: 1; } .mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before { content: ''; border: 2px solid transparent; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-clear:before, .mm-close:before { border-right: none; border-bottom: none; right: 18px; } .mm-clear:after, .mm-close:after { border-left: none; border-top: none; right: 25px; } .mm-next:after, .mm-prev:before { content: ''; border-top: 2px solid transparent; border-left: 2px solid transparent; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; } .mm-prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } .mm-next:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 30px; height: 50px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-navbar > * { display: block; padding: 10px 0; } .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-navbar .mm-btn:first-child { left: 0; } .mm-navbar .mm-btn:last-child { text-align: right; right: 0; } .mm-panel .mm-navbar { display: none; } .mm-panel.mm-hasnavbar .mm-navbar { display: block; background-color: #262626; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 14px; line-height: 20px; } .mm-listview a, .mm-listview a:hover { text-decoration: none; } .mm-listview > li { position: relative; } .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after { border-color: inherit; } .mm-listview > li { border-bottom: 1px solid #404040; } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 14px 10px 14px 20px; margin: 0; } .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; display: none; } .mm-listview > li:not(.mm-divider):after { left: 20px; } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -10px; } .mm-menu { background: #2a2a2a; border-color: rgba(255, 255, 255, 0.1); color: #fff; } .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * { color: #fff; font-weight: 600; font-size: 16px; } .mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: rgba(255, 255, 255, 0.8); } .mm-menu .mm-listview { border-color: #2a2a2a; } .mm-menu .mm-listview > li .mm-next:after { border-color: rgba(255, 255, 255, 0.8); } .mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5); tap-highlight-color: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.05); } .mm-menu .mm-listview > li { transition: 0.2s; } .mm-menu .mm-listview > li:hover { background: rgba(255, 255, 255, 0.03); } .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); } .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; z-index: 1; } html.mm-opened { overflow-x: hidden; position: relative; } html.mm-blocking { overflow: hidden; } html.mm-blocking body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2; } html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { z-index: 0; display: none; position: fixed; } .mm-menu.mm-offcanvas.mm-opened { display: block; } .mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened { z-index: 10; } .mm-menu.mm-offcanvas { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-menu.mm-opened ~ .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-menu.mm-opened ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-menu.mm-opened ~ .mm-slideout { -webkit-transform: translate(440px, 0); -ms-transform: translate(440px, 0); transform: translate(440px, 0); -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } } .mm-sronly { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; white-space: nowrap !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; } em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%; } em.mm-counter + a.mm-next { width: 90px; } em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } em.mm-counter + a.mm-fullsubopen + a, em.mm-counter + a.mm-fullsubopen + span { padding-right: 90px; } .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + a, .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + span { padding-right: 90px; } .mm-vertical > .mm-counter { top: 12px; margin-top: 0; } .mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; } .mm-nosubresults > .mm-counter { display: none; } .mm-menu em.mm-counter { background-color: rgba(0, 0, 0, 0.3); height: 20px; width: 20px; text-align: center; border-radius: 50%; color: #fff; line-height: 21px; font-size: 10px; font-weight: 600; } .mm-menu em.mm-counter { background-color: #66676b; } /* Trigger Styles */ .mmenu-trigger { height: 46px; width: 46px; display: none; position: relative; margin: 0; background-color: #eee; border-radius: 4px; cursor: pointer; } /* Hamburger Icon */ .hamburger { padding: 0; top: 16px; left: 12px; transform: scale(0.67); -moz-transform: scale(0.7) translateY(4px); position: relative; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger-box { position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 33px; height: 4px; background-color: #555; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ''; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* Animation */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .mmenu-trigger { display: none; } /* Media Queries Menu */ @media (max-width: 1099px) { /* Header Responsive Styles */ #responsive { display: none; } .mmenu-trigger { display: inline-block !important; } #header { height: 76px; } #logo { border: none; } #logo img { border: none; max-width: 100px; height: auto; } header.fullwidth .container { padding: 0 20px; } .header-widget { float: left; } .fullwidth .header-widget:last-of-type, .header-widget:last-of-type { padding-right: 25px; float: left; } #header .right-side { position: absolute; width: auto; background-color: #fff; text-align: left; } .mmenu-trigger { margin: 0 -5px 0 23px; top: 15px; float: right; } #header .right-side .header-widget { border-right: 1px solid #e0e0e0; margin-right: -1px; } .header-widget { padding: 0 25px; } .header-notifications:first-child { margin-right: -5px; } .header-container.cloned { display: none; } } @media (max-width: 768px) { .header-notifications { position: initial; } .header-notifications-dropdown:before { display: none; } .user-menu .header-notifications-dropdown, .header-notifications-dropdown { width: calc(100vw - 45px); right: -10px; top: calc(100% + 15px); } } @media (max-width: 480px) { .hide-on-mobile { display: none; } } /* ---------------------------------- */ /* Footer ------------------------------------- */ #footer { background-color: #303030; color: #c0c0c0; } #footer p { line-height: 26px; } .footer-top-section { border-bottom: 1px solid #484848; } .footer-top-section .footer-logo img { max-height: 46px; } .footer-rows-container { display: block; height: 96px; position: relative; z-index: 100; } .footer-row { display: inline-block; padding: 0 40px; border-right: 1px solid #484848; border-left: 1px solid #484848; float: left; height: 100%; } .footer-row-inner { position: relative; top: 50%; transform: translateY(-50%); } .footer-row-inner.footer-logo { position: relative; top: auto; transform: translateY(0); top: 50%; position: relative; height: 46px; } .footer-row-inner.footer-logo img { position: relative; top: 50%; } .footer-row:first-child { padding-left: 0; border-left: none; } .footer-row:last-child { padding-right: 0; border: none; } .footer-rows-right .footer-row:first-child { padding-left: 40px; border-left: 1px solid #484848; } .footer-rows-right { float: right; height: 100%; } /* Language Switcher */ .language-switcher.bootstrap-select.btn-group .dropdown-menu.inner { width: 100%; } .language-switcher.bootstrap-select:before { display: none; } .language-switcher.bootstrap-select .dropdown-menu { padding-top: 15px; top: calc(100% + 15px); width: 160px; left: auto; right: 0; } .language-switcher.bootstrap-select .dropdown-menu:before { position: absolute; top: -5px; content: ''; right: 20px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; } .language-switcher.bootstrap-select.btn-group button { height: 44px; padding-right: 35px; padding-left: 18px; color: #fff; background-color: #444; transition: 0.3s; box-shadow: none; } .language-switcher.bootstrap-select.btn-group .dropdown-toggle .filter-option { height: 44px; line-height: 44px; } .language-switcher.bootstrap-select.btn-group button:hover { background-color: #fff; color: #333; } .language-switcher.bootstrap-select.btn-group.open button, .language-switcher.bootstrap-select.btn-group button:hover { background-color: #66676b; color: #fff; } .language-switcher.bootstrap-select.btn-group button .caret { transition: 0.3s; } .language-switcher.bootstrap-select.btn-group.open button .caret, .language-switcher.bootstrap-select.btn-group button:hover .caret { border-top-color: #fff; } .language-switcher.bootstrap-select.btn-group .dropdown-toggle .caret { right: 18px; } /* Social Icons */ .footer-social-links { list-style: none; margin: 0 -10px; margin-top: 3px; padding: 0; } .footer-social-links li { display: inline-block; padding: 0; margin: 0; float: left; } .footer-social-links li a { font-size: 20px; padding: 0 10px; color: #fff; display: inline-block; transition: 0.3s; opacity: 0.5; transform: translate3d(0, -0.5px, 0); } .footer-social-links li a:hover { opacity: 1; } /* Middle Section */ .footer-middle-section { padding: 60px 0; position: relative; z-index: 10; } #footer h3, #footer h2, .footer-links h3 { font-size: 18px; color: #fff; margin: 0 0 15px 0; padding: 0; display: block; } #footer h3 i { position: relative; margin-right: 5px; top: 2px; font-size: 20px; font-weight: 400 !important; } .footer-links ul { list-style: none; text-align: left; margin: 0; padding: 0; } .footer-links ul li { margin-bottom: 0; display: block; } .footer-links ul li:first-child a { padding-top: 0; } .footer-links ul li:last-child a { padding-bottom: 0; } .footer-links ul li a { color: #c0c0c0; display: block; line-height: 25px; position: relative; z-index: 100; padding: 4px 0; } .footer-links ul li a span { display: inline-block; position: relative; } .footer-links ul li a:hover { color: #fff; } .footer-links ul li a span:before { content: ''; position: absolute; left: 0; bottom: 0; background-color: #66676b; height: 2px; display: block; transition: all 0.25s, opacity 0.2s; z-index: -1; border-radius: 3px; opacity: 0.5; width: 0; } .footer-links ul li a:hover span:before { width: 100%; opacity: 1; } /* Newsletter */ .newsletter { display: flex; margin-top: 20px; } .newsletter input, .newsletter button { display: flex; flex-wrap: wrap; align-items: flex-start; } .newsletter input { background: #262626; box-shadow: none; margin-bottom: 0; } .newsletter input:focus { box-shadow: none; } .newsletter button { background-color: #66676b; border-radius: 4px; height: 48px; min-width: 48px; max-width: 48px; text-align: center; line-height: 48px; font-size: 18px; color: #fff; margin-left: 10px; transition: 0.3s; } .newsletter button:hover { background-color: #fff; color: #333; } .newsletter button i { width: 100%; line-height: 48px; } /* Copyrights */ .footer-bottom-section { padding: 25px 0; border-top: 1px solid #484848; text-align: center; } .footer-bottom-section strong { color: #fff; font-weight: 500; } /* Footer Media Queries*/ @media (max-width: 992px) { #footer h3 { margin-top: 45px; } .footer-middle-section { padding-top: 0; padding-bottom: 45px; } } @media (max-width: 768px) { .content-left-offset { padding-left: 15px; } .content-right-offset { padding-left: 15px; } .footer-rows-container { height: auto; padding: 20px 0 40px 0; } .footer-rows-left, .footer-rows-right { float: none; height: auto; } .footer-row-inner.footer-logo img { top: 0; } .footer-row-inner { position: relative; top: 0; transform: translateY(0); } .footer-row-inner.footer-logo { top: 0; position: relative; height: 46px; } #footer .footer-row { padding: 0; float: none; padding: 20px 0 0 0; display: block; width: 100%; border: none; } .footer-rows-container .footer-rows-left, .footer-rows-container .footer-rows-right { display: block; } } /* ---------------------------------- */ /* Pagination ------------------------------------- */ .pagination { margin: 0; text-align: center; } .pagination-next-prev { position: relative; top: -66px; } .pagination ul { margin: 0; padding: 0; } .pagination ul li { display: inline-block; margin: 0; padding: 0; } .pagination ul li a, .pagination-next-prev ul li a { padding: 10px 0; border-bottom: none; display: inline-block; color: #333; background-color: transparent; font-weight: 700; margin: 0; line-height: 22px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; font-size: 14px; float: left; } .pagination ul li a { border-radius: 4px; width: 44px; height: 44px; padding: 0; line-height: 44px; } .pagination ul li a i { line-height: 44px; font-size: 24px; } .pagination ul li.blank { color: #a0a0a0; padding: 0 6px; } .section.gray .pagination .pagination-arrow a:hover, .pagination ul li a.current-page, .pagination ul li a:hover { background-color: #333; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } .pagination ul li a.current-page { background-color: #66676b; color: #fff; box-shadow: 0 2px 8px rgba(102, 103, 107, 0.25); } .pagination .pagination-arrow a { background-color: #f0f0f0; } .section.gray .pagination .pagination-arrow a { background-color: #eaeaea; } /* ---------------------------------- */ /* Back to top ------------------------------------- */ #backtotop { position: fixed; right: 0; opacity: 0; visibility: hidden; bottom: 25px; margin: 0 25px 0 0; z-index: 999; transition: 0.35s; transform: translateY(10px); } #backtotop.visible { opacity: 1; visibility: visible; transform: translateY(0); } #backtotop a { text-decoration: none; border: 0 none; display: block; width: 46px; height: 46px; background-color: #66676b; opacity: 1; transition: all 0.3s; border-radius: 4px; text-align: center; font-size: 26px; } body #backtotop a { color: #fff; } #backtotop a:after { content: ''; font-family: 'Feather-Icons'; position: relative; display: block; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 768px) { #backtotop { display: none; } } /* ---------------------------------- */ /* Sidebar Styles ------------------------------------- */ .sidebar-container { margin-bottom: 40px; } .full-page-container .sidebar-container { margin-bottom: 0px; } .sidebar-widget input { margin-bottom: 0; } .sidebar-widget { margin-bottom: 50px; display: block; } .sidebar-widget h3 { font-size: 20px; margin-bottom: 20px; } /* ---------------------------------- */ /* Notify Box ------------------------------------- */ .notify-box { display: block; width: 100%; background-color: #f2f2f2; border-radius: 4px; padding: 15px 25px; position: relative; line-height: 28px; min-height: 59px; } .notify-box label { margin-bottom: 0; cursor: pointer; } .notify-box .switch-button { margin-right: 10px; } .sort-by .bootstrap-select { position: relative; right: 0; top: 0; } .sort-by .dropdown-menu { box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.14); } .sort-by .bootstrap-select.btn-group button { flex: 1; position: relative; right: 0; top: 4px; font-weight: 600; margin-left: 10px; width: auto; padding: 0; padding-right: 12px; background-color: transparent; box-shadow: none; height: 20px; color: #333; } .sort-by .bootstrap-select:not([class*='col-']):not([class*='form-control']):not( .input-group-btn ) { width: auto; } .sort-by .bootstrap-select.btn-group .dropdown-toggle .caret { right: 0; } .sort-by .bootstrap-select .dropdown-menu { padding-top: 15px; top: 40px; right: 0; left: auto; position: absolute; min-width: 160px !important; flex: 1; } .sort-by .bootstrap-select.open:before { display: none; } .sort-by { display: flex; flex-wrap: wrap; align-items: flex-start; position: relative; float: right; } /* Notify Box Media Queries*/ @media (max-width: 768px) { .notify-box { margin-bottom: 90px; } .notify-box .sort-by { position: absolute; margin-top: 35px; left: 0; } .notify-box .sort-by .bootstrap-select .dropdown-menu { left: 0; right: auto; } } /* ---------------------------------- */ /* Titlebar ------------------------------------- */ #titlebar { background-color: #f8f8f8; position: relative; padding: 70px 0; margin-bottom: 65px; } #titlebar.gradient { background: linear-gradient( to bottom, rgba(0, 0, 0, 0.03) 0%, rgba(255, 255, 255, 0) ); padding-bottom: 0; } #titlebar.white { background: #fff; padding-bottom: 0; } #titlebar.transparent { background: transparent; } #titlebar span a, #titlebar span { font-size: 20px; color: #888; margin-bottom: 3px; margin-top: 3px; display: block; } #titlebar #breadcrumbs span { font-size: 14px; } #titlebar h1, #titlebar h2 { font-size: 30px; line-height: 40px; margin: 1px 0 3px 0; } /* Breadcrumbs */ #breadcrumbs { position: absolute; right: 15px; display: inline-block; font-size: 14.7px; top: 50%; transform: translateY(-51%); border-radius: 4px; font-weight: 600; color: #333; background-color: #f0f0f0; } #breadcrumbs ul { margin: 0; padding: 12px 22px; line-height: 23px; } #breadcrumbs ul li a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #666; font-weight: 500; } #breadcrumbs ul li a:hover { color: #66676b; } #breadcrumbs ul li { display: inline-block; list-style: none; margin: 0 0 0 7px; } #breadcrumbs ul li:first-child:before { display: none; } #breadcrumbs ul li:first-child { margin-left: 0; } #breadcrumbs ul li:before { content: ''; display: inline-block; height: 0; width: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #aaa; font-size: 14px; margin-right: 12px; } #breadcrumbs ul li.home-icon a { opacity: 1; font-size: 24px; top: 4px; position: relative; line-height: 0; padding: 0; display: inline-block; } #breadcrumbs ul li.home-icon i { line-height: 0; } /* Dark Style */ #breadcrumbs.dark { color: rgba(255, 255, 255, 1); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); background-color: #333; } #breadcrumbs.dark ul li a, #breadcrumbs.dark ul li a:hover { color: rgba(255, 255, 255, 1); } #breadcrumbs.dark ul li:before { border-left: 4px solid rgba(255, 255, 255, 0.3); } /* White Style */ #breadcrumbs.white { color: #333; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); background-color: #fff; } #breadcrumbs.white ul li a { color: #666; } #breadcrumbs.white ul li a:hover { color: #66676b; } #breadcrumbs.white ul li:before { border-left: 4px solid rgba(0, 0, 0, 0.3); } /* Adjustments for "Single Page Header" */ .single-page-header #breadcrumbs { position: relative; top: 0; left: 0; transform: none; margin-left: auto; } @media (max-width: 992px) { .single-page-header #breadcrumbs { margin: 30px 0 20px 0; } } /* ---------------------------------- */ /* Single Page Header ------------------------------------- */ .single-page-header { margin-bottom: 65px; padding: 60px 0; position: relative; } .single-page-header .container { z-index: 100; position: relative; } .single-page-header:after, .single-page-header:before { content: ''; position: absolute; height: 100%; width: 100%; display: block; top: 0; left: 0; z-index: 15; background: linear-gradient( to right, rgba(247, 247, 247, 1) 50%, rgba(247, 247, 247, 0.8) 70%, rgba(247, 247, 247, 0.8) 90% ); } .single-page-header:after { z-index: 5; background-color: #f7f7f7; } .single-page-header .background-image-container { background-size: cover; background-repeat: no-repeat; background-position: 100% 50%; position: absolute; top: 0; left: 0; height: 100%; width: 50%; left: 50%; z-index: 10; } .single-page-header .single-page-header-inner { display: flex; } .single-page-header .left-side, .single-page-header .right-side { flex: 1; display: flex; align-items: center; } .single-page-header .left-side { padding-right: 30px; } .single-page-header .right-side { max-width: 35%; } @media (min-width: 1365px) { .single-page-header .right-side { max-width: 30%; } } /* Image */ .single-page-header .header-image a { display: flex; height: 100%; } .single-page-header .header-image { height: 140px; flex: 0 0 140px; margin-right: 35px; background: #fff; border-radius: 4px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); display: flex; padding: 0 20px; } /* IE 11 Fixes */ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .single-page-header .header-image { max-width: 140px; } } .single-page-header.freelancer-header .header-image { background: #fff; border-radius: 50%; box-shadow: none; display: flex; padding: 0; overflow: hidden; height: 130px; flex: 0 0 130px; width: 130px; } .single-page-header .header-image img { align-self: center; transform: translate3d(0, 0, 0); } /* IE 11 FIX */ @media all and (-ms-high-contrast: none) { .single-page-header .header-image img { width: 100%; } } /* Details */ .single-page-header .header-details { flex: 1; } .single-page-header .header-details h3 { color: #333; font-size: 26px; margin: 0; padding: 0; margin-bottom: 12px; margin-top: 3px; line-height: 36px; position: relative; padding-right: 0; display: inline-block; } .single-page-header .header-details h3 span { color: #808080; display: block; font-size: 20px; font-weight: 300; margin-top: -3px; } .single-page-header .header-details h5 { font-size: 16px; font-weight: 600; color: #333; } /* Details */ .single-page-header .header-details h5 { font-size: 16px; font-weight: 600; color: #333; } .single-page-header .header-details ul { padding: 0; margin: 0; list-style: none; line-height: 24px; margin-bottom: -7px; } .single-page-header .header-details li { display: inline-block; margin-right: 20px; margin-bottom: 12px; } .single-page-header .header-details li:last-child { margin-right: 0; } .single-page-header .header-details li a { color: #666; } .single-page-header .header-details li a:hover { color: #66676b; } .single-page-header .header-details li i { font-size: 20px; position: relative; top: 2px; margin-right: 2px; } .single-page-header .header-details li .verified-badge { transform: scale(0.85); position: relative; top: 2px; } .single-page-header .header-details li .verified-txt { color: #299840; } .single-page-header .header-details li .star-rating { position: relative; top: 6px; } .single-page-header .header-details ul li img.flag { height: 16px; border-radius: 3px; position: relative; top: -1px; display: inline-block; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); margin-right: 5px; cursor: default; } /* Salary Box */ .single-page-header .salary-box { border-radius: 4px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08); background-color: #fff; display: inline-block; padding: 20px 25px; margin-left: auto; } .salary-box .salary-type { color: #888; line-height: 20px; margin: 3px 0 8px 0; } .salary-box .salary-amount { color: #333; font-size: 28px; line-height: 36px; font-weight: 300; } /* Media Queries for Single Page Header */ @media (max-width: 1366px) { .single-page-header.freelancer-header .header-image { height: 130px; flex: 0 0 130px; width: 130px; } } @media (max-width: 1240px) { .single-page-header .header-details h3 { font-size: 26px; } .single-page-header { padding: 55px 0; } .salary-box .salary-amount { font-size: 26px; line-height: 32px; } .single-page-header .header-image { height: 120px; flex: 0 0 120px; } .single-page-header.freelancer-header .header-image { height: 120px; flex: 0 0 120px; width: 120px; } } @media (max-width: 992px) { .single-page-header .single-page-header-inner { display: flex; flex-direction: column; } .single-page-header .left-side { padding-right: 0; } .single-page-header .header-details h3 { font-size: 24px; } .single-page-header { padding: 35px 0; } .single-page-header .salary-amount { font-size: 22px; line-height: 24px; } .single-page-header .salary-box { padding: 0; margin-top: 15px; margin-bottom: 20px; background-color: transparent; box-shadow: none; } .salary-box .salary-type { font-weight: 600; color: #333; } .single-page-header .left-side, .single-page-header .right-side, .single-page-header-inner { display: block; max-width: 100%; } .single-page-header .header-image { height: 70px; width: auto; padding: 15px 20px; margin: 15px 0; display: inline-block; } .single-page-header .header-image img { height: 100%; } .single-page-header .header-details h5 { border-top: 1px solid #e0e0e0; padding-top: 25px; } .single-page-header.freelancer-header .header-image { height: 70px; flex: 0 0 70px; width: 70px; margin-bottom: -70px; } .single-page-header.freelancer-header .header-details h3 { margin-left: 90px; } } @media (max-width: 768px) { /*.single-page-header:after, .single-page-header:before { background: #f7f7f7; }*/ .single-page-header:after, .single-page-header:before { background-color: linear-gradient( to right, rgba(247, 247, 247, 1) 50%, rgba(247, 247, 247, 0.8) 70%, rgba(247, 247, 247, 0.8) 90% ); } .single-page-header.freelancer-header .header-image { height: 70px; flex: 0 0 70px; width: 70px; margin-bottom: -70px; } .single-page-header.freelancer-header .header-details h3 { margin-left: 90px; } } /* ---------------------------------- */ /* Blog Post ------------------------------------- */ .blog-post { display: flex; background: #fff; margin-bottom: 35px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); border-radius: 4px; overflow: hidden; transition: 0.3s; } .blog-post:hover { box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1); transform: translateY(-5px); } .blog-post-thumbnail { flex: 0 0 auto; max-width: none; max-height: 100%; overflow: hidden; position: relative; width: 260px; } .blog-post-thumbnail-inner { height: 100%; width: 100%; overflow: hidden; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); transition: 0.3s; } .blog-post-thumbnail-inner img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } .blog-post-thumbnail-inner .blog-item-tag { bottom: 20px; left: 20px; top: auto; margin: 0; } .blog-post-content { flex: 1; padding: 35px; } .blog-post-content h3, .blog-post-content h3 a { font-size: 22px; line-height: 33px; color: #333; margin-bottom: 15px; display: block; } .blog-post-content h3 a:hover { color: #66676b; } a.blog-post-info, .blog-post-info, .blog-post-date { font-size: 14px; color: #888; margin-bottom: 10px; display: inline-block; background-color: #f0f0f0; border-radius: 4px; line-height: 20px; padding: 4px 10px; margin-right: 3px; transition: 0.3s; } a.blog-post-info:hover { color: #fff; background-color: #66676b; } .blog-post-content p { padding: 0; margin: 0; display: block; color: #808080; } .blog-post-content a.button i.icon-feather-arrow-right { font-size: 20px; top: 4px; left: -1px; position: relative; margin: 0 -5px; } .blog-post-info-list { display: block; } blockquote { padding: 10px 20px; margin: 0 20px; font-size: 17px; line-height: 30px; color: #888; border-left: 5px solid #eee; } /* Single Post Styles */ .blog-post.single-post { flex-direction: column; } .blog-post.single-post:hover { transform: none; } .blog-post.single-post .blog-post-thumbnail { width: 100%; height: 380px; } .blog-post.single-post p { margin-bottom: 20px; } /* Post Navigation */ #posts-nav { padding: 0; list-style: none; width: 100%; position: relative; margin: 0; display: inline-block; min-height: 60px; } #posts-nav li span { display: block; font-size: 14px; color: #888; margin-bottom: 10px; display: inline-block; background-color: #f0f0f0; border-radius: 4px; line-height: 20px; padding: 4px 10px; margin-right: 3px; transition: 0.3s; } #posts-nav li a:hover span { background-color: #66676b; color: #fff; } #posts-nav li { position: absolute; font-size: 18px; font-weight: 500; width: 50%; } #posts-nav li strong { display: block; font-weight: 500; } #posts-nav li a { transition: transform 0.3s, color 0.3s 0s; color: #333; display: inline-block; line-height: 28px; } #posts-nav li a:hover { color: #66676b; } #posts-nav li.next-post { right: 0; text-align: right; } #posts-nav li.prev-post { left: 0; } #posts-nav li.next-post a { padding-right: 50px; } #posts-nav li.prev-post a { padding-left: 50px; } #posts-nav li.prev-post a:before, #posts-nav li.next-post a:before { font-family: 'Feather-Icons'; font-size: 30px; position: absolute; color: inherit; top: 50%; transform: translate3d(0, -50%, 0); transition: transform 0.3s; } #posts-nav li.next-post a:before { right: 0; content: '\e930'; } #posts-nav li.prev-post a:before { left: 0; content: '\e92f'; } #posts-nav li.next-post a:hover:before { transform: translate3d(5px, -50%, 0); } #posts-nav li.prev-post a:hover:before { transform: translate3d(-5px, -50%, 0); } /* Comments */ .comments { margin: -10px 0 0 0; } .comments h4 { margin-bottom: 25px; font-size: 20px; font-weight: 500; color: #333; } .comments h4 span { display: inline-block; font-size: inherit; } .comment { font-size: 20px; } .comments .button { margin: 0 0 10px 0; padding: 7px 15px; } .comments.reviews .button { margin: 0; } .comments ul { padding-left: 0; } .comments ul li { display: block; } .comments ul li, .comments ul li ul li, .comments ul li ul li ul li, .comments ul li ul li ul li { margin: 50px 0 0 0px; } .comments ul li ul { margin: 0 0 0 100px; } .comment-content p { margin: 3px 0 0 0; line-height: 26px; } .comment-content { color: #666; padding: 0 0 0 100px; } .comments ul li ul { border-left: 1px solid #e0e0e0; padding-left: 35px; } .comments ul li ul li:before { content: ''; width: 15px; height: 1px; background-color: #e0e0e0; display: inline-block; position: absolute; top: 30px; left: -35px; } .comments ul li { position: relative; } .comment-content strong { padding-right: 5px; color: #666; } .comment-content span { color: #888; } body .comment-content p { padding: 5px 0; } .comments-amount { color: #888; font-weight: 500; } .avatar { display: inline-block; float: left; padding: 0 17px 0 0; position: absolute; left: 0px; top: -5px; } .avatar img { max-width: 70px; border-radius: 50%; } .comment-by { width: 100%; padding-bottom: 8px; padding-top: 5px; font-weight: 500; color: #333; } .comment-by h5 { margin: 0 0 7px 0; } .comment-by a.reply { transition: all 0.3s; } .comment-by a.reply { display: inline; background-color: #f0f0f0; padding: 5px 16px; line-height: 22px; font-size: 14px; color: #666; font-weight: 500; position: absolute; right: 0; top: 15px; border-radius: 4px; } .comment-by a.reply i { font-size: 12px; margin-right: 1px; } .comment-by a.reply:hover { background-color: #66676b; color: #fff; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1); } .comment-by span.date { color: #888; font-weight: 500; margin: 0px 0 0 0; float: none; display: block; text-align: left; } @media (max-width: 768px) { /* Media Queries for Comments */ .comments ul li ul { margin: 0; } .avatar { top: 3px; } .comment-content { color: #666; padding: 0 0 0 70px; } .avatar img { max-width: 50px; border-radius: 50%; top: 5px; } .comment-by a.reply { position: relative; margin: 10px 0 0 0; top: 0; display: inline-block; } /* Media Queries for Blog Post */ .blog-post { flex-direction: column; } .blog-post-thumbnail { width: 100%; height: 220px; } #posts-nav li { position: relative; width: 100%; } #posts-nav li a { padding: 0 !important; } #posts-nav li a::before { display: none; } #posts-nav li.next-post { text-align: left; margin-bottom: 30px; } } /* Blog Widget Tabs */ .widget-tabs { padding: 0; list-style: none; margin-top: 25px; display: block; } .widget-content { box-shadow: 0 3px 9px rgba(0, 0, 0, 0.07); border-radius: 4px; background-color: #fff; position: relative; width: 100%; overflow: hidden; } .widget-content:before { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10; background: #fff; opacity: 1; transition: 0.35s ease-in-out; } .widget-content img { display: block; object-fit: cover; width: 100%; height: 100%; position: absolute; width: 100%; height: 100%; z-index: 9; opacity: 1; transition: 0.35s; border-radius: 5.5px; } .widget-text h5 { font-size: 16px; font-weight: 600; line-height: 24px; margin: 0 0 3px 0; color: #333; transition: 0.35s; } .widget-text span { font-size: 14px; color: #888; display: inline-block; background-color: #f0f0f0; border-radius: 4px; line-height: 20px; padding: 4px 10px; margin-top: 3px; transition: 0.35s; } .widget-text { display: block; padding: 0; position: relative; z-index: 20; padding: 30px; } .widget-tabs .widget-content { display: table; } .widget-tabs .widget-content .widget-text { display: table-cell; vertical-align: middle; } .widget-tabs li { margin-top: 20px; } .widget-content:hover:before, .widget-content.active:before { opacity: 0.6; background: #333; } .widget-content:hover img, .widget-content.active img { opacity: 1; } .widget-content:hover h5, .widget-content.active h5 { color: #fff; } .widget-content:hover span, .widget-content.active span { background: rgba(255, 255, 255, 0.25); color: #fff; } /* Blog Compact Item ------------------------------------- */ .blog-compact-item-container { display: block; height: 100%; width: 100%; border-radius: 4px; background: transparent; transform: translate3d(0, 0, 0); transition: transform 0.4s; margin-bottom: 30px; } .blog-compact-item-container:hover { transform: translateY(-10px); } .blog-compact-item { background: #ccc; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); border-radius: 4px; height: 100%; display: block; position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50%; height: 460px; z-index: 100; cursor: pointer; transition: 0.4s; } @media (max-width: 1366px) { .blog-compact-item { height: 420px; } } .blog-compact-item img { object-fit: cover; height: 100%; width: 100%; border-radius: 4px; } .blog-compact-item:before { content: ''; top: 0; position: absolute; height: 100%; width: 100%; z-index: 9; border-radius: 4px; background: linear-gradient( to top, rgba(51, 51, 51, 0.8) 0%, rgba(51, 51, 51, 0.7) 35%, rgba(51, 51, 51, 0.3) 60%, rgba(51, 51, 51, 0.3) 100% ); transition: 0.4s; } .blog-compact-item-content { position: absolute; bottom: 32px; left: 0; padding: 0 34px; width: 100%; z-index: 50; box-sizing: border-box; } .blog-compact-item-content h3 { color: #fff; font-size: 20px; padding: 5px 0; font-weight: 500; margin: 2px 0 0 0; line-height: 30px; } .blog-compact-item-content span { font-size: 16px; font-weight: 300; display: inline-block; color: rgba(255, 255, 255, 0.7); } .blog-compact-item-content p { font-size: 16px; font-weight: 300; display: inline-block; color: rgba(255, 255, 255, 0.8); margin: 7px 0 0 0; } span.blog-item-tag { font-size: 14px; font-weight: 600; color: #333; background-color: #fff; border-radius: 4px; padding: 5px 12px; line-height: 20px; font-weight: 400; margin-bottom: 9px; position: absolute; top: 30px; left: 32px; z-index: 110; transition: 0.4s; } .blog-post-tags { list-style: none; padding: 0; margin: 0; margin-bottom: 0; color: #fff; font-size: 14px; font-weight: 400; opacity: 0.9; } .blog-post-tags li { display: inline-block; margin-right: 5px; } .blog-post-tags li i { margin-right: 3px; font-weight: normal; display: inline-block; } /* ---------------------------------- */ /* Contact Page ------------------------------------- */ .contact-location-info { display: flex; align-content: center; justify-content: center; background-color: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03); } .contact-location-info .contact-address, .contact-location-info #single-job-map-container { flex: 1; } .contact-location-info #single-job-map-container #singleListingMap { border-radius: 0 4px 4px 0; } .contact-location-info .contact-address { border: 1px solid #e0e0e0; border-right: 0; border-radius: 4px 0 0 4px; } .contact-location-info .contact-address { display: flex; } .contact-location-info .contact-address > ul { align-self: center; padding: 40px; margin: 0; list-style: none; font-size: 18px; color: #808080; } .contact-location-info .contact-address ul li { padding: 2px 0; } .contact-location-info .freelancer-socials { margin-top: 10px; margin-left: -8px; transform: scale(0.9); } .contact-address-headline { color: #333; font-weight: 600; } .contact-address-headline:after { content: ''; height: 2px; width: 25px; background-color: #66676b; position: relative; display: block; margin: 15px 0; border-radius: 3px; } @media (max-width: 768px) { .contact-location-info { flex-direction: column; } .contact-location-info .contact-address { border: 1px solid #e0e0e0; border-bottom: none; border-radius: 4px 4px 0 0; } .contact-location-info #single-job-map-container #singleListingMap { border-radius: 0 0 4px 4px; } } #contact div input { margin-bottom: 22px; } /* ---------------------------------- */ /* Single Task / Job / Profile ------------------------------------- */ .single-page-section { margin-bottom: 55px; display: block; } .single-page-section p:last-of-type { padding-bottom: 0; margin-bottom: 0; } .single-page-section h3 { margin-bottom: 20px; font-size: 20px; } .single-page-section .job-listing h3.job-listing-title { margin-bottom: 0; } /* -------------------------------------------------------------- */ /* 03. Listings Styles ----------------------------------------------------------------- */ /* ---------------------------------- */ /* Full Width Page Layout ------------------------------------- */ .full-page-container { display: flex; width: 100%; flex-wrap: wrap; } .full-page-sidebar { flex: 0 0 360px; background-color: #fafafa; position: relative; } .full-page-sidebar .full-page-sidebar-inner { overflow: auto; height: 100%; } .full-page-sidebar .sidebar-container { padding: 40px; } .full-page-sidebar .simplebar-scrollbar { width: 5px; } .full-page-sidebar .sidebar-widget:last-of-type { margin-bottom: 80px; } .full-page-content-container { flex: 1; background-color: #fff; padding: 0; overflow: auto; } .full-page-content-inner { padding: 40px; padding-bottom: 0; } .full-page-content-inner .grid-layout { width: calc(100% + 30px); } .full-page-content-inner .grid-layout .job-listing { margin: 0 30px 30px 0; width: calc(100% * (1 / 3) - 30px); } /* Search Button */ .sidebar-search-button-container { position: absolute; width: calc(100% - 15px); bottom: 0; padding: 40px; padding-top: 10px; z-index: 100; background-color: #fafafa; } .sidebar-search-button-container button { width: calc(100% + 15px); line-height: 46px; height: 46px; transition: 0.3s; box-shadow: 0 4px 12px rgba(102, 103, 107, 0.1); } .sidebar-search-button-container button:hover { box-shadow: 0 4px 12px rgba(102, 103, 107, 0.25); transform: translateY(-2px); } /* Small Footer */ .small-footer { border-top: 1px solid #e0e0e0; padding-top: 0px; width: calc(100% + 80px); left: -40px; position: relative; padding: 25px 40px; display: flex; } .small-footer strong { color: #333; } .small-footer-copyrights { flex: 2; } .small-footer .footer-social-links { transform: none; flex: 1; text-align: right; float: right; display: inline-block; margin: 0 -5px 0 0; position: relative; top: 2px; } .small-footer .footer-social-links li { color: #333; transform: none; float: none; margin: 0 -3px; } .small-footer .footer-social-links li a { color: #333; transform: none; } /* Full Page With Map ------------------------------------- */ .full-page-map-container { flex: auto; position: relative; background-color: #e5e3df; } .full-page-map-container #map { position: relative; z-index: 30; } .full-page-container.with-map .full-page-content-container { flex: 0 0 50vw; } /* Sliding Sidebar */ .full-page-sidebar.hidden-sidebar { visibility: hidden; transition: 0.4s; position: relative; opacity: 0; max-width: 0; } /*.full-page-container.with-map .full-page-sidebar .sidebar-search-button-container,*/ .full-page-container.with-map .full-page-sidebar .full-page-sidebar-inner { width: 360px; } .full-page-sidebar.hidden-sidebar.enabled-sidebar { visibility: visible; opacity: 1; max-width: 360px; } /* Enable Filter Button */ .enable-filters-button { position: relative; left: 48px; top: 0px; z-index: 100; background-color: #fff; color: #333; border-radius: 0 4px 4px 0; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); height: 48px; line-height: 48px; padding: 0; transition: 0.3s; min-width: 126px; text-align: center; } .enable-filters-button span { position: relative; padding: 0 15px; background-color: #66676b; color: #fff; width: 100%; z-index: 100; border-radius: 0 4px 4px 0; transition: 0.3s; } /* Filter Button Container */ .filter-button-container { position: absolute; left: 40px; top: 20px; width: calc(100% - 40px); overflow-x: hidden; padding: 20px 0; } .filter-button-tooltip { position: absolute; width: auto; left: 15px; top: 24px; z-index: 100; border-radius: 4px; width: auto; animation: tooltip-bounce 2s infinite; margin-left: 15px; white-space: nowrap; opacity: 0; overflow: visible; transition: opacity 0.3s; pointer-events: none; padding: 0 20px; background-color: #fff; color: #555; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); font-size: 15.7px; line-height: 48px; top: 20px; } .filter-button-tooltip.tooltip-visible { opacity: 1; } .filter-button-tooltip:before { content: ''; position: absolute; width: 0; height: 0; top: calc(50% - 3px); content: ''; left: -3px; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent #fff #fff; transform-origin: 0 0; transform: rotate(45deg) translateY(-50%); box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.04); } @keyframes tooltip-bounce { 0%, 20%, 50%, 80%, 100% { transform: translateX(0); } 40% { transform: translateX(14px); } 60% { transform: translateX(7px); } } /* Hover & Active States */ .enable-filters-button:hover i, .enable-filters-button.active i, .enable-filters-button:hover span, .enable-filters-button.active span { background-color: #333; } .enable-filters-button:hover i:after, .enable-filters-button:hover i:before, .enable-filters-button.active i:after, .enable-filters-button.active i:before { background-color: rgba(0, 0, 0, 0.25); } .enable-filters-button i { position: absolute; z-index: 90; left: -48px; height: 100%; font-size: 20px; background-color: #66676b; color: #fff; line-height: 48px; text-align: center; width: 48px; border-radius: 4px 0 0 4px; font-style: normal; font-family: 'Feather-Icons'; transition: 0.3s; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .enable-filters-button i:after, .enable-filters-button i:before { position: absolute; left: 0; right: 0; transition: 0.3s; border-radius: 4px 0 0 4px; background-color: rgba(0, 0, 0, 0.1); } .enable-filters-button i:after { content: '\e9d1'; opacity: 1; } .enable-filters-button.active i:after { opacity: 0; } .enable-filters-button i:before { content: '\ea02'; opacity: 0; } .enable-filters-button.active i:before { opacity: 1; } .enable-filters-button span.show-text, .enable-filters-button.active span.hide-text { display: inline-block; } .enable-filters-button.active span.show-text, .enable-filters-button span.hide-text { display: none; } /* Location Field on Map */ .location-field-on-map { position: absolute; top: 40px; right: 40px; width: 280px; max-width: 40%; z-index: 100; } .location-field-on-map input { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; } /* Full Page Media Queries ------------------------------------- */ @media (max-width: 3860px) { .full-page-content-inner .grid-layout .job-listing { width: calc(100% * (1 / 4) - 30px); } /* Full Page With Map */ .full-page-container.with-map .full-page-content-inner .grid-layout .job-listing { width: calc(100% * (1 / 3) - 30px); } } @media (max-width: 2560px) { .full-page-content-inner .grid-layout .job-listing { width: calc(100% * (1 / 4) - 30px); } /* Full Page With Map */ .full-page-container.with-map .full-page-content-inner .grid-layout .job-listing { width: calc(100% * (1 / 2) - 30px); } } @media (max-width: 1920px) { .full-page-content-inner .grid-layout .job-listing { width: calc(100% * (1 / 3) - 30px); } /* Full Page With Map */ .full-page-container.with-map .full-page-sidebar { flex: 0 0 340px; } .full-page-container.with-map .full-page-sidebar .full-page-sidebar-inner { width: 340px; } .full-page-container.with-map .full-page-content-inner .grid-layout .job-listing { width: calc(100% * (1 / 2) - 30px); } } @media (max-width: 1600px) { .full-page-content-inner .grid-layout .job-listing { width: calc(100% * (1 / 2) - 30px); } .full-page-sidebar { flex: 0 0 340px; } /* Full Page With Map */ .full-page-container.with-map .full-page-sidebar { flex: 0 0 320px; } .full-page-container.with-map .full-page-sidebar .full-page-sidebar-inner { width: 320px; } .full-page-container.with-map .full-page-content-inner .grid-layout .job-listing { width: calc(100% - 30px); } .full-page-container.with-map .full-page-content-container { flex: 0 0 55vw; } } @media (max-width: 1365px) { .location-field-on-map { left: 0px; right: auto; width: calc(100% - 80px); max-width: calc(100% - 80px); margin: 0 40px; } /* Notify Box Responsive Styles*/ .full-page-container .notify-box { margin-bottom: 80px; } .full-page-container .notify-box .sort-by { position: absolute; margin-top: 40px; left: 0; } .full-page-container .notify-box .sort-by .bootstrap-select .dropdown-menu { left: 0; right: auto; } } @media (max-width: 1099px) { .full-page-content-inner .grid-layout .job-listing { width: calc(100% - 30px); } .full-page-sidebar { flex: 0 0 340px; } /* Important Responsive Styles */ .full-page-map-container { order: -1; width: 100%; height: 400px; position: absolute; top: 0; } .full-page-container.with-map { padding-top: 400px; height: auto !important; width: 100%; position: relative; } .full-page-container.with-map .full-page-sidebar { max-width: 100%; visibility: visible; opacity: 1; } .filter-button-container { display: none; } .full-page-container.with-map .full-page-sidebar .full-page-sidebar-inner { position: relative; width: 100%; } .full-page-container.with-map .full-page-content-container { flex: 1; } .full-page-container, .full-page-sidebar-inner, .full-page-content-container, .full-page-container .full-page-sidebar { height: auto !important; } .full-page-container .simplebar-track { display: none; } } @media (max-width: 992px) { .location-field-on-map { width: calc(100% - 50px); max-width: calc(100% - 50px); margin: 0 25px; top: 25px; } .sidebar-search-button-container, .full-page-sidebar .sidebar-container, .full-page-content-inner { padding: 35px; } .full-page-content-inner { padding-bottom: 0; } .full-page-content-inner .grid-layout .job-listing { width: calc(100% - 30px); } .full-page-sidebar { flex: 0 0 320px; } .full-page-sidebar-inner, .full-page-content-container, .full-page-container .full-page-sidebar { height: auto !important; } } @media (max-width: 768px) { .location-field-on-map { width: calc(100% - 30px); max-width: calc(100% - 30px); margin: 0 15px; } .sidebar-search-button-container, .full-page-sidebar .sidebar-container, .full-page-content-inner { padding: 40px 15px; } .full-page-content-inner { padding-bottom: 0; } .full-page-content-inner .grid-layout .job-listing { width: calc(100% - 30px); } .full-page-sidebar { flex: 1; width: 100%; } .full-page-container { display: block; width: 100%; flex-wrap: wrap; height: auto; } .small-footer { display: block; text-align: center; } .small-footer .footer-social-links { float: none; left: -10px; margin-top: 10px; } } /* ---------------------------------- */ /* Job Listing - List Layout ------------------------------------- */ .job-listing { display: block; border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); margin-bottom: 35px; background-color: #fff; transition: 0.3s; position: relative; } .job-listing:hover { box-shadow: 0 2px 18px rgba(0, 0, 0, 0.14); transform: translateY(-4px); } .job-listing-details { display: flex; flex-wrap: wrap; align-items: flex-start; padding: 35px; padding-bottom: 32px; } .job-listing .job-listing-company-logo { flex: 1; max-width: 55px; margin-right: 25px; position: relative; top: 3px; } .job-listing .job-listing-company-logo img { border-radius: 4px; transform: translate3d(0, 0, 0); } .job-listing .job-listing-description { flex: 1; padding-top: 3px; } .job-listing .job-listing-description p { margin: 15px 0 0 0; padding: 0; color: #666; } .job-listing h4.job-listing-company { font-size: 16px; color: #808080; } .job-listing h3.job-listing-title { font-size: 20px; color: #333; line-height: 30px; } .job-listing .job-listing-footer { background-color: #f9f9f9; padding: 20px 35px; border-radius: 0 0 4px 4px; position: relative; } .job-listing .job-listing-footer ul { list-style: none; padding: 0; margin: 0; } .job-listing .job-listing-footer ul li { display: inline-block; margin-right: 14px; color: #777; } .job-listing .job-listing-footer ul li:last-child { margin-right: 0; } .job-listing .job-listing-footer ul li i.icon-material-outline-location-on { margin-right: 0; } .job-listing .job-listing-footer ul li i.delete { color: blue; } .job-listing .job-listing-footer ul li i { position: relative; top: 1px; margin-right: 3px; color: #777; } /* Media Queries for Default List Layout*/ @media (max-width: 768px) { .job-listing .job-listing-company-logo { display: none; } .job-listing .job-listing-title { padding-right: 10%; } } /* ---------------------------------- */ /* Job Listing - Compact List Layout ------------------------------------- */ .compact-list-layout { background-color: #fff; border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); } .compact-list-layout .job-listing { box-shadow: none; margin-bottom: 0; padding: 30px 35px; padding-right: 80px; border-radius: 0; } .compact-list-layout .job-listing:last-of-type { border-radius: 0 0 3px 3px; overflow: hidden; } .compact-list-layout .job-listing:first-of-type { border-radius: 3px 3px 0 0; overflow: hidden; } .compact-list-layout .job-listing h3 { font-size: 18px; line-height: 28px; } .compact-list-layout .job-listing:nth-child(2n) { background-color: #fafafa; } .compact-list-layout .job-listing:before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; display: block; background: #66676b; transition: 0.3s; opacity: 0; } .compact-list-layout .job-listing:hover:before { opacity: 1; } .compact-list-layout .job-listing:hover { transform: none; } .compact-list-layout .job-listing .job-listing-footer { background-color: transparent; padding: 0; margin-top: 3px; } .compact-list-layout .job-listing-details { display: flex; flex-wrap: wrap; align-items: center; padding: 0; top: 0; } .compact-list-layout .job-listing .job-listing-company-logo { max-width: 50px; margin-right: 30px; top: 0; } .compact-list-layout .job-listing .verified-badge { transform: scale(0.85) translate(8px, 8px); } .compact-list-layout .job-listing h3 .verified-badge { transform: scale(0.85) translate(0, 0); font-weight: 500; top: 1px; } .compact-list-layout .job-listing h3 .verified-badge:before { top: -1px; } .compact-list-layout .job-listing span.bookmark-icon { top: 50%; transform: translateY(-51%); } /* List Layuot Apply Button */ .compact-list-layout .job-listing.with-apply-button { position: relative; padding-right: 35px; } .list-apply-button { position: absolute; right: 0; padding: 10px 20px; line-height: 24px; position: relative; font-size: 16px; font-weight: 500; display: inline-block; transition: all 0.3s; border-radius: 4px; background: #f0f0f0; color: #666; text-align: center; } .job-listing.with-apply-button:hover .list-apply-button { background-color: #66676b; color: #fff; box-shadow: 0 4px 12px rgba(102, 103, 107, 0.15); } /* Alt Styles for Single Company Profile */ .boxed-list .compact-list-layout { box-shadow: none; margin-top: 0; } .boxed-list .compact-list-layout .job-listing:hover { border-left: none; } .boxed-list .compact-list-layout .job-listing:first-of-type { border-radius: 0; } /* Media Queries for Grid Layout */ @media (max-width: 768px) { .list-apply-button { flex: auto; width: 100%; margin-top: 15px; } } /* ---------------------------------- */ /* Job Listing - Grid Layout ------------------------------------- */ .grid-layout { display: flex; flex-wrap: wrap; width: calc(100% + 30px); } .grid-layout .job-listing { display: flex; flex-direction: column; justify-content: center; margin: 0 30px 30px 0; width: calc(100% * (1 / 2) - 30px); flex-direction: column; } .grid-layout .job-listing-details { flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; padding: 30px; padding-right: 40px; } /* IE 11 Fixes */ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .tasks-list-container.tasks-grid-layout .task-listing .task-listing-details, .grid-layout .job-listing-details { flex-basis: 100px; } .tasks-list-container.tasks-grid-layout .task-listing-bid { flex-basis: 100px; } } /* IE 11 Fixes - End */ .grid-layout .job-listing-footer { flex-grow: 0; padding: 20px 30px; } .grid-layout .job-listing h3.job-listing-title { font-size: 18px; line-height: 28px; } .grid-layout .job-listing-footer .bookmark-icon { top: 0; right: 25px; transform: translateY(-50%) scale(0.96); } .grid-layout .job-listing .job-listing-company-logo { max-width: 56px; margin-right: 24px; top: 1px; flex: 0 0 56px; } /* Media Queries for Grid Layout */ @media (max-width: 768px) { .full-page-content-inner .grid-layout .job-listing, .grid-layout .job-listing { margin: 0 0 30px 0; width: 100%; } .grid-layout, .full-page-content-inner .grid-layout { width: 100%; } .full-page-content-container .simplebar-content { overflow-x: hidden !important; } .full-page-container.with-map .full-page-content-inner .grid-layout .job-listing { width: 100%; } } /* ---------------------------------- */ /* Tasks - List Layout ------------------------------------- */ .task-listing { border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); margin-bottom: 30px; background-color: #fff; transition: 0.3s; position: relative; display: flex; justify-content: center; cursor: pointer; } .task-listing:hover { box-shadow: 0 2px 18px rgba(0, 0, 0, 0.14); transform: translateY(-4px); } .task-listing-details { padding: 34px 38px; flex: 1; } .task-listing .task-listing-description { flex: 1; align-items: center; justify-content: center; } .task-listing .task-listing-description p { margin: 15px 0 0 0; padding: 0; color: #666; } .task-listing h3.task-listing-title a, .task-listing h3.task-listing-title { font-size: 18px; color: #333; line-height: 28px; cursor: pointer; font-weight: 600; padding-top: 2px; transition: 0.3s; } .task-listing .task-icons { list-style: none; padding: 0; margin: 3px 0 0 -3px; } .task-listing .task-icons li { display: inline-block; padding: 0; margin: 0; margin-right: 10px; color: #808080; } .task-listing .task-icons i { color: #909090; font-size: 18px; position: relative; top: 1px; } .task-listing .task-icons i.icon-material-outline-desktop-windows { font-size: 19px; top: 2px; } .task-listing-bid { flex: 0 0 240px; background-color: #f8f8f8; position: relative; display: flex; align-items: center; justify-content: center; } .task-listing-bid-inner { width: 100%; padding: 35px; } .task-listing-bid-inner .button { display: block; text-align: center; box-shadow: 0 4px 12px rgba(102, 103, 107, 0.15); width: 100%; } .task-listing-bid-inner .button:hover { box-shadow: 0 4px 12px rgba(102, 103, 107, 0.25); } .task-listing-bid .task-offers { margin-bottom: 15px; /* text-align: center;*/ } .task-listing-bid .task-offers strong { display: block; color: #333; font-weight: 600; line-height: 24px; } .task-listing-bid .task-offers span { display: block; color: #888; line-height: 24px; } /* Task Tags */ .task-tags { display: block; margin: 23px 0 3px 0; } .task-tags span { transition: 0.3s; font-size: 14.7px; border-radius: 4px; background-color: rgba(102, 103, 107, 0.07); color: #66676b; display: inline-block; padding: 6px 15px; margin: 2px 0; line-height: 24px; } /* Compact List */ .compact-list .task-listing { border-radius: 0; margin-bottom: 0; box-shadow: none; } .compact-list .task-listing:hover { transform: translateY(0); } .tasks-list-container.compact-list { background-color: #fff; border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); } .tasks-list-container.compact-list .task-listing { align-items: center; justify-content: center; } .tasks-list-container.compact-list .task-listing:nth-child(2n) { background-color: #fafafa; } .tasks-list-container.compact-list .task-listing-bid { background-color: transparent; } .tasks-list-container.compact-list .task-listing:hover:before { opacity: 1; } .tasks-list-container.compact-list .task-listing:before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; display: block; background: #66676b; transition: 0.3s; opacity: 0; } .tasks-list-container.compact-list .task-listing:last-of-type { border-radius: 0 0 3px 3px; overflow: hidden; } .tasks-list-container.compact-list .task-listing:first-of-type { border-radius: 3px 3px 0 0; overflow: hidden; } .tasks-list-container.compact-list .task-listing .task-listing-details { padding-right: 0; } /* Section Styles */ .section .task-listing-details, .section .task-listing-bid-inner { padding: 27px 35px; } /* Media Queries for Tasks List */ @media (max-width: 1200px) { .task-listing-bid { flex: 0 0 220px; } } @media (min-width: 481px) and (max-width: 768px) { .task-listing-bid { flex: 1; padding: 10px 0; } .task-listing { flex-direction: column; } .task-listing-bid-inner { display: flex; margin: 20px 0 0 0; } .tasks-grid-layout .task-listing-bid-inner { margin: 0; } .task-listing-bid-inner .task-offers { flex: 1; } .task-listing-bid-inner .button { height: 100%; width: 30%; } .tasks-list-container.compact-list .task-listing .task-listing-details { padding-right: 35px; padding-bottom: 0; } .tasks-list-container.compact-list .task-listing .task-listing-bid { padding-bottom: 25px; } .task-listing-bid-inner { width: 100%; padding: 0 35px; } } /* Small Mobile Sizes */ @media (max-width: 768px) { .section .task-listing-details { padding: 25px 30px; } .section .task-listing-bid-inner { padding: 0 30px; } } /* Small Mobile Sizes */ @media (max-width: 480px) { .task-listing-bid { flex: 1; padding: 30px 0; } .task-listing { flex-direction: column; } .task-listing-bid-inner .task-offers { flex: 1; } .task-listing-bid-inner .button { height: 100%; width: 100%; } .tasks-list-container.compact-list .task-listing .task-listing-details { padding-right: 35px; padding-bottom: 0; } .tasks-list-container.compact-list .task-listing .task-listing-bid { padding-bottom: 35px; } .task-listing-bid-inner { width: 100%; padding: 0 35px; } } /* ---------------------------------- */ /* Tasks - Grid Layout ------------------------------------- */ .tasks-list-container.tasks-grid-layout { display: flex; flex-wrap: wrap; width: calc(100% + 30px); } .tasks-list-container.tasks-grid-layout .task-listing { display: flex; justify-content: center; margin: 0 30px 30px 0; width: calc(100% * (1 / 2) - 30px); flex-direction: column; } .tasks-list-container.tasks-grid-layout .task-listing-bid { flex: 1; padding: 0px 0; display: block; } .tasks-list-container.tasks-grid-layout .task-listing { flex-direction: column; } .tasks-list-container.tasks-grid-layout .task-listing-bid-inner { display: flex; align-items: center; padding: 18px 32px; } .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .task-offers { flex: 1; position: relative; top: 5px; } .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .button { height: 100%; width: 45%; } .tasks-list-container.tasks-grid-layout .task-listing .task-listing-details { display: flex; align-items: center; padding: 28px 32px; } /* Media Queries for Tasks List */ @media (max-width: 1240px) { .tasks-list-container.tasks-grid-layout .task-listing-bid-inner { display: block; } .tasks-list-container.tasks-grid-layout .task-listing-bid { padding: 20px 35px; padding-bottom: 30px; } .tasks-list-container.tasks-grid-layout .task-listing-bid-inner { padding: 0; } .tasks-list-container.tasks-grid-layout .task-listing { flex-direction: column; } .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .task-offers { flex: 1; } .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .button { height: 100%; width: 100%; } } @media (max-width: 768px) { .tasks-list-container.tasks-grid-layout { width: 100%; } .tasks-list-container.tasks-grid-layout .task-listing { margin: 0 0 30px 0; width: 100%; } .tasks-list-container.compact-list .task-listing-bid, .tasks-list-container.compact-list .task-listing-details { width: 100%; } } /* Full Page Media Queries */ @media (max-width: 3860px) { .full-page-content-inner .tasks-grid-layout .task-listing { width: calc(100% * (1 / 4) - 30px); } } @media (max-width: 2560px) { .full-page-content-inner .tasks-grid-layout .task-listing { width: calc(100% * (1 / 3) - 30px); } } @media (max-width: 1600px) { .full-page-content-inner .tasks-grid-layout .task-listing { width: calc(100% * (1 / 2) - 30px); } } @media (max-width: 1099px) { .full-page-content-inner .tasks-grid-layout .task-listing { width: calc(100% - 30px); } } @media (max-width: 992px) { .full-page-content-inner .tasks-grid-layout .task-listing { width: calc(100%); } } /* ---------------------------------- */ /* Freelancers - Grid Layout ------------------------------------- */ .freelancers-container { display: flex; flex-wrap: wrap; width: calc(100% + 30px); } .freelancer { display: flex; flex-direction: column; justify-content: center; margin: 0 30px 30px 0; width: calc(100% * (1 / 2) - 30px); border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); background-color: #fff; transition: 0.3s; position: relative; cursor: default; } .freelancer:hover { box-shadow: 0 2px 18px rgba(0, 0, 0, 0.14); transform: translateY(-4px); } .freelancer .bookmark-icon { cursor: pointer; } .freelancer-overview { text-align: center; padding: 38px 20px; flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; } .freelancer-overview-inner { flex: 1; } .freelancer-overview .freelancer-avatar { width: 110px; margin: 0 auto; position: relative; } .freelancer-overview .freelancer-avatar img { width: 100%; border-radius: 50%; cursor: pointer; } .freelancer-overview .freelancer-avatar .verified-badge { position: absolute; bottom: 0; right: 0; } .freelancer-name { margin-top: 19px; } .freelancer-rating { margin-top: 5px; margin-bottom: -10px; } .freelancer-name h4, .freelancer-name h4 a { font-size: 18px; font-weight: 600; color: #333; cursor: pointer; } .freelancer-name img.flag { height: 15px; border-radius: 3px; position: relative; top: -1px; display: inline-block; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); margin-left: 4px; cursor: default; } .freelancer-name span { color: #888; } .freelancer-details { padding: 35px; background-color: #fafafa; flex-grow: 0; } .freelancers-grid-layout .freelancer-details { border-radius: 0 0 4px 4px; } .freelancers-grid-layout .freelancer-details a.button { display: block; text-align: center; width: 100% !important; transition: 0.3s; box-shadow: 0 4px 12px rgba(102, 103, 107, 0.1); } .freelancer-details a.button:hover { box-shadow: 0 4px 12px rgba(102, 103, 107, 0.2); } .freelancer-details-list ul { list-style: none; padding: 0; margin: 0 0 5px 0; font-size: 14.7px; } .freelancer-details-list ul li { display: inline-block; margin-right: 25px; line-height: 23px; color: #808080; margin-bottom: 15px; } .freelancer-details-list ul li:last-child { margin-right: 0; } .freelancer-details-list ul li strong { display: block; color: #333; } .freelancer-details-list ul li strong i { position: relative; top: 1px; margin-right: -1px; margin-left: -2px; } /* Detail Item */ .freelancer-detail-item { display: inline-block; margin: 2px 10px 5px 0; } .freelancer-detail-item a, .freelancer-detail-item { color: #888; } .freelancer-detail-item a:hover { color: #66676b; } .freelancer-detail-item i { position: relative; top: 2px; margin-right: 3px; } /* Media Queiers for Freelancers List */ @media (max-width: 1366px) { .freelances-grid-layout .freelancer-overview .freelancer-avatar { width: 100px; } } @media (max-width: 768px) { .freelances-grid-layout.freelancers-container { width: 100%; } .freelances-grid-layout .freelancer { margin: 0 0 30px 0; width: 100%; } .freelancers-container.freelancers-grid-layout { width: 100%; } .freelancers-container.freelancers-grid-layout .freelancer { width: 100%; margin-right: 0; } } /* Full Page Media Queiers for Freelancers List */ @media (max-width: 2560px) { .full-page-container .freelancer { width: calc(100% * (1 / 4) - 30px); } } @media (max-width: 1920px) { .full-page-container .freelancer { width: calc(100% * (1 / 3) - 30px); } } @media (max-width: 1366px) { .full-page-container .freelancer { width: calc(100% * (1 / 2) - 30px); } } @media (max-width: 1099px) { .full-page-container .freelancers-container { width: 100%; } .full-page-container .freelancer { width: 100%; margin-right: 0; } } /* ---------------------------------- */ /* Freelancers - List Layout ------------------------------------- */ .freelancers-container.freelancers-list-layout { width: 100%; } .freelancers-list-layout .freelancer { margin: 0 0 30px 0; width: 100%; flex-direction: row; justify-content: center; } .freelancers-list-layout .freelancer-overview { text-align: left; padding: 45px 40px; flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; } .freelancers-list-layout .freelancer-overview-inner { flex: 1; display: flex; align-items: center; } .freelancers-list-layout .freelancer-details { padding: 45px 40px 45px 0; background-color: transparent; flex: 0 0 360px; } .freelancers-list-layout .freelancer-overview .freelancer-avatar { width: 100px; margin: 0; } .freelancers-list-layout .freelancer-overview .freelancer-name { text-align: left; margin: 0 0 0 30px; } .freelancers-list-layout .freelancer-details a.button { display: block; text-align: center; min-width: 50%; max-width: 100%; width: auto !important; transition: 0.3s; float: right; box-shadow: 0 4px 12px rgba(102, 103, 107, 0.15); } .freelancers-list-layout .freelancer-details a.button:hover { box-shadow: 0 4px 12px rgba(102, 103, 107, 0.25); } .freelancers-list-layout .bookmark-icon { display: none; } .freelancers-list-layout .freelancer-details-list ul { float: right; display: block; } .freelancers-list-layout .freelancer-details-list ul li { margin-left: 25px; margin-right: 0; float: right; } /* Freelancers Compact List */ .compact-list.freelancers-list-layout .freelancer { border-radius: 0; margin-bottom: 0; box-shadow: none; } .compact-list.freelancers-list-layout .freelancer:hover { transform: translateY(0); } .compact-list.freelancers-list-layout { background-color: #fff; border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); } .compact-list.freelancers-list-layout .freelancer:nth-child(2n) { background-color: #fafafa; } .compact-list.freelancers-list-layout .freelancer:hover:before { opacity: 1; } .compact-list.freelancers-list-layout .freelancer:before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; display: block; background: #66676b; transition: 0.3s; opacity: 0; } .compact-list.freelancers-list-layout .freelancer:last-of-type { border-radius: 0 0 3px 3px; overflow: hidden; } .compact-list.freelancers-list-layout .freelancer:first-of-type { border-radius: 3px 3px 0 0; overflow: hidden; } /* Media Queiers for Freelancers List Layout */ @media (max-width: 1366px) { .freelancers-list-layout .freelancer-overview .freelancer-avatar { width: 100px; } } @media (max-width: 1240px) { .freelancers-list-layout .freelancer { flex-direction: column; } .freelancers-list-layout .freelancer-details { flex: 1; padding: 35px 40px; background-color: #fafafa; } .freelancers-list-layout .freelancer-details-list ul { float: left; } .freelancers-list-layout .freelancer-details-list ul li { margin-left: 0; margin-right: 25px; float: left; } .freelancers-list-layout .freelancer-details a.button { float: none; width: 100% !important; } .freelancers-list-layout .freelancer-overview .freelancer-avatar { width: 90px; } /* Compact Layout */ .compact-list.freelancers-list-layout .freelancer-details { background-color: transparent; padding-top: 0; } } @media (max-width: 768px) { .freelancers-list-layout .freelancer-overview, .freelancers-list-layout .freelancer-details { padding: 30px; } .freelancers-list-layout .freelancer-overview .freelancer-avatar { width: 80px; } .freelancers-list-layout .star-rating:before { display: block; float: none; text-align: center; max-width: 40px; margin-bottom: 4px; } } /* ---------------------------------- */ /* Browse Companies ------------------------------------- */ /* Letters List */ .letters-list { width: 100%; text-align: center; background-color: #f4f4f4; border-radius: 4px; padding: 20px; } .letters-list a { display: inline-block; font-size: 18px; color: #333; height: 40px; width: 40px; line-height: 40px; background-color: transparent; border-radius: 4px; transition: 0.3s; margin: 0 -2px; } .letters-list a.current { margin-right: 0; color: #fff; font-weight: 600; background-color: #66676b; box-shadow: 0 2px 8px rgba(102, 103, 107, 0.25); } .letters-list a:hover { color: #fff; background-color: #333; font-weight: 600; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } /* Companies List */ .companies-list { display: flex; flex-wrap: wrap; margin-top: 30px; width: calc(100% + 30px); } .companies-list .company { width: calc(33.3% - 30px); margin: 0 30px 30px 0; flex-grow: 1; text-align: center; /*border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;*/ padding: 50px 0; background-color: #fff; border-radius: 4px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: 0.3s; } .companies-list .company:hover { transform: translateY(-3px); } @media (min-width: 993px) { .companies-list .company:nth-child(3n) { border-right: none; } .companies-list .company:nth-last-child(-n + 3) { border-bottom: none; } } .companies-list .company img { max-width: 120px; max-height: 60px; display: inline-block; margin: 0; transform: translate3d(0, 0, 0); } .companies-list .company .company-logo { height: 60px; display: flex; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; } .companies-list .company h4 { color: #333; font-size: 18px; font-weight: 600; transition: 0.3s; display: block; } .companies-list .company span { color: #888; } .companies-list .company .star-rating { margin-top: 5px; } .not-rated, .company-not-rated { border-radius: 4px; background-color: #f0f0f0; color: #888; font-size: 14px; line-height: 15px; font-weight: 600; padding: 7px 9px; display: inline-block; margin-top: 8px; text-align: center; } /* Media Queries for Companies List */ @media (max-width: 1366px) { .letters-list a { font-size: 16px; height: 36px; width: 36px; line-height: 36px; margin: 0 -1px; } } @media (max-width: 992px) { .companies-list .company { width: calc(50% - 30px); } } @media (max-width: 768px) { .companies-list .company { width: 100%; } } /* -------------------------------------------------------------- */ /* 04. User Interface Elements ----------------------------------------------------------------- */ /* ---------------------------------- */ /* Buttons ------------------------------------- */ button { vertical-align: middle; } span.button, button.button, /* :not — let Tailwind bg-* utility buttons keep their own background (legacy buttons keep this theme gray) */ input[type='button']:not([class*="bg-"]), input[type='submit']:not([class*="bg-"]), a.button { background-color: #66676b; top: 0; padding: 10px 20px; line-height: 24px; color: #fff; position: relative; font-size: 16px; font-weight: 500; display: inline-block; transition: all 0.2s ease-in-out; cursor: pointer; overflow: hidden; border: none; border-radius: 4px; box-shadow: 0 4px 12px rgba(102, 103, 107, 0.15); } /* Icons Aligment*/ .button i[class^='icon-material'], button.button i[class^='icon-material'], input[type='button'] i[class^='icon-material'], input[type='submit'] i[class^='icon-material'], a.button i[class^='icon-material'] { font-size: 18px; height: 0; width: 18px; line-height: 0; top: 2px; position: relative; display: inline-block; margin-left: 3px; } .button i[class^='icon-feather'], button.button i[class^='icon-feather'], input[type='button'] i[class^='icon-feather'], input[type='submit'] i[class^='icon-feather'], a.button i[class^='icon-feather'] { font-size: 16px; height: 0; width: 16px; line-height: 0; top: 2px; position: relative; display: inline-block; margin-left: 3px; } /* Dark Style */ button.button.dark, input[type='button'].dark, input[type='submit'].dark, a.button.dark { background-color: #333; color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } /* Dark Style */ button.button.gray, input[type='button'].gray, input[type='submit'].gray, a.button.gray { background-color: #eaeaea; color: #666; box-shadow: none; } button.button.gray:hover, input[type='button'].gray:hover, input[type='submit'].gray:hover, a.button.gray:hover { background-color: #e0e0e0; } body .button i.icon-material-outline-arrow-right-alt { font-size: 22px; top: 4px; } .button.full-width { max-width: 100%; width: 100%; text-align: center; display: block; } .button.big { font-size: 18px; padding: 13px 22px; } body .button.big i { font-size: 22px; top: 3px; position: relative; } /* Slide Out Button */ .button.button-slide-out span { transform: translateY(0px); opacity: 1; transition: 0.3s; } .button.button-slide-out:hover span { transform: translateY(-10px); opacity: 0; display: inline-block; transition: 0.3s; } .button.button-slide-out i { transform: translateY(calc(-50% + 10px)); opacity: 0; display: inline-block; transition: 0.3s; position: absolute; left: 0; right: 0; font-size: 18px; top: 50%; height: 20px; } .button.button-slide-out:hover i { transform: translateY(calc(-50% + 0px)); opacity: 1; } /* Move on Hover */ .move-on-hover { box-shadow: 0 4px 12px rgba(102, 103, 107, 0.1); transform: translateY(0); transition: 0.3s; } .move-on-hover:hover { box-shadow: 0 4px 12px rgba(102, 103, 107, 0.2); transform: translateY(-2px); } /* Centered Button */ .centered-button { text-align: center; display: block; } .centered-button .button { margin: 0 auto; } /* Bookmark Button */ span.bookmark-icon { font-size: 20px; position: absolute; z-index: 101; right: 35px; top: 35px; cursor: pointer; background-color: #eee; color: #c0c0c0; display: block; height: 39px; width: 39px; border-radius: 50%; transition: all 0.4s; line-height: 27px; } .bookmark-icon.bookmarked { animation: bookmarked-shadow 0.3s; } @keyframes bookmarked-shadow { 0% { box-shadow: 0 0 0 0 rgba(254, 179, 66, 0.8); } 100% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } } .bookmark-icon:before { transition: transform 0.4s cubic-bezier(0.8, -0.41, 0.19, 2.5); font-family: 'Material-Icons'; position: absolute; right: 0; left: 0; text-align: center; top: 6px; content: '\e988'; } .bookmark-icon:hover { background-color: #333; color: #fff; } .bookmark-icon.bookmarked { background-color: #feb342; color: #fff; } .bookmark-icon.bookmarked:before { animation: bookmark-icon 0.5s; } @keyframes bookmark-icon { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /* Bookmark Button */ .bookmark-button { background-color: #404040; display: inline-block; padding: 0; position: relative; height: 44px; line-height: 44px; color: #fff; padding: 0 15px; padding-left: 59px; border-radius: 4px; transition: 0.4s; cursor: pointer; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); } .bookmark-button .bookmark-icon, .bookmark-button:hover .bookmark-icon { background-color: rgba(255, 255, 255, 0.05); } .bookmark-button .bookmark-icon { border-radius: 4px; position: absolute; left: 0; right: auto; top: auto; height: 44px; width: 44px; border-radius: 4px 0 0 4px; pointer-events: none; transition: 0.4s; animation: none; } .bookmark-button .bookmark-icon:before { top: 8px; color: #fff; transition: 0.4s; font-size: 18px; } .bookmark-button.bookmarked { background-color: #feb342; color: #fff; box-shadow: 0 3px 12px rgba(254, 179, 66, 0.2); } .bookmark-button.bookmarked .bookmark-icon:before, .bookmark-button:hover .bookmark-icon:before { color: #fff; } .bookmark-button.bookmarked .bookmark-icon, .bookmark-button.bookmarked:hover .bookmark-icon { background-color: rgba(255, 255, 255, 0.16); } .bookmark-button.bookmarked .bookmarked-text, .bookmark-button .bookmark-text { display: block; } .bookmark-button.bookmarked .bookmark-text, .bookmark-button .bookmarked-text { display: none; } /* ---------------------------------- */ /* Button with sliding icon ------------------------------------- */ .button-sliding-icon { text-align: center; } .button-sliding-icon i { opacity: 0; max-width: 0; transition: 0.25s; display: inline-block; transform: translateX(-20px); } .button-sliding-icon:hover i { max-width: 20px; opacity: 1; transform: translateX(0); } /* For buttons */ .button.button-sliding-icon { padding-left: 20px; padding-right: 10px; } .button.button-sliding-icon:hover { padding-right: 20px; } .button.button-sliding-icon i { padding-right: 5px; } .button.button-sliding-icon:hover i { max-width: 20px; opacity: 1; transform: translateX(0); } /* ---------------------------------- */ /* List Styles ------------------------------------- */ .list-3, .list-2, .list-1 { padding: 3px 0 0 0; font-size: 16px; } .list-3 li, .list-2 li, .list-1 li { list-style: none; margin: 10px 0; line-height: 27px; margin-left: 20px; position: relative; } .list-3 li:first-child, .list-2 li:first-child, .list-1 li:first-child { margin-top: 0; } .list-4 li:before, .list-3 li:before, .list-2 li:before, .list-1 li:before { margin: 0; position: relative; color: #66676b; float: left; margin-left: -20px; display: block; } .list-1.gray li:before { color: #777; } .list-2 li, .list-2 li { margin-left: 28px; } .list-3 li:before, .list-2 li.active:before { font-family: 'Material-Icons'; content: '\e928'; font-size: 18px; font-weight: 600; position: relative; top: -2px; margin-left: -28px; } .list-2 li.not-active:before { font-family: 'Material-Icons'; content: '\e928'; font-size: 18px; color: #666; font-weight: 600; position: relative; top: -2px; margin-left: -28px; } .list-3 li:before { content: '\e912'; font-family: 'Feather-Icons'; font-weight: 500; font-size: 18px; } .list-1 li:before { content: ''; height: 6px; width: 6px; background-color: #66676b; border-radius: 2px; position: relative; top: 9px; } .list-2 .active { color: #0644d0; } /* Numbered Style */ .numbered ol { counter-reset: li; list-style: none; padding: 0; margin-left: 18px; display: inline-block; font-size: 16px; } .numbered ol li { display: inline-block; padding: 6px 0; width: 100%; } .numbered ol > li::before { content: counter(li); counter-increment: li; font-size: 16px; line-height: 35px; width: 36px; height: 36px; display: inline-block; border: 1px solid #333; border-radius: 50%; text-align: center; margin: 0; margin-left: 0; font-weight: 500; color: #333; position: relative; float: left; left: -18px; font-size: 15px; transform: translateY(-10%); } .numbered.color ol > li::before { border: 1px solid #66676b; color: #66676b; } .numbered.color.filled ol > li::before { border: 1px solid #66676b; color: #fff; background-color: #66676b; } /* ---------------------------------- */ /* Marks ------------------------------------- */ mark { background-color: #fcf8e3; color: #8a803e; padding: 1px 5px; } mark.color { background-color: #66676b; border-radius: 4px; color: #fff; } /* ---------------------------------- */ /* Notification Boxes ------------------------------------- */ #result .success, .notification { line-height: 24px; margin-bottom: 15px; position: relative; padding: 20px 26px; padding-right: 50px; border-radius: 3px; } .notification p { margin: 0; font-size: 15px; } #result .success, .notification.success { background-color: #ebf6e0; } #result .success, .notification.success, .notification.success a, .notification.success strong { color: #5f9025; } .notification.error { background-color: #ffe9e9; } .notification.error, .notification.error a, .notification.error strong { color: #de5959; } .notification.warning { background-color: #fbfadd; } .notification.warning, .notification.warning a, .notification.warning strong { color: #8f872e; } .notification.notice h4 { font-size: 19px; margin: 3px 0 15px 0; } .notification.notice h4, .notification.notice, .notification.notice a, .notification.notice strong { color: #3184ae; } .notification.notice { background-color: #e9f7fe; } .notification.notice.large { padding: 32px 36px; } .notification strong { font-weight: 700; } .notification a { text-decoration: underline; } body .notification strong { border: none; } .notification.success .close, .notification.error .close, .notification.warning .close, .notification.notice .close { padding: 0px 9px; position: absolute; right: 0; top: 22px; display: block; height: 8px; width: 8px; cursor: pointer; } .notification.notice p span i { font-weight: 500; } .notification a.button { float: right; color: #fff; margin-top: 3px; } .notification.notice a.button { background-color: #388fc5; } .notification.warning a.button { background-color: #dfbe51; } .notification.error a.button { background-color: #d34c4c; } .notification.success a.button { background-color: #79ba38; } .notification.closeable a.close:before { content: '\ea02'; font-family: 'Feather-Icons'; position: absolute; right: 25px; top: 0; cursor: pointer; font-weight: 600; } /* ---------------------------------- */ /* Tables ------------------------------------- */ table.basic-table { width: 100%; border-collapse: separate; border-spacing: 0; border: none; margin-bottom: 15px; } table.basic-table th { background-color: #66676b; text-align: left; color: #fff; vertical-align: middle; font-weight: 500; } table.basic-table th:first-child { border-radius: 4px 0 0 4px; } table.basic-table th:last-child { border-radius: 0 4px 4px 0; } table.basic-table th, table.basic-table td { padding: 15px; } table.view-table { border-bottom: 0px !important; } table.view-table td { padding: 5px 12px; } .contractors-facts { padding-top: 10px !important; padding-bottom: 0px !important; } table.basic-table tr:nth-child(odd) { background-color: #f4f4f4; } table.basic-table { margin-bottom: 0; } @media screen and (max-width: 600px) { table.basic-table { border: 0; } table.basic-table th { display: none; } table.basic-table tr { display: block; margin-bottom: 0; } table.basic-table td { border-bottom: 1px solid #ddd; display: block; font-size: 14px; } table.basic-table td:before { content: attr(data-label); float: left; font-weight: 600; } table.basic-table td:last-child { border-bottom: 0; } } /* ---------------------------------- */ /* Accordion ------------------------------------- */ .accordion { font-size: 16px; width: 100%; margin: 0 auto; border-radius: 4px; overflow: hidden; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); } .accordion .accordion { border-radius: 0px; box-shadow: none; } .accordion-header, .accordion-body { background: #fff; } .accordion-header { padding: 15px 25px; background: #66676b; color: #fff; cursor: pointer; font-size: 16px; transition: all 0.3s; position: relative; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15); } .accordion .accordion .accordion-header { box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.07); } .accordion-header:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; content: ''; opacity: 0; transition: 0.3s; } .accordion-body__contents p:last-child { margin-bottom: 0; padding-bottom: 0; } /*.accordion__item.active .accordion-header:before, .accordion-header:hover:before { opacity: 0.04; }*/ .accordion-body { background: #fff; color: #666; display: none; } .accordion-body__contents { padding: 25px; font-size: 16px; line-height: 28px; } .accordion__item.active:last-child .accordion-header { border-radius: none; } .accordion:first-child > .accordion__item > .accordion-header { border-bottom: 1px solid transparent; } .accordion__item > .accordion-header:after { content: '\e957'; font-family: Material-Icons; font-size: 19px; float: right; position: relative; top: -1px; transition: 0.3s all; transform: rotate(0deg); } .accordion__item.active > .accordion-header:after { transform: rotate(-180deg); } .accordion__item.active .accordion .accordion-header:before { opacity: 0; } .accordion__item .accordion__item .accordion-header { background: #f7f7f7; color: #666; } /* ---------------------------------- */ /* Tabs ------------------------------------- */ .tabs ul { padding: 0; list-style: none; margin: 0; } .tabs { z-index: 15px; position: relative; background: #ffffff; width: 100%; border-radius: 4px; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1); box-sizing: border-box; margin: 0; overflow: hidden; } .tabs-header { position: relative; background: #66676b; overflow: hidden; } .tabs-header .tab-hover { position: absolute; bottom: 0; left: 0; background: #fff; width: auto; height: 100%; transition: 0.3s ease; opacity: 0.08; z-index: 90; } .tabs-header ul { display: flex; flex-direction: row; flex-wrap: wrap; width: calc(100% - 100px); position: relative; z-index: 100; } .tabs-header li { transition: 0.3s ease; } .tabs-header a { z-index: 1; display: block; box-sizing: border-box; padding: 15px 25px; color: #fff; font-weight: 500; text-decoration: none; } .tabs-nav { position: absolute; top: 0; right: 0; display: flex; align-items: center; height: 100%; padding: 0 15px; color: #fff; user-select: none; font-size: 19px; } .tabs-nav i { cursor: pointer; display: inline-block; padding: 0; height: 30px; width: 30px; line-height: 30px; background-color: rgba(255, 255, 255, 0.1); border-radius: 4px; text-align: center; position: relative; z-index: 101; margin-left: 5px; transition: 0.3s; } .tabs-nav i:hover { background-color: rgba(255, 255, 255, 0.15); } .tabs-content { position: relative; transition: 0.3s ease; overflow: hidden; } .tabs-content .tab { padding: 25px; } .tabs-content .tab p:last-child { margin-bottom: 0; padding-bottom: 0; } .tabs-content:after { content: ''; position: absolute; bottom: -1px; left: 0; display: block; width: 100%; height: 1px; box-shadow: 0 0 20px 10px #ffffff; } .tabs-content .tab { display: none; } .tabs-content .tab.active { display: block; } @media (max-width: 992px) { .tabs-nav { display: none; } .tabs-header ul { flex-direction: column; width: 100%; } .tab-hover { display: none; } .tabs-header a { box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15); } .tabs-header ul li.active a { background-color: rgba(255, 255, 255, 0.07); } } /* ---------------------------------- */ /* Copy to clipboard ------------------------------------- */ .copy-url { display: flex; } .copy-url input { border-radius: 4px 0 0 4px; border-right: 0; } .copy-url .copy-url-button { min-width: 48px; background-color: #66676b; color: #fff; border-radius: 0 4px 4px 0; } /* ---------------------------------- */ /* Share Buttons ------------------------------------- */ .share-buttons { display: block; } .share-buttons-trigger { display: inline-block; height: 44px; width: 44px; line-height: 44px; text-align: center; color: #a0a0a0; font-size: 18px; background-color: #f0f0f0; border-radius: 4px; transition: 0.4s; cursor: default; } .share-buttons-trigger i { position: relative; top: 1px; } .share-buttons-content { display: inline-block; position: relative; width: calc(100% - 60px); } .share-buttons-content span { margin-left: 10px; color: #888; cursor: default; padding: 10px 0; display: inline-block; transition: 0.4s; } .share-buttons-content span strong { color: #66676b; font-weight: 600; } .share-buttons:hover .share-buttons-content span { opacity: 0; transition: 0.2s; } /* Icons */ .share-buttons-icons { position: absolute; left: 5px; top: 0; padding: 0; margin: 0; opacity: 0; transform: translateX(-10px); transition: all 0.4s cubic-bezier(0.5, -0.41, 0.19, 2); } .share-buttons:hover .share-buttons-icons { opacity: 1; transform: translate(0); } .share-buttons-icons li { display: inline-block; float: left; } .share-buttons-icons li:first-child a { border-radius: 4px 0 0 4px; } .share-buttons-icons li:last-child a { border-radius: 0 4px 4px 0; } .share-buttons-icons li a { height: 44px; width: 44px; display: inline-block; line-height: 44px; text-align: center; background-color: #333; color: #fff; font-size: 14px; } .share-buttons-icons li a i { position: relative; top: 1px; } /* ---------------------------------- */ /* Verified Badge ------------------------------------- */ .job-listing-company .verified-badge, .job-listing .job-listing-footer ul li .verified-badge { position: relative; display: inline-block; transform: scale(0.7); top: 2px; margin-left: -2px; } /* Verified Badge */ .verified-badge { position: relative; height: 25px; width: 25px; display: inline-block; background-color: #38b653; border-radius: 50%; text-align: center; z-index: 10; font-weight: 500; } .verified-badge:before { content: '\e92b'; font-family: 'Feather-Icons'; font-size: 16px; color: #fff; position: relative; top: 0px; line-height: 27px; } .job-listing .job-listing-company-logo .verified-badge { position: absolute; bottom: 0; right: 0; transform: translate(7px, 7px); } /* Long Verified Badge */ .verified-badge-with-title { position: relative; height: 26px; display: flex; top: -1px; color: #fff; font-weight: 500; font-size: 14px; background-color: #30ab4a; text-align: center; z-index: 10; font-weight: 500; border-radius: 4px; padding: 0 8px 0 0; margin: 0; overflow: hidden; padding-left: 34px; line-height: 27px; } .verified-badge-with-title:before { content: '\e92b'; font-family: 'Feather-Icons'; font-size: 16px; color: #fff; position: absolute; top: 0; left: 0; line-height: 26px; height: 26px; width: 26px; display: inline-block; background-color: #38b653; } /* ---------------------------------- */ /* Star Rating ------------------------------------- */ /* Star Rating */ .star-rating { display: inline-block; } .star-rating .star { display: inline-block; margin: 0; padding: 0; float: left; margin-right: 0; position: relative; } .star-rating .star.half:after, .star-rating .star:before { font-family: 'Material-Icons'; content: '\e988'; display: block; color: #febe42; font-size: 22px; } .star-rating .star.empty:before { color: #ddd; } .rating:after { content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .star-rating .star.half:before { color: #ddd; } .star-rating .star.half:after { color: #febe42; position: absolute; top: 0; width: 50%; display: block; height: 100%; overflow: hidden; } /* average rating before stars */ .star-rating:before { content: attr(data-rating); float: left; border-radius: 4px; background-color: #febe42; color: #fff; font-size: 14px; line-height: 15px; font-weight: 700; padding: 5px 7px; position: relative; top: 1px; margin-right: 10px; } /* No stars */ .star-rating.no-stars .star { display: none; } .star-rating.no-stars:before { margin-right: 0; } /* ---------------------------------- */ /* Leave Rating Stars ------------------------------------- */ .leave-rating { height: 24px; float: left; position: relative; } .leave-rating:hover input[type='radio']:checked ~ label { color: #dadada; } .leave-rating input[type='radio'] { display: inline-block; width: 1px; position: absolute; opacity: 0; pointer-events: none; height: 100%; margin-left: 50%; left: 0; top: 0; transform: translateX(-50%); } .leave-rating input[type='radio']:checked ~ label { color: #ffc600; } .leave-rating label { font-size: 24px; float: right; letter-spacing: 0px; color: #dadada; cursor: pointer; transition: 0.3s; } .leave-rating label:hover, .leave-rating label:hover ~ label { color: #ffc600 !important; } .leave-rating-title { display: block; margin: 0 0 4px 0; } .welcome-text .leave-rating-container { text-align: center; margin: 0 auto; margin-top: 15px; left: 50%; width: 100%; display: block; } .welcome-text .leave-rating { position: relative; left: 50%; transform: translateX(-50%) scale(1.2); } /* ---------------------------------- */ /* Ripple Effect ------------------------------------- */ .ripple-effect-dark, .ripple-effect { overflow: hidden; position: relative; z-index: 1; } .ripple-effect span.ripple-overlay, .ripple-effect-dark span.ripple-overlay { animation: ripple 0.9s; border-radius: 100%; background: #fff; height: 12px; position: absolute; width: 12px; line-height: 12px; opacity: 0.1; pointer-events: none; } .ripple-effect-dark span.ripple-overlay { background: #000; opacity: 0.07; } @keyframes ripple { 0% { -webkit-transform: scale(4); transform: scale(4); } 100% { opacity: 0; -webkit-transform: scale(40); transform: scale(40); } } /* ---------------------------------- */ /* Input With Icon ------------------------------------- */ .input-with-icon { display: block; position: relative; } .input-with-icon input { padding-right: 45px; } .input-with-icon i { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; font-size: 20px; color: #a0a0a0; font-style: normal; cursor: normal; pointer-events: none; } .input-with-icon i.currency { font-size: 14px; } /* Input with boxed icon */ .input-with-icon-left { position: relative; } .input-with-icon-left input { padding-left: 65px; } .input-with-icon-left i { position: absolute; top: 0; color: #a0a0a0; text-align: center; line-height: 48px; width: 48px; height: 48px; font-size: 19px; background-color: #f8f8f8; border: 1px solid #e0e0e0; box-sizing: border-box; display: block; border-radius: 4px 0 0 4px; } .input-with-icon-left.no-border i { border: none; } /* ---------------------------------- */ /* Keywords Input ------------------------------------- */ .keywords-container { margin-bottom: -15px; } .keywords-list { display: block; float: left; height: 0; } .keyword { background-color: rgba(102, 103, 107, 0.07); color: #66676b; display: inline-block; float: left; padding: 0; border-radius: 4px; cursor: default; margin: 0 7px 7px 0; height: 35px; line-height: 35px; box-sizing: border-box; animation: KeywordIn 0.3s ease-in-out; animation-fill-mode: both; transition: 0.4s; overflow: hidden; max-width: 100%; font-size: 14.7px; } @keyframes KeywordIn { 0% { opacity: 0; transform: scale(0.9); } 100% { opacity: 1; transform: scale(1); } } .keyword.keyword-removed { max-width: 0; margin: 0; overflow: hidden; opacity: 0; animation: KeywordOut 0.4s ease-in-out; animation-fill-mode: both; pointer-events: none; } @keyframes KeywordOut { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 0; margin-top: -35px; } } .keyword-text { padding-right: 12px; } .keyword .keyword-remove:before { display: inline-block; cursor: pointer; font-family: 'Feather-Icons'; content: '\ea02'; line-height: 20px; position: relative; top: 2px; margin-right: 4px; margin-left: 10px; font-size: 15px; } .keyword-input-container { position: relative; } .keyword-input-container .keyword-input-button { position: absolute; top: 0; right: 0; height: 36px; width: 36px; padding: 0; color: #fff; background-color: #66676b; border-radius: 4px; margin: 6px; font-size: 19px; text-align: center; line-height: 36px; } .keyword-input-container .keyword-input-button i { color: #fff; position: relative; top: 2px; } input.keyword-input { margin: 0 0 15px 0; } /* ---------------------------------- */ /* Clickable Tags ------------------------------------- */ .tags-container { display: block; } .tags-container input[type='checkbox'] { display: none; } .tags-container input[type='checkbox'] + label { transition: 0.3s; font-size: 14.7px; cursor: pointer; border-radius: 4px; background-color: #eee; color: #777; display: inline-block; padding: 6px 15px; margin: 0; line-height: 24px; } .tags-container input[type='checkbox'] + label:hover { background-color: #e8e8e8; } .tags-container input[type='checkbox']:checked + label { background-color: #66676b; color: #fff; transition: 0.3s; } .tags-container input[type='checkbox'] + label:before { font-family: 'Feather-Icons'; content: '\e92b'; font-size: 18px; transition: all 0.35s cubic-bezier(0.5, -0.41, 0.19, 2), max-width 0.3s, margin 0.3s; max-width: 0; display: inline-block; position: relative; top: 3px; margin: 0; opacity: 0; color: #fff; line-height: 0; transform: scale(0.5); } .tags-container input[type='checkbox']:checked + label:before { max-width: 30px; opacity: 1; transform: scale(1); margin: 0 5px 0 -2px; } .tags-container .tag { display: inline-block; float: left; margin: 0 7px 7px 0; overflow: hidden; } /* ---------------------------------- */ /* On/Off Switch ------------------------------------- */ .switches-list .switch-container { width: 100%; } .switches-list .switch-container:last-child label { margin-bottom: 0; } .switch-container { display: inline-block; cursor: pointer; } label.switch { position: relative; } .switches-list .switch-container label { cursor: pointer; position: relative; padding-left: 45px; line-height: 26px; } .switch-button { position: relative; display: inline-block; width: 34px; height: 20px; cursor: pointer; background-color: #ccc; border-radius: 50px; transition: 0.4s; margin: 0 7px 0 0; top: 4px; position: absolute; top: 2px; left: 0; } .notify-box .switch-button { top: 0; } .notify-box .switch-container { top: 1px; position: relative; } .switch span.switch-text { display: block; padding-left: 48px; font-size: 16px; line-height: 22px; color: #666; } .switch input { display: none; } .switch.interactive-effect input:checked + .switch-button:before { animation: switch-shadow-color 0.4s; } .switch.interactive-effect .switch-button:before { animation: switch-shadow 0.4s; } @keyframes switch-shadow { 0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3); } 100% { box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0); } } @keyframes switch-shadow-color { 0% { box-shadow: 0 0 0 0 rgba(102, 103, 107, 0.6); } 100% { box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0); } } .switch-button:before { position: absolute; content: ''; height: 16px; width: 16px; bottom: 2px; left: 2px; background-color: white; transition: 0.4s, box-shadow 0.3s; border-radius: 50px; } input:checked + .switch-button { background-color: #66676b; } input:checked + .switch-button:before { transform: translateX(14px); } /* ---------------------------------- */ /* Radio Button ------------------------------------- */ .radio { display: inline-block; vertical-align: top; } .radio label { margin: 3px 0; cursor: pointer; position: relative; padding-left: 29px; line-height: 25px; } .radio input[type='radio'] { position: absolute; opacity: 0; } .radio input[type='radio'] + label .radio-label { content: ''; background: #fff; border-radius: 100%; border: 2px solid #b4b4b4; display: inline-block; width: 18px; height: 18px; position: relative; margin-right: 5px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; background-color: #fff; box-shadow: inset 0 0 0 8px #fff; z-index: 100; position: absolute; top: 2px; left: 0; } .radio input[type='radio'] + label .radio-label:after { background-color: #66676b; content: ''; top: 3px; left: 0; right: 0; margin: 0 auto; position: absolute; opacity: 1; transition: 0.3s; border-radius: 50%; transform: scale(0); position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; z-index: 99; } .radio input[type='radio']:checked + label .radio-label { background-color: #66676b; border-color: #66676b; box-shadow: inset 0 0 0 3px #fff; } .radio-label:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 50%; background-color: transparent; display: block; } .interactive-effect label .radio-label:before { animation: radius-shadow 0.4s; } @keyframes radius-shadow { 0% { box-shadow: 0 0 0 0 rgba(102, 103, 107, 0.4); } 100% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } } .small-label { border-radius: 4px; display: inline-block; background: #e0f5d7; color: #449626; padding: 0 8px; line-height: 27px; height: 26px; margin-left: 5px; position: relative; top: -1px; } /* ---------------------------------- */ /* Checkbox ------------------------------------- */ .checkbox { display: inline-block; margin-bottom: 0; } .checkbox input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .checkbox label { position: relative; cursor: pointer; padding-left: 30px; line-height: 25px; } .checkbox label span.checkbox-icon { content: ''; -webkit-appearance: none; background-color: transparent; border: 2px solid #b4b4b4; height: 20px; width: 20px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; border-radius: 4px; transition: 0.3s; position: absolute; left: 0; top: 1px; } .checkbox input + label span.checkbox-icon:after { position: absolute; top: 2px; left: 0; right: 0; margin: 0 auto; opacity: 0; content: ''; display: block; width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: scale(0.5) rotate(45deg); transition: all 0.35s cubic-bezier(0.3, -0.41, 0.19, 2), opacity 0.3s; } .checkbox input:checked + label span.checkbox-icon { border-color: #66676b; background-color: #66676b; } .checkbox input:checked + label span.checkbox-icon:after { transform: scale(1) rotate(45deg); opacity: 1; } /* ---------------------------------- */ /* Custom Upload Button ------------------------------------- */ .uploadButton { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 10px; width: 100%; font-style: normal; font-size: 14px; } .uploadButton .uploadButton-input { opacity: 0; position: absolute; overflow: hidden; z-index: -1; pointer-events: none; } .uploadButton .uploadButton-button { display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 44px; padding: 10px 18px; cursor: pointer; border-radius: 4px; color: #66676b; background-color: transparent; border: 1px solid #66676b; flex-direction: row; transition: 0.3s; margin: 0; outline: none; box-shadow: 0 3px 10px rgba(102, 103, 107, 0.1); } .uploadButton .uploadButton-button:hover { background-color: #66676b; box-shadow: 0 4px 12px rgba(102, 103, 107, 0.15); color: #fff; } .uploadButton .uploadButton-file-name { flex-grow: 1; display: flex; align-items: center; flex: 1; box-sizing: border-box; padding: 0 10px; padding-left: 18px; min-height: 42px; top: 1px; position: relative; color: #888; background-color: transparent; overflow: hidden; line-height: 22px; } /* ---------------------------------- */ /* Intro Banner ------------------------------------- */ .intro-banner { padding: 105px 0; position: relative; } .intro-banner.big-padding { padding: 130px 0; } .intro-banner .container { z-index: 100; position: relative; } .intro-banner:after, .intro-banner:before { content: ''; position: absolute; height: 100%; width: 100%; display: block; top: 0; left: 0; z-index: 15; background: linear-gradient( to right, rgba(250, 250, 250, 1) 20%, rgba(250, 250, 250, 0.95) 50%, rgba(250, 250, 250, 0.1) 80%, rgba(250, 250, 250, 0) 100% ); } .intro-banner:after { z-index: 5; background-color: #fafafa; } .intro-banner .background-image-container { background-size: cover; background-repeat: no-repeat; background-position: 100% 60%; position: absolute; top: 0; left: 0; height: 100%; width: 90%; left: 10%; z-index: 10; overflow: hidden; } /* Disabled Gradient */ .intro-banner.disable-gradient:before { background: #f2f2f2; opacity: 0.85; } .intro-banner.disable-gradient .background-image-container { left: 0; width: 100%; } /* Banner Headline */ .banner-headline { display: block; max-width: 55%; } .banner-headline h1, .banner-headline h2, .banner-headline h3, .banner-headline h4 { font-size: 28px; font-weight: 300; color: #777; line-height: 42px; } .banner-headline strong { font-weight: 600; color: #333; } .banner-headline strong.color { color: #66676b; } /* Alternative Headline */ .banner-headline-alt { margin: -10px 0 0 0; display: block; } .banner-headline-alt h3 { font-size: 40px; font-weight: 600; color: #333; line-height: 50px; } .banner-headline-alt span { font-size: 24px; color: #888; font-weight: 300; line-height: 34px; margin-top: 5px; display: inline-block; } .dark-overlay .banner-headline-alt h3 { color: #fff; } .dark-overlay .banner-headline-alt span { color: rgba(255, 255, 255, 0.7); } /* Banner Search Form */ .intro-banner-search-form { display: flex; width: 100%; background-color: #fff; border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.09); } /* Video */ .video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; overflow: hidden; background-size: cover; background-position: 50%; } .video-container video { top: 50%; transform: translateY(-50%); left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -10; background-size: cover; transition: 1s opacity; position: absolute; z-index: 9; } /* Field Row Styles */ .intro-search-field { padding: 10px 12px; border-right: 1px solid #e4e4e4; flex: 1; align-items: center; display: flex; position: relative; } .intro-search-field .field-title { content: attr(data-field-tiele); position: absolute; top: 0; left: 0; background: #66676b; color: #fff; border-radius: 4px; padding: 5px 10px; line-height: 22px; transform: translateY(calc(-100% - 15px)); cursor: default; } .intro-banner-search-form .intro-search-field:nth-last-child(2) { border-right: none; } .intro-search-button { margin: 8px; margin-left: 0; flex: auto; flex-grow: 0; display: flex; align-items: center; } .intro-search-button .button { height: 52px; line-height: 52px; padding: 0 30px; font-size: 18px; } /* Field Styles */ .intro-banner-search-form input:focus { box-shadow: none; } .intro-banner-search-form input { box-shadow: none; font-size: 18px; margin: 0; } .intro-banner-search-form input::placeholder { color: #888; } .intro-banner-search-form .input-with-icon { align-self: center; flex: 1; } .intro-banner-search-form input { padding: 10px 15px; } .intro-banner-search-form .input-with-icon input { padding: 10px 15px; padding-left: 43px; } .intro-banner-search-form .input-with-icon i { position: absolute; right: auto; left: 10px; top: calc(50% - 1px); font-size: 24px; color: #b0b0b0; } /* Autocomplete Adjustment */ .intro-search-field.with-autocomplete .pac-container { border: none; padding-top: 0; z-index: 9; left: 0 !important; top: 100% !important; border-radius: 0 0 4px 4px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); width: 100% !important; margin-top: 0; overflow: visible; } .intro-search-field.with-autocomplete .pac-container:before { content: ''; position: absolute; background-color: #fff; width: 100%; height: 5px; display: block; top: -5px; left: 0; } /* Dropdown Adjustment */ .intro-search-field .bootstrap-select.btn-group button { padding: 0 15px; box-shadow: none; font-size: 18px; } /* IE 11 Fixes */ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .intro-search-field .field-title { transform: translateY(-100%); margin-top: -15px; } .intro-banner-search-form input { line-height: 20px; } .intro-search-field .bootstrap-select.open .dropdown-menu { top: 55px; } } /* IE 11 Fixes - End */ /* Intro Stats */ .intro-stats { list-style: none; padding: 0; margin: 0; display: flex; } .intro-stats li { flex: auto; flex-grow: 0; margin-right: 35px; padding-right: 35px; border-right: 1px solid #e0e0e0; } .intro-stats li:last-child { margin-right: 0; padding-right: 0; border-right: none; } .intro-stats li span, .intro-stats li strong { display: block; margin: 0; padding: 0; } .intro-stats li strong { font-weight: 600; color: #333; font-size: 28px; margin-bottom: 2px; } .intro-stats li span { font-weight: 300; color: #888; font-size: 18px; } /* Dark Style */ .intro-banner.dark-overlay:before { background: #333; opacity: 0.75; } .intro-banner.dark-overlay .background-image-container { left: 0; width: 100%; background-position: 100%; } .intro-banner.dark-overlay .intro-stats li span, .intro-banner.dark-overlay .banner-headline strong, .intro-banner.dark-overlay .banner-headline h1, .intro-banner.dark-overlay .banner-headline h2, .intro-banner.dark-overlay .banner-headline h3, .intro-banner.dark-overlay .banner-headline h4 { color: rgba(255, 255, 255, 0.7); } .intro-banner.dark-overlay .intro-stats li strong, .intro-banner.dark-overlay .banner-headline strong { color: #fff; } .intro-banner.dark-overlay .intro-banner-search-form { box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2); } .intro-banner.dark-overlay .intro-stats li { border-right: 1px solid rgba(255, 255, 255, 0.25); } .intro-banner.dark-overlay .intro-stats li:last-child { border-right: none; } /* Intro Banner Media Queries ------------------------------------- */ @media (max-width: 1366px) { .banner-headline h1, .banner-headline h2, .banner-headline h3, .banner-headline h4 { font-size: 26px; line-height: 42px; } } @media (max-width: 1240px) { .banner-headline { max-width: 65%; } } @media (max-width: 992px) { .intro-search-field .bootstrap-select.btn-group .dropdown-toggle .filter-option { height: auto; line-height: 20px; } .intro-banner { padding: 70px 0; } .banner-headline { max-width: 100%; } .banner-headline h1, .banner-headline h2, .banner-headline h3, .banner-headline h4 { font-size: 24px; line-height: 38px; } /* Alternative Banner Style */ .intro-banner.dark-overlay .intro-banner-search-form { box-shadow: none; } .intro-banner.big-padding { padding: 70px 0; } .banner-headline-alt { margin-bottom: 0; } .banner-headline-alt h3 { font-size: 36px; line-height: 42px; } .banner-headline-alt span { font-size: 22px; line-height: 32px; } /* Photo Position */ .intro-banner:after, .intro-banner:before { background: rgba(250, 250, 250, 0.9); } .intro-banner .background-image-container { background-size: cover; height: 100%; width: 100%; left: 0; } /* Photo Position - End*/ .intro-banner-search-form .intro-search-field .bootstrap-select.btn-group button, .intro-banner-search-form input { height: 56px; padding: 15px 22px; } .intro-banner-search-form .input-with-icon i { left: 17px; } .intro-banner-search-form .input-with-icon input { padding-left: 50px; } .intro-banner-search-form.margin-top-100, .intro-banner-search-form.margin-top-95, .intro-banner-search-form.margin-top-90, .intro-banner-search-form.margin-top-85 { margin-top: 20px !important; } .intro-banner-search-form { flex-direction: column; background: transparent; box-shadow: none; margin-top: 20px; } .intro-banner-search-form .intro-search-field { padding: 0; border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07); margin-top: 20px; } .intro-banner-search-form .intro-search-field.with-label { margin-top: 80px; } .intro-banner-search-form .intro-search-button { margin-top: 30px; } /* Intro Stats */ .intro-stats { flex-direction: column; background: #fff; padding: 20px; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); justify-content: center; } .intro-stats li { display: flex; flex-direction: column; margin: 0 0 10px 0; padding: 0 0 10px 0; border: none; border-bottom: 1px solid #eee; width: 100%; align-self: center; text-align: center; } .intro-stats li:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } } /* ---------------------------------- */ /* Category Boxes ------------------------------------- */ .categories-container { display: flex; flex-wrap: wrap; } .category-box { flex: 0 0 25%; align-content: center; justify-content: center; display: flex; flex-direction: column; margin: 0; text-align: center; padding: 25px; border-radius: 4px; transition: 0.35s; } /* IE 11 Fixes */ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .category-box { max-width: 25%; text-align: center; } .category-box-counter { width: 50px !important; } } /* IE 11 Fixes - End */ /* Box Icon */ .category-box-icon { font-size: 42px; line-height: 32px; color: #66676b; position: relative; } .category-box-icon i { height: 42px; display: block; transition: 0.35s; margin-bottom: 12px; } /* Box Counter */ .category-box-counter { width: auto; height: 24px; font-size: 14px; line-height: 25px; border-radius: 4px; padding: 0 8px; color: #909090; background: rgba(0, 0, 0, 0.06); font-weight: 600; display: inline-block; margin: 0 auto; transition: 0.35s; margin-bottom: 18px; } /* Box Content */ .category-box-content h3 { font-size: 16px; font-weight: 600; color: #333; margin: 0; padding: 0; transition: 0.35s; } .category-box-content p { color: #888; margin: 0; padding: 0; line-height: 24px; margin-top: 5px; transition: 0.35s; } /* Hover State */ .category-box:hover { background: #66676b; box-shadow: 0 4px 12px rgba(102, 103, 107, 0.2); color: #fff; } .category-box:hover .category-box-content h3, .category-box:hover .category-box-icon { color: #fff; } .category-box:hover .category-box-content p { color: rgba(255, 255, 255, 0.7); } .category-box:hover .category-box-counter { background: rgba(0, 0, 0, 0.2); color: #fff; } /* Media Queries for Category Boxes */ @media (max-width: 1240px) { .category-box { flex: 0 0 33.3%; } } @media (max-width: 768px) { .category-box { flex: 0 0 50%; } } @media (max-width: 480px) { .category-box { flex: 0 0 100%; margin-right: 0; } } /* ---------------------------------- */ /* Photo Box ------------------------------------- */ .photo-box { border-radius: 4px; height: 360px; display: block; position: relative; background-size: cover; background-position: 100%; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); transition: 0.4s; margin: 0 0 25px 0; } .photo-box:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #333; opacity: 0.5; border-radius: 4px; transition: 0.4s; } .photo-box-content { position: absolute; bottom: 30px; left: 30px; } .photo-box-content h3 { color: #fff; font-size: 20px; line-height: 28px; } .photo-box-content span { color: #333; background: #fff; border-radius: 4px; font-size: 15px; font-weight: 500; padding: 4px 10px; line-height: 20px; margin-top: 8px; display: inline-block; } /* Hover State */ .photo-box:hover { box-shadow: 0 4px 12px rgba(102, 103, 107, 0.25); transform: translateY(-10px); } .photo-box:hover:before { background: #66676b; opacity: 0.95; } /* Small Photobox Styles */ .photo-box.small { height: 160px; margin-bottom: 30px; } .photo-box.small:hover { transform: translateY(-5px); } .photo-box.small .photo-box-content { left: 0; right: 0; margin: 0 auto; text-align: center; bottom: auto; top: 50%; transform: translateY(-49%); } .photo-box.small .photo-box-content h3 { font-size: 16px; font-weight: 600; } .photo-box.small .photo-box-content span { color: #fff; background: #66676b; font-size: 14px; line-height: 18px; margin-top: 5px; transition: 0.3s; } .photo-box.small:hover .photo-box-content span { color: #fff; background: rgba(0, 0, 0, 0.2); } /* ---------------------------------- */ /* Pricing Plans ------------------------------------- */ .billing-cycle-radios { display: block; margin: 0 auto; text-align: center; } .billing-cycle-radios.text-align-left { text-align: left; } .billing-cycle-radios .radio { margin-right: 20px; } .billing-cycle-radios .radio:last-child { margin-right: 0; } /* Pricing Plans Container */ .pricing-plans-container { border-radius: 4px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); display: flex; } .pricing-plan { flex: 1; padding: 35px 17px; position: relative; } .pricing-plan:first-of-type { padding-left: 35px; } .pricing-plan:last-of-type { padding-right: 35px; } .pricing-plan h3 { font-size: 20px; font-weight: 600; } .pricing-plan p { margin: 0; } /* Label Switcher */ .billed-yearly-label { display: none; } .billed-yearly .billed-yearly-label { display: block; } .billed-yearly .billed-monthly-label { display: none; } /* Pricing Plan Label */ .pricing-plan-label { background: #f6f6f6; border-radius: 4px; font-size: 18px; color: #888; text-align: center; line-height: 24px; padding: 15px; margin: 22px 0; } .pricing-plan-label strong { font-size: 32px; font-weight: 700; color: #333; margin-right: 5px; line-height: 30px; } .recommended .pricing-plan-label { background-color: rgba(102, 103, 107, 0.06); color: #66676b; } .recommended .pricing-plan-label strong { color: #66676b; } /* Pricing Plan Features */ .pricing-plan-features strong { color: #333; font-weight: 600; margin-bottom: 5px; line-height: 24px; display: inline-block; } .pricing-plan-features ul { padding: 0; margin: 0; } .pricing-plan-features ul li { display: block; margin: 0; padding: 3px 0; line-height: 24px; } /* Pricing Plan Button */ .pricing-plan .button:hover, .pricing-plan.recommended .button { color: #fff; background-color: #66676b; box-shadow: 0 4px 12px rgba(102, 103, 107, 0.15); } .pricing-plan .button { color: #66676b; background-color: #fff; border: 1px solid #66676b; box-shadow: 0 4px 12px rgba(102, 103, 107, 0.1); } .pricing-plan .button:hover { box-shadow: 0 4px 12px rgba(102, 103, 107, 0.15); } /* Recommended Plan */ .pricing-plan.recommended { box-shadow: 0 0px 45px rgba(0, 0, 0, 0.09); padding: 35px; margin: 0 15px; } .pricing-plan .recommended-badge { background-color: #66676b; color: #fff; position: absolute; width: 100%; height: 45px; top: -45px; left: 0; text-align: center; border-radius: 4px 4px 0 0; font-weight: 600; line-height: 45px; } /* Media Queries for Pricing Plans */ @media (max-width: 992px) { .pricing-plans-container { box-shadow: none; display: block; margin-top: -40px; } .pricing-plan { box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); margin-bottom: 40px; flex: auto; width: 100%; border-radius: 4px; padding: 35px; } .pricing-plan.recommended { padding: 35px; margin: 0 0 40px 0; } .recommended.pricing-plan { box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); margin-top: 80px; } } /* ---------------------------------- */ /* Checkout Page ------------------------------------- */ /* Checkout Headline */ .headline-border-top { border-top: 1px solid #e0e0e0; } /* Boxed Widget */ .boxed-widget { background-color: #f9f9f9; padding: 0; transform: translate3d(0, 0, 0); z-index: 90; position: relative; border-radius: 4px; overflow: hidden; } .boxed-widget-headline { color: #333; font-size: 20px; padding: 20px 30px; background-color: #f0f0f0; color: #333; position: relative; border-radius: 4px 4px 0 0; } .boxed-widget-headline h3 { font-size: 20px; padding: 0; margin: 0; } .boxed-widget-inner { padding: 30px; } .boxed-widget ul { list-style: none; padding: 0; margin: 0; } .boxed-widget ul li span { float: right; color: #333; font-weight: 600; } .boxed-widget ul li { color: #666; padding-bottom: 1px; } .boxed-widget.summary li.total-costs { font-size: 18px; border-top: 1px solid #e4e4e4; padding-top: 18px; margin-top: 18px; } .boxed-widget-footer { border-top: 1px solid #e4e4e4; width: 100%; padding: 20px 30px; } .boxed-widget-footer .checkbox label { margin-bottom: 0; } .boxed-widget.summary li.total-costs span { font-weight: 700; color: #66676b; } .listing-item-container.compact.order-summary-widget .listing-item { border-radius: 4px 4px 0 0; cursor: default; height: 240px; } .listing-item-container.compact.order-summary-widget { margin-bottom: 0; } .listing-item-container.compact.order-summary-widget:hover { transform: none; } /* Billing Cycle ------------------------------------- */ .billing-cycle { display: flex; } .billing-cycle .radio { flex: 1; margin: 5px 20px 5px 0; } .billing-cycle .radio label { border-radius: 4px; border: 2px solid #eee; padding: 25px; height: 100%; align-self: center; } .billing-cycle .radio:last-of-type { margin-right: 0; } .billing-cycle .radio input[type='radio'] + label .radio-label { position: relative; top: 2px; margin-right: 7px; } .billing-cycle-details { display: block; padding-left: 30px; } .discounted-price-tag, .regular-price-tag { font-size: 14px; background: #e0f5d7; color: #449626; border-radius: 4px; line-height: 20px; padding: 4px 10px; flex-grow: 0; flex: auto; width: auto; transition: 0.3s; margin-top: 6px; margin-right: 5px; display: inline-block; } .line-through { text-decoration: line-through; background-color: #fbf6dd; color: #a18d29; } /* Media Queries for Billing Cycle */ @media (max-width: 768px) { .billing-cycle { display: flex; flex-direction: column; } .billing-cycle .radio { margin-right: 0; } } /* Payment Toggle ------------------------------------- */ .payment-logo { height: 24px; position: absolute; right: 19px; top: 18px; image-rendering: -webkit-optimize-contrast; } .payment-logo.paypal { height: 16px; top: 22px; } .payment-tab-trigger > input { position: absolute; visibility: hidden; } .payment-tab-trigger { padding: 0px 20px; } .payment-tab-trigger > label { cursor: pointer; display: block; position: relative; top: 0; padding: 14px 0; top: 3px; margin-bottom: 0; font-weight: 500; } .payment-tab-trigger > label::before { transition: 0.2s; box-sizing: border-box; background-color: #fff; border: 2px solid #d0d0d0; border-radius: 100%; content: ''; display: inline-block; margin-right: 10px; position: relative; top: 3px; width: 18px; height: 18px; } .payment-tab-trigger > label::after { background: #fff; border-radius: 100%; content: ''; display: inline-block; position: absolute; left: 5px; top: 22px; width: 8px; height: 8px; transition: 0.2s; transform: scale(0); } .payment-tab-trigger > input:checked ~ label::before { border-color: #66676b; } .payment-tab-trigger > input:checked ~ label::after { background-color: #66676b; transform: scale(1); } .payment { border: 2px solid #f2f2f2; border-radius: 4px; overflow: hidden; } .payment-tab { background: #f2f2f2; box-sizing: border-box; max-height: 60px; overflow: hidden; position: relative; transition: all 0.3s 0s ease-in-out; width: 100%; } .payment-tab:first-of-type { border-radius: 4px 4px 0 0; } .payment-tab:last-of-type { border-radius: 0 0 4px 4px; } .payment-tab.payment-tab-active { max-height: 400px; background: #fff; } @media (max-width: 991px) { .payment-tab.payment-tab-active { max-height: 800px; } } .payment-tab-content { padding: 0 20px 20px 20px; background-color: #fff; visibility: hidden; opacity: 0; transition: 0.2s ease-in-out; } .payment-form-row { margin-top: -10px; margin-bottom: 5px; } .payment-tab.payment-tab-active .payment-tab-content { visibility: visible; opacity: 1; } .card-label > input { box-sizing: border-box; display: block; height: 51px; margin: 14px auto 5px; padding: 5px 15px 0 15px; transition: border-color 0.3s; width: 100%; border: 1px solid #dbdbdb; background-color: #fff; text-decoration: none; border-radius: 4px; box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06); box-shadow: none; padding: 15px 0; border: none; border-bottom: 1px solid #e0e0e0; border-radius: 0; } .card-label > input:focus { box-shadow: none; border-bottom: 1px solid #e0e0e0; padding: 15px 0; } .card-label > input::placeholder { transition: 0.2s ease-in-out; -webkit-transform-origin: left; } .card-label > input:focus::placeholder { transform: translateY(-18px); } .card-label > label { background-color: #fff; display: inline-block; margin: 6px auto auto 8px; font-size: 13px; padding: 0px 7px; font-weight: 500; color: #909090; display: none; } .payment-tab p { margin: 10px 0; } /* Booking Confirmation Page ------------------------------------- */ .order-confirmation-page { text-align: center; padding-bottom: 120px; padding-top: 0px; } .order-confirmation-page h2 { font-size: 48px; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 25px; display: block; } .order-confirmation-page p { font-size: 20px; color: #808080; font-weight: 300; display: block; line-height: 32px; } .order-confirmation-page a.button:before { display: none; } .order-confirmation-page a.button { background-color: #eee; color: #606060; font-weight: 600; font-size: 18px; box-shadow: none; padding-top: 14px; padding-bottom: 14px; } .order-confirmation-page a.button i { font-size: 24px; } .book-now.button { padding: 9px; margin-bottom: -4px; } .breathing-icon { background-color: #66676b; width: 120px; height: 120px; line-height: 0; font-size: 18px; border-radius: 50%; margin: 0 auto; margin-top: 30px; position: relative; z-index: 100; transition: 0.4s; color: #fff; font-weight: 500; animation: bicokAnim 3s infinite; box-shadow: 0 0 0 15px rgba(102, 103, 107, 0.07); margin-bottom: 70px; font-size: 90px; } .breathing-icon i { color: #fff; position: absolute; top: 53%; left: 0; right: 0; transform: translateY(-50%); } @keyframes bicokAnim { 0%, 100% { box-shadow: 0 0 0 15px rgba(102, 103, 107, 0.07); } 50% { box-shadow: 0 0 0 28px rgba(102, 103, 107, 0.12); } } @media (max-width: 991px) { .order-confirmation-page i { font-size: 100px; } .order-confirmation-page p { font-size: 18px; } .order-confirmation-page h2 { font-size: 30px; } } /* ---------------------------------- */ /* Icon Boxes ------------------------------------- */ .icon-box { text-align: center; margin-top: 45px; position: relative; } .icon-box-circle { background-color: #fff; width: 50%; height: 60px; z-index: 100; margin: 0 auto; display: inline-block; position: relative; margin-bottom: 35px; } .icon-box-circle-inner { font-size: 72px; color: #ccc; position: relative; width: 60px; margin: 0 auto; display: inline-block; } .icon-box-check { background-color: #66676b; width: 30px; height: 30px; line-height: 32px; font-size: 18px; border-radius: 50%; margin: 0 auto; position: relative; z-index: 100; animation: circle-box-anim 2s infinite; transition: 0.4s; color: #fff; font-weight: 500; position: absolute; bottom: -3px; right: -10px; animation: checkAnim 2s infinite; box-shadow: 0 0 0 5px rgba(102, 103, 107, 0.1); } @keyframes checkAnim { 0%, 100% { box-shadow: 0 0 0 5px rgba(102, 103, 107, 0.15); } 50% { box-shadow: 0 0 0 8px rgba(102, 103, 107, 0.15); } } .icon-box span { color: #666; text-transform: uppercase; font-size: 14px; font-weight: 500; } .icon-box h4 { margin: 4px 0; line-height: 26px; } .icon-box h3 { margin: 4px 0; line-height: 26px; font-size: 22px; font-weight: 500; } .icon-box p { margin: 0; margin-top: 25px; font-style: 16px; padding: 0 10px; color: #808080; } .icon-box.with-line:before { content: ''; height: 1px; width: 100%; position: absolute; left: 50%; top: 40px; background: #e9e9e9; display: block; z-index: 9; } @media (max-width: 992px) { .icon-box.with-line:before { display: none; } } /* ---------------------------------- */ /* Testimonials ------------------------------------- */ .testimonial-box { background: transparent; border-radius: 6px; padding: 45px; padding-top: 35px; color: #888; position: relative; margin: 70px 0 0; box-shadow: none; transition: 0.4s; cursor: grab; text-align: center; transform: scale(0.8); } .testimonial-box:before { content: '\e948'; font-family: 'Material-Icons'; position: absolute; top: -35px; left: 0; font-size: 80px; transform: translateY(-100%); color: #66676b; opacity: 0; transition: 0.3s; } .testimonial-carousel .slick-slide { margin: 0 20px 30px 20px; opacity: 0; transition: 0.4s; pointer-events: all; } .testimonial-carousel .slick-slide.slick-active { opacity: 1; filter: none; pointer-events: all; } .testimonial-carousel .slick-slide.slick-active .testimonial-box { transform: scale(1); } .testimonial-carousel .slick-slide.slick-active .testimonial-box:before { opacity: 1; } .testimonial-carousel .slick-slide.slick-active .testimonial-box { background: #fff; color: #666; box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); } .testimonial, .testimonial p { font-size: 18px; font-weight: 300; line-height: 30px; color: #808080; line-height: 32px; } .testimonial-author { display: block; width: 100%; padding: 20px 0 15px 0; text-align: center; margin: 0 auto; } .testimonial-avatar { position: absolute; top: 0; transform: translateY(-50%); margin: 0 auto; left: 0; right: 0; } .testimonial-avatar img { width: 70px; display: inline-block; text-align: center; height: auto; border-radius: 50%; margin: 0 auto; } .testimonial-author h4 { display: block; width: 100%; font-size: 18px; padding-top: 0; color: #333; font-weight: 600; } .testimonial-author span { display: block; padding-top: 0; display: inline-block; border-radius: 4px; font-size: 16px; font-weight: 300; line-height: 23px; padding: 3px 12px; margin: 5px 0 10px 0; background-color: #66676b; color: #fff; box-shadow: 0 2px 10px rgba(102, 103, 107, 0.25); } .testimonial-box .star-rating { height: 30px; display: inline-block; margin-bottom: -10px; margin-top: 15px; } .testimonial-carousel .slick-next { right: 25%; } .testimonial-carousel .slick-prev { left: 25%; } .testimonial-carousel .slick-next, .testimonial-carousel .slick-prev { margin-top: 35px; } /* Media Queries for Testimonials */ @media (max-width: 1600px) { .testimonial-carousel .slick-next { right: 15%; } .testimonial-carousel .slick-prev { left: 15%; } } @media (max-width: 1240px) { .testimonial-carousel .slick-next { right: 13%; } .testimonial-carousel .slick-prev { left: 13%; } } @media (max-width: 992px) { .testimonial-carousel .slick-next { right: 8%; } .testimonial-carousel .slick-prev { left: 8%; } .testimonial-box { padding: 35px; } .testimonial, .testimonial p { font-size: 16px; line-height: 28px; } } @media (max-width: 768px) { .testimonial-carousel .slick-next { right: 20px; } .testimonial-carousel .slick-prev { left: 20px; } .testimonial-carousel .slick-next, .testimonial-carousel .slick-prev { transform: scale(0.8) translateY(-50%); } } /* Logo Carousel */ .logo-carousel .carousel-item { display: inline-block; height: 120px; text-align: center; position: relative; } .logo-carousel .carousel-item a { display: inline-block; } .logo-carousel .carousel-item img { max-height: 60%; max-width: 60%; margin: 0 auto; left: 0; right: 0; position: absolute; top: 50%; transform: translateY(-50%); } .logo-carousel .slick-prev, .logo-carousel .slick-next { top: 50%; } /* Blog Carousel */ .blog-carousel { width: calc(100% + 30px); left: -15px; } .blog-carousel .blog-compact-item-container { margin: 15px; display: inline-block; width: 30%; } .blog-carousel.slick-initialized .blog-compact-item-container { width: auto; } .full-width-carousel-fix .default-slick-carousel.slick-initialized .freelancer, .full-width-carousel-fix .blog-carousel.slick-initialized .blog-compact-item-container { margin: 15px; transform: scale(0.85); opacity: 0; pointer-events: none; transition: 0.4s; } .full-width-carousel-fix .default-slick-carousel.slick-initialized .slick-slide.slick-active.freelancer, .full-width-carousel-fix .blog-carousel.slick-initialized .slick-slide.slick-active.blog-compact-item-container { transform: scale(1); opacity: 1; pointer-events: all; } .full-width-carousel-fix .blog-carousel.slick-initialized .slick-slide.slick-active.blog-compact-item-container:hover { transform: scale(1) translateY(-10px); } /* ---------------------------------- */ /* Text Banner ------------------------------------- */ .photo-section { background-size: cover; background-position: 50%; display: block; position: relative; } .photo-section:before { content: ''; width: 100%; height: 100%; background-color: #333; opacity: 0.65; display: block; position: absolute; top: 0; } /* Styles for info banner with parallax */ .text-content { background: transparent; padding: 110px 0px; font-weight: 500; z-index: 99; position: relative; } .text-content.white-font, .text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content.white-font h1, .text-content.white-font h2, .text-content.white-font h3, .text-content.white-font h4, .text-content.white-font h5 { color: #fff; } .text-content a.button { font-size: 16px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } .text-content p { font-size: 18px; font-weight: 300; line-height: 31px; opacity: 0.85; } .text-content h2 { margin-bottom: 23px; line-height: 46px; font-size: 34px; font-weight: 500; } .top-1 { position: relative; top: -1px; } .top-0 { position: relative; } @media (max-width: 992px) { .text-content { padding: 80px 0; } .text-content h2 { margin-bottom: 20px; line-height: 40px; font-size: 30px; font-weight: 500; } } /* ---------------------------------- */ /* Counters ------------------------------------- */ .counters-container { display: flex; flex-wrap: wrap; } .single-counter { flex: 1; text-align: center; position: relative; border-right: 1px solid #e0e0e0; margin-top: 80px; } .single-counter:last-child { border-right: 0; } .single-counter i { font-size: 64px; color: #ccc; position: absolute; top: -20px; transform: translateY(-100%); left: 0; right: 0; } .single-counter h3 { font-size: 36px; font-weight: 600; color: #66676b; margin-bottom: 7px; } .single-counter .counter-title { color: #888; padding-top: 0; display: inline-block; border-radius: 4px; font-size: 18px; } /* Media Queries for Counters */ @media (max-width: 992px) { .single-counter { flex: 1 1 50%; margin-bottom: 30px; } .single-counter:nth-child(2) { border: none; } .counters-container { margin-bottom: -30px; } } /* Media Queries for Counters */ @media (max-width: 768px) { .single-counter { flex: 1 1 100%; border: none; border-bottom: 1px solid #e0e0e0; padding-bottom: 30px; } .single-counter:nth-child(2) { border-bottom: 1px solid #e0e0e0; } .single-counter:last-child { margin-bottom: -15px; border-bottom: none; } .counters-container { margin-bottom: -30px; } } /* ---------------------------------- */ /* Countdown ------------------------------------- */ .countdown { border-radius: 4px; width: 100%; display: block; text-align: center; font-size: 18px; line-height: 28px; padding: 14px; } .countdown.green { background-color: #e7f8ec; color: #289c41; } .countdown.yellow { background-color: #fbf6dd; color: #a18d29; } /* ---------------------------------- */ /* Bidding Widget ------------------------------------- */ .bidding-widget { border-radius: 4px; background-color: #f9f9f9; } .dashboard-box .bidding-widget, .popup-tab-content .bidding-widget { border-radius: 0; background-color: transparent; } .dashboard-box .slider-handle.custom, .popup-tab-content .slider-handle.custom { border: 1px solid #e0e0e0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07); } .bidding-widget .bidding-headline { background-color: #f0f0f0; color: #333; position: relative; border-radius: 4px 4px 0 0; } .bidding-widget .bidding-inner { padding: 30px 35px; } .bidding-widget .bidding-headline { color: #333; font-size: 20px; padding: 20px 35px; } .bidding-widget .bidding-headline h3 { color: #333; font-size: 20px; padding: 0; margin: 0; } .bidding-widget .bidding-signup { color: #666; font-size: 14.7px; padding: 16px 35px; text-align: center; border-top: 1px solid #e0e0e0; } .bidding-widget .bidding-signup a { font-weight: 600; } .bidding-widget button.button { margin-bottom: 3px; } .bidding-widget .bidding-detail { color: #888; display: block; } .bidding-widget .bidding-detail strong { color: #333; font-weight: 700; } .dashboard-box .bidding-detail strong { font-weight: 600; } .bidding-widget .bidding-value { font-size: 26px; font-weight: 500; color: #333; margin: 5px 0 20px 0; } .bidding-widget .bidding-value { font-size: 26px; font-weight: 500; color: #333; } .bidding-widget .button { box-shadow: 0 4px 12px rgba(102, 103, 107, 0.15); transition: 0.3s; height: 46px; } .bidding-widget .button:hover { box-shadow: 0 4px 12px rgba(102, 103, 107, 0.25); transform: translateY(-2px); } .bidding-widget .bidding-fields { display: flex; flex-wrap: wrap; align-items: flex-start; margin-top: 12px; width: calc(100% + 20px); } .bidding-widget .bidding-fields .bidding-field { flex: 1; margin-right: 20px; } /* Quantity Buttons for Booking Widget*/ .qtyButtons { display: flex; margin: 0; background: #fff; border-radius: 4px; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12); height: 48px; padding: 6px; } .qtyButtons.with-border { border: 1px solid #e0e0e0; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05); } .qtyButtons input { outline: 0; font-size: 16px; font-weight: 600; text-align: center; width: 50px; height: 36px; color: #808080; line-height: 36px; margin: 0 !important; padding: 0 5px; border: none; box-shadow: none; display: inline-block; flex-grow: 1; box-shadow: none !important; } .qtyTitle { font-size: 16px; font-weight: 600; line-height: 36px; padding-right: 15px; display: block; flex: 1; } .qtyInc, .qtyDec { width: 36px; height: 36px; line-height: 36px; font-size: 18px; background-color: #f0f0f0; color: #808080; display: inline-block; text-align: center; border-radius: 4px; cursor: pointer; font-family: 'Feather-Icons'; flex: 1; min-width: 36px; max-width: 36px; transition: 0.3s; } .qtyInc:before { content: '\e9b1'; } .qtyDec:before { content: '\e996'; } .qtyInc:hover, .qtyDec:hover { background-color: #66676b; color: #fff; } .qtyTotal { background-color: #66676b; border-radius: 50%; color: #fff; display: inline-block; font-size: 11px; font-weight: 600; font-family: 'Open Sans', sans-serif; line-height: 18px; text-align: center; position: relative; top: -2px; left: 2px; height: 18px; width: 18px; } /* Media Queiers for Bidding Widget */ @media (max-width: 1366px) { .qtyInc, .qtyDec { min-width: 34px; max-width: 34px; } .bidding-widget .bidding-inner { padding: 27px 32px; } .bidding-widget .bidding-headline { padding: 20px 32px; } } @media (max-width: 1240px) { .qtyInc, .qtyDec { min-width: 36px; max-width: 36px; } .bidding-widget .bidding-fields .bidding-field { flex: auto; margin-right: 0; width: 100%; } .bidding-widget .bidding-fields .bidding-field:first-child { margin-bottom: 20px; } .bidding-widget .bidding-fields { width: 100%; } } /* -------------------------------- */ /* 404 Error Page ----------------------------------- */ #not-found { margin: 40px 0 80px 0; } #not-found.center { text-align: center; } #not-found h2 { text-align: center; font-size: 210px; line-height: 210px; font-weight: 500; letter-spacing: -8px; } #not-found p { text-align: center; font-size: 28px; line-height: 42px; display: inline-block; margin-top: 0px; color: #999; } #not-found i { color: #e0e0e0; font-size: 210px; top: 0; margin-left: -40px; position: relative; } .not-found-search.intro-banner-search-form .intro-search-field, .not-found-search.intro-banner-search-form input, .not-found-search.intro-banner-search-form { background: #f7f7f7; box-shadow: none; } @media (max-width: 992px) { .not-found-search.intro-banner-search-form { background: #fff; } } @media (max-width: 767px) { #not-found h2 { font-size: 110px; line-height: 110px; } #not-found p { font-size: 20px; line-height: 32px; } #not-found i { font-size: 120px; top: 5px; margin-left: 0; } .not-found-search.intro-banner-search-form { margin-top: -30px; } .login-register-page .account-type { width: 100%; } .login-register-page .account-type div { margin-right: 0; } .login-register-page .social-login-buttons button { margin-right: 0; width: 100%; display: block; max-width: 100%; } } .login-register-page .welcome-text h3 { font-size: 26px; } /* -------------------------------------------------------------- */ /* 05. Scripts Styles ----------------------------------------------------------------- */ /* ---------------------------------- */ /* Slick Slider ------------------------------------- */ /* 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; } /* Slider */ /*.slick-loading .slick-list { background: #fff url(/ajax-loader.gif) center center no-repeat; } */ /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; outline: none; background-color: #333; border-radius: 4px; width: 48px; height: 48px; display: block; top: calc(50% - 15px); transform: translateY(-50%); transition: 0.3s; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); z-index: 10; } .slick-prev:hover, .slick-next:hover { color: transparent; outline: none; background: #66676b; } .slick-prev:hover:before, .slick-next:hover:before { opacity: 1; } .slick-prev.slick-disabled, .slick-next.slick-disabled { pointer-events: none; cursor: default; background-color: #e8e8e8; box-shadow: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { color: #808080; } .slick-prev:before, .slick-next:before { font-family: 'Feather-Icons'; font-size: 26px; line-height: 1; opacity: 1; transition: 0.3s; position: relative; color: #fff; } .slick-prev { left: -85px; } .slick-prev:before { content: '\e92f'; left: -1px; } .slick-next { right: -85px; } .slick-next:before { content: '\e930'; right: -1px; } /* Dots */ .slick-dots { margin: 0 auto; padding: 0; text-align: center; } .slick-dots li { position: relative; display: inline-block; padding: 0; margin: 0 3px; cursor: pointer; } .slick-dots li { font-size: 0; line-height: 0; cursor: pointer; color: transparent; border: 0; position: relative; outline: none; display: inline-block; width: 15px; height: 15px; margin: 0 3px; opacity: 1; border-radius: 50%; line-height: 0; box-shadow: inset 0 0 0 2px #c0c0c0; transition: all 0.3s; } .slick-dots li.slick-active { box-shadow: inset 0 0 0 6px #c0c0c0; transition: all 0.3s; } .slick-dots li:after { display: block; height: 13px; width: 13px; content: ''; position: absolute; top: 1px; left: 1px; background-color: transparent; border-radius: 50%; transition: all 0.3s; opacity: 0; background-color: #c0c0c0; } .slick-dots li.slick-active:after { opacity: 1; } /* Reset */ .slick-slide { display: none; outline: none; } .slick-initialized .slick-slide { display: block; } .default-slick-carousel .slick-carousel-item { margin: 15px; } .default-slick-carousel { height: auto; width: calc(100% + 30px); left: -15px; } .default-slick-carousel, .testimonial-carousel, .logo-carousel, .blog-carousel { display: none; } .default-slick-carousel.slick-initialized, .testimonial-carousel.slick-initialized, .logo-carousel.slick-initialized, .blog-carousel.slick-initialized { display: block; } /* Custom */ .default-slick-carousel .freelancer { margin: 15px; width: 30%; } .default-slick-carousel.slick-initialized .freelancer { width: auto; } .default-slick-carousel .freelancer-details-list ul li { margin-right: 22px; } .default-slick-carousel .freelancer-details-list ul li:last-child { margin-right: 0px; } .default-slick-carousel .freelancer:hover { box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); transform: translateY(0px); } @media (min-width: 1367px) and (max-width: 1440px) { .slick-prev { left: -65px; } .slick-next { right: -65px; } } @media (max-width: 1290px) { .slick-prev { left: -10px; } .slick-next { right: -10px; } } @media (max-width: 1090px) { .slick-prev { left: 40px; } .slick-next { right: 40px; } } .full-width-carousel-fix { overflow: hidden; } .full-width-carousel-fix .slick-list { overflow: visible; } /* ---------------------------------- */ /* Simlpebar.js (custom scrollbar) ------------------------------------- */ [data-simplebar] { position: relative; z-index: 0; overflow: hidden !important; max-height: inherit; -webkit-overflow-scrolling: touch; /* Trigger native scrolling for mobile, if not supported, plugin is used. */ } [data-simplebar='init'] { display: -webkit-box; display: -ms-flexbox; display: flex; } .simplebar-scroll-content { overflow-x: hidden !important; overflow-y: scroll; min-width: 100% !important; max-height: inherit !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } .simplebar-content { overflow-y: hidden !important; overflow-x: scroll; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; min-height: 100% !important; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; width: 11px; height: calc(100% - 6px); margin-top: 6px; } .simplebar-scrollbar { position: absolute; right: 6px; width: 5px; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ''; background: black; border-radius: 7px; left: 0; right: 0; opacity: 0; transition: opacity 0.2s, background-color 0.3s; background-color: #d8d8d8; } .simplebar-scrollbar:hover:before { background-color: #c8c8c8; } .simplebar-track:hover .simplebar-scrollbar:before, .simplebar-track .simplebar-scrollbar.visible:before { /* When hovered, remove all transitions from drag handle */ opacity: 1; -webkit-transition: opacity 0 linear; transition: opacity 0 linear; } .simplebar-track.vertical { top: 0; } .simplebar-track.vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; } .simplebar-track.horizontal { left: 0; width: auto; height: 11px; display: none; } .simplebar-track.horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; } .horizontal.simplebar-track .simplebar-scrollbar { right: auto; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } body.gray .dashboard-content-container .simplebar-scrollbar:before { background-color: #c9c9c9; } body.gray .dashboard-content-container .simplebar-scrollbar:hover:before { background-color: #b9b9b9; } .dashboard-box .simplebar-scrollbar:before { background-color: #d8d8d8; } .dashboard-box .simplebar-scrollbarLhover:before { background-color: #c8c8c8; } /* ---------------------------------- */ /* Tippy.js Tooltips ------------------------------------- */ /* Dark */ .tippy-tooltip.dark-theme { color: #fff; font-weight: 500; font-size: 14px; padding: 6px 12px; } .tippy-tooltip.dark-theme .tippy-backdrop { background-color: #333; } .tippy-popper[x-placement^='top'] .tippy-tooltip.dark-theme .tippy-arrow { border-top-color: #333; } .tippy-popper[x-placement^='bottom'] .tippy-tooltip.dark-theme .tippy-arrow { border-bottom-color: #333; } .tippy-popper[x-placement^='right'] .tippy-tooltip.dark-theme .tippy-arrow { border-right-color: #333; } .tippy-popper[x-placement^='left'] .tippy-tooltip.dark-theme .tippy-arrow { border-left-color: #333; } .tippy-tooltip.dark-theme .tippy-arrow { transform: scale(0.7); } /* Light */ .tippy-tooltip.light-theme { color: #333; font-weight: 500; font-size: 14px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); padding: 6px 12px; background-color: #fff; } .tippy-popper[x-placement^='top'] .tippy-tooltip.light-theme .tippy-arrow { border-top-color: #fff; } .tippy-popper[x-placement^='bottom'] .tippy-tooltip.light-theme .tippy-arrow { border-bottom-color: #fff; } .tippy-popper[x-placement^='right'] .tippy-tooltip.light-theme .tippy-arrow { border-right-color: #fff; } .tippy-popper[x-placement^='left'] .tippy-tooltip.light-theme .tippy-arrow { border-left-color: #fff; } /* ---------------------------------- */ /* Magnific Popup ------------------------------------- */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; overflow: hidden; position: fixed; background: #111; } .mfp-wrap { top: -10px; left: 0; width: 100%; height: 100%; z-index: 2001; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { height: 100%; text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 505; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #aaa; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 504; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } .mfp-s-loading .mfp-arrow { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 506; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: 0px; top: -40px; } /* Close Button */ .og-close, button.mfp-close { position: absolute; width: 45px; height: 45px; top: -20px; display: block; right: -12px; cursor: pointer !important; z-index: 9999; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 50%; margin: 0px; background-color: transparent; outline: none; transform: translate3d(0, 0, 0); } .mfp-iframe-holder .mfp-close { top: -50px; right: -12px; transform: translate3d(0, 0, 0); } .mfp-gallery .mfp-close { top: 20px; right: 10px; } .mfp-gallery .mfp-content .mfp-close { display: none; } .mfp-close::after, .mfp-close::before { top: 0px; } .og-close { margin: 17px; right: 10px; background: transparent; color: #222; } .og-close:before, .mfp-close:before { font-family: 'Feather-Icons'; font-size: 20px; top: 2px; left: 0; position: relative; height: 10px; } .og-close:before, .mfp-close:before { content: '\ea02'; } #small-dialog .mfp-close, #small-dialog-1 .mfp-close, #small-dialog-2 .mfp-close, #small-dialog-3 .mfp-close, #small-dialog-4 .mfp-close, #sign-in-dialog, .mfp-close, .mfp-close:hover { color: #fff; } /* Popup close button*/ #sign-in-dialog .mfp-close, #small-dialog-1 .mfp-close, #small-dialog-2 .mfp-close, #small-dialog-3 .mfp-close, #small-dialog-4 .mfp-close, #small-dialog .mfp-close { color: #666; background-color: #e4e4e4; border-radius: 4px; top: 28px; right: 40px; width: 40px; height: 40px; } #sign-in-dialog .mfp-close:hover, #small-dialog-1 .mfp-close:hover, #small-dialog-2 .mfp-close:hover, #small-dialog-3 .mfp-close:hover, #small-dialog-4 .mfp-close:hover, #small-dialog .mfp-close:hover { color: #fff; background-color: #66676b; } .small-dialog-content input[type='submit'] { width: 100%; margin-top: 26px; margin-bottom: 10px; } .small-dialog-content .divider { display: inline-block; width: 100%; margin-top: 15px; padding-bottom: 0; } .small-dialog-header { font-size: 22px; width: calc(100% + 80px); position: relative; left: -40px; top: 0; border-radius: 4px 4px 0 0; display: inline-block; background-color: #f6f6f6; padding: 35px 40px; margin-bottom: 40px; } .small-dialog-header h3 { padding: 0; margin: 0; font-size: 23px; } .mfp-counter { position: absolute; top: 0; right: 0; color: #aaa; font-size: 13px; line-height: 18px; } .mfp-arrow { opacity: 1; margin: 0 20px; top: 50%; transform: translateY(-50%); z-index: 9999; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; width: 60px; height: 60px; position: absolute; display: block; z-index: 100; overflow: hidden; background: rgba(255, 255, 255, 0.15); border-radius: 50%; outline: none; } .mfp-arrow:hover { background: #66676b; color: #fff; } .mfp-arrow.mfp-arrow-left, .mfp-arrow.mfp-arrow-right { font-family: 'simple-line-icons'; font-size: 20px; } .mfp-arrow.mfp-arrow-right { right: 15px; } .mfp-arrow.mfp-arrow-left:before { content: '\e605'; left: -1px; top: 0px; position: relative; } .mfp-arrow.mfp-arrow-right:before { content: '\e606'; left: 1px; top: 0px; position: relative; } .mfp-content:hover .mfp-arrow { opacity: 1; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 1180px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 54%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Popup */ #sign-in-dialog, #small-dialog-1, #small-dialog-2, #small-dialog-3, #small-dialog-4, #small-dialog { background: #fff; padding: 40px; padding-top: 0; text-align: left; max-width: 610px; margin: 40px auto; position: relative; box-sizing: border-box; border-radius: 4px; max-width: 550px; } #sign-in-dialog-1 span.line, #sign-in-dialog-2 span.line, #sign-in-dialog-3 span.line, #sign-in-dialog-4 span.line, #sign-in-dialog span.line, #small-dialog span.line { padding-top: 0; } .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0.001; /* Chrome opacity transition bug */ -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.85; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .dupa { display: block; height: 30px; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 40px auto; border-radius: 4px; } /* The shadow behind the image */ .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 18px rgba(11, 11, 11, 0.6); } .mfp-figure { line-height: 0; } .mfp-bottom-bar { margin-top: -30px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-break: break-word; padding-right: 36px; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } /* Media Queries for Magnific Popup */ @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } /* The shadow behind the image */ .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.92; background-color: #111; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* Feedback Yes No */ .feedback-yes-no strong { font-size: 16px; font-weight: 600; color: #333; display: block; } .feedback-yes-no .radio { margin-right: 15px; } .feedback-yes-no { margin-bottom: 15px; } .feedback-yes-no .leave-rating { transform: scale(1.1); margin: 3px 0 10px 3px; } /* ---------------------------------- */ /* Popup tabs ------------------------------------- */ .popup-tabs-nav { list-style: none; margin: 0; padding: 0; width: 100%; display: block; height: 62px; background: #f8f8f8; border-radius: 4px 4px 0 0; border-bottom: 1px solid #e0e0e0; } .popup-tabs-nav li { float: left; line-height: 62px; height: 62px; padding: 0; margin-right: 0; position: relative; } .popup-tabs-nav li:first-child a { border-radius: 4px 0 0 0; } .popup-tabs-nav li a, .popup-tab-reviews { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .popup-tabs-nav li a { border: none; color: #777; display: inline-block; outline: none; padding: 0; text-decoration: none; font-size: 16px; z-index: 10; position: relative; height: 100%; padding: 0 30px; border-right: 1px solid transparent; border-left: 1px solid transparent; transition: all 0.3s, font-weight 0s; border-right: 1px solid #e0e0e0; } .popup-tabs-nav li.active { background-color: #fff; position: relative; } .popup-tabs-nav li a:hover { background-color: #f3f3f3; height: calc(100% - 1px); color: #333; } .popup-tabs-nav li:last-child a:hover { border-right: 1px solid #e0e0e0; } .popup-tabs-nav li.active a:hover, .popup-tabs-nav li.active { background-color: #fff; } .popup-tabs-nav li.active a { color: #66676b; font-weight: 600; } .popup-tabs-nav li.active:after { content: ''; position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; z-index: 111; } .popup-tabs-nav li:first-child.active { border-left: none; border-radius: 4px 0 0 0; } .popup-tab-content { padding: 50px 35px; position: relative; z-index: 10; display: inline-block; width: 100%; } .popup-tabs-container { overflow: hidden; width: 100%; } .popup-tab-content p:last-child { margin-bottom: 0; } .dialog-with-tabs#sign-in-dialog, .dialog-with-tabs#small-dialog-1, .dialog-with-tabs#small-dialog-2, .dialog-with-tabs#small-dialog-3, .dialog-with-tabs#small-dialog-4, .dialog-with-tabs#small-dialog { padding: 0; color: #666; max-width: 540px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.25); } /* Close Button Adjustments*/ #sign-in-dialog.dialog-with-tabs .mfp-close, #small-dialog.dialog-with-tabs .mfp-close, #small-dialog-1.dialog-with-tabs .mfp-close, #small-dialog-2.dialog-with-tabs .mfp-close, #small-dialog-3.dialog-with-tabs .mfp-close, #small-dialog-4.dialog-with-tabs .mfp-close { color: #888; background-color: #f8f8f8; border-left: 1px solid #e0e0e0; border-radius: 0 4px 0 0; top: 0; right: 0; width: 62px; height: 61px; } #sign-in-dialog.dialog-with-tabs .mfp-close:hover, #small-dialog-1.dialog-with-tabs .mfp-close:hover, #small-dialog-2.dialog-with-tabs .mfp-close:hover, #small-dialog-3.dialog-with-tabs .mfp-close:hover, #small-dialog-4.dialog-with-tabs .mfp-close:hover, #small-dialog.dialog-with-tabs .mfp-close:hover { color: #333; background-color: #f2f2f2; } .dialog-with-tabs .mfp-close:before, .dialog-with-tabs .mfp-close:before { font-size: 24px; } /* Chrome autocomplete highlight reset */ .dialog-with-tabs input:-webkit-autofill, .dialog-with-tabs input:focus:-webkit-autofill { border: 1px solid #e0e0e0; -webkit-box-shadow: inset 0 0 0px 9999px white, 0 1px 4px rgba(0, 0, 0, 0.07); } .dialog-with-tabs input { margin-bottom: 22px; } /* Forgot Password Link */ .dialog-with-tabs .forgot-password { font-size: 14px; color: #888; margin-top: -12px; display: block; } .dialog-with-tabs .forgot-password:hover { color: #66676b; } /* Submit Button Adjustments */ .dialog-with-tabs .button { height: 48px; width: 100% !important; margin-top: 25px; box-shadow: 0 4px 12px rgba(102, 103, 107, 0.15); } /* Welcome Text */ .welcome-text { display: block; text-align: center; color: #808080; margin-bottom: 33px; } .welcome-text h3 { display: block; font-weight: 700; color: #333; font-size: 24px; } .welcome-text span a { font-weight: 500; } .welcome-text span { display: block; margin-top: 4px; } /* Social Login Separator */ .social-login-separator { width: 100%; display: block; text-align: center; position: relative; width: 100%; margin: 38px 0 15px 0; height: 1px; } .social-login-separator:before { width: 100%; content: ''; height: 1px; display: block; background-color: #e0e0e0; position: absolute; top: 0; } .social-login-separator span { background-color: #fff; top: 0; position: absolute; line-height: 10px; top: -5px; margin-left: -15px; padding: 0px 10px; color: #808080; } /* Social Login Buttons */ .social-login-buttons { display: flex; width: calc(100% + 20px); } .social-login-buttons button { flex: 1; text-align: center; border: 1px solid #333; color: #333; border-radius: 4px; margin-top: 10px; margin-right: 20px; font-size: 14px; padding: 9px 5px; max-width: 50%; transition: 0.3s; } .social-login-buttons button:hover { background-color: #333; color: #fff; } .social-login-buttons button i { position: relative; top: 1px; margin-right: 7px; font-size: 15px; } .social-login-buttons .facebook-login { border-color: #3b5998; color: #3b5998; } .social-login-buttons .facebook-login:hover { background-color: #3b5998; color: #fff; } .social-login-buttons .google-login { border-color: #dd4b39; color: #dd4b39; } .social-login-buttons .google-login:hover { background-color: #dd4b39; color: #fff; } @media (max-width: 768px) { .social-login-separator { margin-bottom: 25px; } .social-login-buttons, .social-login-buttons a { width: 100%; display: block; max-width: 100%; } } /* Account Type */ .account-type { display: flex; width: calc(100% + 20px); margin: 0 0 20px 0; } .account-type div { flex: 1; margin-right: 20px; } .account-type label { border-radius: 3px; border: none; background-color: #f2f2f2; width: 100%; } /* hide input */ .account-type input.account-type-radio:empty { display: none; } /* style label */ .account-type label i { position: relative; font-size: 18px; top: 2px; margin-right: 2px; } .account-type input.account-type-radio:empty ~ label { position: relative; float: left; padding: 10px; text-align: center; padding-bottom: 11px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 4px; color: #888; transition: 0.4s; height: 48px; line-height: 28px; overflow: hidden; } .account-type input.account-type-radio ~ label:hover { color: #289c41; background-color: #e4f6e9; } .account-type input.account-type-radio:checked ~ label { color: #fff; background-color: #47bb67; } .account-type input.account-type-radio:empty ~ label:after, .account-type input.account-type-radio:empty ~ label:before { position: absolute; display: block; top: 0; bottom: 0; left: 0; content: ''; width: 100%; height: 100%; text-align: center; line-height: 48px; border-radius: 4px; font-size: 22px; background: transparent; z-index: 100; opacity: 0; } .account-type .ripple-effect-dark span.ripple-overlay { animation: ripple 1.2s; opacity: 0.03; } /* Standard syntax */ @keyframes typeCheck { 0% { opacity: 0; transform: translateY(10px); } 50% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(-10px); } } @keyframes typeBG { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /* Popups Media Queries */ @media (max-width: 480px) { .popup-tabs-nav { padding-top: 50px; height: 50px; } .mfp-container { padding: 0 10px; } .popup-tabs-nav li:first-child { border-top: 1px solid #e0e0e0; } .popup-tabs-nav li { border-bottom: 1px solid #e0e0e0; } .popup-tabs-nav li, .popup-tabs-nav li a { width: 100%; text-align: center; height: 50px; line-height: 50px; } .popup-tabs-nav li a:hover { background-color: transparent; } #sign-in-dialog.dialog-with-tabs .mfp-close, #small-dialog.dialog-with-tabs .mfp-close, #small-dialog-1.dialog-with-tabs .mfp-close, #small-dialog-2.dialog-with-tabs .mfp-close, #small-dialog-3.dialog-with-tabs .mfp-close, #small-dialog-4.dialog-with-tabs .mfp-close { height: 50px; width: 50px; } .account-type, .social-login-buttons { flex-direction: column; } .social-login-buttons button { max-width: 100%; width: 100%; flex: auto; } .uploadButton { flex-direction: column; } .uploadButton .uploadButton-file-name { padding: 0; margin: 15px 0 0 0; } } /* ---------------------------------- */ /* Boostrap Slider ------------------------------------- */ input.range-slider, input.default-slider { display: none; } .slider { display: inline-block; vertical-align: middle; position: relative; } .slider.slider-horizontal { width: calc(100% - 20px); margin-left: 11px; height: 20px; } .slider.slider-horizontal .slider-track { height: 3px; width: calc(100% + 18px); margin-top: -2px; top: 50%; left: -9px; } .slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high { height: 100%; top: 0; bottom: 0; } .slider.slider-horizontal .slider-handle { margin-left: -11px; } .slider.slider-horizontal .slider-tick-label-container { white-space: nowrap; margin-top: 20px; } .slider.slider-horizontal .tooltip { -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; } .slider input { display: none; } .slider .tooltip.top { margin-top: -40px; } .slider .tooltip-inner { white-space: nowrap; max-width: none; background-color: #333; padding: 4px 12px; line-height: 21px; color: #fff; font-size: 14px; border-radius: 4px; } .slider .tooltip-arrow { position: absolute; width: 0; height: 0; bottom: -6px; left: 50%; transform: translateX(-50%); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #333; } .tooltip.tooltip-min, .tooltip.tooltip-max { display: none; } .slider .hide { display: none; } .slider-track { position: absolute; cursor: pointer; border-radius: 4px; background-color: #e0e0e0; } .slider-selection { position: absolute; background-color: #66676b; box-sizing: border-box; border-radius: 4px; } .slider-track-low, .slider-track-high { position: absolute; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } .slider-handle { position: absolute; top: 0; width: 20px; height: 20px; border: 2px solid #66676b; cursor: pointer; z-index: 20; border-radius: 50%; } .slider-handle:after { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; background-color: #fff; border-radius: 50%; z-index: 30; display: block; box-shadow: 0 0 0px 6px rgba(102, 103, 107, 0.12); transition: 0.2s; } .slider-handle:hover:after { box-shadow: 0 0 0px 8px rgba(102, 103, 107, 0.12); } .slider-handle.custom { position: absolute; top: -5px; width: 40px; height: 29px; border: none; cursor: pointer; z-index: 20; border-radius: 4px; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); text-align: center; } .slider-handle.custom:after { display: none; } .slider-handle.custom:before { content: '\e958 \e959'; font-family: 'Material-Icons'; letter-spacing: -10px; font-size: 21px; color: #a0a0a0; margin-left: -10px; transition: 0.3s; } .slider-handle.custom:hover:before { color: #333; } .slider.slider-horizontal .slider-handle.custom { margin-left: -20px; } /* ---------------------------------- */ /* Bootstrap-select ------------------------------------- */ select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select .btn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select > .dropdown-toggle { width: 100%; padding-right: 25px; z-index: 1; } .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active { color: #808080; } .bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; } .bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle { border-color: #b94a48; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*='col-']):not([class*='form-control']):not( .input-group-btn ) { width: 100%; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } .bootstrap-select.form-control:not([class*='col-']) { width: 100%; } .bootstrap-select.form-control.input-group-btn { z-index: auto; } .bootstrap-select.form-control.input-group-btn:not(:first-child):not( :last-child ) > .btn { border-radius: 0; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*='col-'] { float: none; display: flex; margin-left: 0; } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*='col-'].dropdown-menu-right, .row .bootstrap-select.btn-group[class*='col-'].dropdown-menu-right { float: right; } .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .checkbox .bootstrap-select.btn-group { margin-bottom: 0; } .checkbox-lg .bootstrap-select.btn-group.form-control, .checkbox-sm .bootstrap-select.btn-group.form-control { padding: 0; } .checkbox-lg .bootstrap-select.btn-group.form-control .dropdown-toggle, .checkbox-sm .bootstrap-select.btn-group.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; } .form-inline .bootstrap-select.btn-group .form-control { width: 100%; } .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled { cursor: not-allowed; } .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus { outline: none !important; } .bootstrap-select.btn-group.bs-container { position: absolute; height: 0 !important; padding: 0 !important; } .bootstrap-select.btn-group.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { overflow: hidden; width: 100%; line-height: 48px; text-align: left; white-space: nowrap; text-overflow: ellipsis; max-width: 90%; float: left; height: 48px; display: block; } .bootstrap-select.btn-group .dropdown-menu li.hidden { display: none; } .language-switcher.bootstrap-select.btn-group .dropdown-toggle .filter-option, .sort-by .bootstrap-select.btn-group .dropdown-toggle .filter-option { max-width: 100%; float: left; } .sort-by .bootstrap-select.btn-group .dropdown-toggle .filter-option { line-height: 20px; height: auto; } .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 20px; margin-top: -2px; vertical-align: middle; transition: 0.35s; } .bootstrap-select.open .dropdown-toggle .caret { transform: rotate(180deg); } .bootstrap-select.btn-group[class*='col-'] .dropdown-toggle { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0 5px; border-radius: 0; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; margin-bottom: 1px; } .bootstrap-select.btn-group .dropdown-menu li.disabled { opacity: 0.75; } .bootstrap-select.btn-group .dropdown-menu li.active small { color: #fff; } .bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: 7px; opacity: 0.8; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: calc(100% - 20px); margin: 0; min-height: 26px; padding: 3px 5px; pointer-events: none; padding: 5px 10px; background: #333; color: #fff; margin: 5px; margin-bottom: 5px; border-radius: 4px; white-space: nowrap; font-size: 14px; border: none; } .bootstrap-select.btn-group .no-results { padding: 5px 10px; background: #f6f6f6; margin: 5px 0; margin-bottom: 0; border-radius: 4px; white-space: nowrap; font-size: 14px; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { white-space: normal; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1061; } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 0 5px; } .bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; margin-bottom: 10px; margin-top: -5px; } .bs-actionsbox div { display: flex; } .bootstrap-select.btn-group .bs-actionsbox div button { flex: 1; background: #f6f6f6; box-shadow: none; padding: 5px; height: 36px; font-size: 14px; color: #777; transition: 0.3s; } .bootstrap-select.btn-group .bs-actionsbox div button:first-child { border-radius: 4px 0 0 4px; background-color: #f0f0f0; } .bootstrap-select.btn-group .bs-actionsbox div button:last-child { border-radius: 0 4px 4px 0; } .bootstrap-select.btn-group .bs-actionsbox div button:hover { background: #66676b; color: #fff; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox + .bs-actionsbox { padding: 0; } .bs-searchbox .form-control:focus, .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; box-shadow: none; background: #f4f4f4; margin: -5px 0 10px 0; height: 38px; line-height: 38px; padding: 10px; } .bs-searchbox { position: relative; } .bs-searchbox:after { font-family: 'Material-Icons'; content: '\e982'; font-size: 20px; width: 20px; height: 20px; line-height: 0; display: inline-block; position: absolute; margin: 0; color: #a0a0a0; right: 15px; top: 18px; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid #aaa; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; padding: 10px 5px; margin: -4px 0 0 0; font-size: 15px; text-align: left; list-style: none; background-color: #fff; border: none; border-radius: 4px; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { display: none; } .dropdown-menu > li > a { display: block; padding: 7px 10px; padding-right: 35px; clear: both; font-weight: normal; line-height: 21px; color: #808080; border-radius: 4px; } .bootstrap-select:before { content: ''; position: absolute; z-index: 2100; bottom: 0px; left: 0; height: 8px; width: 100%; background-color: #fff; display: block; opacity: 0; pointer-events: none; transition: 0.4s; } .bootstrap-select.open:before { opacity: 1; } .dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover { color: #66676b; text-decoration: none; background-color: rgba(102, 103, 107, 0.07); } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover { color: #777; } .dropdown-menu > .disabled > a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; } /* Custom Scrollbar for -wekbit */ .dropdown-menu.inner::-webkit-scrollbar { width: 5px; } .dropdown-menu.inner::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0); border-radius: 12px; } .dropdown-menu.inner::-webkit-scrollbar-thumb { border-radius: 12px; background-color: #d8d8d8; } .dropdown-menu.inner::-webkit-scrollbar-thumb:hover { border-radius: 12px; background-color: #c8c8c8; } .bootstrap-select .dropdown-menu { opacity: 0; transition: 0.4s; display: block; pointer-events: none; visibility: hidden; cursor: default; } .bootstrap-select.open .dropdown-menu { opacity: 1; pointer-events: all; visibility: visible; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 7px 10px; line-height: 20px; white-space: nowrap; background: #f6f6f6; color: #777; border-radius: 4px; margin-bottom: 1px; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ''; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: 100%; bottom: auto; margin-bottom: 2px; } @media (min-width: 767px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .bootstrap-select.btn-group { position: relative; } .bootstrap-select.btn-group button { position: relative; display: inline-block; height: 48px; line-height: 0; padding: 0 20px; margin: 0; outline: none; font-size: 16px; color: #808080; max-width: 100%; width: 100%; box-sizing: border-box; display: block; background-color: #fff; font-weight: 500; opacity: 1; border-radius: 4px; border: none; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12); } /* Select Check Icon */ .hide-tick .check-mark { display: none !important; } .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { position: absolute; display: inline-block; right: 8px; top: 50%; transform: translateY(-50%); margin: 0; line-height: 0; width: 20px; height: 20px; text-align: center; } .bootstrap-select.btn-group .dropdown-menu li span.check-mark:before { font-family: 'Feather-Icons'; content: '\e92b'; font-size: 18px; transition: all 0.3s; display: inline-block; top: 50%; right: 0; position: absolute; margin: 0; opacity: 0; transform: scale(0.5); } .bootstrap-select.btn-group .dropdown-menu li.selected span.check-mark:before { opacity: 1; transform: scale(1); transition: all 0.35s cubic-bezier(0.3, -0.41, 0.19, 2), opacity 0.3s; } .bootstrap-select .dropdown-menu li.selected a span.check-mark:before, .bootstrap-select .dropdown-menu li.selected:hover a span.check-mark:before { color: #66676b; } /* Icons*/ .bootstrap-select .glyphicon:not(.check-mark) { font-size: 17px; line-height: 0; position: relative; top: 1px; margin-right: 3px; } .bootstrap-select .filter-option .glyphicon { position: relative; top: 1px; } /* Styles with border */ .with-border .dropdown-menu, .with-border.bootstrap-select.btn-group button { border: 1px solid #e0e0e0; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05); } .with-border.bootstrap-select:before { width: calc(100% - 2px); left: 1px; } /* ---------------------------------- */ /* Snackbar ------------------------------------- */ .snackbar-container { transition: all 500ms ease; transition-property: top, right, bottom, left, opacity; font-size: 16px; min-height: 14px; background-color: #404040; position: fixed; display: flex; justify-content: space-between; align-items: center; color: #fff; line-height: 22px; padding: 18px 24px; bottom: -100px; top: -100px; opacity: 0; z-index: 9999; cursor: default; border-radius: 4px; font-weight: 500; } .snackbar-container .action { background: inherit; display: inline-block; border: none; font-size: inherit; text-transform: uppercase; color: #aaa; margin: 0 0 0 24px; padding: 0; min-width: min-content; cursor: pointer; font-weight: 500; font-size: 14px; } @media (min-width: 640px) { .snackbar-container { display: inline-flex; margin: 24px; } } .snackbar-pos.bottom-center { top: auto !important; bottom: 0; left: 50%; transform: translate(-50%, 0); } .snackbar-pos.bottom-left { top: auto !important; bottom: 0; left: 0; } .snackbar-pos.bottom-right { top: auto !important; bottom: 0; right: 0; } .snackbar-pos.top-left { bottom: auto !important; top: 0; left: 0; } .snackbar-pos.top-center { bottom: auto !important; top: 0; left: 50%; transform: translate(-50%, 0); } .snackbar-pos.top-right { bottom: auto !important; top: 0; right: 0; } @media (max-width: 640px) { .snackbar-container { left: 0; right: 0; width: 100%; border-radius: 0; } .snackbar-pos.bottom-center, .snackbar-pos.top-center { left: 0; transform: none; } } /* ---------------------------------- */ /* Google Autocomplete ------------------------------------- */ body .pac-item { font-size: 12px; color: #999; cursor: pointer; transition: 0.2s; padding: 5px 15px; } body .pac-container { border-radius: 0 0 4px 4px; border: none; box-sizing: content-box; margin-top: -2px; background-color: #fff; border-radius: 0 0 4px 4px; box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.08); z-index: 100; } /* ---------------------------------- */ /* Google Maps ------------------------------------- */ .infoBox { border-radius: 4px; display: flex; flex-wrap: wrap; width: calc(100% + 30px); line-height: 24px; } .infoBox .job-listing { display: flex; flex-direction: column; justify-content: center; margin: 0; box-shadow: none; width: 100%; } .infoBox .job-listing .job-listing-description { padding-top: 0; } .infoBox .job-listing:hover { transform: none; } .infoBox .job-listing-details { flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; padding: 20px 25px; } .infoBox .job-listing h4.job-listing-company { font-size: 14px; position: relative; top: 0px; } .infoBox .job-listing .verified-badge { transform: scale(0.85); right: -7px; bottom: -7px; } .infoBox .job-listing .not-verified-badge { display: none; } .infoBox .job-listing-footer { flex-grow: 0; padding: 15px 25px; font-size: 16px; display: none; } .infoBox .job-listing h3.job-listing-title { font-size: 16px; line-height: 24px; } .infoBox .job-listing .job-listing-company-logo { max-width: 46px; margin: 5px 18px 5px 0; top: 0; flex: 0 0 46px; } .infoBox .job-listing .job-listing-company-logo img { max-width: 46px; } .map-box { background-color: #fff; margin-bottom: 20px; border-radius: 4px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); position: relative; width: 100%; } .map-box .listing-img-container img { width: 100%; border-radius: 4px 4px 0 0; } .map-box h4 { margin: 0; padding: 0; } .map-box h4 a { padding: 0 0 2px 0; font-size: 17px; line-height: 25px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; } .listing-img-container { position: relative; height: 100%; display: block; } .map-box h4 a:hover { color: #66676b; } .map-box p { padding: 0; line-height: 25px; margin: 2px 0 0 0; font-size: 14px; } .map-box ul.listing-details { padding: 0; font-size: 14px; display: none; } .map-box .listing-title { padding: 16px 22px; } .map-box .listing-img-content { padding: 18px 22px; } .map-box .listing-img-content span { font-size: 21px; } .map-box .listing-img-content .listing-price i { font-size: 15px; margin: -7px 0 0 0; } .infoBox > img { position: absolute !important; right: 0px; top: 0px; } .map-box .listing-img-container::before { content: ''; position: absolute; height: 100%; width: 100%; display: block; background: linear-gradient( to top, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.4) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100% ); background-color: rgba(35, 35, 37, 0.2); } .map-box .listing-item-content { position: absolute; bottom: 20px; left: 0; padding: 0 24px; width: 100%; z-index: 50; box-sizing: border-box; } .map-box .listing-item-content h3 { color: #fff; font-size: 18px; padding: 0 0 2px 0; font-weight: 500; margin: 0; line-height: 27px; } .map-box .listing-item-content span { font-size: 15px; font-weight: 300; display: inline-block; color: rgba(255, 255, 255, 0.7); } /* Close Button */ .infoBox-close { position: absolute; top: 12px; right: 12px; display: inline-block; z-index: 999; text-align: center; cursor: pointer; font-size: 15px; font-weight: 500; height: 27px; width: 27px; line-height: 27px; background-color: #f0f0f0; color: #666; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 4px; } .infoBox-close i { position: relative; top: 2px; left: -0.5px; } .infoBox-close:hover { color: #fff; background-color: #66676b; } /* Read More Icon */ .map-box-icon { height: 38px; width: 38px; position: absolute; bottom: 0; right: 0; background-color: #3685cf; display: block; color: #fff; font-size: 12px; z-index: 101; text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); opacity: 0; visibility: hidden; } .map-box-icon:before { content: '\f064'; font-family: 'FontAwesome'; position: relative; top: 7px; display: block; } .map-box-image:hover .map-box-icon { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateX(0); } .map-box-image { position: relative; overflow: hidden; display: block; } .infoBox { animation: infoBoxAnimation 0.5s; } /* Standard syntax */ @keyframes infoBoxAnimation { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0px); } } .infoBox .star-rating span { margin-right: 3px; } .infoBox .rating-counter { position: relative; top: -1px; } .infoBox:after { content: ''; position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #fff; } #map { height: 100%; width: 100%; margin: 0; z-index: 990; } #map-container { position: relative; top: 0; left: 0; height: 520px; width: 100%; z-index: 990; margin-bottom: 60px; } .gmnoprint { margin: 10px; } .homepage-map { height: 560px; margin-bottom: 0; position: relative; } .search-bar-on-map { position: absolute; bottom: 50px; z-index: 1000; margin: 0 auto; left: 0; right: 0; } /* Cluster styles */ /* .cluster img { display:none } */ .cluster-visible { text-align: center; font-size: 14px !important; color: #fff !important; font-weight: 700; border-radius: 50%; width: 33px !important; height: 33px !important; line-height: 33px !important; background-color: #66676b; animation: clusterAnimation 2.5s infinite; } @keyframes clusterAnimation { 0%, 100% { box-shadow: 0 0 0 6px rgba(102, 103, 107, 0.15); } 50% { box-shadow: 0 0 0 10px rgba(102, 103, 107, 0.15); } } /* Marker */ .map-marker-container { position: absolute; } .marker-container { position: relative; margin: -9px 0 0 -9px; width: 18px; height: 18px; z-index: 1; border-radius: 50%; cursor: pointer; top: 0; background-color: #66676b; animation: markerAnimation 2.5s infinite; transition: 0.4s; } @keyframes markerAnimation { 0%, 100% { box-shadow: 0 0 0 6px rgba(102, 103, 107, 0.15); } 50% { box-shadow: 0 0 0 8px rgba(102, 103, 107, 0.15); } } /* Clicked & Hover States */ .map-marker-container.clicked .marker-container { transform: scale(1.3); } .marker-container:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: transparent; border-radius: 50%; transform: scale(2); opacity: 0; } /* Custom Zoom Buttons ------------------------------------- */ .custom-zoom-in, .custom-zoom-out { background-color: #fff; color: #333; cursor: pointer; border-radius: 4px; margin: 5px 15px; transition: 0.3s; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.1); text-align: center; font-size: 18px; height: 34px; width: 34px; } .custom-zoom-in:hover, .custom-zoom-out:hover { background-color: #66676b; color: #fff; } .custom-zoom-in:before, .custom-zoom-out:before { font-family: 'Feather-Icons'; width: 100%; line-height: 35px; } .zoomControlWrapper { position: absolute; left: initial; right: 0; width: 70px; margin-right: 20px; } .custom-zoom-in:before { content: '\e9b1'; } .custom-zoom-out:before { content: '\e996'; } /* Street View Button ------------------------------------- */ #streetView, #geoLocation, #scrollEnabling { background-color: #fff; color: #333; cursor: pointer; border-radius: 4px; margin: 5px 15px; transition: 0.3s; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 10px; left: 5px; z-index: 99; font-size: 14px; line-height: 21px; padding: 8px 14px; font-weight: 500; } #geoLocation:hover, #streetView:hover, #scrollEnabling:hover, #scrollEnabling.enabled { background-color: #66676b; color: #fff; } #streetView:before { content: '\e974'; font-family: 'Material-Icons'; font-size: 18px; top: 3px; position: relative; margin-right: 7px; margin-left: -1px; line-height: 0; } /* -------------------------------------------------------------- */ /* 06. Single Pages ----------------------------------------------------------------- */ /* Boxed List for Single Page ------------------------------------- */ .boxed-list { margin-top: 10px; display: block; } .boxed-list-headline { background-color: #f2f2f2; border-radius: 4px; padding: 20px 35px; } .boxed-list-headline h3 { font-size: 18px; } .boxed-list-headline h3 span { color: #888; } .boxed-list-headline h3 i { font-size: 18px; color: #66676b; font-size: 24px; position: relative; top: 3px; line-height: 0; display: inline-block; margin-right: 5px; } .boxed-list ul.boxed-list-ul { padding: 0; margin: 0; list-style: none; } .boxed-list ul.boxed-list-ul > li { display: block; background-color: transparent; padding: 35px; border-radius: 4px; } .boxed-list ul.boxed-list-ul > li:nth-child(2n) { background-color: #fafafa; } /* Fields UL */ .fields-ul { padding: 0; margin: 0; list-style: none; } .fields-ul > li { display: block; background-color: transparent; padding: 30px; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; } /* Boxed List Item ------------------------------------- */ .boxed-list-item { display: flex; } .boxed-list-item .item-image { flex: 0 0 60px; height: 60px; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 10px; margin-right: 25px; position: relative; top: -2px; display: flex; background-color: #fff; } /* IE 11 Fixes */ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .boxed-list-item .item-image { max-width: 60px; } .boxed-list-item .item-image img { width: 100%; } } /* IE 11 Fixes - End */ .boxed-list-item .item-image img { height: auto; align-self: center; } .boxed-list-item .item-content h4 a, .boxed-list-item .item-content h4 { font-size: 18px; font-weight: 600; color: #333; } .boxed-list-item .item-content h4 span { font-size: 16px; color: #808080; display: block; font-weight: 500; } .boxed-list-item .item-details { display: flex; margin-top: 5px; } .boxed-list-item .item-details .star-rating { top: -2px; position: relative; margin-right: 15px; } .boxed-list-item .item-details .detail-item { margin-right: 15px; color: #808080; } .boxed-list-item .item-details .detail-item a { color: #808080; } .boxed-list-item .item-details .detail-item a:hover { color: #66676b; } .boxed-list-item .item-details .detail-item i { margin-right: 3px; position: relative; top: 0; } .boxed-list-item .item-description p { margin-bottom: 0; padding-bottom: 0; } .boxed-list-item .item-description { margin-top: 15px; } /* Bid ------------------------------------- */ .bid { display: flex; width: 100%; } .bid .bids-content { flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; } .bid .bids-bid { align-items: center; display: flex; } .bid .bids-avatar { align-self: center; } .bid .freelancer-name { margin-top: 0; } .bid .freelancer-avatar { width: 80px; margin: 0 auto; position: relative; margin-right: 30px; } .bid .star-rating { margin-top: 3px; display: block; } .bid .freelancer-avatar img { width: 100%; border-radius: 50%; cursor: pointer; } .bid .freelancer-avatar .verified-badge { position: absolute; bottom: 0; right: 0; } /* Bid Rate */ .bid-rate { text-align: center; font-size: 14px; background: #f4f4f4; color: #888; border-radius: 4px; padding: 8px 12px; } .boxed-list ul.boxed-list-ul > li:nth-child(2n) .bid-rate { background: #f2f2f2; } .bid-rate .rate { color: #333; font-weight: 600; text-align: center; line-height: 20px; border-radius: 4px; padding: 5px 10px; padding-bottom: 0; font-size: 16px; } .bid-rate span { display: block; margin-top: -2px; } @media (max-width: 768px) { .bid .freelancer-avatar { width: 70px; margin: 0 0 15px 0; } .bid { display: block; } .bids-bid { margin-top: 15px; } .bid-rate { width: 100%; } } /* Single Job ------------------------------------- */ .job-overview { border-radius: 4px; background-color: #f9f9f9; } .job-overview .job-overview-headline { color: #333; font-size: 20px; padding: 20px 35px; background-color: #f0f0f0; color: #333; position: relative; border-radius: 4px 4px 0 0; } .job-overview .job-overview-inner { padding: 35px; } .job-overview .job-overview-inner ul { padding: 0; margin: 0; list-style: none; } /* List Item */ .job-overview .job-overview-inner ul li { position: relative; display: block; font-size: 16px; padding-left: 38px; margin-bottom: 25px; } .job-overview .job-overview-inner ul li:last-child { margin-bottom: 0; } .job-overview .job-overview-inner ul li span { font-weight: 600; color: #333; margin: 0; padding: 0; display: block; } .job-overview .job-overview-inner ul li h5 { font-weight: 500; color: #666; font-size: 16px; margin: 0; padding: 0; line-height: 20px; } .job-overview .job-overview-inner ul li i { position: absolute; left: 0; top: 0; font-size: 24px; color: #66676b; } /* Apply Now Button */ a.apply-now-button { background-color: #66676b; color: #fff; text-align: center; font-size: 18px; border-radius: 4px; padding: 14px 20px; margin-bottom: 35px; box-shadow: 0 2px 8px rgba(102, 103, 107, 0.15); transition: 0.3s; display: block; } a.apply-now-button:hover { transform: translateY(-3px); box-shadow: 0 2px 8px rgba(102, 103, 107, 0.35); } a.apply-now-button i { font-size: 22px; position: relative; line-height: 0; top: 3px; margin-left: 5px; } /* Single Job Map */ #single-job-map-container { position: relative; } #single-job-map-container #singleListingMap { position: relative; height: 340px; border-radius: 4px; } /* Single Freelancer Profile ------------------------------------- */ /* Freelancer Socials*/ .freelancer-socials ul { margin: 0; padding: 0; list-style: none; cursor: default; margin: 0 0 -5px -8px; } .freelancer-socials ul li { display: inline-block; font-size: 24px; } .freelancer-socials ul li a { color: #b9b9b9; padding: 0 8px; } .freelancer-socials ul li a:hover { color: #333; } /* Attachments */ .attachments-container { display: flex; flex-wrap: wrap; flex-direction: row; width: calc(100% + 20px); margin-bottom: -30px; } .attachment-box { display: flex; margin: 0 20px 20px 0; background-color: #f4f4f4; border-radius: 4px 0px 4px 4px; font-weight: 600; padding: 15px 20px; padding-bottom: 45px; padding-right: 25px; line-height: 24px; flex-direction: column; color: #666; position: relative; transition: 0.3s; flex: 0 1 calc(50% - 21px); cursor: default; position: relative; } .single-page-section .attachment-box { flex: 0 1 calc(33% - 20px); } .single-page-section .attachments-container { margin-bottom: -20px; } a.attachment-box { cursor: pointer; } .attachment-box:before { content: ''; position: absolute; top: 0; right: 0; border-width: 0 20px 20px 0; border-style: solid; border-color: rgba(0, 0, 0, 0.15) #fff; transition: 0.3s; border-radius: 0 0 0 4px; } a.attachment-box:hover { background-color: #66676b; color: #fff; } a.attachment-box:hover:before { border-color: rgba(0, 0, 0, 0.25) #fff; } .attachment-box span { font-size: 14px; line-height: 20px; display: inline-block; flex: auto; } .attachment-box i { display: block; font-style: normal; font-size: 14px; color: #999; font-weight: 500; margin-top: 10px; position: absolute; bottom: 10px; transition: 0.3s; } a.attachment-box:hover i { color: rgba(255, 255, 255, 0.7); } /* Remove Attachment Button */ .attachment-box .remove-attachment { position: absolute; bottom: 10px; right: 10px; color: #fff; background-color: #dc3139; box-shadow: 0 3px 8px rgba(234, 65, 81, 0.15); height: 28px; width: 28px; line-height: 28px; border-radius: 3px; font-weight: 500; font-size: 14px; transition: 0.3s; opacity: 0; transform: translateY(3px); } .attachment-box .remove-attachment:before { content: '\e9e4'; font-family: 'Feather-Icons'; } .attachment-box:hover .remove-attachment { opacity: 1; transform: translateY(0); } /* Profile Overview */ .profile-overview { display: flex; line-height: 22px; align-items: center; margin-bottom: 25px; width: calc(100% + 25px); } .profile-overview .overview-item { flex: 1; border-right: 1px solid #e0e0e0; margin-right: 20px; padding-right: 20px; flex-grow: 1; } .profile-overview .overview-item:last-child { border-right: 0; padding-right: 0; } .profile-overview .overview-item strong { display: block; font-weight: 600; color: #333; font-size: 18px; margin-bottom: 5px; } .profile-overview .overview-item span { color: #808080; } /* Freelancer Indicators */ .freelancer-indicators { display: flex; flex-wrap: wrap; width: calc(100% + 30px); line-height: 24px; margin-bottom: -20px; } .freelancer-indicators .indicator { width: calc(50% - 31px); margin-right: 30px; margin-bottom: 20px; display: flex; flex-direction: column; } .freelancer-indicators .indicator strong { color: #333; font-weight: 600; } .freelancer-indicators .indicator-bar span, .freelancer-indicators .indicator-bar { width: 100%; height: 4px; background-color: #e0e0e0; border-radius: 10px; position: relative; margin: 10px 0; transition: 1s; } .freelancer-indicators .indicator-bar span { width: 0; background-color: #66676b; position: absolute; top: 0; margin: 0; } /* Media Queriers */ @media (max-width: 1240px) { .profile-overview, .profile-overview .overview-item { display: block; width: 100%; } .profile-overview .overview-item { border-right: 0; border-bottom: 1px solid #e0e0e0; padding: 15px 0; margin: 0; } .profile-overview .overview-item:last-child { border-right: none; border-bottom: none; } } @media (max-width: 768px) { .boxed-list-item .item-details, .attachments-container, .attachments-container .attachment-box, .freelancer-indicators, .freelancer-indicators .indicator { display: block; width: 100%; } .boxed-list-item .item-image { display: none; } } /* -------------------------------------------------------------- */ /* 07. Dashboard ----------------------------------------------------------------- */ /* Full Page Adjustments */ .full-page-container, .dashboard-container { height: calc(100vh - 82px); } @media (max-width: 1099px) { .full-page-container, .dashboard-container { height: calc(100vh - 76px); } } /* Dashboard Basis */ .dashboard-container { display: flex; width: 100%; flex-wrap: wrap; } .dashboard-sidebar { flex: 0 0 280px; background-color: #fff; position: relative; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); z-index: 100; } .dashboard-sidebar .dashboard-sidebar-inner { overflow: auto; height: 100%; } .dashboard-content-container { flex: 1; background-color: #fafafa; padding: 0; overflow: auto; position: relative; z-index: 99; } .dashboard-content-inner { padding: 50px; padding-bottom: 0; position: relative; } /* Dashboard Header Logo Adjustent */ @media (min-width: 1099px) { .header-container.dashboard-header .container { padding-right: 35px; padding-left: 0; } .header-container.dashboard-header #logo { width: 281px; padding-left: 35px; } } @media (max-width: 1240px) { .header-container.dashboard-header #logo { width: auto; } } /* ---------------------------------- */ /* Dashboard Navigation ------------------------------------- */ .dashboard-nav { display: block; z-index: 11; padding-bottom: 30px; } a.dashboard-responsive-nav-trigger { display: none; } .dashboard-nav ul { list-style: none; padding: 0; margin: 25px 0 0 0; } .dashboard-nav ul:first-child { margin: 30px 0 0 0; } .dashboard-nav ul:before { content: attr(data-submenu-title); padding: 0 35px; margin-bottom: 5px; display: block; color: #66676b; font-weight: 600; font-size: 14px; } /* 1st Level */ .dashboard-nav ul li { display: block; border-left: 0px solid transparent; transition: 0.3s; line-height: 25px; font-size: 15px; } .dashboard-nav ul li a { color: #707070; display: block; padding: 11px 32px; transition: 0.3s; cursor: pointer; position: relative; } .dashboard-nav ul li a i { padding-right: 8px; width: 20px; font-size: 20px; color: #909090; transition: 0.3s; position: relative; margin-right: 10px; } /* Hover State */ .dashboard-nav ul li ul li:hover a { padding-left: 4px; } .dashboard-nav ul li.active-submenu a i, .dashboard-nav ul li.active a i, .dashboard-nav ul li:hover a i { color: #66676b; } .dashboard-nav ul li.active-submenu, .dashboard-nav ul li.active, .dashboard-nav ul li:hover { border-color: #66676b; background-color: rgba(102, 103, 107, 0.04); } /*.dashboard-nav ul li:hover { background-color: #f8f8f8; }*/ .dashboard-nav ul li.active-submenu a, .dashboard-nav ul li:hover a, .dashboard-nav ul li.active a { color: #66676b; } /* Nav Tag */ .dashboard-nav ul li span.nav-tag { display: inline-block; font-weight: 700; height: 19px; width: 19px; line-height: 19px; text-align: center; color: #fff; font-size: 11px; background-color: #66676b; border-radius: 50%; position: relative; margin: 0 0 0 4px; top: -2px; } /* Dropdown Styles */ .dashboard-nav ul li ul { padding: 0; margin: 0; visibility: hidden; max-height: 0; opacity: 0; line-height: 0; transition: 0.3s; pointer-events: none; } .dashboard-nav ul li.active-submenu ul { visibility: visible; padding: 0 0 18px 0; line-height: 24px; opacity: 1; max-height: 100%; pointer-events: all; } .dashboard-nav ul li ul li { background-color: transparent; border: none; padding-left: 63px; position: relative; margin: 0; } .dashboard-nav ul li ul li a { padding: 5px 0; } .dashboard-nav ul li ul li:hover { border: none; background-color: transparent; } /* Indicator Arrow */ .dashboard-nav ul li a:after { font-family: 'Material-Icons'; content: '\e914'; opacity: 1; font-size: 16px; transition: 0.3s; opacity: 1; line-height: 17px; width: 17px; height: 17px; background-color: #f0f0f0; color: #a8a8a8; display: inline-block; border-radius: 3px; margin-left: 7px; text-indent: 0; top: 1px; position: absolute; right: 35px; top: 15px; } .dashboard-nav ul li.active-submenu a:after, .dashboard-nav ul li.active a:after, .dashboard-nav ul li:hover a:after { color: #66676b; background: rgba(102, 103, 107, 0.13); opacity: 0.8; } .dashboard-nav ul li ul:before, .dashboard-nav ul li a:only-child:after { content: ''; display: none; } /* ---------------------------------- */ /* Dashboard Elements ------------------------------------- */ /* Dashboard Headline ------------------------------------- */ .dashboard-headline { display: block; position: relative; margin-bottom: 50px; } .dashboard-headline h3 { display: block; font-size: 26px; color: #333; } .dashboard-headline span { display: block; font-size: 18px; color: #888; line-height: 30px; margin-top: 5px; } .dashboard-headline #breadcrumbs { right: 0; } /* Fun Facts ------------------------------------- */ .fun-facts-container { display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-bottom: -30px; } .fun-fact { background-color: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); border-radius: 4px; padding: 25px; margin-right: 30px; margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center; flex: 1 1 calc(25% - 30px); height: auto; cursor: default; transition: 0.3s; } .fun-fact-job { background-color: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); border-radius: 4px; padding: 25px; margin-right: 30px; margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center; flex: 1 1 calc(25% - 30px); height: auto; cursor: default; transition: 0.3s; } /* IE 11 Fixes */ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .fun-fact { flex: 1; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .fun-fact-job { flex: 1; } } /* IE 11 Fixes - End */ .fun-fact-icon { border-radius: 4px; background-color: rgba(0, 0, 0, 0.04); flex: 0 0 100px; height: 100px; display: flex; text-align: center; } .fun-fact-icon i { font-size: 48px; align-self: center; margin: 0 auto; color: #666; } .fun-fact-icon-job { border-radius: 4px; background-color: rgba(0, 0, 0, 0.04); flex: 0 0 100px; height: 100px; display: flex; text-align: center; } .fun-fact-icon-job i { font-size: 48px; align-self: center; margin: 0 auto; color: #666; } .fun-fact-icon i.icon-material-outline-gavel { transform: scale(0.91); } .fun-fact-icon-job i.icon-material-outline-gavel { transform: scale(0.91); } .fun-fact-text { flex: 1; margin-right: 20px; } .fun-fact span { font-size: 18px; color: #888; line-height: 22px; } .fun-fact h4 { font-size: 38px; color: #333; line-height: 38px; margin-top: 5px; } .fun-fact-job span { font-size: 18px; color: #888; line-height: 22px; } .fun-fact-job h4 { font-size: 38px; color: #333; line-height: 38px; margin-top: 5px; } /* Dashboard Box ------------------------------------- */ .dashboard-box { display: block; border-radius: 4px; background-color: #fff; box-shadow: none; margin-top: 30px; position: relative; border: 1px solid #e4e4e4; } .dashboard-box .headline { display: block; padding: 20px 30px; border-bottom: 1px solid #e4e4e4; position: relative; background: #f7f7f7; } .dashboard-box .headline h3 { font-size: 16px; font-weight: 600; color: #333; line-height: 26px; } .dashboard-box .headline h3 i { color: #66676b; font-size: 21px; line-height: 0; position: relative; top: 2px; margin-right: 4px; } /* Pixel Perfect Adjustment */ .dashboard-box .headline h3 i.icon-material-outline-gavel { font-size: 20px; } .dashboard-box .headline h3 i.icon-material-outline-supervisor-account { font-size: 24px; top: 3px; } .dashboard-box .headline h3 i.icon-feather-folder-plus { font-size: 20px; top: 2px; margin-right: 5px; } .button.big i.icon-feather-plus { font-size: 20px; top: 2px; margin-left: -4px; margin-right: 5px; } /* Pixel Perfect Adjustment - End */ .dashboard-box .content.with-padding { padding: 30px; } .dashboard-box .chart { padding: 30px 20px 17px 18px; } .dashboard-box .headline .sort-by { float: none; display: inline-block; position: absolute; top: calc(50% + 3px); transform: translateY(-50%); right: 30px; z-index: 100; height: 33px; } .dashboard-box .headline .bootstrap-select.btn-group .dropdown-toggle .filter-option { font-weight: 500; color: #666; } /* Note ------------------------------------- */ .dashboard-note { border-radius: 4px; background-color: #f8f8f8; padding: 25px; padding-top: 20px; margin-bottom: 20px; position: relative; } .dashboard-note:before { content: ''; position: absolute; top: 0; right: 0; border-width: 0 20px 20px 0; border-style: solid; border-color: rgba(0, 0, 0, 0.15) #fff; transition: 0.3s; border-radius: 0 0 0 4px; } .dashboard-note p { line-height: 24px; margin-bottom: 20px; color: #777; font-size: 14.7px; } .note-priority { background-color: #333; border-radius: 4px; color: #fff; font-size: 14px; padding: 5px 9px; display: inline-block; line-height: 20px; } .note-priority.high { background-color: #dc3139; } .note-priority.medium { background-color: #f59110; } .note-priority.low { background-color: #3fb660; } .note-footer { display: flex; } .note-buttons { align-self: center; margin-left: auto; } .note-buttons a { font-size: 16px; padding-left: 3px; margin-top: 2px; display: inline-block; color: #888; } .note-buttons a:hover { color: #444; } .add-note-button { position: absolute; bottom: 0; width: 100%; left: 0; right: 0; padding: 30px; padding-top: 10px; background: #fff; border-radius: 4px; width: calc(100% - 15px); } .add-note-button a.button { width: calc(100% + 15px) !important; max-width: calc(100% + 15px) !important; } /* Dashboard Box List ------------------------------------- */ ul.dashboard-box-list { list-style: none; padding: 0; margin: 0; } ul.dashboard-box-list > li { border-bottom: 1px solid #e4e4e4; padding: 0; line-height: 26px; padding: 22px 30px; display: flex; align-items: center; position: relative; flex-flow: row wrap; transition: 0.3s; } ul.dashboard-box-list > li:last-child { border-bottom: none; } ul.dashboard-box-list > li:hover { background-color: #fcfcfc; } .dashboard-box-list .notification-text { font-size: 14.7px; flex: 1; } .dashboard-box-list .notification-icon { flex: 0 0 40px; } .dashboard-box-list .notification-text .star-rating { position: relative; top: -18px; line-height: 0; height: 0; display: inline-block; margin: 0 3px; transform: scale(0.93); } /* Dashboard Box List Buttons ------------------------------------- */ .buttons-to-right, .dashboard-box-list .button.to-right { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); opacity: 0; transition: 0.3s; box-shadow: 0px 0px 10px 15px #fff; background-color: #fff; } .dashboard-box-list .buttons-to-right.always-visible, .dashboard-box-list li:hover .buttons-to-right { opacity: 1; } .dashboard-box-list .buttons-to-right.always-visible:not(.single-right-button) { position: relative; transform: none; top: 0; margin: 5px 0 10px -2px; opacity: 1; right: auto; display: inline-block; box-shadow: none; width: 100%; background-color: transparent; box-shadow: none; } .dashboard-box-list .button { padding: 6px 15px; line-height: 20px; font-size: 13px; font-weight: 600; margin: 0; display: inline-block; box-shadow: 0 3px 8px rgba(102, 103, 107, 0.15); } .dashboard-box-list .button i[class*='icon-material'] { font-size: 18px; top: 3px; margin-right: 2px; margin-left: -2px; } .dashboard-box-list .buttons-to-right .button { margin: 0 0 -6px 2px; } .dashboard-box-list .buttons-to-right.always-visible .button { margin: 0 3px 0 0; } .dashboard-box .button.red { background-color: #dc3139; box-shadow: 0 3px 8px rgba(234, 65, 81, 0.15); } .dashboard-box .button.green { background-color: #40b660; box-shadow: 0 3px 8px rgba(64, 182, 96, 0.15); } .dashboard-box .button.dark { background-color: #333333; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } .dashboard-box .button.gray { background-color: #eee; color: #666; box-shadow: none; } /* Hovers */ .dashboard-box .dashboard-box-list .button:not(.ico):hover, .dashboard-box .button.red:not(.ico):hover, .dashboard-box .button.green:not(.ico):hover, .dashboard-box .button.gray:not(.ico):hover { color: #fff; background-color: #333333; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } .dashboard-box .button.dark:not(.ico):hover { background-color: #66676b; box-shadow: 0 3px 8px rgba(102, 103, 107, 0.15); } .dashboard-box .button.ico { width: 32px; text-align: center; } .dashboard-box .button.ico i { font-size: 15px; margin-left: -7px; top: 2px; position: relative; } .dashboard-box .button i.icon-material-outline-check { margin-left: -5px; } .dashboard-box .button.ico i[class*='icon-material'] { font-size: 18px; margin-left: -8px; top: 3px; position: relative; } .dashboard-box-list { box-shadow: none; } .dashboard-box-list a.button i { margin: 0; padding: 0; position: relative; top: 1px; font-size: 14px; line-height: 0; margin-left: -2px; } .dashboard-box .mark-as-read { float: none; background-color: #f4f4f4; position: absolute; right: 30px; top: 18px; } .button-info { background: rgba(255, 255, 255, 0.25); color: #fff; width: 19px; height: 19px; display: inline-block; text-align: center; line-height: 19px; border-radius: 50%; font-size: 11px; font-weight: 700; margin-left: 3px; margin-right: -2px; } /* Listing Status*/ .dashboard-status-button { color: #fff; border-radius: 4px; font-size: 14px; line-height: 21px; padding: 2px 8px; display: inline-block; position: relative; top: -2px; margin: 0 0 4px 4px; } .dashboard-status-button.green { background: #e0f5d7; color: #449626; } .dashboard-status-button.yellow { background-color: #fbf6dd; color: #a18d29; } .dashboard-status-button.red { background-color: #ffe6e6; color: #ea5252; } /* Dashboard Invoices List ------------------------------------- */ .invoice-list-item ul { line-height: 22px; padding-bottom: 2px; color: #909090; list-style: none; padding: 0; margin: 0; } .invoice-list-item ul li { padding: 0; display: inline-block; font-size: 14.7px; margin-bottom: 5px; } .invoice-list-item ul li:after { content: ''; display: inline-block; width: 1px; height: 11px; background-color: #e0e0e0; position: relative; margin: 0 10px; } .invoice-list-item ul li:last-child:after { display: none; } .invoice-list-item strong { font-weight: 600; color: #333; margin-bottom: 5px; margin-top: -2px; display: block; } .paid, .unpaid { background-color: #333; color: #fff; border-radius: 4px; line-height: 20px; padding: 4px 8px; font-size: 13px; position: relative; top: -1px; } .paid { background-color: #40b660; } .unpaid { background-color: #dc3139; } /* Listings in Dashboard ------------------------------------- */ /* Freelancers */ .dashboard-box .job-listing-details { box-shadow: none; padding: 10px 0; align-items: center; flex: auto; } .dashboard-box .job-listing { box-shadow: none; padding: 0; margin: 0; background-color: transparent; display: flex; flex-direction: row; width: 100%; } .dashboard-box .job-listing.width-adjustment { max-width: 60%; } .dashboard-box .job-listing h3 a { color: #333; font-size: 18px; } .dashboard-box .job-listing .job-listing-company-logo { max-width: 50px; } .dashboard-box .job-listing .job-listing-description { padding-top: 0; } .dashboard-box .job-listing:hover { transform: none; } .dashboard-box .job-listing .job-listing-footer { background-color: transparent; padding: 0; border-radius: none; } /* Jobs */ .dashboard-box .freelancer-overview { padding: 15px 0; } .dashboard-box .freelancer-overview-inner { flex: auto; display: flex; align-items: center; } .dashboard-box .freelancer-overview .freelancer-name { text-align: left; margin: 0 0 0 30px; width: 100%; } .dashboard-box .freelancer-overview .freelancer-avatar { margin: 0; width: 90px; } .dashboard-box .freelancer-overview.manage-candidates .freelancer-avatar { align-self: flex-start; } /* Dashboard Task Info */ .dashboard-task-info { list-style: none; padding: 0; margin: 0; background-color: #f4f4f4; text-align: center; border-radius: 4px; padding: 14px 25px; display: flex; flex-direction: row; align-items: stretch; align-self: flex-end; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); transition: 0.3s; justify-content: center; } .dashboard-box li:hover .dashboard-task-info { background-color: #f0f0f0; } .dashboard-task-info li { display: inline-block; border-right: 1px solid #d0d0d0; padding-right: 22px; margin-right: 22px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .dashboard-task-info li:last-child { margin-right: 0; padding-right: 0; border: none; } .dashboard-task-info li strong { display: block; font-size: 16px; font-weight: 600; color: #333; line-height: 22px; } .dashboard-task-info li span { display: block; font-size: 14px; color: #888; line-height: 20px; } /* Bid Acceptance */ .bid-acceptance { display: flex; color: #289c41; background-color: #e4f6e9; font-size: 18px; font-weight: 600; text-align: center; border-radius: 4px; padding: 12px 18px; display: inline-block; margin: 0 auto; line-height: 20px; } .bid-acceptance span { font-size: 14px; opacity: 0.86; line-height: 20px; } /* Media Queries */ @media (max-width: 1366px) { .dashboard-box .job-listing.width-adjustment { max-width: 100%; } .dashboard-task-info { position: relative; right: 0; top: 0; transform: none; margin: 10px 0 20px 0; } .dashboard-task-info.bid-info { margin-bottom: 0; margin-top: 20px; } } @media (max-width: 768px) { .dashboard-box .freelancer-overview .freelancer-avatar { width: 60px; } .dashboard-box .freelancer-overview .freelancer-avatar .verified-badge { transform: scale(0.8); bottom: -5px; right: -5px; } .dashboard-box .freelancer-overview .freelancer-name { margin: 0 0 0 25px; } .dashboard-box .job-listing .job-listing-company-logo { display: none; } .dashboard-task-info.bid-info, .dashboard-task-info:not(.bid-info) { flex-direction: column; width: 100%; } .dashboard-task-info li { border-right: none; border-bottom: 1px solid #d0d0d0; padding: 0 0 10px 0; margin: 0 0 10px 0; width: 100%; } .dashboard-task-info li:last-child { border-right: none; border-bottom: none; padding: 0; margin: 0; } } /* Reviews ------------------------------------- */ .dashboard-box .boxed-list-item { padding: 10px 0; width: 100%; } /* Submit Forms ------------------------------------- */ .submit-field { margin-bottom: 28px; display: block; } .submit-field .pac-container { box-shadow: none; border: 1px solid #e0e0e0; border-top: 1px solid #fff; padding-top: 0; z-index: 9; left: 0 !important; top: 47px !important; border-radius: 0 0 4px 4px; } .submit-field h5 { font-size: 16px; font-weight: 600; color: #333; margin-bottom: 12px; } .submit-field h5 span { color: #888; font-weight: 500; } .help-icon { color: #66676b; display: inline-block; font-size: 19px; font-weight: 400; line-height: 18px; height: 16px; position: relative; top: 3px; margin: 0 3px; font-style: normal; cursor: help; } .help-icon:before { content: '\e97c'; font-family: 'Feather-Icons'; } /* Avatar Switcher */ .avatar-wrapper { position: relative; width: 150px; height: 150px; border-radius: 4px; overflow: hidden; box-shadow: none; margin: 0 10px 30px 0; transition: all 0.3s ease; } .avatar-wrapper:hover { transform: scale(1.05); cursor: pointer; } .avatar-wrapper .profile-pic { height: 100%; width: 100%; transition: all 0.3s ease; object-fit: cover; } .avatar-wrapper .profile-pic:after { font-family: Feather-Icons; content: '\e9f1'; top: 0; left: 0; width: 100%; height: 100%; line-height: 120px; position: absolute; font-size: 60px; background: #f0f0f0; color: #aaa; text-align: center; } .avatar-wrapper .upload-button { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .avatar-wrapper .file-upload { opacity: 0; pointer-events: none; position: absolute; } /* Small Footer Styles ------------------------------------- */ .dashboard-content-inner .small-footer { width: 100%; left: 0px; padding: 25px 50px; position: absolute; bottom: 0; } .dashboard-footer-spacer { padding-top: 125px; } /* Dashbaord Media Queries ------------------------------------- */ /* @media (min-width: 1365px) and (max-width: 1600px) { .fun-fact:last-child { display: none; } } @media (min-width: 1365px) and (max-width: 1600px) { .fun-fact-job:last-child { display: none; } } */ @media (max-width: 1365px) { .fun-fact { flex: 1 1 calc(50% - 30px); max-width: calc(50% - 30px); } } @media (max-width: 1365px) { .fun-fact-job { flex: 1 1 calc(50% - 30px); } } @media (max-width: 992px) { .dashboard-content-inner { min-height: auto !important; } /* Dashboard Mobile Basis */ .dashboard-sidebar .dashboard-nav-container, .dashboard-content-inner { padding: 15px; } .dashboard-sidebar-inner { padding-bottom: 30px; } .dashboard-sidebar .simplebar-content { overflow-x: hidden; } .dashboard-nav-inner { padding: 30px 0; margin-bottom: 0; } .dashboard-sidebar { flex: 1; width: 100%; background-color: transparent; box-shadow: none; height: auto !important; } .full-page-sidebar .simplebar-track, .dashboard-sidebar .simplebar-track { display: none; } .full-page-sidebar-inner, .dashboard-sidebar-inner { height: auto !important; } .dashboard-container { display: block; width: 100%; flex-wrap: wrap; height: auto !important; } .dashboard-content-container { height: auto !important; } .dashboard-content-container .simplebar-scrollbar { display: none; } /* Dashboard Mobile Basis - End */ /* Dashboard Nav */ .dashboard-nav { width: 100%; margin: 0; border-radius: 0 0 4px 4px; position: relative; min-height: auto; opacity: 1; visibility: hidden; max-height: 0; padding: 0; transition: all 0.3s; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background: #fff; } .dashboard-nav ul:first-child { margin: 0; } .dashboard-nav ul { margin-top: 15px; } .dashboard-nav.active ul, .dashboard-nav.active { opacity: 1; visibility: visible; max-height: 900px; } .dashboard-nav ul:before { padding: 0 29px; } .dashboard-nav ul li a { padding: 10px 25px; } .dashboard-nav ul, .dashboard-nav.active ul li ul, .dashboard-nav ul li ul { visibility: hidden; opacity: 0; max-height: 0; transition: all 0.3s; } .dashboard-nav.active ul li.active-submenu ul { visibility: visible; opacity: 1; max-height: 300px; } /* Trigger */ a.dashboard-responsive-nav-trigger { width: 100%; margin: 0; margin-top: 15px; background-color: #333; border-radius: 5px; color: #fff; padding: 16px 30px; font-weight: 600; transition: 0.2s; display: block; line-height: 26px; } a.dashboard-responsive-nav-trigger span.trigger-title { padding-left: 33px; } a.dashboard-responsive-nav-trigger .hamburger-inner, a.dashboard-responsive-nav-trigger .hamburger-inner::before, a.dashboard-responsive-nav-trigger .hamburger-inner::after { background-color: #fff; } a.dashboard-responsive-nav-trigger .hamburger { top: 2px; left: 0; transform: scale(0.66); } a.dashboard-responsive-nav-trigger i { margin-right: 8px; margin-left: -2px; font-size: 28px; line-height: 0; position: relative; top: 6px; } a.dashboard-responsive-nav-trigger.active { border-radius: 4px 4px 0 0; } /* Dashboard Nav - End */ .buttons-to-right:not(.single-right-button) { opacity: 1; } .fun-facts-container { width: calc(100% + 15px); margin-bottom: -15px; } .fun-fact { flex: 1 1 calc(50% - 15px); max-width: calc(50% - 15px); margin: 0 15px 15px 0; } } @media (max-width: 768px) { .fun-fact { flex: 1 1 100%; max-width: 100%; } #titlebar #breadcrumbs, .dashboard-headline #breadcrumbs { right: 0; position: relative; top: 0; transform: none; margin-top: 30px; max-width: 100%; } .buttons-to-right:not(.single-right-button) { position: relative; transform: none; top: 0; margin: 10px 0 0 0; opacity: 1; right: auto; display: inline-block; box-shadow: none; width: 100%; } .dashboard-box .headline .sort-by { float: none; display: inline-block; position: relative; top: 0; transform: none; right: 0px; top: 5px; left: -8px; } .dashboard-box .headline .sort-by .bootstrap-select .dropdown-menu { left: 0; right: auto; } } /* ---------------------------------- */ /* Dashboard Messages ------------------------------------- */ .messages-container { margin: 0; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06); border-radius: 4px; background-color: #fff; } /* Scrollbar Adjustments */ .messages-inbox ul { max-height: 875px; } .message-content-inner { max-height: 750px; } .message-content, .messages-container-inner .messages-inbox { overflow: hidden; } .message-content-inner, .messages-container-inner .messages-inbox ul { overflow-y: scroll; width: calc(100% + 18px); } .message-content-inner::-webkit-scrollbar, .messages-container-inner .messages-inbox ul::-webkit-scrollbar { width: 17px; } /* Scrollbar Hide - End */ .messages-headline { max-height: 82px; font-size: 16px; margin: 0; padding: 22px 30px; color: #333; background-color: #fff; display: block; border-bottom: 1px solid #eaeaea; border-radius: 4px 4px 0 0; position: relative; } .messages-headline input { background-color: #f6f6f6; box-shadow: none; height: 38px; padding: 14px; font-size: 14px; margin: 0; } .messages-headline input:focus { box-shadow: none; } .messages-headline .input-with-icon i { font-size: 18px; right: 14px; } .messages-headline h4 { font-size: 16px; color: #333; padding: 6px 0; margin: 0; font-weight: 600; display: inline-block; } .message-action { border-radius: 50px; font-size: 13px; color: #666; font-weight: 500; display: inline-block; transition: 0.3s; color: #666; padding: 0; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); } .message-action i { font-size: 14px; position: relative; top: 1px; margin-right: 1px; } .message-action:hover { color: #ee3535; } /* List */ .messages-inbox ul { list-style: none; padding: 0; margin: 0; } .message-avatar img { display: inline-block; width: 54px; height: 54px; border-radius: 50%; } .messages-inbox ul li a { position: relative; display: block; padding: 30px; } .messages-inbox ul li { transition: 0.2s; position: relative; } .messages-inbox ul li:nth-child(2n) { background-color: #fafafa; } .messages-inbox ul li:last-child { border-bottom: none; } .messages-inbox ul li.active-message { background-color: #fafafa; } .messages-inbox ul li:before { position: absolute; top: 0; left: 0; width: 3px; height: 100%; background-color: #66676b; display: block; content: ''; opacity: 0; transition: 0.3s; } .messages-inbox ul li:hover:before, .messages-inbox ul li.active-message:before { opacity: 1; } .messages-inbox .message-avatar { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); } .messages-inbox .message-by { margin-left: 85px; font-size: 15px; color: #666; } .messages-inbox .message-by p { margin: 0; padding: 0; line-height: 25px; font-size: 15px; } .message-by-headline h5, .message-by-headline span { display: inline-block; } .message-by-headline span { float: right; color: #888; font-size: 14px; } .message-by-headline h5 { font-weight: 600; color: #333; margin: 0 0 7px 0; padding: 0; } .message-by-headline:after { content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .message-by h5 i { background-color: #66676b; border-radius: 4px; line-height: 20px; font-size: 12px; color: #fff; font-style: normal; padding: 3px 8px; margin-left: 3px; } /* Single Message */ .messages-container-inner { display: flex; } .messages-container-inner .messages-inbox, .messages-container-inner .message-content { flex: 1; } .messages-container-inner .message-content-inner { padding: 30px; padding-bottom: 0; flex-grow: 1; } .messages-container-inner .message-content { display: flex; flex-direction: column; } .messages-container-inner .messages-inbox { max-width: 340px; border-right: 1px solid #eaeaea; } .messages-container-inner .messages-inbox ul li a { padding: 25px; } .messages-container-inner .messages-inbox .message-by p { height: 26px; max-width: 205px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: #888; } .messages-container-inner .message-avatar img { width: 40px; height: 40px; } .messages-container-inner .messages-inbox .message-avatar { left: 25px; } .messages-container-inner .messages-inbox .message-by { margin-left: 60px; } .messages-container-inner .message-by-headline h5 { font-size: 14px; margin-bottom: 3px; max-width: 160px; line-height: 23px; } .messages-container-inner .message-by-headline span { font-size: 13px; position: absolute; top: 25px; right: 25px; } /* Message Bubbles */ .message-bubble { display: block; position: relative; margin-bottom: 25px; } .message-bubble .message-avatar { position: absolute; left: 0; top: 0; } .message-bubble .message-avatar img { width: 50px; height: 50px; } .message-bubble .message-text { margin-left: 70px; background-color: #f4f4f4; border-radius: 4px; padding: 12px 18px; position: relative; display: inline-block; float: left; line-height: 25px; } .message-bubble.me .message-text { float: right; } .message-bubble .message-text p { font-size: 15px; padding: 0; margin: 0; line-height: 25px; } /* Message Bubble "me" */ .message-bubble.me .message-avatar { left: auto; right: 0; } .message-bubble.me .message-text { margin-left: 0; margin-right: 70px; background-color: #66676b; color: #fff; position: relative; } /* Arrow */ .message-bubble .message-text:before { content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #f4f4f4; left: -6px; right: auto; top: 19px; position: absolute; } .message-bubble.me .message-text:before { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #66676b; border-right: none; right: -6px; left: auto; } /* Message Time Sign */ .message-time-sign { text-align: center; display: block; position: relative; margin-bottom: 25px; } .message-time-sign:before { content: ''; height: 1px; background-color: #eaeaea; display: block; max-width: 30%; margin: 0 auto; position: relative; top: 14px; z-index: 10; } .message-time-sign span { background-color: #fff; font-size: 14px; color: #888; z-index: 11; position: relative; padding: 0 10px; } /* Reply */ .message-reply { border-top: 1px solid #eaeaea; padding: 30px; display: flex; align-items: flex-start; margin-top: 15px; } .message-reply textarea { min-width: auto; height: 48px; min-height: 48px; padding: 10px 0; margin: 0 15px 0 0; flex: 1; font-size: 15px; font-weight: 400; line-height: 26px; box-shadow: none; border: none; box-sizing: border-box; resize: none; } .message-reply button { border-radius: 4px; flex: auto; flex-grow: 0; height: 44px; text-align: center; align-self: center; padding: 0 25px; } .message-reply i { padding: 0; margin: 0; } /* Typing Indicastor */ .typing-indicator { width: auto; height: 24px; padding-top: 8px; } .typing-indicator span { height: 8px; width: 8px; float: left; margin: 0 1px; background-color: #a0a0a0; display: block; border-radius: 50%; opacity: 0.4; } .typing-indicator span:nth-of-type(1) { animation: 1s blink infinite 0.33333s; } .typing-indicator span:nth-of-type(2) { animation: 1s blink infinite 0.66666s; } .typing-indicator span:nth-of-type(3) { animation: 1s blink infinite 0.99999s; } @keyframes blink { 50% { opacity: 1; } } /* Messages Media Queries */ @media (max-width: 992px) { .messages-container-inner .messages-inbox { max-width: 300px; } } @media (max-width: 768px) { .messages-container-inner { display: block; } .messages-container-inner .messages-inbox { max-width: 100%; border-bottom: 1px solid #e4e4e4; border-right: none; } .messages-inbox ul { max-height: 500px; } .messages-container-inner .message-by-headline span { position: relative; top: 0; right: 0; display: block; float: none; padding: 0; margin: -4px 0 0 0; } .message-action { display: block; position: relative; right: 0; top: 0; transform: none; margin-top: -5px; } .messages-headline { max-height: 120px; } } /* -------------------------------------------------------------- */ /* 08. Others ----------------------------------------------------------------- */ /* ---------------------------------- */ /* Common Styles ------------------------------------- */ body { color: #666; font-size: 16px; line-height: 27px; background-color: #fff; } body.gray { background-color: #fbfbfb; } body p { font-size: 16px; line-height: 27px; } /* Main Font */ body, h1, h2, h3, h4, h5, h6, input[type='text'], input[type='password'], input[type='email'], textarea, select, input[type='button'], input[type='submit'], button, a.button, body .pac-container { font-family: 'Nunito', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: none; } /* Headlines */ h1, h2, h3, h4, h5, h6 { color: #333; font-weight: 500; margin: 0; padding: 0; } h1 { font-size: 32px; } h2 { font-size: 26px; } h3 { font-size: 22px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } h3.page-title { font-size: 20px; line-height: 32px; } .section { display: block; } .section.white { background: #fff; } .section.gray { background: #f9f9f9; } .section.border-top { border-top: 1px solid #e0e0e0; } .section.border-bottom { border-bottom: 1px solid #e0e0e0; } /* Section Headline */ .section-headline { display: block; position: relative; padding-right: 20%; } .section-headline.centered { text-align: center; padding: 0; } .section-headline span { font-size: 18px; line-height: 26px; font-weight: 300; color: #888; margin-top: 0; display: block; } .section-headline h1, .section-headline h2, .section-headline h3, .section-headline h4 { font-size: 26px; line-height: 36px; font-weight: 500; color: #333; } .section-headline h4 { font-size: 22px; line-height: 34px; } .section-headline.border-top { border-top: 1px solid #e0e0e0; } h1.in-a-box, h2.in-a-box, h2.in-a-box, h3.in-a-box, h5.in-a-box { display: inline-block; font-size: 18px; background-color: #333; color: #fff; border-radius: 4px; padding: 8px 20px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); } .section-headline h5 { font-size: 16px; font-weight: 600; line-height: 30px; } /* Headline Link */ a.headline-link { position: absolute; right: 0; bottom: 0; } a.headline-link.bottom-icon:after { content: '\e957'; top: 3px; } a.headline-link:after { content: '\e995'; font-family: 'Material-Icons'; font-size: 21px; line-height: 0; position: relative; top: 4px; margin-left: 5px; } @media (max-width: 768px) { a.headline-link { position: relative; margin-top: 10px; display: inline-block; } } /* Classes for disabling things on mobile devices */ @media (max-width: 992px) { .hide-under-992px { display: none; } } @media (max-width: 768px) { .hide-under-768px { display: none; } } @media (max-width: 480px) { .hide-under-480px { display: none; } } /* ---------------------------------- */ /* Icons Cheatsheet Styles ------------------------------------- */ .icon-set-container { display: block; width: calc(100% + 30px); left: -15px; position: relative; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; } .glyph.fs1 { position: relative; font-size: 20px; margin: 10px 15px; background-color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); border-radius: 4px; flex: 1 1 calc(25% - 30px); align-content: center; justify-content: center; display: flex; flex-direction: column; padding: 15px 15px; transition: 0.3s; color: #666; } .glyph.fs1:hover { transform: translateY(-5px); background-color: #333; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .glyph.fs1:hover span:not([class*='mls']) { background-color: #fff; color: #333; } .glyph.fs1 .fs0, .glyph.fs1 fieldset { display: none; } .glyph.fs1 span:not([class*='mls']) { vertical-align: middle; top: -4px; height: 40px; width: 40px; background: rgba(0, 0, 0, 0.04); display: inline-block; line-height: 40px; text-align: center; border-radius: 4px; font-size: 24px; transition: 0.3s; position: relative; position: absolute; top: 50%; transform: translateY(-50%); } .glyph.fs1 .mls:not([class*='icon-']) { max-width: 80%; display: inline-block; overflow: hidden; font-size: 14px; line-height: 20px; top: 0; vertical-align: middle; padding-left: 55px; } /* ---------------------------------- */ /* Offsets ------------------------------------- */ /* Content & Sidebar Offsets */ .content-left-offset { padding-left: 30px; } .content-right-offset { padding-right: 30px; } @media (max-width: 992px) { .content-left-offset { padding-left: 15px; } .content-right-offset { padding-right: 15px; } } /* Margin Top */ .margin-top-0 { margin-top: 0px !important; } .margin-top-1 { margin-top: 1px !important; } .margin-top-2 { margin-top: 2px !important; } .margin-top-3 { margin-top: 3px !important; } .margin-top-4 { margin-top: 4px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-6 { margin-top: 6px !important; } .margin-top-7 { margin-top: 7px !important; } .margin-top-8 { margin-top: 8px !important; } .margin-top-9 { margin-top: 9px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-11 { margin-top: 11px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-13 { margin-top: 13px !important; } .margin-top-14 { margin-top: 14px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-16 { margin-top: 16px !important; } .margin-top-17 { margin-top: 17px !important; } .margin-top-18 { margin-top: 18px !important; } .margin-top-19 { margin-top: 19px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-21 { margin-top: 21px !important; } .margin-top-22 { margin-top: 22px !important; } .margin-top-23 { margin-top: 23px !important; } .margin-top-24 { margin-top: 24px !important; } .margin-top-25 { margin-top: 25px !important; } .margin-top-26 { margin-top: 26px !important; } .margin-top-27 { margin-top: 27px !important; } .margin-top-28 { margin-top: 28px !important; } .margin-top-29 { margin-top: 29px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-31 { margin-top: 31px !important; } .margin-top-32 { margin-top: 32px !important; } .margin-top-33 { margin-top: 33px !important; } .margin-top-34 { margin-top: 34px !important; } .margin-top-35 { margin-top: 35px !important; } .margin-top-36 { margin-top: 36px !important; } .margin-top-37 { margin-top: 37px !important; } .margin-top-38 { margin-top: 38px !important; } .margin-top-39 { margin-top: 39px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-41 { margin-top: 41px !important; } .margin-top-42 { margin-top: 42px !important; } .margin-top-43 { margin-top: 43px !important; } .margin-top-44 { margin-top: 44px !important; } .margin-top-45 { margin-top: 45px !important; } .margin-top-46 { margin-top: 46px !important; } .margin-top-47 { margin-top: 47px !important; } .margin-top-48 { margin-top: 48px !important; } .margin-top-49 { margin-top: 49px !important; } .margin-top-50 { margin-top: 50px !important; } .margin-top-51 { margin-top: 51px !important; } .margin-top-52 { margin-top: 52px !important; } .margin-top-53 { margin-top: 53px !important; } .margin-top-54 { margin-top: 54px !important; } .margin-top-55 { margin-top: 55px !important; } .margin-top-56 { margin-top: 56px !important; } .margin-top-57 { margin-top: 57px !important; } .margin-top-58 { margin-top: 58px !important; } .margin-top-59 { margin-top: 59px !important; } .margin-top-60 { margin-top: 60px !important; } .margin-top-61 { margin-top: 61px !important; } .margin-top-62 { margin-top: 62px !important; } .margin-top-63 { margin-top: 63px !important; } .margin-top-64 { margin-top: 64px !important; } .margin-top-65 { margin-top: 65px !important; } .margin-top-66 { margin-top: 66px !important; } .margin-top-67 { margin-top: 67px !important; } .margin-top-68 { margin-top: 68px !important; } .margin-top-69 { margin-top: 69px !important; } .margin-top-70 { margin-top: 70px !important; } .margin-top-71 { margin-top: 71px !important; } .margin-top-72 { margin-top: 72px !important; } .margin-top-73 { margin-top: 73px !important; } .margin-top-74 { margin-top: 74px !important; } .margin-top-75 { margin-top: 75px !important; } .margin-top-76 { margin-top: 76px !important; } .margin-top-77 { margin-top: 77px !important; } .margin-top-78 { margin-top: 78px !important; } .margin-top-79 { margin-top: 79px !important; } .margin-top-80 { margin-top: 80px !important; } .margin-top-81 { margin-top: 81px !important; } .margin-top-82 { margin-top: 82px !important; } .margin-top-83 { margin-top: 83px !important; } .margin-top-84 { margin-top: 84px !important; } .margin-top-85 { margin-top: 85px !important; } .margin-top-86 { margin-top: 86px !important; } .margin-top-87 { margin-top: 87px !important; } .margin-top-88 { margin-top: 88px !important; } .margin-top-89 { margin-top: 89px !important; } .margin-top-90 { margin-top: 90px !important; } .margin-top-91 { margin-top: 91px !important; } .margin-top-92 { margin-top: 92px !important; } .margin-top-93 { margin-top: 93px !important; } .margin-top-94 { margin-top: 94px !important; } .margin-top-95 { margin-top: 95px !important; } .margin-top-96 { margin-top: 96px !important; } .margin-top-97 { margin-top: 97px !important; } .margin-top-98 { margin-top: 98px !important; } .margin-top-99 { margin-top: 99px !important; } .margin-top-100 { margin-top: 100px !important; } /* Margin Bottom */ .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-1 { margin-bottom: 1px !important; } .margin-bottom-2 { margin-bottom: 2px !important; } .margin-bottom-3 { margin-bottom: 3px !important; } .margin-bottom-4 { margin-bottom: 4px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-6 { margin-bottom: 6px !important; } .margin-bottom-7 { margin-bottom: 7px !important; } .margin-bottom-8 { margin-bottom: 8px !important; } .margin-bottom-9 { margin-bottom: 9px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-11 { margin-bottom: 11px !important; } .margin-bottom-12 { margin-bottom: 12px !important; } .margin-bottom-13 { margin-bottom: 13px !important; } .margin-bottom-14 { margin-bottom: 14px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-16 { margin-bottom: 16px !important; } .margin-bottom-17 { margin-bottom: 17px !important; } .margin-bottom-18 { margin-bottom: 18px !important; } .margin-bottom-19 { margin-bottom: 19px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-21 { margin-bottom: 21px !important; } .margin-bottom-22 { margin-bottom: 22px !important; } .margin-bottom-23 { margin-bottom: 23px !important; } .margin-bottom-24 { margin-bottom: 24px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-bottom-26 { margin-bottom: 26px !important; } .margin-bottom-27 { margin-bottom: 27px !important; } .margin-bottom-28 { margin-bottom: 28px !important; } .margin-bottom-29 { margin-bottom: 29px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-31 { margin-bottom: 31px !important; } .margin-bottom-32 { margin-bottom: 32px !important; } .margin-bottom-33 { margin-bottom: 33px !important; } .margin-bottom-34 { margin-bottom: 34px !important; } .margin-bottom-35 { margin-bottom: 35px !important; } .margin-bottom-36 { margin-bottom: 36px !important; } .margin-bottom-37 { margin-bottom: 37px !important; } .margin-bottom-38 { margin-bottom: 38px !important; } .margin-bottom-39 { margin-bottom: 39px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-bottom-41 { margin-bottom: 41px !important; } .margin-bottom-42 { margin-bottom: 42px !important; } .margin-bottom-43 { margin-bottom: 43px !important; } .margin-bottom-44 { margin-bottom: 44px !important; } .margin-bottom-45 { margin-bottom: 45px !important; } .margin-bottom-46 { margin-bottom: 46px !important; } .margin-bottom-47 { margin-bottom: 47px !important; } .margin-bottom-48 { margin-bottom: 48px !important; } .margin-bottom-49 { margin-bottom: 49px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-51 { margin-bottom: 51px !important; } .margin-bottom-52 { margin-bottom: 52px !important; } .margin-bottom-53 { margin-bottom: 53px !important; } .margin-bottom-54 { margin-bottom: 54px !important; } .margin-bottom-55 { margin-bottom: 55px !important; } .margin-bottom-56 { margin-bottom: 56px !important; } .margin-bottom-57 { margin-bottom: 57px !important; } .margin-bottom-58 { margin-bottom: 58px !important; } .margin-bottom-59 { margin-bottom: 59px !important; } .margin-bottom-60 { margin-bottom: 60px !important; } .margin-bottom-61 { margin-bottom: 61px !important; } .margin-bottom-62 { margin-bottom: 62px !important; } .margin-bottom-63 { margin-bottom: 63px !important; } .margin-bottom-64 { margin-bottom: 64px !important; } .margin-bottom-65 { margin-bottom: 65px !important; } .margin-bottom-66 { margin-bottom: 66px !important; } .margin-bottom-67 { margin-bottom: 67px !important; } .margin-bottom-68 { margin-bottom: 68px !important; } .margin-bottom-69 { margin-bottom: 69px !important; } .margin-bottom-70 { margin-bottom: 70px !important; } .margin-bottom-71 { margin-bottom: 71px !important; } .margin-bottom-72 { margin-bottom: 72px !important; } .margin-bottom-73 { margin-bottom: 73px !important; } .margin-bottom-74 { margin-bottom: 74px !important; } .margin-bottom-75 { margin-bottom: 75px !important; } .margin-bottom-76 { margin-bottom: 76px !important; } .margin-bottom-77 { margin-bottom: 77px !important; } .margin-bottom-78 { margin-bottom: 78px !important; } .margin-bottom-79 { margin-bottom: 79px !important; } .margin-bottom-80 { margin-bottom: 80px !important; } .margin-bottom-81 { margin-bottom: 81px !important; } .margin-bottom-82 { margin-bottom: 82px !important; } .margin-bottom-83 { margin-bottom: 83px !important; } .margin-bottom-84 { margin-bottom: 84px !important; } .margin-bottom-85 { margin-bottom: 85px !important; } .margin-bottom-86 { margin-bottom: 86px !important; } .margin-bottom-87 { margin-bottom: 87px !important; } .margin-bottom-88 { margin-bottom: 88px !important; } .margin-bottom-89 { margin-bottom: 89px !important; } .margin-bottom-90 { margin-bottom: 90px !important; } .margin-bottom-91 { margin-bottom: 91px !important; } .margin-bottom-92 { margin-bottom: 92px !important; } .margin-bottom-93 { margin-bottom: 93px !important; } .margin-bottom-94 { margin-bottom: 94px !important; } .margin-bottom-95 { margin-bottom: 95px !important; } .margin-bottom-96 { margin-bottom: 96px !important; } .margin-bottom-97 { margin-bottom: 97px !important; } .margin-bottom-98 { margin-bottom: 98px !important; } .margin-bottom-99 { margin-bottom: 99px !important; } .margin-bottom-100 { margin-bottom: 100px !important; } /* Margin Left */ .margin-left-0 { margin-left: 0 !important; } .margin-left-1 { margin-left: 1px !important; } .margin-left-2 { margin-left: 2px !important; } .margin-left-3 { margin-left: 3px !important; } .margin-left-4 { margin-left: 4px !important; } .margin-left-5 { margin-left: 5px !important; } .margin-left-6 { margin-left: 6px !important; } .margin-left-7 { margin-left: 7px !important; } .margin-left-8 { margin-left: 8px !important; } .margin-left-9 { margin-left: 9px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-15 { margin-left: 15px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-25 { margin-left: 25px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-left-35 { margin-left: 35px !important; } .margin-left-40 { margin-left: 40px !important; } .margin-left-45 { margin-left: 45px !important; } .margin-left-50 { margin-left: 50px !important; } .margin-left-55 { margin-left: 55px !important; } .margin-left-60 { margin-left: 60px !important; } .margin-left-65 { margin-left: 65px !important; } .margin-left-70 { margin-left: 70px !important; } .margin-left-75 { margin-left: 75px !important; } .margin-left-80 { margin-left: 80px !important; } .margin-left-85 { margin-left: 85px !important; } .margin-left-90 { margin-left: 90px !important; } .margin-left-95 { margin-left: 95px !important; } .margin-left-100 { margin-left: 100px !important; } /* Margin Right */ .margin-right-0 { margin-right: 0 !important; } .margin-right-1 { margin-right: 1px !important; } .margin-right-2 { margin-right: 2px !important; } .margin-right-3 { margin-right: 3px !important; } .margin-right-4 { margin-right: 4px !important; } .margin-right-5 { margin-right: 5px !important; } .margin-right-6 { margin-right: 6px !important; } .margin-right-7 { margin-right: 7px !important; } .margin-right-8 { margin-right: 8px !important; } .margin-right-9 { margin-right: 9px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-15 { margin-right: 15px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-25 { margin-right: 25px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-right-35 { margin-right: 35px !important; } .margin-right-40 { margin-right: 40px !important; } .margin-right-45 { margin-right: 45px !important; } .margin-right-50 { margin-right: 50px !important; } .margin-right-55 { margin-right: 55px !important; } .margin-right-60 { margin-right: 60px !important; } .margin-right-65 { margin-right: 65px !important; } .margin-right-70 { margin-right: 70px !important; } .margin-right-75 { margin-right: 75px !important; } .margin-right-80 { margin-right: 80px !important; } .margin-right-85 { margin-right: 85px !important; } .margin-right-90 { margin-right: 90px !important; } .margin-right-95 { margin-right: 95px !important; } .margin-right-100 { margin-right: 100px !important; } /* Padding Top */ .padding-top-0 { padding-top: 0px !important; } .padding-top-1 { padding-top: 1px !important; } .padding-top-2 { padding-top: 2px !important; } .padding-top-3 { padding-top: 3px !important; } .padding-top-4 { padding-top: 4px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-top-6 { padding-top: 6px !important; } .padding-top-7 { padding-top: 7px !important; } .padding-top-8 { padding-top: 8px !important; } .padding-top-9 { padding-top: 9px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-11 { padding-top: 11px !important; } .padding-top-12 { padding-top: 12px !important; } .padding-top-13 { padding-top: 13px !important; } .padding-top-14 { padding-top: 14px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-top-16 { padding-top: 16px !important; } .padding-top-17 { padding-top: 17px !important; } .padding-top-18 { padding-top: 18px !important; } .padding-top-19 { padding-top: 19px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-top-21 { padding-top: 21px !important; } .padding-top-22 { padding-top: 22px !important; } .padding-top-23 { padding-top: 23px !important; } .padding-top-24 { padding-top: 24px !important; } .padding-top-25 { padding-top: 25px !important; } .padding-top-26 { padding-top: 26px !important; } .padding-top-27 { padding-top: 27px !important; } .padding-top-28 { padding-top: 28px !important; } .padding-top-29 { padding-top: 29px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-top-31 { padding-top: 31px !important; } .padding-top-32 { padding-top: 32px !important; } .padding-top-33 { padding-top: 33px !important; } .padding-top-34 { padding-top: 34px !important; } .padding-top-35 { padding-top: 35px !important; } .padding-top-36 { padding-top: 36px !important; } .padding-top-37 { padding-top: 37px !important; } .padding-top-38 { padding-top: 38px !important; } .padding-top-39 { padding-top: 39px !important; } .padding-top-40 { padding-top: 40px !important; } .padding-top-41 { padding-top: 41px !important; } .padding-top-42 { padding-top: 42px !important; } .padding-top-43 { padding-top: 43px !important; } .padding-top-44 { padding-top: 44px !important; } .padding-top-45 { padding-top: 45px !important; } .padding-top-46 { padding-top: 46px !important; } .padding-top-47 { padding-top: 47px !important; } .padding-top-48 { padding-top: 48px !important; } .padding-top-49 { padding-top: 49px !important; } .padding-top-50 { padding-top: 50px !important; } .padding-top-51 { padding-top: 51px !important; } .padding-top-52 { padding-top: 52px !important; } .padding-top-53 { padding-top: 53px !important; } .padding-top-54 { padding-top: 54px !important; } .padding-top-55 { padding-top: 55px !important; } .padding-top-56 { padding-top: 56px !important; } .padding-top-57 { padding-top: 57px !important; } .padding-top-58 { padding-top: 58px !important; } .padding-top-59 { padding-top: 59px !important; } .padding-top-60 { padding-top: 60px !important; } .padding-top-61 { padding-top: 61px !important; } .padding-top-62 { padding-top: 62px !important; } .padding-top-63 { padding-top: 63px !important; } .padding-top-64 { padding-top: 64px !important; } .padding-top-65 { padding-top: 65px !important; } .padding-top-66 { padding-top: 66px !important; } .padding-top-67 { padding-top: 67px !important; } .padding-top-68 { padding-top: 68px !important; } .padding-top-69 { padding-top: 69px !important; } .padding-top-70 { padding-top: 70px !important; } .padding-top-71 { padding-top: 71px !important; } .padding-top-72 { padding-top: 72px !important; } .padding-top-73 { padding-top: 73px !important; } .padding-top-74 { padding-top: 74px !important; } .padding-top-75 { padding-top: 75px !important; } .padding-top-76 { padding-top: 76px !important; } .padding-top-77 { padding-top: 77px !important; } .padding-top-78 { padding-top: 78px !important; } .padding-top-79 { padding-top: 79px !important; } .padding-top-80 { padding-top: 80px !important; } .padding-top-81 { padding-top: 81px !important; } .padding-top-82 { padding-top: 82px !important; } .padding-top-83 { padding-top: 83px !important; } .padding-top-84 { padding-top: 84px !important; } .padding-top-85 { padding-top: 85px !important; } .padding-top-86 { padding-top: 86px !important; } .padding-top-87 { padding-top: 87px !important; } .padding-top-88 { padding-top: 88px !important; } .padding-top-89 { padding-top: 89px !important; } .padding-top-90 { padding-top: 90px !important; } .padding-top-91 { padding-top: 91px !important; } .padding-top-92 { padding-top: 92px !important; } .padding-top-93 { padding-top: 93px !important; } .padding-top-94 { padding-top: 94px !important; } .padding-top-95 { padding-top: 95px !important; } .padding-top-96 { padding-top: 96px !important; } .padding-top-97 { padding-top: 97px !important; } .padding-top-98 { padding-top: 98px !important; } .padding-top-99 { padding-top: 99px !important; } .padding-top-100 { padding-top: 100px !important; } /* Padding Bottom */ .padding-bottom-0 { padding-bottom: 0px !important; } .padding-bottom-1 { padding-bottom: 1px !important; } .padding-bottom-2 { padding-bottom: 2px !important; } .padding-bottom-3 { padding-bottom: 3px !important; } .padding-bottom-4 { padding-bottom: 4px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-6 { padding-bottom: 6px !important; } .padding-bottom-7 { padding-bottom: 7px !important; } .padding-bottom-8 { padding-bottom: 8px !important; } .padding-bottom-9 { padding-bottom: 9px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-11 { padding-bottom: 11px !important; } .padding-bottom-12 { padding-bottom: 12px !important; } .padding-bottom-13 { padding-bottom: 13px !important; } .padding-bottom-14 { padding-bottom: 14px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-bottom-16 { padding-bottom: 16px !important; } .padding-bottom-17 { padding-bottom: 17px !important; } .padding-bottom-18 { padding-bottom: 18px !important; } .padding-bottom-19 { padding-bottom: 19px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-21 { padding-bottom: 21px !important; } .padding-bottom-22 { padding-bottom: 22px !important; } .padding-bottom-23 { padding-bottom: 23px !important; } .padding-bottom-24 { padding-bottom: 24px !important; } .padding-bottom-25 { padding-bottom: 25px !important; } .padding-bottom-26 { padding-bottom: 26px !important; } .padding-bottom-27 { padding-bottom: 27px !important; } .padding-bottom-28 { padding-bottom: 28px !important; } .padding-bottom-29 { padding-bottom: 29px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-bottom-31 { padding-bottom: 31px !important; } .padding-bottom-32 { padding-bottom: 32px !important; } .padding-bottom-33 { padding-bottom: 33px !important; } .padding-bottom-34 { padding-bottom: 34px !important; } .padding-bottom-35 { padding-bottom: 35px !important; } .padding-bottom-36 { padding-bottom: 36px !important; } .padding-bottom-37 { padding-bottom: 37px !important; } .padding-bottom-38 { padding-bottom: 38px !important; } .padding-bottom-39 { padding-bottom: 39px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-bottom-41 { padding-bottom: 41px !important; } .padding-bottom-42 { padding-bottom: 42px !important; } .padding-bottom-43 { padding-bottom: 43px !important; } .padding-bottom-44 { padding-bottom: 44px !important; } .padding-bottom-45 { padding-bottom: 45px !important; } .padding-bottom-46 { padding-bottom: 46px !important; } .padding-bottom-47 { padding-bottom: 47px !important; } .padding-bottom-48 { padding-bottom: 48px !important; } .padding-bottom-49 { padding-bottom: 49px !important; } .padding-bottom-50 { padding-bottom: 50px !important; } .padding-bottom-51 { padding-bottom: 51px !important; } .padding-bottom-52 { padding-bottom: 52px !important; } .padding-bottom-53 { padding-bottom: 53px !important; } .padding-bottom-54 { padding-bottom: 54px !important; } .padding-bottom-55 { padding-bottom: 55px !important; } .padding-bottom-56 { padding-bottom: 56px !important; } .padding-bottom-57 { padding-bottom: 57px !important; } .padding-bottom-58 { padding-bottom: 58px !important; } .padding-bottom-59 { padding-bottom: 59px !important; } .padding-bottom-60 { padding-bottom: 60px !important; } .padding-bottom-61 { padding-bottom: 61px !important; } .padding-bottom-62 { padding-bottom: 62px !important; } .padding-bottom-63 { padding-bottom: 63px !important; } .padding-bottom-64 { padding-bottom: 64px !important; } .padding-bottom-65 { padding-bottom: 65px !important; } .padding-bottom-66 { padding-bottom: 66px !important; } .padding-bottom-67 { padding-bottom: 67px !important; } .padding-bottom-68 { padding-bottom: 68px !important; } .padding-bottom-69 { padding-bottom: 69px !important; } .padding-bottom-70 { padding-bottom: 70px !important; } .padding-bottom-71 { padding-bottom: 71px !important; } .padding-bottom-72 { padding-bottom: 72px !important; } .padding-bottom-73 { padding-bottom: 73px !important; } .padding-bottom-74 { padding-bottom: 74px !important; } .padding-bottom-75 { padding-bottom: 75px !important; } .padding-bottom-76 { padding-bottom: 76px !important; } .padding-bottom-77 { padding-bottom: 77px !important; } .padding-bottom-78 { padding-bottom: 78px !important; } .padding-bottom-79 { padding-bottom: 79px !important; } .padding-bottom-80 { padding-bottom: 80px !important; } .padding-bottom-81 { padding-bottom: 81px !important; } .padding-bottom-82 { padding-bottom: 82px !important; } .padding-bottom-83 { padding-bottom: 83px !important; } .padding-bottom-84 { padding-bottom: 84px !important; } .padding-bottom-85 { padding-bottom: 85px !important; } .padding-bottom-86 { padding-bottom: 86px !important; } .padding-bottom-87 { padding-bottom: 87px !important; } .padding-bottom-88 { padding-bottom: 88px !important; } .padding-bottom-89 { padding-bottom: 89px !important; } .padding-bottom-90 { padding-bottom: 90px !important; } .padding-bottom-91 { padding-bottom: 91px !important; } .padding-bottom-92 { padding-bottom: 92px !important; } .padding-bottom-93 { padding-bottom: 93px !important; } .padding-bottom-94 { padding-bottom: 94px !important; } .padding-bottom-95 { padding-bottom: 95px !important; } .padding-bottom-96 { padding-bottom: 96px !important; } .padding-bottom-97 { padding-bottom: 97px !important; } .padding-bottom-98 { padding-bottom: 98px !important; } .padding-bottom-99 { padding-bottom: 99px !important; } .padding-bottom-100 { padding-bottom: 100px !important; } /* Padding Right */ .padding-right-0 { padding-right: 0 !important; } .padding-right-5 { padding-right: 5px !important; } .padding-right-10 { padding-right: 10px !important; } .padding-right-15 { padding-right: 15px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-right-25 { padding-right: 25px !important; } .padding-right-30 { padding-right: 30px !important; } .padding-right-35 { padding-right: 35px !important; } .padding-right-40 { padding-right: 40px !important; } .padding-right-45 { padding-right: 45px !important; } .padding-right-50 { padding-right: 50px !important; } .padding-right-55 { padding-right: 55px !important; } .padding-right-55 { padding-right: 55px !important; } .padding-right-55 { padding-right: 55px !important; } .padding-right-55 { padding-right: 55px !important; } .padding-right-60 { padding-right: 60px !important; } .padding-right-65 { padding-right: 65px !important; } .padding-right-70 { padding-right: 70px !important; } .padding-right-75 { padding-right: 75px !important; } .padding-right-80 { padding-right: 80px !important; } .padding-right-85 { padding-right: 85px !important; } .padding-right-90 { padding-right: 90px !important; } .padding-right-95 { padding-right: 95px !important; } .padding-right-100 { padding-right: 100px !important; } /* Padding Left */ .padding-left-0 { padding-left: 0 !important; } .padding-left-5 { padding-left: 5px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-left-15 { padding-left: 15px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-left-25 { padding-left: 25px !important; } .padding-left-30 { padding-left: 30px !important; } .padding-left-35 { padding-left: 35px !important; } .padding-left-40 { padding-left: 40px !important; } .padding-left-45 { padding-left: 45px !important; } .padding-left-50 { padding-left: 50px !important; } .padding-left-55 { padding-left: 55px !important; } .padding-left-55 { padding-left: 55px !important; } .padding-left-55 { padding-left: 55px !important; } .padding-left-55 { padding-left: 55px !important; } .padding-left-60 { padding-left: 60px !important; } .padding-left-65 { padding-left: 65px !important; } .padding-left-70 { padding-left: 70px !important; } .padding-left-75 { padding-left: 75px !important; } .padding-left-80 { padding-left: 80px !important; } .padding-left-85 { padding-left: 85px !important; } .padding-left-90 { padding-left: 90px !important; } .padding-left-95 { padding-left: 95px !important; } .padding-left-100 { padding-left: 100px !important; } /*Background Color*/ .bg-light { background-color: rgba(171, 185, 50, 0.07); } .bg-light i { color: rgb(222, 129, 136); } #header .right-side { top: 0; } .header-two { } /*Typography*/ .add-btn { z-index: 0; } .btn.focus, .btn:focus { color: #fff; } .b-color { border-color: #eee; } .m-0 { margin: 0 !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-100 { margin-top: 100px !important; } .mb-0 { margin-bottom: 0 !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mr-15 { margin-right: 15px !important; } .p-b-30 { padding-bottom: 30px !important; } .pt-0 { padding-top: 0px !important; } .px-20 { padding: 0 20px !important; } .w-100 { width: 100% !important; } .w-40 { width: 40% !important; } .w-50 { width: 50% !important; } .w-60 { width: 60% !important; } .border-0 { border: 0 !important; } .h-100 { height: 100% !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .edit-phto a { font-size: 12px; } .edit-phto a i { font-size: 16px; margin: 0 6px 0 0; } /*.edit-phto:hover{color: #088dcd;}*/ .main-menu a { color: #999; } select.form-control { height: 48px; border-radius: 4px; } select { border: 1px solid #e0e0e0; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05); } /*header*/ .topbar { padding: 0 25px 0 48px; } .topbar .logo a.navbar-brand { height: 34px; padding: 0; margin: 0; } .topbar .logo a.navbar-brand img { height: 100%; } .user-setting { left: inherit; right: 0; } .user-setting > a, .top-area .user-img { line-height: 1; } #logo { text-align: center; } #logo img { max-height: 70px !important; height: 60px; width: 80px; top: 10%; } /**/ .upload_video_btn { position: relative; } .upload_video_btn .input-video { position: absolute; visibility: hidden; } /*Modal*/ .modal { background-color: rgba(0, 0, 0, 0.5) !important; } .modal-backdrop { display: none; } /*default check box*/ .chk-bx { margin-bottom: 16px; } .chk-bx input { width: 20px; height: 20px; margin: 0; } .chk-bx span { font-size: 16px; color: #666; font-weight: 600; line-height: 1; padding-left: 10px; margin: auto 0; } .chk-bx label { line-height: 1.3; margin: 0 0 0 10px; } /*upload-bx*/ .upload-bx { padding: 0; list-style: none; } .upload-bx .img-preview-bx a { display: block; height: 185px; width: 275px; overflow: hidden; position: relative; margin: 0 0 20px; } .upload-bx .img-preview-bx a img { display: block; height: 100%; width: 100%; } .upload-bx label { font-size: 14px; color: #888; line-height: 1; padding: 0 10px; } .upload-bx input { display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 44px; padding: 0; width: 127px; cursor: pointer; border-radius: 4px; background-color: transparent; flex-direction: row; transition: 0.3s; color: #283263; border: 1px solid #283263; margin: 0; outline: none; box-shadow: 0 3px 10px rgba(102, 103, 107, 0.1); position: relative; overflow: hidden; } .upload-bx input:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: 'Upload Files'; text-align: center; width: 100%; height: 100%; font-size: 16px; font-weight: 600; color: #283263; background-color: #fff; transition: 0.3s; display: flex; justify-content: center; align-items: center; } .upload-bx input:hover { box-shadow: 0 4px 12px rgba(42, 65, 232, 0.15); background-color: #283263; } .upload-bx input:hover::before { background-color: #283263; color: #fff; } /*cover page button*/ .add-btn b.js-otherMemberButton a:hover { background: transparent none repeat scroll 0 0; border: 1px solid; color: #088dcd; } .add-btn b.js-otherMemberButton a { border-radius: 2px; color: #fff; display: inline-block; font-size: 14px; padding: 4px 20px; background-color: #088dcd; border: 1px solid transparent; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } /*Header*/ .responsive-notify ul { padding: 0; list-style-type: none; margin: 0; justify-content: space-between; width: 100%; } .responsive-notify ul li a { font-size: 20px; position: relative; } .responsive-notify ul li a span { position: absolute; top: -6px; right: -8px; font-size: 10px; background: #edd865; padding: 4px 6px; border-radius: 50%; line-height: 1; color: #000; } #navigation ul li, .responsive-notify { display: none; } #navigation ul li.page-name { display: block; } .btn-danger { background-color: #dc3545 !important; border-color: #dc3545 !important; color: #fff; } /*ul.dashboard-box-list.list-2.d-flex.credential-progress li { border-bottom: none; }*/ .title-dashboard h4 { margin: 30px 0 20px 0; font-size: 22px; } .dashboard-headline.mt-30 { margin: 30px 0 0; } .dashboard-headline h3 { margin: 0 0px 0; font-size: 22px; } /***/ ul.round-step { list-style: none; padding: 20px; margin: 10px auto; margin-top: 0px; } ul.round-step li { display: inline-block; padding: 10px 15px; border-radius: 100px; border: 2px solid #d7e1ff; background: #d7e2ff; color: #5583ff; margin-right: 15px; position: relative; min-width: auto; text-align: center; line-height: 1; } ul.round-step li.active { /*background-color: #5583ff; */ background-color: #56d045; font-weight: 600; } ul.round-step li.active a { /*color: #d7e2ff;*/ color: #fff; } ul.round-step li.active:after { background-color: #5583ff; } ul.round-step li:after { content: ' '; display: block; position: absolute; height: 5px; width: 30px; background-color: #d7e1ff; right: -30px; top: 50%; transform: translateY(-50%); z-index: 0; } ul.round-step li:last-child { margin-right: 0px; } ul.round-step li:last-child:after { display: none; } /*skill-bx*/ .your-page.skill-bx ul li .task-tags span { background: #5b86fa; font-size: 12px; font-weight: 500; letter-spacing: 0.5px; padding: 2px 10px; color: #fff; } /*dashboard-box ul*/ .dashboard-box .content ul.dashboard-box-list { max-height: 385px; } .dashboard-box .content ul.dashboard-box-list.custom-height{ max-height: fit-content; } .dashboard-box .content ul.dashboard-box-list li { padding: 15px; border-bottom: 1px solid #e6e6e6; transition: 0.25s; } .dashboard-box .content ul.dashboard-box-list li:last-child { border-bottom: 0; } .dashboard-box .content ul.dashboard-box-list li a { display: flex; flex-wrap: wrap; align-items: top; } /*fun-fact-job*/ .fun-fact-job { margin: 30px 0 0; text-align: center; } .fun-fact-job .fun-fact-text { margin: 0; } .fun-fact-job .fun-fact-icon-job { margin: 10px auto 0; } .fun-fact-job .btn-view { margin: 20px auto 0; } /*.user-avatar*/ .user-avatar { border-radius: 100%; } .user-avatar img { height: 100%; } /*table last col*/ table.custom-table tr { display: table-row; } table.custom-table tr td { display: table-cell; } table tr th:last-child, table tr td:last-child { text-align: left; } .tags-input { background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); display: inline-block; padding: 4px 6px; color: #555; vertical-align: middle; border-radius: 4px; max-width: 100%; line-height: 22px; cursor: text; width: 100%; } .tags-input input { border: none; box-shadow: none; outline: none; background-color: transparent; margin: 0; max-width: inherit; width: auto !important; padding: 0; } .tags-input input:focus { border: none; box-shadow: none; } .tags-input .tag { margin-right: 2px; color: white; } .tags-input .tag [data-role="remove"] { margin-left: 8px; cursor: pointer; } .tags-input .tag [data-role="remove"]:after { content: "x"; padding: 0px 2px; } .tags-input .tag [data-role="remove"]:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .tags-input .tag [data-role="remove"]:hover:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .dashboard-box .nested-fields.content .submit-field .tags-input input { width: auto !important; } /* header */ .margin-header { margin-top: 0; } /* Frist 4 page of registraitions*/ .margin-box { margin-top: 160px; padding: 15px; } /* profile info*/ .profileinfo-box-margin { margin-top: 15px; } label, legend { font-weight: 600; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; margin: 0 auto 30px; } .alert ul { margin: 0; padding: 0; list-style: none; } .alert ul.styled-list { list-style: square; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-danger { color: #721c24; background-color: #f8d7da; } .checkbox label .checkbox-icon { margin-top: 0; } .account-page.terms-acceptance .toa-signature span { margin-top: 0; } .register .account-wrapper .btn { display: block; text-align: left; } .btn-choose-doc { margin-bottom: 10px; display: inline-block; } .text-center { text-align: center; } .account-page .account-box { width: 100%; margin: 0px; } .account-page .account-box .account-wrapper { padding: 5px 25px 23px 25px; } .account-page .account-box .account-wrapper .sub-title { padding: 0px; } /*tbl-list-box*/ .tbl-list-box thead th { white-space: nowrap; } .tbl-list-box .list-name { display: flex; align-items: center; } .tbl-list-box .list-name a { margin: auto 0; } .tbl-list-box .input-group .select { margin: 0; height: auto; padding: 10px 15px; line-height: 1; width: 180px; } .tbl-list-box .list-name .img-bx { position: inherit; left: inherit; top: inherit; padding: 0; color: #fff; font-size: 16px; width: 38px; height: 38px; } .tbl-list-box .list-name .l-text { width: calc(100% - 38px); font-size: inherit; color: #333; margin: 0; padding-left: 10px; } /*card-bx*/ .button.btn-blue { background-color: #283263; color: #fff !important; } .button.btn-blue:hover { background-color: #283263; color: #fff !important; } .card-bx { padding: 82px 0 50px; overflow-x: hidden; } .card-bx .headline { margin: 0 0 40px; } .card-bx .headline h3 i { color: #283263; } .card-bx .pricing-plans-container { margin: 100px 0 0; } .card-bx .pricing-plans-container .pricing-plan p { margin: 20px 0 30px; padding: 0; } .card-bx .pricing-plans-container .pricing-plan .lbltitle { font-size: 28px; margin-bottom: 10px; } .card-bx .pricing-plans-container .pricing-plan .lblacceptance h4 { text-align: center; } .card-bx .pricing-plans-container .pricing-plan h4, .card-bx .pricing-plans-container .pricing-plan .toa-signature label { text-align: left; } .card-bx .pricing-plans-container .pricing-plan.recommended { margin: 0; } .card-bx .pricing-plans-container .pricing-plan.recommended .submit-field { margin: 35px 0 30px; } .card-bx .pricing-plans-container .pricing-plan.recommended .submit-field input.with-border { margin: 0; font-size: 40px; text-align: center; background: transparent; height: auto; line-height: 30px; padding: 5px 10px; } .card-bx .pricing-plans-container .pricing-plan.recommended .btn-next { width: 240px; margin: 0 auto 35px; } .card-bx .help-block { text-align: left; font-style: italic; display: block; margin: -10px 0 0; } /*submit-field upload-bx*/ .submit-field .upload-bx { display: flex; flex-wrap: wrap; } .submit-field .upload-bx .show-pictures { width: 50%; text-align: left; } /**/ div.top-area > ul > li > a > span.notify { top: -7px; bottom: inherit; font-size: 8px; position: absolute; right: -7px; background: #088dcd; border-radius: 50%; padding: 3px; color: #fff; line-height: 1.3; } .page-title-bx { height: auto; padding: 7px 9px; display: inline-block; } .pricing-plan.recommended, .pricing-plan { background-color: #fff; } /*add-more*/ .add-more .add_fields { margin: 15px 15px 15px 30px; } .btn-remove { height: 48px; line-height: 2.4; padding: 6px 20px; } .twitter-typeahead { width: 100%; } .twitter-typeahead .with-border { margin: 0; } /*sidebar*/ .sidebar .widget .your-page { padding: 0px 15px 10px; } .sidebar .widget-title { padding: 20px 15px 10px; } .sidebar .widget > ul { padding: 0 15px 20px; } .sidebar .widget .additional_detail li { word-break: break-word; display: flex; } .sidebar .widget li > a.btn { padding: 0.375rem; } .sidebar .widget li i { overflow: visible; } .sidebar .widget li i, .sidebar div.widget.your-page-bx ul li i, .sidebar div.widget.your-page-bx ul li i:hover { color: #088dcd !important; } .sidebar .widget .additional_detail li i { width: 17px; display: flex; margin-top: 4px; margin-bottom: auto; margin-right: 4px; } .sidebar .widget #people-list.verification-bx { padding-left: 0px; margin: 0; } .sidebar .widget #people-list.verification-bx li { display: inline-block; } .sidebar .widget #people-list.verification-bx li i { vertical-align: top; } .sidebar .widget #people-list.verification-bx li span { display: inline-block; margin-top: 3px; } .sidebar .widget .verification-bx li span { margin: auto 0; } .sidebar .widget .verification-bx li i { color: #fff !important; } .sidebar .widget .verification-bx li i:hover { color: #fff !important; } .sidebar .widget .verification-bx li i.text-success { background-color: #7fba00 !important; } .sidebar .widget .verification-bx li i.text-warning { background-color: #ded817 !important; } .sidebar .widget .verification-bx li i.text-danger { background-color: #dc3545 !important; } /*experience-head*/ .edit_user .dashboard-box { padding-bottom: 30px; } .dashboard-box .headline.experience-head { display: flex; flex-wrap: wrap; } .dashboard-box .headline.experience-head .checkbox { margin: auto 0 auto auto; } /*position-profile*/ .position-profile .fun-fact { max-width: 100% !important; width: 100% !important; display: block; } /*request-bx employee*/ .card-bx .pricing-plans-container .pricing-plan.recommended.request-bx h3 { margin-bottom: 40px; } .card-bx .pricing-plans-container .pricing-plan.recommended.request-bx .submit-field { margin: 0 0 20px; display: flex; } .card-bx .pricing-plans-container .pricing-plan.recommended.request-bx .submit-field label { background-color: #cdd3d7; text-align: center; line-height: 48px; margin: 0; border-radius: 5px 0 0 5px; padding: 0 10px; display: flex; font-size: 20px; width: 50px; height: 48px; } .card-bx .pricing-plans-container .pricing-plan.recommended.request-bx .submit-field label i { margin: auto; color: #5c88fa; } .card-bx .pricing-plans-container .pricing-plan.recommended.request-bx .submit-field .with-border { font-size: 16px; line-height: 48px; height: 48px; border-radius: 0 5px 5px 0; text-align: left; padding: 5px 20px; } .card-bx .pricing-plans-container .pricing-plan.recommended.request-bx .submit-field .select-focus { width: 100%; margin: 0; } .card-bx .pricing-plans-container .pricing-plan.recommended.request-bx .submit-field .button { margin: 5px; } /*authorization-bx*/ .authorization-bx p { text-align: justify; } /*portfolio-bx*/ .portfolio-bx { position: relative; margin: 30px 0 0; } .portfolio-bx .img, .picture-bx .img { width: 100%; display: block; border: 2px solid #5c89fa; border-radius: 5px; overflow: hidden; position: relative; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); height: 250px; } .portfolio-bx .img img, .picture-bx .img img { width: 100%; height: 100%; } .portfolio-bx .edit-icon { position: absolute; top: 0; right: 0; z-index: 99; font-size: 30px; color: #fff; } .portfolio-bx h4, .picture-bx h4 { font-size: 18px; text-align: center; margin: 15px 0 0; color: #333; } /*chatbox*/ .messages-headline { display: flex; flex-wrap: wrap; background: #283263; border-radius: 0; z-index: 9; } .messages-headline h4 { padding: 0; } .messages-headline h4 a, .messages-headline h4 span.last-seen, .messages-headline .message-action { color: #fff; } .messages-headline .message-action:hover { color: #791414; } /*.messages-headline h4 a:hover{color: #283263;}*/ .messages-container-inner .message-content .message-reply { margin: 0; z-index: 9; background-color: #fff; } .messages-container-inner .message-content-inner { background-color: #f6fafb; margin: 0; padding-bottom: 15px; } .messages-container-inner .message-content-inner li { margin-bottom: 20px; } .messages-container-inner .message-content-inner li .chat-thumb { width: 28px; height: 28px; position: relative; } .messages-container-inner .message-content-inner li .notification-event { display: inline-block; margin-left: 8px; vertical-align: top; width: 84%; } .messages-container-inner .message-content-inner li .notification-event .chat-message-item { background: #f0f4f9 none repeat scroll 0 0; border-radius: 7px; display: inline-block; font-size: 13px; padding: 12px; color: #333; } .messages-container-inner .message-content-inner li .notification-event .chat-message-item p { margin: 0; font-size: 14px; line-height: 26px; color: #8c8b8b; padding: 0; white-space: normal; } .messages-container-inner .message-content-inner li .notification-event .notification-date { color: #999; display: block; font-size: 11px; width: 100%; } .messages-container-inner .message-content-inner li.you { flex-direction: row-reverse; } .messages-container-inner .message-content-inner li.you .notification-event { justify-content: flex-end; display: flex; flex-wrap: wrap; margin: 0 8px 0 0; } .messages-container-inner .message-content-inner li.you .notification-event .notification-date { text-align: right; } .messages-container-inner .message-content-inner li.you .notification-event .chat-message-item { background: rgba(202, 239, 142, 0.55) none repeat scroll 0 0; position: relative; } .messages-container-inner .message-content-inner li .notification-event .chat-message-item:hover .chat-action-btns { opacity: 1; visibility: visible; } .messages-container-inner .message-content-inner li .notification-event .chat-message-item .chat-action-btns { float: inherit; position: absolute; top: 10px; left: -55px; opacity: 0; visibility: hidden; transition: all 0.2s; } .messages-container-inner .message-content-inner li .notification-event .chat-message-item .chat-action-btns ul.chat-action-btns-list, .messages-container-inner .message-content-inner li .notification-event .chat-message-item .chat-action-btns ul.chat-action-btns-list li { margin: 0 3px; } .messages-container-inner .message-content-inner li .notification-event .chat-message-item .chat-action-btns ul.chat-action-btns-list li a { color: #8c8c8c; } .messages-container-inner .message-content-inner li .notification-event .chat-message-item .chat-action-btns ul.chat-action-btns-list li a.edit-msg:hover { color: #55b653; } .messages-container-inner .message-content-inner li .notification-event .chat-message-item .chat-action-btns ul.chat-action-btns-list li a.del-msg:hover { color: #ff0000; } .messages-headline .profile-img-bx { width: 40px; height: 40px; margin: 0 15px 0 0; display: inline-block; } .messages-headline .profile-img-bx a { display: block; position: relative; } .messages-headline .profile-img-bx a img { border-radius: 50%; } .messages-headline .profile-img-bx a .status { margin: 0; position: absolute; bottom: 0px; right: 1px; } .message-bubble .message-bubble-inner .message-text { position: relative; max-width: 75%; } .message-bubble .message-bubble-inner .message-text p { white-space: normal; } .message-bubble .message-bubble-inner .message-text .chat-time { position: absolute; bottom: -22px; font-weight: 600; } .message-bubble .message-bubble-inner .message-text .chat-time { color: #333; left: 0; right: inherit; } .message-bubble.me .message-bubble-inner .message-text .chat-time { color: #3660e9; right: 0; left: inherit; } .message-bubble.me .message-bubble-inner .message-text .chat-action-btns { position: absolute; top: 0; left: -70px; transition: 0.2s all; opacity: 0; } .message-bubble.me .message-bubble-inner .message-text:hover .chat-action-btns { opacity: 1; } .message-reply .new_message { width: 100%; display: flex; } .message-content-inner { max-height: 59vh; min-height: 59vh; } .message-bubble.me .message-text { margin-right: 0; } .message-bubble .message-text { margin-left: 0; } /***/ /*ul.dashboard-box-list > li {min-height: 200px;}*/ /*action-btn-bx*/ .select2-container { width: 100% !important; } .input-group.action-btn-bx .select2-container { width: 70% !important; margin-right: 10px; } .input-group.action-btn-bx .select2-container .select2-selection--single, .input-group.action-btn-bx .select2-container--default .select2-selection--single .select2-selection__arrow { height: 35px; } .input-group.action-btn-bx .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; } .input-group.action-btn-bx .input-group-btn .btn { border-radius: 4px !important; } .sing-up .select2-container--default .select2-selection--single { padding: 0.375rem 0.75rem !important; height: calc(1.5em + 0.75rem + 2px); } .sing-up select.form-control { height: calc(1.5em + 0.75rem + 2px); } /*img-upload-bx*/ .img-upload-bx { position: relative; } .img-upload-bx .change-avatar { position: relative; display: block; width: 70px; height: 70px; position: relative; overflow: hidden; border-radius: 50%; } .img-upload-bx .file-control { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } .img-upload-bx .icon-camera { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; left: 0; margin: auto; text-align: center; line-height: 70px; background: rgba(0, 0, 0, 0.1); cursor: pointer; } .img-upload-bx .icon-camera i { color: #fff; font-size: 24px; opacity: 0.7; z-index: 99; } .img-upload-bx .change-avatar .icon-camera i:hover { opacity: 1; } .img-upload-bx .js-imgAvatar { width: 100%; height: 100%; display: block; } .img-upload-bx .js-imgAvatar img { width: 100%; height: 100%; } .detail { font-size: 14px; font-weight: 500; text-transform: capitalize; font-style: italic; margin: 10px 0 0 0; position: relative; } .detail .js-updateBasicProfile { position: absolute; top: 0; right: 0; } .detail .js-updateBasicProfile:hover i { /*color: #283263;*/ color: #088dcd; } .detail .form-control { border: 0 !important; border-bottom: 1px solid #ced4da !important; font-size: 14px !important; border-radius: 0 !important; } .detail .js-showBasicProfile .js-fullName { color: #424242; font-size: 14px; font-weight: 600; } .detail .js-showBasicProfile .js-email { font-size: 12px; font-weight: 500; font-style: italic; } .sidebar .widget .title, .central-meta .title { font-size: 12px; text-transform: uppercase; font-weight: 900; color: #6c91fb; letter-spacing: 0.03em; margin: 25px 0px 8px 0px; } /*.sidebar .widget ul li {display: block; color: #7c838a; font-size: 12px; font-weight: 700; letter-spacing: 0.03em; margin-bottom: 10px;padding-left: 0;} */ .sidebar .widget.your-page-bx ul li i, .sidebar .widget.your-page-bx ul li i:hover { color: #999 !important; font-size: 16px; } .sidebar .widget.your-page-bx { position: relative; } .sidebar .widget.your-page-bx .btnLevel { position: absolute; top: 20px; right: 15px; text-align: center; } .sidebar .widget.your-page-bx .btnLevel .btn { display: block; border: medium none; color: #fff; font-size: 13px; font-weight: 600; padding: 3px 10px; background-color: #088dcd; margin: 0 0 5px; } .sidebar .widget.your-page-bx .btnLevel a { display: block; font-size: 13px; font-weight: 600; } .sidebar .widget.your-page-bx .btnLevel a:hover { color: #6c91fb; } /*friend-meta*/ .followers > li figure { padding-left: 5px; } .friend-meta { width: 70%; } .my-file h4 .fa.fa-plus { font-size: 14px; cursor: pointer; } .my-file h4 .fa.fa-plus:hover { color: #088dcd; } .friend-meta p { font-size: 12px; font-style: italic; font-weight: 400; color: #088dcd; line-height: 1.2; margin: 0 0 4px; } .renewal-bx { padding: 0 25px; } .renewal-bx .btn { margin: 20px 0; } /*jobs-bx*/ .jobs-bx .followers li figure { height: 45px; } .jobs-bx .followers li figure img { height: 100%; } .jobs-bx .followers li .friend-meta h4 a { word-break: break-all; } .screening-level:hover { cursor: pointer; background-color: darkblue; } .level-active { background-color: darkblue; } /*file-up-bx*/ .file-up-bx .edit-phto { left: 0; bottom: 0; cursor: pointer; } .file-up-bx .edit-phto:hover, .file-up-bx .edit-phto:hover .fileContainer { color: #078ccd; } .modal-body.portlio-bx { padding-top: 50px; } /*modal-create-grp*/ .modal-create-grp .modal-body.portlio-bx { padding: 20px; } .modal-create-grp .modal-body.portlio-bx .file-up-bx .edit-phto { position: inherit; width: 50%; } .modal-create-grp .modal-body.portlio-bx .form-group select { margin-top: 10px; } .modal-create-grp .modal-body.portlio-bx .form-group input:-webkit-autofill, .modal-create-grp .modal-body.portlio-bx .form-group input:-webkit-autofill:hover, .modal-create-grp .modal-body.portlio-bx .form-group input:-webkit-autofill:focus, .modal-create-grp .modal-body.portlio-bx .form-group input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; } .modal-create-grp .modal-body.portlio-bx .form-group .form-control, .modal-create-grp .modal-body.portlio-bx .form-group select { border-bottom: 0.0625rem solid #e1e8ed; height: auto; padding-bottom: 5px; border-radius: 0; } .modal-create-grp .modal-body.portlio-bx .form-group .form-control:focus, .modal-create-grp .modal-body.portlio-bx .form-group select:focus { border-bottom: 0.0625rem solid #088dcd !important; border: 0; border-color: #088dcd !important; box-shadow: none; } /**/ .portfolios-title { position: relative; width: 100%; } .portfolios-title .icon-portfolio i { text-align: center; background-color: #088dcd; border-radius: 0; width: 20px; height: 20px; line-height: 20px; color: #fff; position: absolute; right: 0; top: 0; font-size: 11px; font-weight: 600; } .blank-portfolio { text-align: center; margin: 45px 0px; } .blank-portfolio a { color: #bdbdbd; font-size: 20px; font-weight: 600; } .blank-portfolio a:hover { color: #f3302c; } /*ul.shortcuts-bx li a {width: 100%;padding: .5rem 0;}*/ ul.shortcuts-bx li ul { padding-left: 22px !important; } ul.shortcuts-bx li ul li:first-child { margin-top: 20px; } ul.shortcuts-bx li { width: 100%; display: flex; padding-left: 0 !important; } ul.shortcuts-bx li a i.icon { color: #999; position: inherit; left: inherit; transform: inherit; top: inherit; } ul.shortcuts-bx li:hover a i.icon { color: #088dcd; } ul.shortcuts-bx li > a i.icon-left { margin: auto 0 auto auto; color: #999; position: inherit; left: inherit; transform: inherit; top: inherit; transform: rotate(180deg); transition: 0.5s all; } ul.shortcuts-bx li > a:hover i.icon-left { color: #088dcd; } ul.shortcuts-bx li > a.collapsed i.icon-left { transform: rotate(0deg); } /*pepl-info*/ .pepl-info h4 { display: block; font-size: 16px; font-weight: 600; text-transform: capitalize; } .pepl-info span { font-size: 13px; text-transform: capitalize; color: #088dcd; line-height: initial; display: block; } /*notification-bx*/ .notification-bx .notify-bar { font-size: 14px; background-color: #fff; padding: 15px 30px; position: relative; } .notification-bx .notify-bar .all_inbox { font-weight: 900; } .notification-bx .notify-bar .all_inbox label { background-color: #eeeeee; width: 22px; height: 22px; text-align: center; line-height: 22px; display: inline-block; margin-left: 12px; font-size: 11px; color: #969696; font-weight: 900; letter-spacing: 0.03em; margin-bottom: 0; } .notification-bx .notify-bar .searchField_outer .search_field { position: relative; } .notification-bx .notify-bar .searchField_outer .search_field input { background-color: #f6f6f6; border: 0px; padding: 9px 30px 10px 15px; box-shadow: 0px 0px 0px; font-size: 12px; font-weight: 600; height: auto; color: #969696; } .notification-bx .notify-bar .searchField_outer .search_field .btn { border: 0px; box-shadow: 0px 0px 0px; background-color: transparent; position: absolute; top: 9px; right: 10px; padding: 0px; color: #969696; } .notification-bx .notify-bar .searchField_outer .search_field .btn:hover { color: #5c87fa; } .notification-box ul li { position: relative; } .notification-box ul li .btn-square-sm { position: absolute; font-size: 10px; font-weight: bold; padding: 4px 9px; top: 0; right: 10px; } .notification-box ul li .blank-data { font-size: 22px; color: #5a86fa; } .js-activity { max-height: inherit !important; min-height: 385px; } /*connect-bx*/ .connect-bx, .notification-bx { background: #f4f2f2; min-height: 100vh; padding: 50px 0; } .connect-bx h2 { font-size: 20px; padding: 0px; font-weight: 600; color: #d6d6d6; } .connect-bx .tab-content .tab-pane { padding: 25px 30px; } .connect-bx .nearby-contct { margin: 0; } .add-butn.butn-success { background-color: #4cae4c; pointer-events: none; } .add-butn.butn-danger { background-color: #ac2925; pointer-events: none; } .add-butn.butn-primary:hover { background-color: #3a7998; } /*photos*/ .photos > li { position: relative; } .photos.portfolio-imgs > li { width: 32%; min-width: 32%; } .photos > li a.strip { height: 180px; } .photos > li a.strip:hover { box-shadow: 0px 2px 10px #bebebe; } .photos > li a.strip img { height: 100%; } .photos > li a.remove-portfolio { position: absolute; z-index: 9; background: #f3302c; width: 20px; height: 20px; border-radius: 100px; text-align: center; line-height: 19px; right: -5px; top: -9px; opacity: 0; } .photos > li:hover a.remove-portfolio { opacity: 1; } .photos > li a.remove-portfolio i { font-size: 14px; color: #fff; } .photos > li .truncate-ellipsis { display: table; table-layout: fixed; width: 100%; white-space: nowrap; margin-bottom: -5px; } .photos > li span { position: absolute; bottom: 0px; display: block; padding: 15px 80px 15px 15px; width: 100%; text-align: left; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 50%, transparent); color: #ffffff; text-overflow: ellipsis; overflow: hidden; max-width: 100%; white-space: nowrap; } .photos > li ins { position: absolute; bottom: 15px; right: 15px; display: inline-block; padding: 3px 5px; background: #078ccd; color: #ffffff; text-transform: capitalize; border-radius: 4px; text-overflow: ellipsis; text-decoration: none; white-space: nowrap; overflow: hidden; max-width: 65px; } /*right-panel*/ /*.strp-side-right {width:600px !important;}*/ .strp-side-right .strp-page, .strp-side-right .strp-page .strp-container { width: 100% !important; } .strp-side-right .strp-page .strp-container .strp-content-element { transform: translate(-50%, -50%); margin: 0 !important; } .strp-side-right .strp-container { background-color: #000; } /*social-bx*/ .user-bar.social-bx, .user-bar.social-bx > ul, .user-bar.social-bx > ul > li, .user-bar.social-bx > ul > li > a { float: inherit; } .user-bar.social-bx > ul > li { display: inline-block; padding: 0; margin: 0 10px 0 0; } .user-bar.social-bx > ul > li:last-child { margin: 0; } .user-bar.social-bx > ul > li > a { width: 30px; } /*custom-list-bx*/ .nearly-pepls { position: relative; } .nearby-contct.custom-list-bx { margin: 0; } .nearby-contct.custom-list-bx.small-bx li { min-height: inherit; max-height: inherit; } .nearby-contct.custom-list-bx li { width: 47%; margin: 1%; vertical-align: top; min-height: 230px; max-height: 230px; } .nearby-contct.custom-list-bx .nearly-pepls > figure { height: 60px; width: 60px; margin-bottom: 10px; } .nearby-contct.custom-list-bx .nearly-pepls > figure a, .nearby-contct.custom-list-bx .nearly-pepls > figure a img { height: 100%; width: 100%; } .nearby-contct.custom-list-bx .nearly-pepls > figure a, .nearby-contct.custom-list-bx .nearly-pepls .pepl-info, .nearby-contct.custom-list-bx .nearly-pepls .pepl-info h4, .nearby-contct.custom-list-bx .nearly-pepls .pepl-info a { display: block; } .nearby-contct.custom-list-bx .nearly-pepls .pepl-info em { display: block; margin: 0 0 10px; text-align: left; color: #999; } .nearby-contct.custom-list-bx .nearly-pepls .pepl-info span { display: block; margin: 0 0 10px; color: #999; } .nearby-contct.custom-list-bx .nearly-pepls .pepl-info i.ti-notepad { font-size: 23px; margin: 0 0 10px; } /*.sidebar .widget li > a i.icon-left{ top: inherit; left: inherit; position: inherit; transform: inherit;color: #999;margin-left: auto;} .sidebar .widget li > a:hover i.icon-left{color: #088dcd;} .sidebar .widget li > a.active i.icon-left {transform: rotate(180deg);} */ /**/ .chatroom-bx { position: fixed; bottom: 0; right: 40px; width: 30%; background-color: #fff; z-index: 999; } .chatroom-bx .chat-header { color: #fff; padding: 15px; position: relative; width: 100%; background-color: #088dcd; } .chatroom-bx .chat-header span.status.offline, .chatroom-bx .chat-header span.status.online { background-color: #fff; } .chatroom-bx .chat-header span.status.offline::after { background-color: #ff0000; width: 10px; height: 10px; } .chatroom-bx .chat-header span.status.online::after { background-color: #25dc22; width: 10px; height: 10px; } .chatroom-bx .chat-header .user-details .user-img { width: 40px; height: 40px; border-radius: 50%; position: relative; margin-right: 10px; } .chatroom-bx .chat-header .user-details .user-img a, .chatroom-bx .chat-header .user-details .user-img a img { display: block; height: 100%; width: 100%; border-radius: 50%; } .chatroom-bx .chat-header .user-info { font-size: 16px; text-decoration: none; color: #fff; font-weight: 600; } .chatroom-bx .chat-header .user-info .last-seen { font-size: 12px; display: block; } .chatroom-bx .chat-contents { display: inline-block; padding: 15px; position: relative; width: 100%; } .chatroom-bx .text-box > button { width: 45px; bottom: 7px; opacity: 1; visibility: visible; } .chatroom-bx .chat-list > ul li.you { flex-direction: row-reverse; } .chatroom-bx .chat-list > ul li.you .notification-event { justify-content: flex-end; display: flex; flex-wrap: wrap; } .chatroom-bx .chat-message-item > p { margin: 0 0 0; line-height: 1.4; } .chatroom-bx .chat-list > ul li.you .notification-event .notification-date { text-align: right; } .central-meta.chat-bx .editing-interest { position: relative; height: 85vh; display: flex; flex-wrap: wrap; } .central-meta.chat-bx .editing-interest ul { width: 30%; list-style-type: none; height: 100%; padding: 0; margin: 0; max-height: 100%; } .central-meta.chat-bx .editing-interest ul.direct-chat li a { font-weight: 600; } .central-meta.chat-bx .editing-interest ul.direct-chat li a span.status { position: relative; vertical-align: middle; margin-right: 5px; } .central-meta.chat-bx .editing-interest ul li.menu-title { padding: 12px; border-bottom: 1px solid #ddd; color: #5b8bff; font-size: 16px; } .central-meta.chat-bx .editing-interest ul li.menu-title a { border: 0; } .central-meta.chat-bx .editing-interest ul li a { display: block; padding: 12px; border-bottom: 1px solid #ddd; position: relative; } .cp-message .central-meta.chat-bx .editing-interest ul li a { position: relative; } .cp-message .central-meta.chat-bx .editing-interest ul li a span.status { right: inherit; width: 12px; left: 47px; top: 38px; } .cp-message .followers > li figure { min-height: 45px; } .central-meta.chat-bx .editing-interest ul li:last-child a { border-bottom: 0px; } .central-meta.chat-bx .editing-interest ul li a .friend-meta h4 { font-weight: 600; } .central-meta.chat-bx .editing-interest ul li a .friend-meta p { font-size: 13px; color: #7c838a; margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .central-meta.chat-bx .editing-interest .chat-box { right: inherit; width: 100%; position: inherit; left: inherit; right: inherit; top: inherit; bottom: inherit; transform: inherit; width: calc(100% - 30%); z-index: 0; } .central-meta.chat-bx .editing-interest .chat-box .chat-list { height: 89%; padding: 15px 0; background-color: #f6fafb; } .central-meta.chat-bx .editing-interest .chat-box .chat-head .profile-img { width: 40px; height: 40px; background: #fff; position: relative; border-radius: 50%; } .central-meta.chat-bx .editing-interest .chat-box .chat-head .profile-img img { border-radius: 50%; width: 100%; height: 100%; } .central-meta.chat-bx .editing-interest .chat-box .chat-head .profile-img span.status { right: 0; bottom: 0; top: inherit; left: inherit; transform: inherit; } .central-meta.chat-bx .editing-interest .chat-box .chat-head .profile-img span.status.online, .central-meta.chat-bx .editing-interest .chat-box .chat-head .profile-img span.status.online:after { background: #55ce63; } .central-meta.chat-bx .editing-interest .chat-box .chat-head .profile-img span.status.offline, /*.central-meta.chat-bx .editing-interest .chat-box .chat-head .profile-img span.status.offline:after {background:#f62d51;}*/ .central-meta.chat-bx .editing-interest .chat-box .chat-head h6 { margin-left: 15px; line-height: 1.3; } .central-meta.chat-bx .editing-interest .chat-box .chat-head h6 span { font-size: 12px; font-weight: 400; display: block; margin: 3px 0 0; } .central-meta.chat-bx .editing-interest .chat-box .chat-list .message-type { position: absolute; width: 100%; bottom: 0px; background-color: #fff; padding: 15px; } .central-meta.chat-bx .editing-interest .chat-box .chat-list .message-type textarea { max-height: 49px; border-bottom: 1px solid #eeeeee; border-radius: 6px; } .central-meta.chat-bx .editing-interest .chat-box .chat-list .message-type button { position: absolute; top: 15px; line-height: 2; right: 15px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-top: 1px solid #eaeaea; } .central-meta.chat-bx .editing-interest .chat-box .chat-list ul { width: 100%; list-style: none; height: 61vh; padding: 15px; } .central-meta.chat-bx .editing-interest .chat-box .chat-list ul li .chat-thumb { width: 28px; height: 28px; position: relative; } .central-meta.chat-bx .editing-interest .chat-box .chat-list ul li .chat-thumb img { width: 100%; height: 100%; } .central-meta.chat-bx .editing-interest .chat-box .chat-list ul li.you p, .central-meta.chat-bx .editing-interest .chat-box .chat-list ul li.me p, .central-meta.chat-bx .editing-interest .chat-box .chat-list ul li p { margin: 0; line-height: 1.4; } .central-meta.chat-bx .editing-interest .chat-box .chat-list ul li.you { flex-direction: row-reverse; } .central-meta.chat-bx .editing-interest .chat-box .chat-list ul li.you .notification-event { justify-content: flex-end; display: flex; flex-wrap: wrap; } .central-meta.chat-bx .editing-interest .chat-box .chat-list ul li.you .notification-event .notification-date { text-align: right; } .central-meta.chat-bx .editing-interest .chat-box .chat-list ul li .notification-event .chat-message-item { position: relative; } .central-meta.chat-bx .editing-interest .chat-box .chat-list ul li .notification-event .chat-message-item:hover .chat-action-btns { opacity: 1; visibility: visible; } .central-meta.chat-bx .editing-interest .chat-box .chat-list ul li .notification-event .chat-message-item .chat-action-btns { float: inherit; position: absolute; top: 10px; left: -50px; opacity: 0; visibility: hidden; transition: all 0.2s; } .central-meta.chat-bx .editing-interest .chat-box .chat-list ul li .notification-event .chat-message-item .chat-action-btns ul.chat-action-btns-list { margin: 0; padding: 0; height: inherit; display: flex; } .central-meta.chat-bx .editing-interest .chat-box .chat-list ul li .notification-event .chat-message-item .chat-action-btns ul.chat-action-btns-list li { margin: 0 4px; } .central-meta.chat-bx .editing-interest .chat-box .chat-list ul li .notification-event .chat-message-item .chat-action-btns ul.chat-action-btns-list li a { color: #8c8c8c; padding: 0; font-size: 16px; text-decoration: none; border: 0; } .central-meta.chat-bx .editing-interest .chat-box .chat-list ul li .notification-event .chat-message-item .chat-action-btns ul.chat-action-btns-list li a.edit-msg:hover { color: #55b653; } .central-meta.chat-bx .editing-interest .chat-box .chat-list ul li .notification-event .chat-message-item .chat-action-btns ul.chat-action-btns-list li a.del-msg:hover { color: #ff0000; } .chat-list .chatbox-type.text-box .new_message { display: flex; width: 100%; } .chat-list .chatbox-type.text-box .new_message textarea { border: 1px solid #eeeeee !important; border-radius: 6px 6px; height: 50px; } .chat-list .chatbox-type.text-box .new_message button { border-radius: 0 6px 6px 0; width: 50px; } /*notification*/ .dashboard-box .content.notify-bx ul.dashboard-box-list .job-listing-details .notify-img { width: 50px; height: 50px; display: block; position: relative; margin-right: 20px; } .dashboard-box .content.notify-bx ul.dashboard-box-list .job-listing-details .notify-img a.avatar { display: block; padding: 0; margin: 0; width: 100%; height: 100%; } .dashboard-box .content.notify-bx ul.dashboard-box-list .job-listing-details .notify-img a.avatar img { max-width: 100%; height: 100%; } .dashboard-box .content.notify-bx ul.dashboard-box-list li a { font-weight: 600; font-size: 16px; display: inline-block; } .dashboard-box .content.notify-bx ul.dashboard-box-list li .dashboard-status-button { color: #5f5e5e; font-weight: 400; margin: 0; } /*video*/ .videoDiv video { width: 100%; } /*sidbar chat-lnk*/ .dashboard-nav ul li.chat-lnk a span.badge { margin: 3px 3px 0 12px; color: #fff; } /*Modal Popup Design*/ .modal-dialog-bx { background: #fff; padding-top: 0; text-align: left; margin: 40px auto; position: relative; box-sizing: border-box; border-radius: 4px; max-width: 550px; } .modal-dialog-bx span.line { padding-top: 0; } .modal-dialog-bx .mfp-close { color: #888; background-color: #f8f8f8; border-left: 1px solid #e0e0e0; border-radius: 0 4px 0 0; top: 0; right: 0; width: 62px; height: 61px; } .modal-dialog-bx .mfp-close:hover { color: #333; background-color: #f2f2f2; } /*select2*/ .select2-container { z-index: 9999; width: 100%; } .select2-container .select2-selection--single { height: auto !important; } .select2-container--default .select2-selection--single { padding: 10px 18px !important; border: 1px solid #e0e0e0 !important; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05); height: auto !important; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 50% !important; transform: translateY(-50%); } .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0 !important; line-height: 25px !important; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #ff9b44 !important; } /**/ .personal-info li .title { width: 40%; } .coi-info li .title{ width: 50%; } .widget ul.followers.short-profile li { border-bottom: 1px dashed #7091fb; padding-bottom: 20px; } .widget ul.followers.short-profile li:last-child { border-bottom: 0px; } /*jobs-img*/ .jobs-img { width: 60px; height: 60px; overflow: hidden; border-radius: 50%; } .jobs-img img { width: 100%; height: 100%; } /*ad-bx*/ .widget-title.ads-title { font-size: 13px; } .ad-bx { position: relative; margin: 30px 0 0; } .ad-bx .img { width: 100%; display: block; height: 250px; border: 2px solid #5c89fa; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); border-radius: 5px; overflow: hidden; } .ad-bx .img img { width: 100%; height: 100%; } .ad-bx:hover .ad-action-bx { opacity: 1; visibility: visible; } .ad-bx .ad-action-bx { position: absolute; top: 0; right: 2px; opacity: 0; visibility: hidden; transition: all 0.5s; background: rgba(0, 0, 0, 0.2); padding: 5px 10px 0; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.07); } .ad-bx .ad-action-bx a { margin: 0; color: #fff; font-size: 20px; padding: 0; } .ad-bx h4 { font-size: 18px; text-align: center; margin: 15px 0 0; color: #333; } .ads-bx .ads-img a { display: block; height: 290px; } .ads-bx .ads-img a img { height: 100%; width: 100%; display: block; } /*.ads-bx .ads-img,.jobs-list-desc-bx{width: 226px;overflow: hidden;display: block;}*/ .ads-bx .ads-img.owl-carousel { z-index: 0; } .ads-bx .ads-img.owl-carousel .owl-item, .ads-bx .ads-img.owl-carousel .owl-item a { height: 280px; overflow: hidden; display: block; width: 100%; } .ads-bx .ads-img.owl-carousel .owl-item a img { width: 100%; height: 100%; display: block; } .jobs-list-desc-bx .jobs-list-desc { z-index: 0; } .jobs-list-desc-bx .jobs-list-desc a { display: block; padding: 10px 15px; } /*mh-head*/ .mh-head .mh-form .btn-search { color: #ccc; text-align: center; line-height: 40px; display: block; width: 40px; height: 40px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; } /*user-post*/ .user-post .coment-area ul li .comet-avatar img { max-width: 45px; } .user-post .friend-name { position: relative; } .user-post .friend-name .more { position: absolute; top: 5px; right: 0; } .we-comment .more { position: absolute; top: 5px; right: 15px; } .we-comment .more ul { margin: 0; padding: 10px; } .we-comment .more ul li { margin: 0; line-height: 24px; } /*edit-comment*/ .edit_comment .modal-content .modal-body .post-comment-form { border: 1px solid #eeeeee !important; } /*post-attachment*/ .post-attachment.owl-carousel { z-index: 0; } .post-attachment.owl-carousel .owl-controls .owl-dots { width: 100%; display: flex; justify-content: center; margin: 15px 0 0; } .post-attachment.owl-carousel .owl-controls .owl-dots .owl-dot { width: 10px; height: 10px; border-radius: 50%; background-color: #ddd; margin: 0 5px; } .post-attachment.owl-carousel .owl-controls .owl-dots .owl-dot.active { background-color: #078ccd; } .post-attachment.owl-carousel .video-bx source { width: 100%; } /*edit-photo*/ .feature-photo .edit-phto { bottom: 95px; } .feature-photo .edit-phto.group-cover { bottom: inherit; top: 50px; right: 50px; left: inherit; } .feature-photo .user-avatar { border: 5px solid rgba(255, 255, 255, 0.99); width: 180px; height: 180px; margin-top: -140px; } .feature-photo .user-avatar .edit-phto { bottom: -40px; padding: 5px 5px 8px; width: 80%; left: 20px; border-radius: 20px; display: flex; } /*.feature-photo .user-avatar .edit-phto:hover {color: transparent;}*/ .feature-photo .user-avatar .edit-phto i { vertical-align: middle; } .feature-photo .user-avatar:hover .edit-phto { bottom: 40px; } /*job-listing*/ .jl-details { box-shadow: none; } .jl-details .job-listing { border: 1px solid #ddd; margin: 0 0 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); position: relative; } .jl-details .job-listing .btnJoblevel { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .jl-details .job-listing .btn.btn-primary { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; color: #fff; background-color: #5b8bff; border: 1px solid #5b8bff; } .jl-details .job-listing .btn.btn-primary:hover { background-color: #2f6cff; border: 1px solid #2f6cff; } .jl-details .job-listing .btn.btn-success { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; color: #fff; background-color: #28a745; border: 1px solid #5b8bff; } .jl-details .job-listing .btn.btn-success:hover { background-color: #28a745; border: 1px solid #2f6cff; } .jl-details .job-listing .btn.btn-gray { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; color: blue; background-color: #a2a4a5; border: 1px solid #5b8bff; } .jl-details .job-listing .btn.btn-gray:hover { background-color: #a2a4a5; border: 1px solid #2f6cff; } /*ac-btn-bx*/ .ac-btn-bx .btn-magenta { background-color: #cb1ce8; color: white; } .ac-btn-bx .btn-magenta:hover { color: #fff; background-color: #a514bd; border-color: #a514bd; } .ac-btn-bx ul li { margin-bottom: 5px !important; width: 100%; } .ac-btn-bx ul li a { width: 100%; font-size: 14px !important; } .ac-btn-bx ul li:hover a { color: #fff !important; } /*mr-action-bx*/ .mr-action-bx { padding: 10px 30px 30px; } .mr-action-bx .btnSubmit { min-width: 130px; } .mr-action-bx .lnkDownloadcsv i, .mr-action-bx .uploadButton-button i { font-size: 18px !important; } .mr-action-bx .uploadButton .uploadButton-input { padding: 0; margin: 0; right: 60px; width: 30px; height: 44px; } /*search-results-bx*/ .search-results-bx, .search-results-bx .full-page-content-container { height: 92vh !important; } .search-results-bx .freelancer-overview .freelancer-avatar { height: 110px; } .search-results-bx .freelancer-overview .freelancer-avatar img { height: 100%; } .search-results-bx .freelancer-details-list ul li { vertical-align: middle; } .search-results-bx .keyword-input-container .tags-input { width: 100%; } .search-results-bx .keyword-input-container .tags-input .tag { background-color: #009efb; display: inline-block; margin-bottom: 5px; } /**/ .pagination-bx .pagination span { border-radius: 4px; width: 44px; height: 44px; padding: 0; line-height: 44px; border-bottom: none; display: inline-block; color: #333; background-color: transparent; font-weight: 700; margin: 5px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; font-size: 14px; } .pagination-bx .pagination span a { color: #333; display: block; } .pagination-bx .pagination span:hover, .pagination-bx .pagination span:hover a { color: #fff; } .pagination-bx .pagination span.prev, .pagination-bx .pagination span.first, .pagination-bx .pagination span.next, .pagination-bx .pagination span.last { background-color: #f0f0f0; width: 65px; } .pagination-bx .pagination span.current, .pagination-bx .pagination span.page.current:hover { background-color: #283263; color: #fff; box-shadow: 0 2px 8px rgba(42, 65, 232, 0.25); } .pagination-bx .pagination span.page:hover, .pagination-bx .pagination span.prev:hover, .pagination-bx .pagination span.first:hover, .pagination-bx .pagination span.next:hover, .pagination-bx .pagination span.last:hover { background-color: #333; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } /*job-list-banner*/ .single-page-header.job-list-banner { padding: 60px 50px; } /*grp-approve-req*/ .grp-approve-req .pepl-info .btn { float: inherit !important; position: inherit !important; margin-left: 10px; pointer-events: inherit; } /*group-title*/ .group-title { color: #999; font-weight: 500; } .hr-line { border-top: 1px solid rgba(0, 0, 0, 0.1); } .dashboard-box-list .button { padding: 2px 15px; } /*manage-candidates*/ .dashboard-box .freelancer-overview.manage-candidates .freelancer-avatar { height: 70px; width: 80px; } .dashboard-box .freelancer-overview.manage-candidates .freelancer-avatar img { height: 100%; } .dashboard-box .freelancer-overview.manage-candidates .fn-desc .freelancer-detail-item a { line-height: 1; } .dashboard-box .freelancer-overview.manage-candidates .fn-desc .freelancer-detail-item a i { margin-right: 10px; } .dashboard-box .freelancer-overview.manage-candidates .fn-actionsbx .button { text-align: center; } .experience-wrapper { position: relative; } .experience-wrapper .checkbox-no-experience.no-experience-box { position: absolute; right: 40px; top: 50px; z-index: 1; } .experience-wrapper .checkbox-no-experience label { padding-top: 0; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; margin: 0 30px; padding: 5px 15px; } /*wrap-form-companies*/ .wrap-form-companies, .wrap-form-candidate { margin: 100px 0 50px; } .wrap-form-companies .pricing-plan ul.index { padding: 0 0 0 30px; } .wrap-form-companies .form-step-list ul li.active, .wrap-form-candidate .form-step-list ul li.active { color: #6088fa; font-weight: 600; } .wrap-form-companies .pricing-plan p { margin: 20px 0 30px; padding: 0; } .wrap-form-companies input[type='number']::-webkit-inner-spin-button, .wrap-form-companies input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .wrap-form-companies .wfc-action-bx .btn-next { height: inherit; } .wrap-form-companies .wfc-action-bx .btn-next, .wrap-form-companies .wfc-action-bx .button { min-width: 150px; margin: 0 10px; text-align: center; } .btn-reject:hover { box-shadow: none !important; color: #666 !important; background-color: #e0e0e0; } a.button.red { background-color: #dc3545; color: #fff; } a.button.red:hover { background-color: #f11d31 !important; color: #fff !important; } /*rejectModal*/ .dialog-with-tabs#rejectModal { color: rgb(102, 102, 102); max-width: 540px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px; padding: 0px; } #rejectModal { text-align: left; position: relative; box-sizing: border-box; max-width: 550px; background: rgb(255, 255, 255); padding: 0px 40px 40px; margin: 40px auto; border-radius: 4px; } #rejectModal.dialog-with-tabs .mfp-close:hover { color: rgb(51, 51, 51); background-color: rgb(242, 242, 242); } #rejectModal.dialog-with-tabs .mfp-close { color: rgb(136, 136, 136); background-color: rgb(248, 248, 248); top: 0px; right: 0px; width: 62px; height: 61px; border-left: 1px solid rgb(224, 224, 224); border-radius: 0px 4px 0px 0px; } #not-found h2 { font-size: 60px; letter-spacing: 0; } /* company-dashboard-button*/ .company-links { background-color: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); border-radius: 4px; padding: 25px; } .company-links .clink { padding: 10px; border-radius: 10px; color: #000000; border: 2px solid #343535; height: 100px; display: flex; justify-content: center; align-items: center; font-weight: 600; text-align: center; font-size: 18px; } .company-links .clink.cl-red { border-color: #b71c1c; box-shadow: 10px 10px 5px grey; } .company-links .clink.cl-blue { border-color: #49168c; box-shadow: 10px 10px 5px grey; } .company-links .clink.cl-pink { border-color: #1c227e; box-shadow: 10px 10px 5px grey; } .company-links .clink.cl-orange { border-color: #00a9f4; box-shadow: 10px 10px 5px grey; } /*company-search-area*/ .csa-like-bx .section-headline h5 { font-size: 25px; } .csa-like-bx .input-with-icon-left { width: 75%; } .csa-like-bx .input-with-icon-left i { border-radius: 10px 0 0 10px; } .csa-like-bx .input-with-icon-left input { border-radius: 10px; } .dashboard-box ul.dashboard-box-list.dbl-search li { cursor: pointer; padding: 0; } .dashboard-box ul.dashboard-box-list.dbl-search li a { padding: 15px 30px; display: block; width: 100%; } .dashboard-box ul.dashboard-box-list.dbl-search li:hover a { background-color: #f0f0f0; } /*.dashboard-box ul.dashboard-box-list.dbl-search li:hover .job-listing{background-color: transparent;}*/ .dashboard-box ul.dashboard-box-list.dbl-search li .notification.error { padding: 15px 30px; font-weight: 600; width: 100%; margin-bottom: 0; } .dashboard-box ul.dashboard-box-list.dbl-search li .notification.error p { padding: 0px; } /*regestration-bx*/ .regestration-bx .logo { margin: 0 0 15px; } .regestration-bx .freelancer-indicators { margin: 0; width: 100%; line-height: inherit; } .regestration-bx .freelancer-indicators .indicator { margin: 0 0 20px; width: 100%; position: relative; display: flex; } .regestration-bx .freelancer-indicators .indicator .indicator-bar { margin: 0; width: 87%; background-color: transparent; border: 1px solid #000; height: 15px; } .regestration-bx .freelancer-indicators .indicator .indicator-bar span { height: 13px; } .regestration-bx .freelancer-indicators .indicator strong { font-size: 12px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .regestration-bx .steps-bx { list-style-type: none; padding: 0; margin: 0 0 20px; } .regestration-bx .steps-bx li a { color: #333; font-size: 16px; font-weight: 500; line-height: 28px; } .regestration-bx .steps-bx li a:hover, .regestration-bx .steps-bx li a.active { color: #283263; } .regestration-bx p { color: #333; font-size: 15px; font-weight: 300; line-height: 1.5; font-style: italic; margin: 0 !important; } .active { color: blue; } /*dash-profile-bx*/ .dash-profile-bx .pricing-plans-container { margin: 0; } /*fillter-bx*/ .sort-by.sort-bx { flex-wrap: nowrap; float: inherit; } .sort-by.sort-bx span { width: 60px; margin: auto 5px auto 0; } .sort-by.sort-bx select { margin: 0; width: auto; min-width: 100px; padding: 0; box-shadow: none; color: #333; } .fillter-bx { display: flex; margin: 0 -12px; } .fillter-bx .intro-search-field { border: 0; } .fillter-bx .intro-search-field input { min-width: 120px; padding-left: 12px; } .fillter-bx .intro-search-field select { padding-left: 12px; } .fillter-bx .intro-search-field input, .fillter-bx .intro-search-field select, .fillter-bx .intro-search-button .button { margin: 0; } .fillter-bx .intro-search-button .button { padding: 0 10px; } .fillter-bx .intro-search-button .button i { width: 30px; font-size: 30px; top: 0px; } /* vehical dropdown*/ .hidden { visibility: hidden; display: none; } /*timeline-info*/ .timeline-info { position: relative; } .timeline-info .btn-apply-now { position: absolute; top: 50%; right: 0; padding: 5px 15px; transform: translateY(-50%); font-size: 14px; font-weight: 600; background-color: #088dcd; color: #fff; } .timeline-info .btn-apply-now:hover { background-color: #2495cc; } /*action-icon*/ .action-icon span { color: rgb(102, 102, 102); background: rgba(0, 0, 0, 0.04); width: 40px; height: 40px; border-radius: 5px; text-align: center; display: block; line-height: 38px; font-size: 22px; border: 1px solid rgba(102, 102, 102, 0.2); } .action-icon:hover span { color: #fff; background: #5b86fa; border-color: #5b86fa; } /*search-box*/ .search-box { margin: 0 0 20px; padding: 25px; background-color: #fff; } .search-box .top-search { margin: 0; width: 100%; float: inherit; } /*social-btns*/ .social-btns > ul > li > a > i.fa-facebook, .social-btns > ul > li > a > i.fa-twitter, .social-btns > ul > li > a > i.fa-instagram { color: #fff !important; } .social-btns > ul { display: flex; } /*job-list-bx*/ .full-page-container.with-map.job-list-bx { height: 88vh !important; } .full-page-container.with-map.job-list-bx .full-page-content-container { height: 100% !important; } /* vehical dropdown*/ .hidden { visibility: hidden; display: none; } /*progress-bx*/ .progress-bx { margin: 0 0 20px; } .progress-bx .progress { margin: 0; width: 87%; background-color: transparent; border: 1px solid #000; border-radius: 10px; height: 15px; position: relative; overflow: visible; } .progress-bx .progress .progress-bar { border-radius: 10px; overflow: visible; } .progress-bx .progress .progress-bar .sr-only { overflow: visible; clip: inherit; z-index: 999; width: auto; height: auto; color: #333; font-size: 12px; right: -35px; font-weight: 600; line-height: 1; top: 2px; } .progress-bx h6 { font-size: 14px; margin: 7px 0 0; color: #666; } /*bsi-bx*/ .bsi-bx .headline.experience-head { margin-bottom: 0; } /*multiselect-bx*/ .multiselect-bx .dropdown-toggle::after { display: none !important; } .multiselect-bx .multiselect-container > li > a > label { padding: 0px; } .multiselect-bx .multiselect-container > li > a > label > input[type='checkbox'] { display: inline; } .multiselect-bx span.multiselect-native-select, .multiselect-bx .btn-group { width: 100%; } .multiselect-bx .multiselect.btn { width: 100%; text-align: left; display: flex; border: 1px solid #e0e0e0; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05); height: 48px; border-radius: 4px; } .multiselect-bx .multiselect.btn .caret { margin: auto 0 auto auto; } /*sidebar*/ /*.sidebar.left,.sidebar.right{width: 100%;}*/ .sidebar.left .s-bar .s-left, .sidebar.right .s-bar .s-right { /*max-width: 80px;*/ max-width: 100%; margin: 0 !important; } .sidebar.left .s-bar .s-right, .sidebar.right .s-bar .s-left { /*min-width:220px;max-width: 220px;*/ max-width: 100%; min-width: 100%; margin: 0 !important; } /*u-lavel*/ .u-lavel h3 { margin-bottom: 11px; } .u-lavel .multiselect-bx .multiselect.btn { background-color: #fff; } /*jg-btn-bx*/ .jg-btn-bx { float: right; } .jg-btn-bx span { color: #535b69; margin-right: -40px; } /*connect-bx*/ .connect-bx .pepl-info { width: 85%; } /*friend-info*/ .friend-info .post-meta h5 { margin: 10px 0 0; text-transform: capitalize; font-size: 1rem; } .friend-info .post-meta h5 a:hover { color: #088dcd; } .sign-bg-login { height: auto; margin-bottom: 20px; } .sort-by.sort-bx span.s-name { width: auto; } .sort-by.sort-bx .s-bx { width: 60%; } ul.rs-menu { display: flex; float: left; list-style-type: none; padding: 0 30px; height: 100%; align-items: center; margin: 0; } ul.rs-menu li { display: block; } ul.rs-menu li a { font-size: 22px; color: #333; display: block; margin: 6px 0 0; } button.apply-now-button { box-shadow: 0 2px 8px rgba(42, 65, 232, 0.15); background-color: #283263; color: #fff; text-align: center; font-size: 18px; border-radius: 4px; width: 100%; padding: 14px 20px; margin-bottom: 35px; box-shadow: 0 2px 8px rgba(102, 103, 107, 0.15); transition: 0.3s; display: block; } .covid .btn-purple { background-color: #9a0fc7; color: white; } .covid .btn-purple:hover { color: #fff; background-color: #790d9c; border-color: #a514bd; } .covid .btn-yellow { background-color: #ecdc1b; color: white; } .covid .btn-yellow:hover { color: #fff; background-color: #d4c61c; border-color: #a514bd; } .medical_facility { display: none; } .card-wrapper { box-shadow: 0 7px 9px rgba(0, 0, 0, 0.5); } .card-wrapper .card-body { background: #e1f1fe; padding: 10px; } .first-text { float: left; display: inline-block; } .right-text { float: right; display: inline-block; } .card-data label, .card-data p { display: inline-block; font-weight: 500; margin-bottom: 0; font-size: 14px; } .card-data p { display: inline-block; margin-left: 5px; padding-bottom: 0; } .top-wrap { position: relative; display: inline-block; width: 100%; } .card-wrapper .form-grup { margin-bottom: 5px; } .result-text { font-weight: 500; font-size: 16px; margin-bottom: 0; margin-top: 5px; padding-bottom: 0; } .results-test { margin-bottom: 0; } .clear-img { width: 30px; margin-right: 5px; } .cleared { font-weight: 700; color: #44b93c; vertical-align: middle; } .no-cleared { font-weight: 700; font-size: 21px; color: #ff0000; vertical-align: middle; } .footer-card { padding: 5px; } .footer-card a { color: #444; font-size: 35px; margin: 10px; } .barcode-wrapper { max-width: 300px; margin: 0 auto; } .barcode-wrapper span.user-img { width: 100%; } .barcode-wrapper span.user-img img.img-circle { width: 140px; height: 90px; margin: 0 auto; display: block; } .barcode-wrapper p { text-align: center; color: #000; padding: 0; font-size: 16px; } .btn-barcode { text-align: center; } .barcode-wrapper h1 { text-align: center; font-size: 24px; margin-bottom: 30px; text-transform: uppercase; color: #6881fa; font-weight: bold; } .btn-barcode a.btn { background: #6881fa; padding: 10px 20px; color: #fff; } span.user-img.user-report { width: 500px; margin: 50px auto; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); padding: 10px; display: flex; } span.user-img.user-report img { width: 100%; } .card-header-gap { margin-top: 83px; height: auto !important; overflow: visible !important; } .card-header-gap .simplebar-scroll-content .simplebar-content .dashboard-content-inner { min-height: initial !important; } .card-header-gap .simplebar-scroll-content .simplebar-content { overflow: visible !important; min-height: initial !important; } .card-header-gap .simplebar-scroll-content { overflow: visible !important; } span.user-img.user-report img { width: 100%; } /*dashboard-sidebar*/ .dashboard-sidebar { background-color: #283263; } .dashboard-nav ul li.active, .dashboard-nav ul li:hover { border: 0; } .dashboard-nav ul li a, .dashboard-nav ul li a i { color: #fff; } .dashboard-nav ul li.active-submenu, .dashboard-nav ul li.active, .dashboard-nav ul li:hover { color: #eeff3d; border: 0; background-color: #6893c3 !important; } .dashboard-nav ul li.active-submenu a, .dashboard-nav ul li.active a, .dashboard-nav ul li:hover a, .dashboard-nav ul li.active-submenu a i, .dashboard-nav ul li.active a i, .dashboard-nav ul li:hover a i { color: #eeff3d !important; } .mm-menu .mm-listview > li.page-name em { display: none; } .chat-friendz .author-thmb span.status.offline { background-color: #ff0000; } .chat-friendz .author-thmb span.status.online { background-color: #25dc22; } .super_admin_dashboard { width: 90%; margin: 50px auto; display: grid; grid-template-rows: 150px 150px 150px; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } .text_color_blue { color: blue; } .text_color_red { color: #8c2020; } .text_color_green { color: #17b510; } .dashboard-info { background-color: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); border-radius: 6px; display: flex; flex-wrap: wrap; align-items: center; flex: 1 1 calc(25% - 30px); height: auto; cursor: default; transition: 0.3s; } .dashboard-info span { font-size: 18px; color: #888; line-height: 22px; } .dashboard-info h4 { font-size: 38px; /* color: #333;*/ line-height: 38px; margin-top: 5px; } .dashboard-info-text { flex: 1 1 100%; max-width: 100%; margin-right: 0; margin-bottom: 28px; justify-content: center; text-align: center; flex: 1; } .dashboard-chart { grid-row: 1/3; grid-column: 2/4; } .continuous .real_time { color: #33921f; } .multiselect-selected-text { margin-top: 5px; } .multiselect-clear-filter { height: 100%; } a.btn.disabled, .btn.disabled, input[type="submit"]:disabled, select:disabled, a.disabled, *.disabled, *:disabled, *[disabled] { pointer-events: none; opacity: 0.4 !important; cursor: not-allowed; } /* Candidates listing search UI */ .freelancer-card{ background-color: #ebecf0; margin-bottom: 5px; border: none; padding: 10px } .freelancer-card-overflow{ width: 100%; height: 500px; overflow-x: hidden; overflow-y: auto; } .freelancer-job-type, .level-pill { background-color: white; border: 1px solid black; color: black; font-size: 0.875em; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; text-align: center; text-decoration: none; display: inline-block; margin: 2px 1px; border-radius: 16px; } .level-pill{ padding-left: 15px; padding-right: 15px; } .freelancer-title{ margin-top: 12px; margin-bottom: 12px; margin-left: 10px; font-size: 18px; font-weight: 600; } .freelancer-personal-info{ display: flex; margin-bottom: 12px; margin-left: 8px; font-size: 18px; font-weight: 600; } .freelancer-email{ margin-left: -12px; } .freelancer-active-level-info{ display: flex; font-size: 18px; font-weight: 600; margin-bottom: 12px; } .disabled { /* Adjust to taste */ cursor: default; text-decoration:none; color: rgba(121, 126, 126, 0.739); } .img-circular { display: block; margin-left: auto; margin-right: auto; width: 100px; height: 100px; border-radius: 100px; } .page-item.active .page-link, .btn-primary { background-color: #283263 !important; border-color: #283263 !important; } .btn-primary:hover { color: darkgrey !important; background-color: #1a1f4c !important; border-color: #1a1f4c !important; } .bg-primary, .fc-state-down, .fc-state-active, .fc-state-disabled, .badge-primary { background-color: #283263 !important; } .badge.badge-lg { font-size: 100%; padding: 10px 15px; } .emp-label { border-radius: 10px; color: #fff; } .mx-auto.custom-right{ margin-right: 0px !important } .clipboard-btn { cursor: copy; } .btn-outline-primary { border-color: #283263; color: #283263; } .btn-outline-primary:hover { background-color: #283263; color: white; } .progress-bar { background-color: #283263; } .active-step { color: #283263; font-weight: bolder; } .password_checkbox{ box-shadow: none !important; width: 20px; } .form-custom-check { display: flex; align-items: center; gap: 10px; } .form-custom-check label { font-size: 14px; } ul.three-col-list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } ul.two-col-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .coi-warning { max-width: 80%; margin: auto; } .coi-warning .fa { font-size: 38px; margin-bottom: 35px; } .is-invalid { border: 2px solid red!important; } .g-recaptcha { display: inline-block; } .active-network{ width: 20px; aspect-ratio: 1; border-radius: 50%; background: green; margin: auto; } .active-network-bg{ background: green; margin: auto; max-width: 100px; width: auto; height: auto; border-radius: 10px; text-transform: uppercase; color: #fff } .inactive-network{ width: 20px; aspect-ratio: 1; border-radius: 50%; background: red; margin: auto; } .inactive-network-bg{ background: red; margin: auto; max-width: 100px; width: auto; height: auto; border-radius: 10px; text-transform: uppercase; color: #fff; } .gray-network-bg { background: #c6c6c6; margin: auto; max-width: 100px; width: auto; height: auto; border-radius: 10px; text-transform: uppercase; color: #fff; } .pending-network{ width: 20px; aspect-ratio: 1; border-radius: 50%; background: yellow; margin: auto; } .pending-network-bg{ background: #F2BC17; margin: auto; max-width: 100px; width: auto; height: auto; border-radius: 10px; text-transform: uppercase; color: #fff } .bg-success, .label-success, .active-network-bg { font-weight: 500; font-size: 15px; background-color: #dcfce8 !important; color: #16803d !important; border-radius: 10px !important; &.emp-label { padding: 4px 15px; } } .bg-secondary, .gray-network-bg { font-weight: 500; font-size: 15px; background-color: #f3f4f6 !important; color: #4b5563 !important; border-radius: 10px !important; &.emp-label { padding: 4px 15px; } } .bg-warning, .label-warning, .pending-network-bg { font-weight: 500; font-size: 15px; background-color: #fef9c3 !important; color: #864d0f !important; border-radius: 10px !important; &.emp-label { padding: 4px 15px; } } .bg-info { font-weight: 500; font-size: 15px; background-color: #dbeafe !important; color: #1e4ed8 !important; border-radius: 10px !important; &.emp-label { padding: 4px 15px; } } .bg-danger, .inactive-network-bg { font-weight: 500; font-size: 15px; background-color: #fde7f4 !important; color: #bb2524 !important; border-radius: 10px !important; &.emp-label { padding: 4px 15px; } } /*public document preview (unauthenticated share pages)*/ .public-doc-preview { max-width: 100%; height: auto; display: block; margin: 10px 0; border: 2px solid #5c89fa; border-radius: 5px; } /*avatar on the unauthenticated share pages*/ .public-doc-avatar { max-width: 100px; height: auto; } /*responsive*/ .mtr-btn { position: relative; background: currentColor; border: 1px solid currentColor; font-size: 16px; color: #4f93ce; margin-top: 10px; padding: 7px 30px; cursor: pointer; -webkit-transition: background-color .28s ease, color .28s ease, -webkit-box-shadow .28s ease; transition: background-color .28s ease, color .28s ease, -webkit-box-shadow .28s ease; transition: background-color .28s ease, color .28s ease, box-shadow .28s ease; transition: background-color .28s ease, color .28s ease, box-shadow .28s ease, -webkit-box-shadow .28s ease; overflow: hidden; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) } .mtr-btn span { color: #fff; position: relative; z-index: 1 } .mtr-btn::before { content: ''; position: absolute; background: #071017; border: 50vh solid #1d4567; width: 30vh; height: 30vh; border-radius: 50%; display: block; top: 50%; left: 50%; z-index: 0; opacity: 1; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0) } .mtr-btn:hover { color: #088dcd; -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2); box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2) } .mtr-btn:active::before, .mtr-btn:focus::before { -webkit-transition: opacity .28s ease 364ms, -webkit-transform 1.12s ease; transition: opacity .28s ease 364ms, -webkit-transform 1.12s ease; transition: transform 1.12s ease, opacity .28s ease 364ms; transition: transform 1.12s ease, opacity .28s ease 364ms, -webkit-transform 1.12s ease; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 0 } .mtr-btn:focus { outline: 0 } .mh-head { text-align: center; padding: 0 10px; margin: 0; position: relative; background: #ccc; color: #333; height: 40px } .mh-head a { color: inherit; text-decoration: none } .mh-head.mh-size-2 { height: 80px } .mh-head.mh-size-3 { height: 120px } .mh-head.mh-sticky { position: -webkit-sticky; position: sticky; top: 0; left: 0; right: 0; z-index: 10; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mh-head.mh-sticky.mh-scrolledout { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } .mh-head .mh-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; display: block; padding: 10px } .mh-head.mh-align-left .mh-text { text-align: left } .mh-head.mh-align-right .mh-text { text-align: right } .mh-head.mh-btns-left { padding-left: 50px } .mh-head.mh-btns-left-2 { padding-left: 90px } .mh-head.mh-btns-left-3 { padding-left: 130px } .mh-head.mh-btns-right { padding-right: 50px } .mh-head.mh-btns-right-2 { padding-right: 90px } .mh-head.mh-btns-right-3 { padding-right: 130px } .mh-head .mh-btns-left, .mh-head .mh-btns-right { display: block; width: 40px; position: absolute; top: 0; bottom: 0 } .mh-head .mh-btns-left { left: 10px } .mh-head .mh-btns-right { right: 10px } .mh-head.mh-btns-left-2 .mh-btns-left, .mh-head.mh-btns-right-2 .mh-btns-right { width: 80px } .mh-head.mh-btns-left-3 .mh-btns-left, .mh-head.mh-btns-right-3 .mh-btns-right { width: 120px } .mh-head .mh-btns-left>*, .mh-head .mh-btns-right>* { text-align: center; font-size: 18px; line-height: 20px; width: 40px; display: block; padding: 10px 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .mh-head .mh-btns-left>:nth-child(1), .mh-head .mh-btns-right>:nth-child(1) { left: 0 } .mh-head .mh-btns-left>:nth-child(2), .mh-head .mh-btns-right>:nth-child(2) { left: 40px } .mh-head .mh-btns-left>:nth-child(3), .mh-head .mh-btns-right>:nth-child(3) { left: 80px } .mh-head .mh-list { -webkit-overflow-scrolling: touch; overflow-x: auto; white-space: nowrap; list-style: none; line-height: 20px; display: block; padding: 0; margin: 0 } .mh-head .mh-list li { display: inline-block; padding: 0; margin: 0 } .mh-head .mh-list li a, .mh-head .mh-list li span { display: block; padding: 10px } .mh-head.mh-align-left .mh-list { text-align: left } .mh-head.mh-align-right .mh-list { text-align: right } .mh-head .hamburger { margin-top: 2px; -webkit-transform: scale(.5, .5) translateY(-50%); -ms-transform: scale(.6, .7) translateY(-50%); transform: scale(.6, .7) translateY(-50%); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center } .mh-head .mh-image, .mh-head .mh-logo { background: none center center transparent no-repeat; display: block; height: 100% } .mh-head .mh-logo { background-size: contain; background-clip: content-box; padding: 10px } .mh-head.mh-align-left .mh-logo { background-position: left center } .mh-head.mh-align-right .mh-logo { background-position: right center } .mh-head .mh-image { background-size: cover } .mh-head .mh-form { padding: 7px 0; position: relative } .mh-head .mh-form input { background: #fff; border: none; border-radius: 3px; font-size: 14px; line-height: 26px; display: block; box-sizing: border-box; height: 26px; margin: 0; width: 100%; padding: 0 10px } .mh-head .mh-form .fa { color: #ccc; text-align: center; line-height: 40px; display: block; width: 40px; height: 40px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .mm-hidden { display: none!important } .mm-wrapper { overflow-x: hidden; position: relative } .mm-menu { box-sizing: border-box; background: inherit; display: block; padding: 0; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0 } .mm-panels, .mm-panels>.mm-panel { background: inherit; border-color: inherit; box-sizing: border-box; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0 } .mm-panels { overflow: hidden } .mm-panel { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .mm-panel.mm-opened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); transform: translate(-30%, 0); -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0) } .mm-panel.mm-highest { z-index: 1 } .mm-panel.mm-noanimation { -webkit-transition: none!important; transition: none!important } .mm-panel.mm-noanimation.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-panels>.mm-panel { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; padding: 0 20px } .mm-panels>.mm-panel.mm-hasnavbar { padding-top: 40px } .mm-panels>.mm-panel:not(.mm-hidden) { display: block } .mm-panels>.mm-panel:after, .mm-panels>.mm-panel:before { content: ''; display: block; height: 20px } .mm-vertical .mm-panel { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important } .mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { display: none; padding: 10px 0 10px 10px } .mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after { border-color: transparent } .mm-vertical li.mm-opened>.mm-panel, li.mm-vertical.mm-opened>.mm-panel { display: block } .mm-listview>li.mm-vertical>.mm-next, .mm-vertical .mm-listview>li>.mm-next { box-sizing: border-box; height: 40px; bottom: auto } .mm-listview>li.mm-vertical.mm-opened>.mm-next:after, .mm-vertical .mm-listview>li.mm-opened>.mm-next:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); right: 19px } .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1 } .mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before { content: ''; border: 2px solid transparent; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .mm-clear:before, .mm-close:before { border-right: none; border-bottom: none; right: 18px } .mm-clear:after, .mm-close:after { border-left: none; border-top: none; right: 25px } .mm-next:after, .mm-prev:before { content: ''; border-top: 2px solid transparent; border-left: 2px solid transparent; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0 } .mm-prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto } .mm-next:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0 } .mm-navbar>* { display: block; padding: 10px 0 } .mm-navbar a, .mm-navbar a:hover { text-decoration: none } .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .mm-navbar .mm-btn:first-child { left: 0 } .mm-navbar .mm-btn:last-child { text-align: right; right: 0 } .mm-panel .mm-navbar { display: none; } .mm-panel.mm-hasnavbar .mm-navbar { display: block; background-color: #f3f3f3; } .mm-listview, .mm-listview>li { list-style: none; display: block; padding: 0; margin: 0 } .mm-listview { font: inherit; font-size: 14px; line-height: 20px } .mm-listview a, .mm-listview a:hover { text-decoration: none } .mm-listview>li { position: relative } .mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after { border-color: inherit } .mm-listview>li>a, .mm-listview>li>span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0 } .mm-listview>li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0 } .mm-listview>li:not(.mm-divider):after { left: 20px } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2 } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0 } .mm-listview .mm-next+a, .mm-listview .mm-next+span { margin-right: 50px } .mm-listview .mm-next.mm-fullsubopen { width: 100% } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none } .mm-listview .mm-next.mm-fullsubopen+a, .mm-listview .mm-next.mm-fullsubopen+span { padding-right: 50px; margin-right: 0 } .mm-panels>.mm-panel>.mm-listview { margin: 20px -20px } .mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview { margin-top: -20px } .mm-menu { background: #f3f3f3; border-color: rgba(0, 0, 0, .1); color: rgba(0, 0, 0, .75) } .mm-menu .mm-navbar a, .mm-menu .mm-navbar>* { color: rgba(0, 0, 0, .3) } .mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: rgba(0, 0, 0, .3) } .mm-menu .mm-listview { border-color: rgba(0, 0, 0, .1) } .mm-menu .mm-listview>li .mm-next:after { border-color: rgba(0, 0, 0, .3) } .mm-menu .mm-listview>li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, .5); tap-highlight-color: rgba(255, 255, 255, .5) } .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span { background: rgba(255, 255, 255, .5) } .mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel, .mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next { background: rgba(0, 0, 0, .05) } .mm-menu .mm-divider { background: rgba(0, 0, 0, .05) } .mm-page { box-sizing: border-box; position: relative } .mm-slideout { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; z-index: 1 } html.mm-opened { overflow-x: hidden; position: relative } html.mm-blocking { overflow: hidden } html.mm-blocking body { overflow: hidden } html.mm-background .mm-page { background: inherit } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2 } html.mm-blocking #mm-blocker { display: block } .mm-menu.mm-offcanvas { z-index: 0; display: none; position: fixed } .mm-menu.mm-offcanvas.mm-opened { display: block } .mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened { z-index: 10 } .mm-menu.mm-offcanvas { width: 80%; min-width: 140px; max-width: 440px } html.mm-opening .mm-menu~.mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width:175px) { html.mm-opening .mm-menu~.mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width:550px) { html.mm-opening .mm-menu~.mm-slideout { -webkit-transform: translate(440px, 0); -ms-transform: translate(440px, 0); transform: translate(440px, 0); -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0) } } .mm-sronly { border: 0!important; clip: rect(1px, 1px, 1px, 1px)!important; -webkit-clip-path: inset(50%)!important; clip-path: inset(50%)!important; white-space: nowrap!important; width: 1px!important; height: 1px!important; padding: 0!important; overflow: hidden!important; position: absolute!important } .mm-menu .mm-listview.mm-border-none>li:after, .mm-menu .mm-listview>li.mm-border-none:after, .mm-menu.mm-border-none .mm-listview>li:after { content: none } .mm-menu .mm-listview.mm-border-full>li:after, .mm-menu .mm-listview>li.mm-border-full:after, .mm-menu.mm-border-full .mm-listview>li:after { left: 0!important } .mm-menu .mm-listview.mm-border-offset>li:after, .mm-menu .mm-listview>li.mm-border-offset:after, .mm-menu.mm-border-offset .mm-listview>li:after { right: 20px } .mm-menu.mm-fx-menu-zoom { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease } html.mm-opened .mm-menu.mm-fx-menu-zoom { -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0); transform: scale(.7, .7) translate3d(-30%, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center } html.mm-opening .mm-menu.mm-fx-menu-zoom { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0) } html.mm-right.mm-opened .mm-menu.mm-fx-menu-zoom { -webkit-transform: scale(.7, .7) translate3d(30%, 0, 0); transform: scale(.7, .7) translate3d(30%, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center } html.mm-right.mm-opening .mm-menu.mm-fx-menu-zoom { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0) } .mm-menu.mm-fx-menu-slide { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease } html.mm-opened .mm-menu.mm-fx-menu-slide { -webkit-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); transform: translate(-30%, 0); -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0) } html.mm-opening .mm-menu.mm-fx-menu-slide { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } html.mm-right.mm-opened .mm-menu.mm-fx-menu-slide { -webkit-transform: translate(30%, 0); -ms-transform: translate(30%, 0); transform: translate(30%, 0); -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0) } html.mm-right.mm-opening .mm-menu.mm-fx-menu-slide { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu.mm-fx-menu-fade { opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } html.mm-opening .mm-menu.mm-fx-menu-fade { opacity: 1 } .mm-menu .mm-fx-panels-none.mm-panel, .mm-menu.mm-fx-panels-none .mm-panel { -webkit-transition-property: none; transition-property: none } .mm-menu .mm-fx-panels-none.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-none .mm-panel.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu .mm-fx-panels-zoom.mm-panel, .mm-menu.mm-fx-panels-zoom .mm-panel { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform: scale(1.5, 1.5) translate3d(100%, 0, 0) } .mm-menu .mm-fx-panels-zoom.mm-panel.mm-opened, .mm-menu.mm-fx-panels-zoom .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0) } .mm-menu .mm-fx-panels-zoom.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-zoom .mm-panel.mm-subopened { -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0); transform: scale(.7, .7) translate3d(-30%, 0, 0) } .mm-menu .mm-fx-panels-slide-0.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-0 .mm-panel.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu .mm-fx-panels-slide-100.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-100 .mm-panel.mm-subopened { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .mm-menu .mm-fx-panels-slide-up.mm-panel, .mm-menu.mm-fx-panels-slide-up .mm-panel { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } .mm-menu .mm-fx-panels-slide-up.mm-panel.mm-opened, .mm-menu.mm-fx-panels-slide-up .mm-panel.mm-opened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu .mm-fx-panels-slide-up.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-up .mm-panel.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu[class*=mm-fx-listitems-] .mm-listview>li { -webkit-transition: none .4s ease; transition: none .4s ease } .mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(1) { -webkit-transition-delay: 50ms; transition-delay: 50ms } .mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(2) { -webkit-transition-delay: .1s; transition-delay: .1s } .mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(3) { -webkit-transition-delay: 150ms; transition-delay: 150ms } .mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(4) { -webkit-transition-delay: .2s; transition-delay: .2s } .mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(5) { -webkit-transition-delay: 250ms; transition-delay: 250ms } .mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(6) { -webkit-transition-delay: .3s; transition-delay: .3s } .mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(7) { -webkit-transition-delay: 350ms; transition-delay: 350ms } .mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(8) { -webkit-transition-delay: .4s; transition-delay: .4s } .mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(9) { -webkit-transition-delay: 450ms; transition-delay: 450ms } .mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(10) { -webkit-transition-delay: .5s; transition-delay: .5s } .mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(11) { -webkit-transition-delay: 550ms; transition-delay: 550ms } .mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(12) { -webkit-transition-delay: .6s; transition-delay: .6s } .mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(13) { -webkit-transition-delay: 650ms; transition-delay: 650ms } .mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(14) { -webkit-transition-delay: .7s; transition-delay: .7s } .mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(15) { -webkit-transition-delay: 750ms; transition-delay: 750ms } .mm-menu.mm-fx-listitems-slide .mm-listview>li { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); opacity: 0 } html.mm-opening .mm-menu.mm-fx-listitems-slide .mm-panel.mm-opened .mm-listview>li { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } .mm-menu.mm-fx-listitems-fade .mm-listview>li { -webkit-transition-property: opacity; transition-property: opacity; opacity: 0 } html.mm-opening .mm-menu.mm-fx-listitems-fade .mm-panel.mm-opened .mm-listview>li { opacity: 1 } .mm-menu.mm-fx-listitems-drop .mm-listview>li { -webkit-transition-property: opacity, top; transition-property: opacity, top; opacity: 0; top: -25% } html.mm-opening .mm-menu.mm-fx-listitems-drop .mm-panel.mm-opened .mm-listview>li { opacity: 1; top: 0 } .mm-menu.mm-offcanvas.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px } html.mm-opening .mm-menu.mm-fullscreen~.mm-slideout { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } @media all and (max-width:140px) { html.mm-opening .mm-menu.mm-fullscreen~.mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width:10000px) { html.mm-opening .mm-menu.mm-fullscreen~.mm-slideout { -webkit-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); transform: translate(10000px, 0); -webkit-transform: translate3d(10000px, 0, 0); transform: translate3d(10000px, 0, 0) } } html.mm-right.mm-opening .mm-menu.mm-fullscreen~.mm-slideout { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } @media all and (max-width:140px) { html.mm-right.mm-opening .mm-menu.mm-fullscreen~.mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width:10000px) { html.mm-right.mm-opening .mm-menu.mm-fullscreen~.mm-slideout { -webkit-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); transform: translate(-10000px, 0); -webkit-transform: translate3d(-10000px, 0, 0); transform: translate3d(-10000px, 0, 0) } } .mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom, .mm-menu.mm-offcanvas.mm-fullscreen.mm-top { height: 100%; min-height: 140px; max-height: 10000px } .mm-menu .mm-panels>.mm-panel.mm-listview-justify:after, .mm-menu .mm-panels>.mm-panel.mm-listview-justify:before, .mm-menu.mm-listview-justify .mm-panels>.mm-panel:after, .mm-menu.mm-listview-justify .mm-panels>.mm-panel:before { content: none; display: none } .mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview, .mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; margin-top: 0; margin-bottom: 0 } .mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li, .mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; min-height: 40px } .mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li:not(.mm-divider), .mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li>a:not(.mm-next), .mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li>span, .mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li>a:not(.mm-next), .mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li>span { box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .mm-listview-small .mm-listview>li>a:not(.mm-next), .mm-listview-small .mm-listview>li>span { padding: 7px 10px 7px 20px } .mm-listview-small .mm-listview>li.mm-vertical>.mm-next, .mm-listview-small .mm-vertical>.mm-listview>li>.mm-next { height: 34px } .mm-listview-large .mm-listview>li>a:not(.mm-next), .mm-listview-large .mm-listview>li>span { padding: 15px 10px 15px 20px } .mm-listview-large .mm-listview>li.mm-vertical>.mm-next, .mm-listview-large .mm-vertical>.mm-listview>li>.mm-next { height: 50px } .mm-listview-huge .mm-listview>li>a:not(.mm-next), .mm-listview-huge .mm-listview>li>span { padding: 20px 10px 20px 20px } .mm-listview-huge .mm-listview>li.mm-vertical>.mm-next, .mm-listview-huge .mm-vertical>.mm-listview>li>.mm-next { height: 60px } .mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px } .mm-listview .mm-spacer { padding-top: 40px } .mm-listview .mm-spacer>.mm-next { top: 40px } .mm-listview .mm-spacer.mm-divider { padding-top: 25px } .mm-listview .mm-inset { list-style: inside disc; padding: 0 10px 15px 40px; margin: 0 } .mm-listview .mm-inset>li { padding: 5px 0 } html.mm-iconbar body { overflow-x: hidden } html.mm-iconbar .mm-page { background: inherit; min-height: 100vh } html.mm-iconbar .mm-slideout { box-sizing: border-box; padding-right: 60px; -webkit-transform: translate(60px, 0); -ms-transform: translate(60px, 0); transform: translate(60px, 0); -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0) } .mm-menu.mm-iconbar { display: block } .mm-menu .mm-listview.mm-multiline>li>a, .mm-menu .mm-listview.mm-multiline>li>span, .mm-menu .mm-listview>li.mm-multiline>a, .mm-menu .mm-listview>li.mm-multiline>span, .mm-menu.mm-multiline .mm-listview>li>a, .mm-menu.mm-multiline .mm-listview>li>span { text-overflow: clip; white-space: normal } .mm-menu.mm-opened[class*=mm-pagedim]~#mm-blocker { opacity: 0 } html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim]~#mm-blocker { opacity: .3; -webkit-transition: opacity .4s ease .4s; transition: opacity .4s ease .4s } .mm-menu.mm-opened.mm-pagedim~#mm-blocker { background: inherit } .mm-menu.mm-opened.mm-pagedim-white~#mm-blocker { background: #fff } .mm-menu.mm-opened.mm-pagedim-black~#mm-blocker { background: #000 } .mm-menu.mm-popup { -webkit-transition: opacity .4s ease; transition: opacity .4s ease; opacity: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, .3); height: 80%; min-height: 140px; max-height: 880px; top: 50%; left: 50%; bottom: auto; right: auto; z-index: 2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .mm-menu.mm-popup.mm-opened~.mm-slideout { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; z-index: 0 } .mm-menu.mm-popup.mm-opened~#mm-blocker { -webkit-transition-delay: 0s!important; transition-delay: 0s!important; z-index: 1 } html.mm-opening .mm-menu.mm-popup { opacity: 1 } .mm-menu.mm-offcanvas.mm-right { left: auto } html.mm-right.mm-opening .mm-menu~.mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0) } @media all and (max-width:175px) { html.mm-right.mm-opening .mm-menu~.mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width:550px) { html.mm-right.mm-opening .mm-menu~.mm-slideout { -webkit-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); transform: translate(-440px, 0); -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0) } } html.mm-front .mm-slideout { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; z-index: 0 } html.mm-front #mm-blocker { z-index: 1 } html.mm-front .mm-menu.mm-offcanvas { z-index: 2 } .mm-menu.mm-offcanvas.mm-front, .mm-menu.mm-offcanvas.mm-next { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .mm-menu.mm-offcanvas.mm-front.mm-right, .mm-menu.mm-offcanvas.mm-next.mm-right { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mm-menu.mm-offcanvas.mm-top { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } .mm-menu.mm-offcanvas.mm-bottom { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { width: 100%; min-width: 100%; max-width: 100% } .mm-menu.mm-offcanvas.mm-bottom { top: auto } html.mm-opening .mm-menu.mm-offcanvas.mm-front, html.mm-opening .mm-menu.mm-offcanvas.mm-next { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 80%; min-height: 140px; max-height: 880px } .mm-menu.mm-shadow-page:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 100; -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%) } .mm-menu.mm-shadow-page.mm-right:after { left: auto; right: 100% } .mm-menu.mm-shadow-page.mm-front:after, .mm-menu.mm-shadow-page.mm-next:after { content: none; display: none } .mm-menu.mm-shadow-page:after { box-shadow: 0 0 10px rgba(0, 0, 0, .3) } .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) { box-shadow: 0 0 10px rgba(0, 0, 0, .3) } .mm-menu.mm-theme-dark { background: #333; border-color: rgba(0, 0, 0, .15); color: rgba(255, 255, 255, .8) } .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar>* { color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before { border-color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-dark .mm-listview { border-color: rgba(0, 0, 0, .15) } .mm-menu.mm-theme-dark .mm-listview>li .mm-next:after { border-color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, .1); tap-highlight-color: rgba(0, 0, 0, .1) } .mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span { background: rgba(0, 0, 0, .1) } .mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel, .mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next { background: rgba(255, 255, 255, .05) } .mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, .05) } .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, .8) } .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, .05) } .mm-menu.mm-keyboardfocus a:focus { background: rgba(0, 0, 0, .1) } .mm-menu.mm-shadow-page.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, .5) } .mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2) { box-shadow: 0 0 20px rgba(0, 0, 0, .5) } .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, .3); color: rgba(255, 255, 255, .8) } .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, .4) } .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover { background: rgba(0, 0, 0, .1) } .mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) { background: rgba(0, 0, 0, .1) } .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, .15) } .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333 } .mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle { background: #4bd963 } .mm-menu.mm-theme-white { background: #fff; border-color: rgba(0, 0, 0, .1); color: rgba(0, 0, 0, .6) } .mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar>* { color: rgba(0, 0, 0, .3) } .mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before { border-color: rgba(0, 0, 0, .3) } .mm-menu.mm-theme-white .mm-listview { border-color: rgba(0, 0, 0, .1) } .mm-menu.mm-theme-white .mm-listview>li .mm-next:after { border-color: rgba(0, 0, 0, .3) } .mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, .05); tap-highlight-color: rgba(0, 0, 0, .05) } .mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview>li.mm-selected>span { background: rgba(0, 0, 0, .05) } .mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel, .mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next { background: rgba(0, 0, 0, .05) } .mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, .05) } .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, .6) } .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, .3) } .mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, .05) } .mm-menu.mm-keyboardfocus a:focus { background: rgba(0, 0, 0, .05) } .mm-menu.mm-shadow-page.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, .2) } .mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2) { box-shadow: 0 0 10px rgba(0, 0, 0, .2) } .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, .05); color: rgba(0, 0, 0, .6) } .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, .3) } .mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, .3) } .mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover { background: rgba(0, 0, 0, .05) } .mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) { background: rgba(0, 0, 0, .05) } .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, .1) } .mm-menu.mm-theme-white label.mm-toggle:before { background: #fff } .mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle { background: #4bd963 } .mm-menu.mm-theme-black { background: #000; border-color: rgba(255, 255, 255, .2); color: rgba(255, 255, 255, .6) } .mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar>* { color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before { border-color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-black .mm-listview { border-color: rgba(255, 255, 255, .2) } .mm-menu.mm-theme-black .mm-listview>li .mm-next:after { border-color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, .3); tap-highlight-color: rgba(255, 255, 255, .3) } .mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview>li.mm-selected>span { background: rgba(255, 255, 255, .3) } .mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel, .mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next { background: rgba(255, 255, 255, .2) } .mm-menu.mm-theme-black .mm-divider { background: rgba(255, 255, 255, .2) } .mm-menu.mm-theme-black label.mm-check:before { border-color: rgba(255, 255, 255, .6) } .mm-menu.mm-theme-black em.mm-counter { color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-black .mm-fixeddivider span { background: rgba(255, 255, 255, .2) } .mm-menu.mm-keyboardfocus a:focus { background: rgba(255, 255, 255, .3) } .mm-menu.mm-shadow-page.mm-theme-black:after { content: none; display: none } .mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2) { box-shadow: false } .mm-menu.mm-theme-black .mm-search input { background: rgba(255, 255, 255, .3); color: rgba(255, 255, 255, .6) } .mm-menu.mm-theme-black .mm-noresultsmsg { color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-black .mm-indexer a { color: rgba(255, 255, 255, .4) } .mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover { background: rgba(255, 255, 255, .3) } .mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) { background: rgba(255, 255, 255, .3) } .mm-menu.mm-theme-black label.mm-toggle { background: rgba(255, 255, 255, .2) } .mm-menu.mm-theme-black label.mm-toggle:before { background: #000 } .mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle { background: #4bd963 } .mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after { content: ''; display: block; clear: both } .mm-menu .mm-tileview.mm-listview>li, .mm-menu.mm-tileview .mm-listview>li { width: 50%; height: 0; padding: 50% 0 0 0; float: left; position: relative } .mm-menu .mm-tileview.mm-listview>li:after, .mm-menu.mm-tileview .mm-listview>li:after { left: 0; top: 0; border-right-width: 1px; border-right-style: solid; z-index: -1 } .mm-menu .mm-tileview.mm-listview>li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview>li.mm-tile-xs { width: 12.5%; padding-top: 12.5% } .mm-menu .mm-tileview.mm-listview>li.mm-tile-s, .mm-menu.mm-tileview .mm-listview>li.mm-tile-s { width: 25%; padding-top: 25% } .mm-menu .mm-tileview.mm-listview>li.mm-tile-l, .mm-menu.mm-tileview .mm-listview>li.mm-tile-l { width: 75%; padding-top: 75% } .mm-menu .mm-tileview.mm-listview>li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview>li.mm-tile-xl { width: 100%; padding-top: 100% } .mm-menu .mm-tileview.mm-listview>li>a, .mm-menu .mm-tileview.mm-listview>li>span, .mm-menu.mm-tileview .mm-listview>li>a, .mm-menu.mm-tileview .mm-listview>li>span { line-height: 1px; text-align: center; padding: 50% 10px 0 10px; margin: 0; position: absolute; top: 0; right: 1px; bottom: 1px; left: 0 } .mm-menu .mm-tileview.mm-listview>li>.mm-next, .mm-menu.mm-tileview .mm-listview>li>.mm-next { width: auto } .mm-menu .mm-tileview.mm-listview>li>.mm-next:after, .mm-menu .mm-tileview.mm-listview>li>.mm-next:before, .mm-menu.mm-tileview .mm-listview>li>.mm-next:after, .mm-menu.mm-tileview .mm-listview>li>.mm-next:before { content: none; display: none } .mm-menu.mm-tileview .mm-panel { padding-left: 0; padding-right: 0 } .mm-menu.mm-tileview .mm-panel:after { content: none; display: none } .mm-menu.mm-tileview .mm-listview { margin: 0 } html.mm-widescreen body { position: relative } html.mm-widescreen #mm-blocker { display: none!important } html.mm-widescreen .mm-slideout { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; width: 70%!important; margin-left: 30%!important } html.mm-widescreen .mm-page { background: inherit; box-sizing: border-box } html.mm-widescreen.mm-blocking, html.mm-widescreen.mm-blocking body { overflow: auto } .mm-menu.mm-widescreen { border-right-width: 1px; border-right-style: solid; display: block!important; width: 30%!important; min-width: 0!important; max-width: none!important; top: 0!important; right: auto!important; bottom: 0!important; left: 0!important; z-index: 100!important; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important } .mm-menu.mm-widescreen.mm-pageshadow:after { content: none; display: none } .mm-menu.mm-autoheight { -webkit-transition: none .4s ease; transition: none .4s ease; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .mm-menu.mm-autoheight:not(.mm-offcanvas) { position: relative } .mm-menu.mm-measureheight .mm-panel.mm-vertical.mm-opened, .mm-menu.mm-measureheight .mm-panel:not(.mm-vertical) { display: block!important } .mm-menu.mm-measureheight .mm-panels>.mm-panel { bottom: auto!important; height: auto!important } em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50% } em.mm-counter+a.mm-next { width: 90px } em.mm-counter+a.mm-next+a, em.mm-counter+a.mm-next+span { margin-right: 90px } em.mm-counter+a.mm-fullsubopen { padding-left: 0 } em.mm-counter+a.mm-fullsubopen+a, em.mm-counter+a.mm-fullsubopen+span { padding-right: 90px } .mm-listview em.mm-counter+.mm-next.mm-fullsubopen+a, .mm-listview em.mm-counter+.mm-next.mm-fullsubopen+span { padding-right: 90px } .mm-vertical>.mm-counter { top: 12px; margin-top: 0 } .mm-vertical.mm-spacer>.mm-counter { margin-top: 40px } .mm-nosubresults>.mm-counter { display: none } .mm-menu em.mm-counter { color: rgba(0, 0, 0, .3) } .mm-columns { -webkit-transition-property: width; transition-property: width } .mm-columns .mm-panels>.mm-panel { right: auto; -webkit-transition-property: width, -webkit-transform; transition-property: width, -webkit-transform; transition-property: width, transform; transition-property: width, transform, -webkit-transform } .mm-columns .mm-panels>.mm-panel.mm-opened, .mm-columns .mm-panels>.mm-panel.mm-subopened { border-left: 1px solid; border-color: inherit; display: block!important } .mm-columns .mm-panels>.mm-columns-0 { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-columns-0 .mm-panels>.mm-panel { z-index: 0 } .mm-columns-0 .mm-panels>.mm-panel else { width: 100% } .mm-columns-0 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened) { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-0 { width: 80%; min-width: 140px; max-width: 0 } html.mm-opening .mm-menu.mm-columns-0~.mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width:175px) { html.mm-opening .mm-menu.mm-columns-0~.mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width:0px) { html.mm-opening .mm-menu.mm-columns-0~.mm-slideout { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } html.mm-right.mm-opening .mm-menu.mm-columns-0~.mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0) } @media all and (max-width:175px) { html.mm-right.mm-opening .mm-menu.mm-columns-0~.mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width:0px) { html.mm-right.mm-opening .mm-menu.mm-columns-0~.mm-slideout { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .mm-columns .mm-panels>.mm-columns-1 { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mm-columns-1 .mm-panels>.mm-panel { z-index: 1; width: 100% } .mm-columns-1 .mm-panels>.mm-panel else { width: 100% } .mm-columns-1 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened) { -webkit-transform: translate(200%, 0); -ms-transform: translate(200%, 0); transform: translate(200%, 0); -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-1 { width: 80%; min-width: 140px; max-width: 440px } html.mm-opening .mm-menu.mm-columns-1~.mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width:175px) { html.mm-opening .mm-menu.mm-columns-1~.mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width:550px) { html.mm-opening .mm-menu.mm-columns-1~.mm-slideout { -webkit-transform: translate(440px, 0); -ms-transform: translate(440px, 0); transform: translate(440px, 0); -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0) } } html.mm-right.mm-opening .mm-menu.mm-columns-1~.mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0) } @media all and (max-width:175px) { html.mm-right.mm-opening .mm-menu.mm-columns-1~.mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width:550px) { html.mm-right.mm-opening .mm-menu.mm-columns-1~.mm-slideout { -webkit-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); transform: translate(-440px, 0); -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0) } } .mm-columns .mm-panels>.mm-columns-2 { -webkit-transform: translate(200%, 0); -ms-transform: translate(200%, 0); transform: translate(200%, 0); -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0) } .mm-columns-2 .mm-panels>.mm-panel { z-index: 2; width: 50% } .mm-columns-2 .mm-panels>.mm-panel else { width: 100% } .mm-columns-2 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened) { -webkit-transform: translate(300%, 0); -ms-transform: translate(300%, 0); transform: translate(300%, 0); -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-2 { width: 80%; min-width: 140px; max-width: 880px } html.mm-opening .mm-menu.mm-columns-2~.mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width:175px) { html.mm-opening .mm-menu.mm-columns-2~.mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width:1100px) { html.mm-opening .mm-menu.mm-columns-2~.mm-slideout { -webkit-transform: translate(880px, 0); -ms-transform: translate(880px, 0); transform: translate(880px, 0); -webkit-transform: translate3d(880px, 0, 0); transform: translate3d(880px, 0, 0) } } html.mm-right.mm-opening .mm-menu.mm-columns-2~.mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0) } @media all and (max-width:175px) { html.mm-right.mm-opening .mm-menu.mm-columns-2~.mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width:1100px) { html.mm-right.mm-opening .mm-menu.mm-columns-2~.mm-slideout { -webkit-transform: translate(-880px, 0); -ms-transform: translate(-880px, 0); transform: translate(-880px, 0); -webkit-transform: translate3d(-880px, 0, 0); transform: translate3d(-880px, 0, 0) } } .mm-columns .mm-panels>.mm-columns-3 { -webkit-transform: translate(300%, 0); -ms-transform: translate(300%, 0); transform: translate(300%, 0); -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0) } .mm-columns-3 .mm-panels>.mm-panel { z-index: 3; width: 33.34% } .mm-columns-3 .mm-panels>.mm-panel else { width: 100% } .mm-columns-3 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened) { -webkit-transform: translate(400%, 0); -ms-transform: translate(400%, 0); transform: translate(400%, 0); -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-3 { width: 80%; min-width: 140px; max-width: 1320px } html.mm-opening .mm-menu.mm-columns-3~.mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width:175px) { html.mm-opening .mm-menu.mm-columns-3~.mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width:1650px) { html.mm-opening .mm-menu.mm-columns-3~.mm-slideout { -webkit-transform: translate(1320px, 0); -ms-transform: translate(1320px, 0); transform: translate(1320px, 0); -webkit-transform: translate3d(1320px, 0, 0); transform: translate3d(1320px, 0, 0) } } html.mm-right.mm-opening .mm-menu.mm-columns-3~.mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0) } @media all and (max-width:175px) { html.mm-right.mm-opening .mm-menu.mm-columns-3~.mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width:1650px) { html.mm-right.mm-opening .mm-menu.mm-columns-3~.mm-slideout { -webkit-transform: translate(-1320px, 0); -ms-transform: translate(-1320px, 0); transform: translate(-1320px, 0); -webkit-transform: translate3d(-1320px, 0, 0); transform: translate3d(-1320px, 0, 0) } } .mm-columns .mm-panels>.mm-columns-4 { -webkit-transform: translate(400%, 0); -ms-transform: translate(400%, 0); transform: translate(400%, 0); -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0) } .mm-columns-4 .mm-panels>.mm-panel { z-index: 4; width: 25% } .mm-columns-4 .mm-panels>.mm-panel else { width: 100% } .mm-columns-4 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened) { -webkit-transform: translate(500%, 0); -ms-transform: translate(500%, 0); transform: translate(500%, 0); -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-4 { width: 80%; min-width: 140px; max-width: 1760px } html.mm-opening .mm-menu.mm-columns-4~.mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width:175px) { html.mm-opening .mm-menu.mm-columns-4~.mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width:2200px) { html.mm-opening .mm-menu.mm-columns-4~.mm-slideout { -webkit-transform: translate(1760px, 0); -ms-transform: translate(1760px, 0); transform: translate(1760px, 0); -webkit-transform: translate3d(1760px, 0, 0); transform: translate3d(1760px, 0, 0) } } html.mm-right.mm-opening .mm-menu.mm-columns-4~.mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0) } @media all and (max-width:175px) { html.mm-right.mm-opening .mm-menu.mm-columns-4~.mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width:2200px) { html.mm-right.mm-opening .mm-menu.mm-columns-4~.mm-slideout { -webkit-transform: translate(-1760px, 0); -ms-transform: translate(-1760px, 0); transform: translate(-1760px, 0); -webkit-transform: translate3d(-1760px, 0, 0); transform: translate3d(-1760px, 0, 0) } } .mm-columns.mm-offcanvas.mm-bottom, .mm-columns.mm-offcanvas.mm-top { width: 100%; max-width: 100%; min-width: 100% } html.mm-opening .mm-columns.mm-offcanvas.mm-front, html.mm-opening .mm-columns.mm-offcanvas.mm-next { -webkit-transition-property: width, min-width, max-width, -webkit-transform; transition-property: width, min-width, max-width, -webkit-transform; transition-property: width, min-width, max-width, transform; transition-property: width, min-width, max-width, transform, -webkit-transform } .mm-divider>span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px } .mm-divider.mm-opened a.mm-next:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .mm-collapsed:not(.mm-uncollapsed) { display: none } .mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 10; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-fixeddivider:after { content: none!important; display: none!important } .mm-hasdividers .mm-fixeddivider { display: block } .mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, .05) } html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout { -webkit-transition-duration: 0s; transition-duration: 0s } .mm-menu.mm-dropdown { box-shadow: 0 2px 10px rgba(0, 0, 0, .3); height: 80% } html.mm-dropdown .mm-slideout { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; z-index: 0 } html.mm-dropdown #mm-blocker { -webkit-transition-delay: 0s!important; transition-delay: 0s!important; z-index: 1 } html.mm-dropdown .mm-menu { z-index: 2 } html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu { display: none } .mm-menu.mm-tip:before { content: ''; background: inherit; box-shadow: 0 2px 10px rgba(0, 0, 0, .3); display: block; width: 15px; height: 15px; position: absolute; z-index: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .mm-menu.mm-tipleft:before { left: 22px } .mm-menu.mm-tipright:before { right: 22px } .mm-menu.mm-tiptop:before { top: -8px } .mm-menu.mm-tipbottom:before { bottom: -8px } .mm-iconpanel .mm-panels>.mm-panel { -webkit-transition-property: left, -webkit-transform; transition-property: left, -webkit-transform; transition-property: transform, left; transition-property: transform, left, -webkit-transform } .mm-iconpanel .mm-panels>.mm-panel.mm-opened, .mm-iconpanel .mm-panels>.mm-panel.mm-subopened { border-left: 1px solid; border-color: inherit; display: block!important } .mm-iconpanel .mm-panels>.mm-panel.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-iconpanel .mm-panel.mm-iconpanel-0 { left: 0 } .mm-iconpanel .mm-panel.mm-iconpanel-1 { left: 40px } .mm-iconpanel .mm-panel.mm-iconpanel-2 { left: 80px } .mm-iconpanel .mm-panel.mm-iconpanel-3 { left: 120px } .mm-iconpanel .mm-panel.mm-iconpanel-4 { left: 160px } .mm-iconpanel .mm-panel.mm-iconpanel-5 { left: 200px } .mm-iconpanel .mm-panel.mm-iconpanel-6 { left: 240px } .mm-subblocker { background: inherit; opacity: 0; display: block; max-height: 100%; position: absolute; top: 0; right: 0; left: 0; z-index: 3; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } .mm-subopened .mm-subblocker { opacity: .6; bottom: -100000px } .mm-keyboardfocus a:focus { outline: 0 } .mm-menu.mm-keyboardfocus a:focus { background: rgba(255, 255, 255, .5) } .mm-navbars-bottom, .mm-navbars-top { background: inherit; border-color: inherit; border-width: 0; overflow: hidden; position: absolute; left: 0; right: 0; z-index: 3 } .mm-navbars-bottom>.mm-navbar, .mm-navbars-top>.mm-navbar { border: none; padding: 0; position: relative; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-navbars-top { border-bottom-style: solid; border-bottom-width: 1px; top: 0 } .mm-navbars-bottom { border-top-style: solid; border-top-width: 1px; bottom: 0 } .mm-navbar.mm-hasbtns { padding: 0 40px } .mm-navbar[class*=mm-navbar-content-]>* { box-sizing: border-box; display: block; float: left } .mm-navbar .mm-breadcrumbs { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; text-align: left; padding: 0 0 0 17px } .mm-navbar .mm-breadcrumbs>* { display: inline-block; padding: 10px 3px } .mm-navbar .mm-breadcrumbs>a { text-decoration: underline } .mm-navbar.mm-hasbtns .mm-breadcrumbs { margin-left: -40px } .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs { margin-left: 0; padding-left: 0 } .mm-hasnavbar-top-1 .mm-panels { top: 40px } .mm-hasnavbar-top-2 .mm-panels { top: 80px } .mm-hasnavbar-top-3 .mm-panels { top: 120px } .mm-hasnavbar-top-4 .mm-panels { top: 160px } .mm-hasnavbar-bottom-1 .mm-panels { bottom: 40px } .mm-hasnavbar-bottom-2 .mm-panels { bottom: 80px } .mm-hasnavbar-bottom-3 .mm-panels { bottom: 120px } .mm-hasnavbar-bottom-4 .mm-panels { bottom: 160px } .mm-navbar-size-2 { height: 80px } .mm-navbar-size-3 { height: 120px } .mm-navbar-size-4 { height: 160px } .mm-navbar-content-2>* { width: 50% } .mm-navbar-content-3>* { width: 33.33% } .mm-navbar-content-4>* { width: 25% } .mm-navbar-content-5>* { width: 20% } .mm-navbar-content-6>* { width: 16.67% } .mm-menu.mm-rtl { direction: rtl } .mm-menu.mm-rtl.mm-offcanvas { right: auto } .mm-menu.mm-rtl .mm-panel:not(.mm-opened) { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .mm-menu.mm-rtl .mm-panel.mm-subopened { -webkit-transform: translate(30%, 0); -ms-transform: translate(30%, 0); transform: translate(30%, 0); -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0) } .mm-menu.mm-rtl .mm-navbar .mm-btn:first-child { left: auto; right: 0 } .mm-menu.mm-rtl .mm-navbar .mm-btn:last-child { right: auto; left: 0 } .mm-menu.mm-rtl .mm-navbar .mm-next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto } .mm-menu.mm-rtl .mm-navbar .mm-prev:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto } .mm-menu.mm-rtl .mm-listview>li:not(.mm-divider)::after { left: 0; right: 20px } .mm-menu.mm-rtl .mm-listview>li>a:not(.mm-next), .mm-menu.mm-rtl .mm-listview>li>span:not(.mm-next) { padding-left: 10px; padding-right: 20px!important; margin-right: 0!important } .mm-menu.mm-rtl .mm-listview .mm-next { right: auto; left: 0 } .mm-menu.mm-rtl .mm-listview .mm-next:before { left: auto; right: 0 } .mm-menu.mm-rtl .mm-listview .mm-next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto } .mm-menu.mm-rtl .mm-listview .mm-next+a, .mm-menu.mm-rtl .mm-listview .mm-next+span { margin-left: 50px } .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+a, .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+span { padding-left: 50px } .mm-menu.mm-rtl em.mm-counter { left: 45px; right: auto } .mm-menu.mm-rtl em.mm-counter+a.mm-next+a, .mm-menu.mm-rtl em.mm-counter+a.mm-next+span { margin-left: 90px } .mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+a, .mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+span { padding-left: 90px } .mm-menu.mm-rtl label.mm-check, .mm-menu.mm-rtl label.mm-toggle { left: 20px; right: auto!important } .mm-menu.mm-rtl label.mm-toggle+a, .mm-menu.mm-rtl label.mm-toggle+span { padding-left: 80px } .mm-menu.mm-rtl label.mm-check+a, .mm-menu.mm-rtl label.mm-check+span { padding-left: 60px } .mm-menu.mm-rtl a.mm-next+label.mm-check, .mm-menu.mm-rtl a.mm-next+label.mm-toggle { left: 60px } .mm-menu.mm-rtl a.mm-next+label.mm-check+a, .mm-menu.mm-rtl a.mm-next+label.mm-check+span, .mm-menu.mm-rtl a.mm-next+label.mm-toggle+a, .mm-menu.mm-rtl a.mm-next+label.mm-toggle+span { margin-left: 50px } .mm-menu.mm-rtl a.mm-next+label.mm-toggle+a, .mm-menu.mm-rtl a.mm-next+label.mm-toggle+span { padding-left: 70px } .mm-menu.mm-rtl a.mm-next+label.mm-check+a, .mm-menu.mm-rtl a.mm-next+label.mm-check+span { padding-left: 50px } .mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check, .mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle { left: 100px } .mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+a, .mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+span, .mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+a, .mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+span { margin-left: 90px } .mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-] { left: 0 } .mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu.mm-rtl.mm-iconpanel .mm-panel { -webkit-transition-property: right, -webkit-transform; transition-property: right, -webkit-transform; transition-property: transform, right; transition-property: transform, right, -webkit-transform } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0 { right: 0 } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1 { right: 40px } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2 { right: 80px } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3 { right: 120px } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4 { right: 160px } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5 { right: 200px } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6 { right: 240px } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened { border-left: none; border-right: 1px solid; border-color: inherit } .mm-search, .mm-search input { box-sizing: border-box } .mm-search { height: 40px; padding: 7px 10px 0 10px; position: relative } .mm-search input { border: none!important; outline: 0!important; box-shadow: none!important; border-radius: 4px; font: inherit; font-size: 14px; line-height: 26px; display: block; box-sizing: border-box; width: 100%; height: 26px; min-height: 26px; max-height: 26px; margin: 0; padding: 0 10px } .mm-search input::-ms-clear { display: none } .mm-search .mm-clear, .mm-search .mm-next { right: 0 } .mm-panel>.mm-search { width: 100%; position: absolute; top: 0; left: 0 } .mm-panel.mm-hassearch { padding-top: 40px } .mm-panel.mm-hassearch.mm-hasnavbar { padding-top: 80px } .mm-panel.mm-hassearch.mm-hasnavbar>.mm-search { top: 40px } .mm-noresultsmsg { text-align: center; font-size: 21px; padding: 40px 0 } .mm-noresults .mm-indexer { display: none!important } li.mm-nosubresults>a.mm-next { display: none } li.mm-nosubresults>a.mm-next+a, li.mm-nosubresults>a.mm-next+span { padding-right: 10px } .mm-menu .mm-search input { background: rgba(0, 0, 0, .05); color: rgba(0, 0, 0, .75) } .mm-menu .mm-noresultsmsg { color: rgba(0, 0, 0, .3) } .mm-indexer { background: inherit; text-align: center; font-size: 12px; box-sizing: border-box; width: 20px; position: absolute; top: 0; bottom: 0; right: -100px; z-index: 15; -webkit-transition: right .4s ease; transition: right .4s ease; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-indexer a { text-decoration: none; display: block; height: 3.85% } .mm-indexer~.mm-panel.mm-hasindexer { padding-right: 40px } .mm-hasindexer .mm-indexer { right: 0 } .mm-hasindexer .mm-fixeddivider { right: 20px } .mm-menu .mm-indexer a { color: rgba(0, 0, 0, .3) } .mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a, .mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span, .mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a, .mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span, .mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen) { -webkit-transition: background .4s ease; transition: background .4s ease } .mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span, .mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover { background: rgba(255, 255, 255, .5) } .mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a, .mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span, .mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) { background: rgba(255, 255, 255, .5) } input.mm-check, input.mm-toggle { position: absolute; left: -10000px } label.mm-check, label.mm-toggle { margin: 0; position: absolute; top: 50%; z-index: 2 } label.mm-check:before, label.mm-toggle:before { content: ''; display: block } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-top: -15px } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px } input.mm-toggle:checked~label.mm-toggle:before { float: right } label.mm-check { width: 30px; height: 30px; margin-top: -15px } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: .1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } input.mm-check:checked~label.mm-check:before { opacity: 1 } li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle { bottom: auto; margin-top: 0 } li.mm-vertical label.mm-toggle { top: 5px } li.mm-vertical label.mm-check { top: 5px } label.mm-check, label.mm-toggle { right: 20px } label.mm-toggle+a, label.mm-toggle+span { padding-right: 80px } label.mm-check+a, label.mm-check+span { padding-right: 60px } a.mm-next+label.mm-check, a.mm-next+label.mm-toggle { right: 60px } a.mm-next+label.mm-check+a, a.mm-next+label.mm-check+span, a.mm-next+label.mm-toggle+a, a.mm-next+label.mm-toggle+span { margin-right: 50px } a.mm-next+label.mm-toggle+a, a.mm-next+label.mm-toggle+span { padding-right: 70px } a.mm-next+label.mm-check+a, a.mm-next+label.mm-check+span { padding-right: 50px } em.mm-counter+a.mm-next+label.mm-check, em.mm-counter+a.mm-next+label.mm-toggle { right: 100px } em.mm-counter+a.mm-next+label.mm-check+a, em.mm-counter+a.mm-next+label.mm-check+span, em.mm-counter+a.mm-next+label.mm-toggle+a, em.mm-counter+a.mm-next+label.mm-toggle+span { margin-right: 90px } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, .1) } .mm-menu label.mm-toggle:before { background: #f3f3f3 } .mm-menu input.mm-toggle:checked~label.mm-toggle { background: #4bd963 } .mm-menu label.mm-check:before { border-color: rgba(0, 0, 0, .75) } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { -webkit-transition: height .5s ease-in-out; -moz-transition: height .5s ease-in-out; -ms-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; transition: height .5s ease-in-out } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-loaded { display: block } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel .owl-refresh .owl-item { display: none } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .no-js .owl-carousel { display: block } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .owl-carousel .owl-item img { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale .1s ease; -moz-transition: scale .1s ease; -ms-transition: scale .1s ease; -o-transition: scale .1s ease; transition: scale .1s ease } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1 } /*end- responsive*/ /*custom header*/ /*--- dropdowns ---*/ .dropdowns { background: #fff none repeat scroll 0 0; border: 1px solid #e1e8ed; list-style: outside none none; max-height: 294px; overflow: auto; padding-left: 0; position: absolute; right: -50px; text-align: left; top: 42px; width: 260px; opacity: 0; visibility: hidden; transition: all 0.3s linear 0s; } .dropdowns.active { opacity: 1; visibility: visible; } .drops-menu { list-style: outside none none; padding-left: 0; } .drops-menu > li > a { border-bottom: 1px solid #e1e8ed; display: inline-block; padding: 10px; width: 100%; } .drops-menu > li { display: inline-block; position: relative; width: 100%; } .drops-menu > li > .tag { color: #fff; display: inline-block; font-size: 11px; padding: 0 6px; position: absolute; right: 0; top: 0; } .drops-menu > li:nth-child(2n) > a { background: whitesmoke none repeat scroll 0 0; } .drops-menu > li a img { display: inline-block; max-width: 16.7%; vertical-align: top; width: 16.7%; border-radius: 100%; } .mesg-meta { display: inline-block; padding-left: 10px; vertical-align: middle; width: 81%; } .mesg-meta > h6 { font-size: 13.5px; font-weight: 600; letter-spacing: 0.3px; margin-bottom: 0; text-transform: capitalize; } .mesg-meta > span { color: #757575; display: inline-block; font-size: 12px; line-height: 15px; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .mesg-meta > i { color: #999; font-size: 12px; font-style: normal; } .drops-menu > li > a:hover { background: #fafafa none repeat scroll 0 0; } .dropdowns > span { border-bottom: 1px solid #ccc; display: inline-block; font-size: 14px; padding: 5px 10px; text-align: center; width: 100%; } .dropdowns > a.more-mesg { display: inline-block; font-size: 14px; padding-bottom: 5px; text-align: center; text-transform: capitalize; width: 100%; } .blue { background: #337ab7; } .red { background: #ed6b75; } .green { background: #33b7a0; } .dropdowns.active > a { background: #fafafa none repeat scroll 0 0; display: block; font-size: 13px; margin-bottom: 2px; padding: 5px 10px; text-align: center; } .dropdowns.active > a i { font-size: 11px; left: 8px; position: absolute; top: 10px; } .dropdowns.languages { width: 100px; } .dropdowns.active > a:hover { background: #f1f1f1 none repeat scroll 0 0; } .add-btn { bottom: 100px; position: absolute; right: 43px; } .add-btn > span { color: #fff; margin-right: 20px; text-shadow: 0 2px 0 #4a4a4a; } .add-btn > a:hover { background: transparent none repeat scroll 0 0; border: 1px solid; } .add-btn > a { border-radius: 2px; color: #fff; display: inline-block; font-size: 14px; padding: 4px 20px; border: 1px solid transparent; } .user-setting { background: #fff none repeat scroll 0 0; border-radius: 0 0 3px 3px; position: absolute; left: inherit; right: 0; text-align: left; top: 100%; width: 150px; opacity: 0; visibility: hidden; line-height: initial; border: 1px solid #e1e8ed; } .user-setting.active { opacity: 1; visibility: visible; } .user-setting > a { display: inline-block; font-size: 13px; padding: 10px 15px; text-transform: capitalize; width: 100%; background: #fafafa; position: relative; } .user-setting .status { right: 20px; top: 50%; transform: translateY(-50%); } .user-setting > a i { color: #999; font-size: 12px; margin-right: 8px; } .user-setting > a:hover { background: #f1f1f1; } /*--- topbar ---*/ .topbar { background: #fff; display: block; height: 60px; padding: 0 48px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); z-index: 99; position: relative; } .logo { display: inline-block; vertical-align: inherit; width: 15%; height: 42px; position: relative; z-index: 10; } .topbar > form { display: inline-block; vertical-align: sub; width: 26%; position: relative; } .top-area { display: inline-block; text-align: right; vertical-align: middle; width: 84%; } .top-area > ul { display: inline-block; list-style: outside none none; margin-bottom: 0; padding-left: 0; vertical-align: middle; } .top-area > ul > li { display: inline-block; margin-right: 25px; position: relative; vertical-align: top; z-index: 2; } .top-area > ul > li > a { color: #999; } .top-area .user-img { cursor: pointer; display: inline-block; vertical-align: middle; position: relative; line-height: 60px; } .top-area .user-img > span.status { bottom: 10px; right: 5px; } .top-area > span.main-menu { cursor: pointer; display: inline-block; font-size: 20px; margin-left: 20px; margin-right: -10px; vertical-align: inherit; } .top-area .user-img > img { border-radius: 50%; display: inline-block; transform: scale(0.7); vertical-align: inherit; height: 45px; width: 45px; } /*--- main menu ---*/ .top-area > ul.main-menu > li ul { left: 0; list-style: outside none none; padding-left: 0; position: absolute; text-align: left; top: 100%; background: #fff; width: 200px; opacity: 0; visibility: hidden; box-shadow: 4px 7px 20px 0 rgba(0, 0, 0, 0.09); transition: all 0.2s linear 0s; border-radius: 0 0 5px 5px; border-top: 2px solid; } .top-area > ul.main-menu > li:hover > ul { opacity: 1; visibility: visible; } .top-area > ul.main-menu { float: left; margin-left: 0px; line-height: 60px; } .top-area > ul.main-menu > li { line-height: 59px; margin-right: 30px; padding-right: 30px; position: relative; } .top-area > ul.main-menu > li a { color: #575b5f; font-size: 14px; font-weight: 700; text-transform: capitalize; letter-spacing: 0.3px; } .top-area > ul.main-menu > li::after { content: ""; font-family: fontawesome; font-size: 13px; position: absolute; right: 10px; top: 0; } .top-area > ul.main-menu > li > ul li { line-height: initial; } .top-area > ul.main-menu > li > ul li a { color: #5f5f5f; display: inline-block; font-size: 13.5px; font-weight: normal; padding: 10px 15px; width: 100%; text-transform: capitalize; transition: all 0.2s linear 0s; border-radius: 0 0 5px 5px; } .top-area > ul.main-menu > li > ul li a:hover { background: #f5f5f5 none repeat scroll 0 0; padding-left: 17px; } .topbar .form-search { position: absolute; right: -15px; top: 42px; width: 300px; opacity: 0; visibility: hidden; } .topbar .searched.active .form-search { opacity: 1; visibility: visible; } .topbar .form-search input { border-style: none none solid; border-width: medium medium 1px; color: #999999; font-size: 15px; padding: 9px 18px; width: 100%; } .topbar .form-search button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #999; position: absolute; right: 5px; top: 9px; } .top-area > ul > li > a > span { bottom: -10px; font-size: 11px; position: absolute; right: -4px; } /*--- responsive header ---*/ .responsive-header { display: none; } .mh-head { background: #4bb5ef; color: #fff; height: auto; } .mh-text { font-size: 16px; font-weight: bold; } .mh-head .hamburger-inner, .mh-head .hamburger-inner:after, .mh-head .hamburger-inner:before { background: #fff; } .circle-media.mm-listview { float: left !important; padding-left: 0; margin: 30px 0 0 0 !important; } .circle-media.mm-listview > li a { background: #e7e7e7 none repeat scroll 0 0; line-height: 32px; padding: 0; text-align: center; width: 32px; } /*.circle-media.mm-listview > li a:hover { color: #fff; }*/ .mm-listview > li:not(.mm-divider)::after { display: none; } .res-menu ul.mm-listview > li, .res-menu ul.mm-listview > li span { text-transform: uppercase; font-size: 12px; border-bottom: 1px solid transparent; } .mm-navbar .mm-title { text-transform: uppercase; } .mh-head { float: left; width: 100%; } .mh-head .mh-text { display: inline-block; margin-top: 6px; padding: 0; } .mh-text > a { display: inline-block; font-family: hobostd; font-size: 20px; vertical-align: middle; } .mh-text img { display: inline-block; vertical-align: sub; } .mh-head .mh-form { padding: 10px 0; } .mm-panel.mm-hasnavbar.mm-opened .setting-row span { width: 72%; } /*--- responsive header ---*/ .responsive-header { display: none; } .mh-head { background: #4bb5ef; color: #fff; height: auto; } .mh-text { font-size: 16px; font-weight: bold; } .mh-head .hamburger-inner, .mh-head .hamburger-inner:after, .mh-head .hamburger-inner:before { background: #fff; } .circle-media.mm-listview { float: left !important; padding-left: 0; margin: 30px 0 0 0 !important; } .circle-media.mm-listview > li a { background: #e7e7e7 none repeat scroll 0 0; line-height: 32px; padding: 0; text-align: center; width: 32px; } /*.circle-media.mm-listview > li a:hover { color: #fff; }*/ .mm-listview > li:not(.mm-divider)::after { display: none; } .res-menu ul.mm-listview > li, .res-menu ul.mm-listview > li span { text-transform: uppercase; font-size: 12px; } .mm-navbar .mm-title { text-transform: uppercase; } .mh-head { float: left; width: 100%; } .mh-head .mh-text { display: inline-block; margin-top: 6px; padding: 0; } .mh-text > a { display: inline-block; font-family: hobostd; font-size: 20px; vertical-align: middle; } .mh-text img { display: inline-block; vertical-align: sub; } .mh-head .mh-form { padding: 10px 0; } .mm-panel.mm-hasnavbar.mm-opened .setting-row span { width: 72%; } /*--- sticky sidebar ---*/ #page-contents { position: relative; } .static, .static > div { position: static !important; } /*--- sticky sidebar End ---*/ /*--- 100% radius images ---*/ #people-list figure img, .new-postbox > figure img, .friend-info > figure img, .comet-avatar > img, .followers > li figure img, .invition figure img, .nearly-pepls > figure img, .peoples > li figure img, .conversation-head > figure img, .peoples-mesg-box > ul li > figure img, .your-page > figure img, .notification-box > ul li figure img { border-radius: 100%; } /**/ .responsive-custom-header.responsive-header{height: 150px;} .responsive-custom-header.responsive-header .res-menu,.responsive-custom-header.responsive-header #shoppingbag{display: none;} /*Responsive View*/ @media(min-width: 1920px){ .container{max-width: 100%; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .w-70{width: 70% !important;} /*m-content*/ .m-content{width: 100%;margin: 0 auto;} .sidebar.left .s-bar .s-left{max-width: 120px; margin-left: auto;} .sidebar.right .s-bar .s-right{max-width: 120px; margin-right: auto;} .sidebar.left .s-bar .s-right, .sidebar.right .s-bar .s-left {max-width:250px;} .photos > li a.strip{height: 230px; } .full-page-container.with-map.job-list-bx {height: 94vh !important;} /*.ads-bx .ads-img, .jobs-list-desc-bx,.jobs-list-desc-bx .owl-carousel .owl-item{width: 340px !important;} .ads-bx .ads-img.owl-carousel .owl-item, .ads-bx .ads-img.owl-carousel .owl-item a{width: 340px !important;height: 300px;}*/ } @media(min-width: 1400px){ .feature-photo .user-avatar {top: inherit;} .jg-btn-bx span{margin-right: 0px; margin-top: -50px;} /*advertisement -box*/ /*.ads-bx .ads-img{width: 263px;} .ads-bx .ads-img3{width: 263px;} .ads-bx .ads-img2{width: 263px;} .ads-bx .ads-img1{width: 263px;}*/ } @media(max-width:1900px){ .w-70{width: 100% !important;} } @media(max-width:1399px){ /*.sidebar.left .s-bar .s-left, .sidebar.right .s-bar .s-right{max-width: 60px;} .sidebar.left .s-bar .s-left,.sidebar.right .s-bar .s-right{max-width: 40px;} .sidebar.left .s-bar .s-right,.sidebar.right .s-bar .s-left{min-width:200px;max-width: 200px;}*/ /*jg-btn-bx*/ .jg-btn-bx a.add-butn{margin-right: 40px} .jg-btn-bx span{margin-right: 0px; margin-top: -20px;} } @media(max-width: 1199px){ /*sidebar*/ /*.sidebar.left,.sidebar.right{width: 74%;}*/ .full-page-container.with-map.job-list-bx{height: 100vh !important;} .ac-btn-bx ul li a {padding: 5px;font-size: 11px !important; font-weight: 600;} .feature-photo .edit-phto.group-cover {left: inherit !important;} .user-avatar {margin-top: -90px;} .feature-photo .user-avatar{width: 156px;height: 156px;} .feature-photo .edit-phto {bottom: 95px;} .feature-photo .add-btn {bottom: 90px; top: auto; right: 15px;} .file-up-bx .edit-phto {left: 0 !important;} .widget.stick-widget{position: inherit !important;} .portfolio-bx .img,.picture-bx .img {height: 180px;} .portfolio-imgs.photos > li {width: 48.9%;} .nearby-contct.custom-list-bx.certification-bx li {width: 47.5%;} .nearby-contct.custom-list-bx li {width: 100%;min-height: auto;max-height: inherit;} .nearby-contct.custom-list-bx .nearly-pepls .pepl-info{display: inline-block;width: 81%;} .nearby-contct.custom-list-bx .nearly-pepls > figure{max-width: inherit;} .photos > li a.strip {height: 160px;} .dashboard-headline h2 .btn-com{display: block; width: 200px; margin: 20px 0 0;} .affiliation-bx .profile-info-left {border-bottom: 2px dashed #ccc;border-right: 0;margin: 0 0 20px; padding: 0px 0 20px;} /*advertisement -box*/ /*.ads-bx .ads-img,.jobs-list-desc-bx{width: 175px;}*/ /*.ads-bx .ads-img.owl-carousel .owl-item,.ads-bx .ads-img.owl-carousel .owl-item a {height: 220px;}*/ .ads-bx .ads-img a {height: 240px;} /* company-dashboard-button*/ .company-links .clink {font-size: 14px;line-height: 1.4;} } @media(max-width:991px){ /*sidebar*/ .sidebar.left, .sidebar.right,.sidebar.left .s-bar .s-left, .sidebar.right .s-bar .s-right,.sidebar.left .s-bar .s-right, .sidebar.right .s-bar .s-left {width: 100%;max-width: 100%; min-width:100%; display: block;} .sidebar .widget {width: 100%; margin: 0px; } /*compact-list-layout*/ .compact-list-layout .job-listing-details,.job-listing .job-listing-company-logo{ display: block !important; } .job-listing .job-listing-company-logo{ margin-bottom: 15px; } .jl-details .job-listing .btnJoblevel{ top:60%; } .responsive-custom-header.responsive-header { display: block; } .topbar.custom-header{ display: none; } /**/ .simplebar-content{ margin-right: 0px !important; } .ecosystem h2 {font-size: 40px;} .ecosystem h3 {font-size: 25px;} .ecosystem-img {max-width: 100%;} .select2-container--default .select2-selection--single .select2-selection__rendered {text-align:left;} .ac-btn-bx ul li a {padding: 5px;font-size: 14px !important; font-weight: 500;} #wrapper{padding-top: 0px;} .dashboard-sidebar{display: none;} .single-page-header:after, .single-page-header:before{background-color: linear-gradient(to right,rgba(247,247,247,1) 50%,rgba(247,247,247,0.8) 70%,rgba(247,247,247,0.8) 90%) !important;} .single-page-header .background-image-container {width: 100%;transform: translateX(-50%);} .single-page-header.job-list-banner{padding: 60px 35px;} .ac-btn-bx ul li a {padding: 5px;font-size: 14px !important; font-weight: 500;} /*advertisement -box*/ /*.ads-bx .ads-img,.jobs-list-desc-bx{width: 345px;}*/ /*.ads-bx .ads-img.owl-carousel .owl-item,.ads-bx .ads-img.owl-carousel .owl-item a {height: 270px;}*/ .ads-bx .ads-img a {height: 400px;} .responsive-notify{display: flex; width: 100%;margin: 16px 0 8px;} .responsive-header .mh-form {width: 100%;} .file-up-bx .edit-phto {left: 0 !important; bottom: inherit; top: -35px; } .submit-field .upload-bx .show-pictures{width: 50%;text-align:left;} .photos > li a.strip {height: 250px;} .photos > li a.remove-portfolio {opacity: 1;} .portfolio-imgs.photos > li {width:47.6%;margin: 1%;} .feature-photo .user-avatar{width: 156px;height: 156px;margin-top: -90px;} .feature-photo .add-btn {bottom: 140px;} .feature-photo .edit-phto.ec-pic {bottom: inherit;left: 20px !important;top: 20px;} /*.feature-photo .edit-phto.group-cover {bottom: inherit;left: 20px !important;top: 20px;}*/ /* company-dashboard-button*/ .company-links .clink {font-size: 18px;line-height: 1.4;font-weight: 900; margin: 12.5px 0;} /*company-search-area*/ .csa-like-bx .section-headline h5 {font-size: 22px;} .csa-like-bx .input-with-icon-left {width: 85%;} } @media(max-width:767px){ .feature-photo .add-btn {bottom: 90px;} /*datatable*/ div.dataTables_wrapper div.dataTables_info{white-space: normal !important;} .affiliation-bx .personal-info li {display: flex;} .submit-field .upload-bx .show-pictures{width: 100%; margin: 0 0 30px;} .upload-bx .img-preview-bx a {width: 100%;height: 200px;} .submit-field .upload-bx .show-pictures .uploadButton .uploadButton-file-name{justify-content: center;} ul.round-step li{display: block;margin:0 0 30px;} ul.round-step li:after{width: 5px;height: 32px;right: 50%;top: inherit;bottom: -32px;transform: translate(-50%, 0);} .portfolio-bx ,.picture-bx{margin: 0 0 30px;} .portfolio-bx .img,.picture-bx .img {height: 200px;} .feature-photo .user-avatar{width: 146px;height: 146px;} .ads-bx .ads-img a {height: 300px;} /*company-search-area*/ #company-search-area {margin-top: 100px !important;} .responsive-header .mh-text a img{height: 31px;} .jg-btn-bx span { margin-right: -70px; margin-top: -45px; width: 100%; text-align: center; display: block; line-height: 1.5; } .card-header-gap p.results-test {padding-bottom: 0;} .card-header-gap .card-wrapper .col-md-5 > .img-fluid {width: 40%;} .card-header-gap {margin-top: 80px;} } @media(max-width:575px){ /*.super_admin_dashboard*/ .super_admin_dashboard {width: 100%; margin: 50px auto; display: grid; grid-template-rows: inherit; grid-template-columns: inherit; grid-gap: 20px 0;} .super_admin_dashboard .dashboard-info {flex: 1 1 100%; grid-row: inherit; grid-column: inherit; } .super_admin_dashboard .dashboard-info .dashboard-chart {grid-row: inherit; grid-column: inherit;} .super_admin_dashboard .dashboard-info #chart_tasks {width: 90% !important;} .connect-bx .pepl-info{width: 100%;} .connect-bx .pepl-info > em{float: inherit;} /*jg-btn-bx*/ .jg-btn-bx a.add-butn { margin-right: 5px; } .jg-btn-bx span { margin-right: -70px; margin-top: -45px; width: 100%; text-align: center; display: block; line-height: 1.5; } /*header*/ .header-notifications-trigger .user-avatar {margin-top: 0;} .mm-listview .mm-menu .mm-listview>li .mm-counter {display: none;} .feature-photo .edit-phto.group-cover{right: inherit;left: 20px !important;top: 20px;} /*fillter-bx*/ .fillter-bx {display: block;} .fillter-bx .intro-search-field,.fillter-bx .intro-search-field .input-with-icon{width: 100%;} .fillter-bx .intro-search-button{padding: 0 12px 8px;} .fillter-bx .intro-search-button .button{width:100%;} .sign-bg {margin-top: 30px;} .ecosystem h2 {font-size: 35px;margin-bottom: 20px;} .basic-info-bx{width: 100%;} .input-group.action-btn-bx .input-group-btn .btn{ height: 47px; line-height: 2;} .card-bx .pricing-plans-container{margin-top: 0;} /*company-search-area*/ .csa-like-bx .section-headline {padding: 0;text-align: center;} .csa-like-bx .section-headline h5 {font-size: 22px;} .csa-like-bx .input-with-icon-left {width: 100%;} /*mr-action-bx*/ .mr-action-bx .uploadButton {position: relative;} .mr-action-bx .uploadButton .uploadButton-file-name{margin-top: 0} .mr-action-bx .uploadButton .uploadButton-input{margin: 0;line-height: 0;bottom:0;right: 13px;} .mr-action-bx .uploadButton .uploadButton-button{width: 56px; margin-left: auto;} .jl-details .job-listing .btnJoblevel{position: inherit;top: inherit;transform: inherit;right: inherit; margin-top: 15px;} .user-avatar {margin-top: 20px;} .feature-photo > figure {height: 110px;} .feature-photo > figure img {height: 100%;} .feature-photo .add-btn {bottom: auto;top: 70px;right: 30px;} .feature-photo .user-avatar{width: 40%;height: auto; margin: 15px 0 12px;} /*modal*/ .modal-dialog-bx .popup-tabs-nav {padding-top: 50px; height: 50px; } .modal-dialog-bx .popup-tabs-nav li:first-child { border-top: 1px solid #e0e0e0; } .modal-dialog-bx .popup-tabs-nav li { border-bottom: 1px solid #e0e0e0; } .modal-dialog-bx .popup-tabs-nav li, .modal-dialog-bx .popup-tabs-nav li a {width: 100%; text-align: center; height: 50px; line-height: 50px; } .modal-dialog-bx .popup-tabs-nav li a:hover {background-color: transparent; } .modal-dialog-bx .mfp-close{height: 50px; width: 50px; } .responsive-notify ul,.responsive-header .mh-head.second{display: flex !important;} .chatroom-bx{right: 20px; width: 89%; z-index: 9999;} .chatroom-bx .chat-header,.chatroom-bx .chat-header .user-details{display: flex !important;} .chatroom-bx .chat-header .actions-bx{width: 30%;} .user-post .post-meta .videoDiv video{width: 100%;} .user-bar.social-bx > ul {text-align: left;} .naves.shortcuts-bx li a.d-flex{display: flex !important;} .job-desc {width: 40% !important;} .submit-field .upload-bx li {width:100% !important;margin: 0 0 20px;} .card-bx .pricing-plans-container.res-bx {margin-top: 40px !important;} .basic-info-img{width: 100%;} .connect-bx .tab-content .tab-pane{padding: 15px;} .connect-bx .tab-content .tab-pane .nearby-contct > li{padding: 10px;} .connect-bx .tab-content .tab-pane .nearby-contct > li .pepl-info {width: 100% !important;padding: 10px 0 0 0;} .connect-bx .tab-content .tab-pane .nearby-contct > li .pepl-info a.add-butn{top: -25px;} .connect-bx .tab-content .tab-pane .nearby-contct > li .pepl-info > em {width: 100%;margin: 15px 0 0 0;} .portfolio-imgs.photos > li,.nearby-contct.custom-list-bx.certification-bx li{width: 100%;} .connect-bx, .notification-bx{min-height: auto;} .notification-bx .notify-bar .all_inbox{margin: 0 0 20px;} .notification-bx .notify-bar .searchField_outer .search_field {margin-top: 20px;} .notification-bx .notify-bar .searchField_outer .search_field input{width: 100%;} .central-meta.chat-bx{background-color: transparent;border: 0;} .central-meta.chat-bx .chat-head{display: flex !important;padding: 15px;} .central-meta.chat-bx .editing-interest ul {background-color: #fdfdfd;} .central-meta.chat-bx .editing-interest ul,.central-meta.chat-bx .editing-interest .chat-box {width: 100%;margin: 0 0 40px;} .central-meta.chat-bx .editing-interest{height: auto;} /*advertisement -box*/ .ads-bx .ads-img a {height: 350px;} /*.ads-bx .ads-img,.jobs-list-desc-bx{width: 395px;}*/ } @media (max-width: 480px){ .we-comet .comet-avatar {padding-right: 13px;} .we-comet li ul {padding-left: 50px;} .we-comet li ul li .comet-avatar {padding-right: 13px;width:3.3%;max-width: 3.3%;padding-top: 2px;} .we-comet li h5,.we-comet li ul li h5 {width: 100%;} .we-comet li ul li a,.we-comet li ul li span.like, .we-comet li a,.we-comet li span.like {position: relative;display: inline-block;} .we-comet li span,.we-comet li ul li span {padding-left: 0;} .we-comet li span.like ins,.we-comet li ul li span.like ins{top: -2px !important;right: -8px;} } @media (max-width: 375px){ /*jg-btn-bx*/ .jg-btn-bx a.add-butn { top: 27px; } /*advertisement -box*/ .ads-bx .ads-img a {height: 300px;} /*.ads-bx .ads-img,.jobs-list-desc-bx{width: 355px;}*/ /* company-dashboard-button*/ .company-links .clink {font-weight: 600;} .regestration-bx .freelancer-indicators .indicator strong {right: -10px;} } @media (max-width: 320px){ /*jg-btn-bx*/ .pepl-info > em{float: inherit;} .jg-btn-bx a.add-butn { top: 0px; } .jg-btn-bx span { margin: -7px -5px 0 0; font-size: 10px; text-align: center; float: right; width: 70%; } /*advertisement -box*/ /*.ads-bx .ads-img,.jobs-list-desc-bx{width: 300px;}*/ } /* ------------------------------------------------------------------- */ /* #283263 (42,65,232) ---------------------------------------------------------------------- */ .numbered.color ol > li::before { border:1px solid #283263; color:#283263; } .numbered.color.filled ol > li::before { border:1px solid #283263; background-color:#283263; } .radio input[type="radio"]:checked + label .radio-label { background-color:#283263; border-color:#283263; } .checkbox input:checked + label span.checkbox-icon { background-color:#283263; border-color:#283263; } .slider-handle { border:2px solid #283263; } .infoBox-close:hover { color:#fff; background-color:#283263; } .message-bubble.me .message-text:before { border-left:6px solid #283263; } a, .header-widget .log-in-button:hover i, .notification-text span.color, .header-notifications-content .notification-text span.color, ul.user-menu-small-nav li a:hover, ul.user-menu-small-nav li a:hover i, #navigation ul li:hover a:after, #navigation ul li a.current, #navigation ul li a.current:after, #navigation ul li:hover a, #breadcrumbs ul li a:hover, #breadcrumbs.white ul li a:hover, .single-page-header .header-details li a:hover, .blog-post-content h3 a:hover, #posts-nav li a:hover, .task-tags span, .freelancer-detail-item a:hover, .list-4 li:before, .list-3 li:before, .list-2 li:before, .list-1 li:before, .share-buttons-content span strong, .keyword, .banner-headline strong.color, .category-box-icon, .recommended .pricing-plan-label, .recommended .pricing-plan-label strong, .boxed-widget.summary li.total-costs span, .testimonial-box:before, .single-counter h3, .popup-tabs-nav li.active a, .dialog-with-tabs .forgot-password:hover, .dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .bootstrap-select .dropdown-menu li.selected a span.check-mark:before, .bootstrap-select .dropdown-menu li.selected:hover a span.check-mark:before, .boxed-list-headline h3 i, .boxed-list-item .item-details .detail-item a:hover, .job-overview .job-overview-inner ul li i, .dashboard-nav ul:before, .dashboard-nav ul li.active-submenu a i, .dashboard-nav ul li.active a i, .dashboard-nav ul li:hover a i, .dashboard-nav ul li.active-submenu a, .dashboard-nav ul li:hover a, .dashboard-nav ul li.active a, .dashboard-nav ul li.active-submenu a:after, .dashboard-nav ul li.active a:after, .dashboard-nav ul li:hover a:after, .dashboard-box .headline h3 i, .help-icon, .header-widget .log-in-button:hover, .header-widget .log-in-button:hover i { color:#283263; } #backtotop a, .header-notifications-trigger span, a.header-notifications-button, #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after, #navigation ul ul.dropdown-nav li:hover a:after, .mm-menu em.mm-counter, .language-switcher.bootstrap-select.btn-group.open button, .language-switcher.bootstrap-select.btn-group button:hover, .footer-links ul li a span:before, .newsletter button, .pagination ul li a.current-page, a.blog-post-info:hover, #posts-nav li a:hover span, .comment-by a.reply:hover, .contact-address-headline:after, .enable-filters-button span, .enable-filters-button i, .job-listing.with-apply-button:hover .list-apply-button, .letters-list a.current, span.button, button.button, /* :not — let Tailwind bg-* utility buttons keep their own background (legacy buttons keep this theme navy) */ input[type="button"]:not([class*="bg-"]), input[type="submit"]:not([class*="bg-"]), a.button, .list-1 li:before, mark.color, table.basic-table th, .copy-url .copy-url-button, .keyword-input-container .keyword-input-button, .tags-container input[type="checkbox"]:checked + label, input:checked + .switch-button, .radio input[type="radio"] + label .radio-label:after, .uploadButton .uploadButton-button:hover, .pricing-plan .button:hover, .pricing-plan.recommended .button, .pricing-plan .recommended-badge, .payment-tab-trigger > input:checked ~ label::after, .breathing-icon, .icon-box-check, .testimonial-author span, .qtyInc:hover, .qtyDec:hover, #sign-in-dialog .mfp-close:hover, #small-dialog-1 .mfp-close:hover, #small-dialog-2 .mfp-close:hover, #small-dialog-3 .mfp-close:hover, #small-dialog-4 .mfp-close:hover, #small-dialog .mfp-close:hover, .slider-selection, .cluster-visible, .marker-container, .custom-zoom-in:hover, .custom-zoom-out:hover, #geoLocation:hover, #streetView:hover, #scrollEnabling:hover, #scrollEnabling.enabled, a.apply-now-button, a.attachment-box:hover, .freelancer-indicators .indicator-bar span, .dashboard-nav ul li span.nav-tag, .dashboard-box .button.dark:not(.ico):hover, .messages-inbox ul li:before, .message-by h5 i, .message-bubble.me .message-text { background-color:#283263; } .transparent-header #navigation > ul li:hover ul li:hover a:after, .transparent-header #navigation > ul li:hover a:after, .transparent-header #navigation > ul li a.current:after, .compact-list-layout .job-listing:before, .tasks-list-container.compact-list .task-listing:before, .compact-list.freelancers-list-layout .freelancer:before, .accordion-header, .tabs-header, .intro-search-field .field-title, .category-box:hover, .photo-box:hover:before, .photo-box.small .photo-box-content span, .slick-prev:hover, .slick-next:hover, .bootstrap-select.btn-group .bs-actionsbox div button:hover { background:#283263; } .uploadButton .uploadButton-button, .pricing-plan .button { color:#283263; border:1px solid #283263; } .payment-tab-trigger > input:checked ~ label::before, .dashboard-nav ul li.active-submenu, .dashboard-nav ul li.active, .dashboard-nav ul li:hover { border-color:#283263; } #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after, #navigation ul ul.dropdown-nav li:hover a:after, #navigation ul li:hover a:after { background: rgba(42,65,232,0.13); } #navigation ul li a.current:after { background: rgba(42,65,232,0.13); } .pagination ul li a.current-page { box-shadow: 0 2px 8px rgba(42,65,232,0.25) } .sidebar-search-button-container button { box-shadow: 0 4px 12px rgba(42,65,232,0.1); } .sidebar-search-button-container button:hover { box-shadow: 0 4px 12px rgba(42,65,232,0.25); } .job-listing.with-apply-button:hover .list-apply-button { box-shadow: 0 4px 12px rgba(42,65,232,0.15); } .task-listing-bid-inner .button { box-shadow: 0 4px 12px rgba(42,65,232,0.15); } .task-listing-bid-inner .button:hover { box-shadow: 0 4px 12px rgba(42,65,232,0.25); } .task-tags span { background-color: rgba(42,65,232,.07); } .freelancers-grid-layout .freelancer-details a.button { box-shadow: 0 4px 12px rgba(42,65,232,0.1); } .freelancer-details a.button:hover { box-shadow: 0 4px 12px rgba(42,65,232,0.2); } .freelancers-list-layout .freelancer-details a.button { box-shadow: 0 4px 12px rgba(42,65,232,0.15); } .freelancers-list-layout .freelancer-details a.button:hover { box-shadow: 0 4px 12px rgba(42,65,232,0.25); } .letters-list a.current { box-shadow: 0 2px 8px rgba(42,65,232,0.25); } span.button, button.button, input[type="button"]:not([class*="bg-"]), input[type="submit"]:not([class*="bg-"]), a.button { box-shadow: 0 4px 12px rgba(42,65,232,0.15); } .move-on-hover { box-shadow: 0 4px 12px rgba(42,65,232,0.1); } .move-on-hover:hover { box-shadow: 0 4px 12px rgba(42,65,232,0.2); } .keyword { background-color: rgba(42,65,232,0.07); } @keyframes switch-shadow-color { 0% { box-shadow: 0 0 0 0 rgba(42,65,232,0.6); } 100% { box-shadow: 0 0 0px 10px rgba(0,0,0,0); } } @keyframes radius-shadow { 0% { box-shadow: 0 0 0 0 rgba(42,65,232,0.4); } 100% { box-shadow: 0 0 0 10px rgba(0,0,0,0); } } .uploadButton .uploadButton-button { box-shadow: 0 3px 10px rgba(42,65,232,0.1); } .uploadButton .uploadButton-button:hover { box-shadow: 0 4px 12px rgba(42,65,232,0.15); } .category-box:hover { box-shadow: 0 4px 12px rgba(42,65,232,0.2); } .photo-box:hover { box-shadow: 0 4px 12px rgba(42,65,232,0.25); } .recommended .pricing-plan-label { background-color: rgba(42,65,232,0.06); } .pricing-plan .button:hover, .pricing-plan.recommended .button { box-shadow: 0 4px 12px rgba(42,65,232,0.15); } .pricing-plan .button { box-shadow: 0 4px 12px rgba(42,65,232,0.1); } .pricing-plan .button:hover { box-shadow: 0 4px 12px rgba(42,65,232,0.15); } .breathing-icon { box-shadow: 0 0 0 15px rgba(42,65,232,0.07); } @keyframes bicokAnim { 0%,100% { box-shadow: 0 0 0 15px rgba(42,65,232,0.07); } 50% { box-shadow: 0 0 0 28px rgba(42,65,232,0.12); } } .icon-box-check { box-shadow: 0 0 0 5px rgba(42,65,232,0.1); } @keyframes checkAnim { 0%,100% { box-shadow: 0 0 0 5px rgba(42,65,232,0.15); } 50% { box-shadow: 0 0 0 8px rgba(42,65,232,0.15); } } .testimonial-author span { box-shadow: 0 2px 10px rgba(42,65,232,0.25); } .bidding-widget .button { box-shadow: 0 4px 12px rgba(42,65,232,0.15); } .bidding-widget .button:hover { box-shadow: 0 4px 12px rgba(42,65,232,0.25); } .dialog-with-tabs .button { box-shadow: 0 4px 12px rgba(42,65,232,0.15); } .slider-handle:after { box-shadow: 0 0 0px 6px rgba(42,65,232,.12); } .slider-handle:hover:after { box-shadow: 0 0 0px 8px rgba(42,65,232,.12); } .dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover { background-color: rgba(42,65,232,0.07); } @keyframes clusterAnimation { 0%,100% { box-shadow: 0 0 0 6px rgba(42,65,232,0.15); } 50% { box-shadow: 0 0 0 10px rgba(42,65,232,0.15); } } @keyframes markerAnimation { 0%,100% { box-shadow: 0 0 0 6px rgba(42,65,232,0.15); } 50% { box-shadow: 0 0 0 8px rgba(42,65,232,0.15); } } a.apply-now-button { box-shadow: 0 2px 8px rgba(42,65,232,0.15); } a.apply-now-button:hover { box-shadow: 0 2px 8px rgba(42,65,232,0.35); } .dashboard-nav ul li.active-submenu, .dashboard-nav ul li.active, .dashboard-nav ul li:hover { background-color: rgba(42,65,232,0.04); } .dashboard-nav ul li.active-submenu a:after, .dashboard-nav ul li.active a:after, .dashboard-nav ul li:hover a:after { background: rgba(42,65,232,0.13); } .dashboard-box-list .button { box-shadow: 0 3px 8px rgba(42,65,232,0.15); } .dashboard-box .button.dark:not(.ico):hover { box-shadow: 0 3px 8px rgba(42,65,232,0.15); } #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after, #navigation ul ul.dropdown-nav li:hover a:after { background-color:#283263; } @font-face { font-family: themify; src: url(/../fonts/themify.eot?-fvbane); src: url(/../fonts/themify.eot?#iefix-fvbane) format('embedded-opentype'), url(/../fonts/themify.woff?-fvbane) format('woff'), url(/../fonts/themify.ttf?-fvbane) format('truetype'), url(/../fonts/themify.svg?-fvbane#themify) format('svg'); font-weight: 400; font-style: normal } [class*=" ti-"], [class^=ti-] { font-family: themify; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .ti-wand:before { content: "\e600" } .ti-volume:before { content: "\e601" } .ti-user:before { content: "\e602" } .ti-unlock:before { content: "\e603" } .ti-unlink:before { content: "\e604" } .ti-trash:before { content: "\e605" } .ti-thought:before { content: "\e606" } .ti-target:before { content: "\e607" } .ti-tag:before { content: "\e608" } .ti-tablet:before { content: "\e609" } .ti-star:before { content: "\e60a" } .ti-spray:before { content: "\e60b" } .ti-signal:before { content: "\e60c" } .ti-shopping-cart:before { content: "\e60d" } .ti-shopping-cart-full:before { content: "\e60e" } .ti-settings:before { content: "\e60f" } .ti-search:before { content: "\e610" } .ti-zoom-in:before { content: "\e611" } .ti-zoom-out:before { content: "\e612" } .ti-cut:before { content: "\e613" } .ti-ruler:before { content: "\e614" } .ti-ruler-pencil:before { content: "\e615" } .ti-ruler-alt:before { content: "\e616" } .ti-bookmark:before { content: "\e617" } .ti-bookmark-alt:before { content: "\e618" } .ti-reload:before { content: "\e619" } .ti-plus:before { content: "\e61a" } .ti-pin:before { content: "\e61b" } .ti-pencil:before { content: "\e61c" } .ti-pencil-alt:before { content: "\e61d" } .ti-paint-roller:before { content: "\e61e" } .ti-paint-bucket:before { content: "\e61f" } .ti-na:before { content: "\e620" } .ti-mobile:before { content: "\e621" } .ti-minus:before { content: "\e622" } .ti-medall:before { content: "\e623" } .ti-medall-alt:before { content: "\e624" } .ti-marker:before { content: "\e625" } .ti-marker-alt:before { content: "\e626" } .ti-arrow-up:before { content: "\e627" } .ti-arrow-right:before { content: "\e628" } .ti-arrow-left:before { content: "\e629" } .ti-arrow-down:before { content: "\e62a" } .ti-lock:before { content: "\e62b" } .ti-location-arrow:before { content: "\e62c" } .ti-link:before { content: "\e62d" } .ti-layout:before { content: "\e62e" } .ti-layers:before { content: "\e62f" } .ti-layers-alt:before { content: "\e630" } .ti-key:before { content: "\e631" } .ti-import:before { content: "\e632" } .ti-image:before { content: "\e633" } .ti-heart:before { content: "\e634" } .ti-heart-broken:before { content: "\e635" } .ti-hand-stop:before { content: "\e636" } .ti-hand-open:before { content: "\e637" } .ti-hand-drag:before { content: "\e638" } .ti-folder:before { content: "\e639" } .ti-flag:before { content: "\e63a" } .ti-flag-alt:before { content: "\e63b" } .ti-flag-alt-2:before { content: "\e63c" } .ti-eye:before { content: "\e63d" } .ti-export:before { content: "\e63e" } .ti-exchange-vertical:before { content: "\e63f" } .ti-desktop:before { content: "\e640" } .ti-cup:before { content: "\e641" } .ti-crown:before { content: "\e642" } .ti-comments:before { content: "\e643" } .ti-comment:before { content: "\e644" } .ti-comment-alt:before { content: "\e645" } .ti-close:before { content: "\e646" } .ti-clip:before { content: "\e647" } .ti-angle-up:before { content: "\e648" } .ti-angle-right:before { content: "\e649" } .ti-angle-left:before { content: "\e64a" } .ti-angle-down:before { content: "\e64b" } .ti-check:before { content: "\e64c" } .ti-check-box:before { content: "\e64d" } .ti-camera:before { content: "\e64e" } .ti-announcement:before { content: "\e64f" } .ti-brush:before { content: "\e650" } .ti-briefcase:before { content: "\e651" } .ti-bolt:before { content: "\e652" } .ti-bolt-alt:before { content: "\e653" } .ti-blackboard:before { content: "\e654" } .ti-bag:before { content: "\e655" } .ti-move:before { content: "\e656" } .ti-arrows-vertical:before { content: "\e657" } .ti-arrows-horizontal:before { content: "\e658" } .ti-fullscreen:before { content: "\e659" } .ti-arrow-top-right:before { content: "\e65a" } .ti-arrow-top-left:before { content: "\e65b" } .ti-arrow-circle-up:before { content: "\e65c" } .ti-arrow-circle-right:before { content: "\e65d" } .ti-arrow-circle-left:before { content: "\e65e" } .ti-arrow-circle-down:before { content: "\e65f" } .ti-angle-double-up:before { content: "\e660" } .ti-angle-double-right:before { content: "\e661" } .ti-angle-double-left:before { content: "\e662" } .ti-angle-double-down:before { content: "\e663" } .ti-zip:before { content: "\e664" } .ti-world:before { content: "\e665" } .ti-wheelchair:before { content: "\e666" } .ti-view-list:before { content: "\e667" } .ti-view-list-alt:before { content: "\e668" } .ti-view-grid:before { content: "\e669" } .ti-uppercase:before { content: "\e66a" } .ti-upload:before { content: "\e66b" } .ti-underline:before { content: "\e66c" } .ti-truck:before { content: "\e66d" } .ti-timer:before { content: "\e66e" } .ti-ticket:before { content: "\e66f" } .ti-thumb-up:before { content: "\e670" } .ti-thumb-down:before { content: "\e671" } .ti-text:before { content: "\e672" } .ti-stats-up:before { content: "\e673" } .ti-stats-down:before { content: "\e674" } .ti-split-v:before { content: "\e675" } .ti-split-h:before { content: "\e676" } .ti-smallcap:before { content: "\e677" } .ti-shine:before { content: "\e678" } .ti-shift-right:before { content: "\e679" } .ti-shift-left:before { content: "\e67a" } .ti-shield:before { content: "\e67b" } .ti-notepad:before { content: "\e67c" } .ti-server:before { content: "\e67d" } .ti-quote-right:before { content: "\e67e" } .ti-quote-left:before { content: "\e67f" } .ti-pulse:before { content: "\e680" } .ti-printer:before { content: "\e681" } .ti-power-off:before { content: "\e682" } .ti-plug:before { content: "\e683" } .ti-pie-chart:before { content: "\e684" } .ti-paragraph:before { content: "\e685" } .ti-panel:before { content: "\e686" } .ti-package:before { content: "\e687" } .ti-music:before { content: "\e688" } .ti-music-alt:before { content: "\e689" } .ti-mouse:before { content: "\e68a" } .ti-mouse-alt:before { content: "\e68b" } .ti-money:before { content: "\e68c" } .ti-microphone:before { content: "\e68d" } .ti-menu:before { content: "\e68e" } .ti-menu-alt:before { content: "\e68f" } .ti-map:before { content: "\e690" } .ti-map-alt:before { content: "\e691" } .ti-loop:before { content: "\e692" } .ti-location-pin:before { content: "\e693" } .ti-list:before { content: "\e694" } .ti-light-bulb:before { content: "\e695" } .ti-Italic:before { content: "\e696" } .ti-info:before { content: "\e697" } .ti-infinite:before { content: "\e698" } .ti-id-badge:before { content: "\e699" } .ti-hummer:before { content: "\e69a" } .ti-home:before { content: "\e69b" } .ti-help:before { content: "\e69c" } .ti-headphone:before { content: "\e69d" } .ti-harddrives:before { content: "\e69e" } .ti-harddrive:before { content: "\e69f" } .ti-gift:before { content: "\e6a0" } .ti-game:before { content: "\e6a1" } .ti-filter:before { content: "\e6a2" } .ti-files:before { content: "\e6a3" } .ti-file:before { content: "\e6a4" } .ti-eraser:before { content: "\e6a5" } .ti-envelope:before { content: "\e6a6" } .ti-download:before { content: "\e6a7" } .ti-direction:before { content: "\e6a8" } .ti-direction-alt:before { content: "\e6a9" } .ti-dashboard:before { content: "\e6aa" } .ti-control-stop:before { content: "\e6ab" } .ti-control-shuffle:before { content: "\e6ac" } .ti-control-play:before { content: "\e6ad" } .ti-control-pause:before { content: "\e6ae" } .ti-control-forward:before { content: "\e6af" } .ti-control-backward:before { content: "\e6b0" } .ti-cloud:before { content: "\e6b1" } .ti-cloud-up:before { content: "\e6b2" } .ti-cloud-down:before { content: "\e6b3" } .ti-clipboard:before { content: "\e6b4" } .ti-car:before { content: "\e6b5" } .ti-calendar:before { content: "\e6b6" } .ti-book:before { content: "\e6b7" } .ti-bell:before { content: "\e6b8" } .ti-basketball:before { content: "\e6b9" } .ti-bar-chart:before { content: "\e6ba" } .ti-bar-chart-alt:before { content: "\e6bb" } .ti-back-right:before { content: "\e6bc" } .ti-back-left:before { content: "\e6bd" } .ti-arrows-corner:before { content: "\e6be" } .ti-archive:before { content: "\e6bf" } .ti-anchor:before { content: "\e6c0" } .ti-align-right:before { content: "\e6c1" } .ti-align-left:before { content: "\e6c2" } .ti-align-justify:before { content: "\e6c3" } .ti-align-center:before { content: "\e6c4" } .ti-alert:before { content: "\e6c5" } .ti-alarm-clock:before { content: "\e6c6" } .ti-agenda:before { content: "\e6c7" } .ti-write:before { content: "\e6c8" } .ti-window:before { content: "\e6c9" } .ti-widgetized:before { content: "\e6ca" } .ti-widget:before { content: "\e6cb" } .ti-widget-alt:before { content: "\e6cc" } .ti-wallet:before { content: "\e6cd" } .ti-video-clapper:before { content: "\e6ce" } .ti-video-camera:before { content: "\e6cf" } .ti-vector:before { content: "\e6d0" } .ti-themify-logo:before { content: "\e6d1" } .ti-themify-favicon:before { content: "\e6d2" } .ti-themify-favicon-alt:before { content: "\e6d3" } .ti-support:before { content: "\e6d4" } .ti-stamp:before { content: "\e6d5" } .ti-split-v-alt:before { content: "\e6d6" } .ti-slice:before { content: "\e6d7" } .ti-shortcode:before { content: "\e6d8" } .ti-shift-right-alt:before { content: "\e6d9" } .ti-shift-left-alt:before { content: "\e6da" } .ti-ruler-alt-2:before { content: "\e6db" } .ti-receipt:before { content: "\e6dc" } .ti-pin2:before { content: "\e6dd" } .ti-pin-alt:before { content: "\e6de" } .ti-pencil-alt2:before { content: "\e6df" } .ti-palette:before { content: "\e6e0" } .ti-more:before { content: "\e6e1" } .ti-more-alt:before { content: "\e6e2" } .ti-microphone-alt:before { content: "\e6e3" } .ti-magnet:before { content: "\e6e4" } .ti-line-double:before { content: "\e6e5" } .ti-line-dotted:before { content: "\e6e6" } .ti-line-dashed:before { content: "\e6e7" } .ti-layout-width-full:before { content: "\e6e8" } .ti-layout-width-default:before { content: "\e6e9" } .ti-layout-width-default-alt:before { content: "\e6ea" } .ti-layout-tab:before { content: "\e6eb" } .ti-layout-tab-window:before { content: "\e6ec" } .ti-layout-tab-v:before { content: "\e6ed" } .ti-layout-tab-min:before { content: "\e6ee" } .ti-layout-slider:before { content: "\e6ef" } .ti-layout-slider-alt:before { content: "\e6f0" } .ti-layout-sidebar-right:before { content: "\e6f1" } .ti-layout-sidebar-none:before { content: "\e6f2" } .ti-layout-sidebar-left:before { content: "\e6f3" } .ti-layout-placeholder:before { content: "\e6f4" } .ti-layout-menu:before { content: "\e6f5" } .ti-layout-menu-v:before { content: "\e6f6" } .ti-layout-menu-separated:before { content: "\e6f7" } .ti-layout-menu-full:before { content: "\e6f8" } .ti-layout-media-right-alt:before { content: "\e6f9" } .ti-layout-media-right:before { content: "\e6fa" } .ti-layout-media-overlay:before { content: "\e6fb" } .ti-layout-media-overlay-alt:before { content: "\e6fc" } .ti-layout-media-overlay-alt-2:before { content: "\e6fd" } .ti-layout-media-left-alt:before { content: "\e6fe" } .ti-layout-media-left:before { content: "\e6ff" } .ti-layout-media-center-alt:before { content: "\e700" } .ti-layout-media-center:before { content: "\e701" } .ti-layout-list-thumb:before { content: "\e702" } .ti-layout-list-thumb-alt:before { content: "\e703" } .ti-layout-list-post:before { content: "\e704" } .ti-layout-list-large-image:before { content: "\e705" } .ti-layout-line-solid:before { content: "\e706" } .ti-layout-grid4:before { content: "\e707" } .ti-layout-grid3:before { content: "\e708" } .ti-layout-grid2:before { content: "\e709" } .ti-layout-grid2-thumb:before { content: "\e70a" } .ti-layout-cta-right:before { content: "\e70b" } .ti-layout-cta-left:before { content: "\e70c" } .ti-layout-cta-center:before { content: "\e70d" } .ti-layout-cta-btn-right:before { content: "\e70e" } .ti-layout-cta-btn-left:before { content: "\e70f" } .ti-layout-column4:before { content: "\e710" } .ti-layout-column3:before { content: "\e711" } .ti-layout-column2:before { content: "\e712" } .ti-layout-accordion-separated:before { content: "\e713" } .ti-layout-accordion-merged:before { content: "\e714" } .ti-layout-accordion-list:before { content: "\e715" } .ti-ink-pen:before { content: "\e716" } .ti-info-alt:before { content: "\e717" } .ti-help-alt:before { content: "\e718" } .ti-headphone-alt:before { content: "\e719" } .ti-hand-point-up:before { content: "\e71a" } .ti-hand-point-right:before { content: "\e71b" } .ti-hand-point-left:before { content: "\e71c" } .ti-hand-point-down:before { content: "\e71d" } .ti-gallery:before { content: "\e71e" } .ti-face-smile:before { content: "\e71f" } .ti-face-sad:before { content: "\e720" } .ti-credit-card:before { content: "\e721" } .ti-control-skip-forward:before { content: "\e722" } .ti-control-skip-backward:before { content: "\e723" } .ti-control-record:before { content: "\e724" } .ti-control-eject:before { content: "\e725" } .ti-comments-smiley:before { content: "\e726" } .ti-brush-alt:before { content: "\e727" } .ti-youtube:before { content: "\e728" } .ti-vimeo:before { content: "\e729" } .ti-twitter:before { content: "\e72a" } .ti-time:before { content: "\e72b" } .ti-tumblr:before { content: "\e72c" } .ti-skype:before { content: "\e72d" } .ti-share:before { content: "\e72e" } .ti-share-alt:before { content: "\e72f" } .ti-rocket:before { content: "\e730" } .ti-pinterest:before { content: "\e731" } .ti-new-window:before { content: "\e732" } .ti-microsoft:before { content: "\e733" } .ti-list-ol:before { content: "\e734" } .ti-linkedin:before { content: "\e735" } .ti-layout-sidebar-2:before { content: "\e736" } .ti-layout-grid4-alt:before { content: "\e737" } .ti-layout-grid3-alt:before { content: "\e738" } .ti-layout-grid2-alt:before { content: "\e739" } .ti-layout-column4-alt:before { content: "\e73a" } .ti-layout-column3-alt:before { content: "\e73b" } .ti-layout-column2-alt:before { content: "\e73c" } .ti-instagram:before { content: "\e73d" } .ti-google:before { content: "\e73e" } .ti-github:before { content: "\e73f" } .ti-flickr:before { content: "\e740" } .ti-facebook:before { content: "\e741" } .ti-dropbox:before { content: "\e742" } .ti-dribbble:before { content: "\e743" } .ti-apple:before { content: "\e744" } .ti-android:before { content: "\e745" } .ti-save:before { content: "\e746" } .ti-save-alt:before { content: "\e747" } .ti-yahoo:before { content: "\e748" } .ti-wordpress:before { content: "\e749" } .ti-vimeo-alt:before { content: "\e74a" } .ti-twitter-alt:before { content: "\e74b" } .ti-tumblr-alt:before { content: "\e74c" } .ti-trello:before { content: "\e74d" } .ti-stack-overflow:before { content: "\e74e" } .ti-soundcloud:before { content: "\e74f" } .ti-sharethis:before { content: "\e750" } .ti-sharethis-alt:before { content: "\e751" } .ti-reddit:before { content: "\e752" } .ti-pinterest-alt:before { content: "\e753" } .ti-microsoft-alt:before { content: "\e754" } .ti-linux:before { content: "\e755" } .ti-jsfiddle:before { content: "\e756" } .ti-joomla:before { content: "\e757" } .ti-html5:before { content: "\e758" } .ti-flickr-alt:before { content: "\e759" } .ti-email:before { content: "\e75a" } .ti-drupal:before { content: "\e75b" } .ti-dropbox-alt:before { content: "\e75c" } .ti-css3:before { content: "\e75d" } .ti-rss:before { content: "\e75e" } .ti-rss-alt:before { content: "\e75f" } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: FontAwesome; src: url(/../fonts/fontawesome-webfont.eot?v=4.7.0); src: url(/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(/../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(/../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(/../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url(/../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg'); font-weight: 400; font-style: normal } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571429em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } .fa-ul>li { position: relative } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center } .fa-li.fa-lg { left: -1.85714286em } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left { margin-right: .3em } .fa.fa-pull-right { margin-left: .3em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fa-rotate-90 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 { filter: none } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "\f000" } .fa-music:before { content: "\f001" } .fa-search:before { content: "\f002" } .fa-envelope-o:before { content: "\f003" } .fa-heart:before { content: "\f004" } .fa-star:before { content: "\f005" } .fa-star-o:before { content: "\f006" } .fa-user:before { content: "\f007" } .fa-film:before { content: "\f008" } .fa-th-large:before { content: "\f009" } .fa-th:before { content: "\f00a" } .fa-th-list:before { content: "\f00b" } .fa-check:before { content: "\f00c" } .fa-close:before, .fa-remove:before, .fa-times:before { content: "\f00d" } .fa-search-plus:before { content: "\f00e" } .fa-search-minus:before { content: "\f010" } .fa-power-off:before { content: "\f011" } .fa-signal:before { content: "\f012" } .fa-cog:before, .fa-gear:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-repeat:before, .fa-rotate-right:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before, .fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-image:before, .fa-photo:before, .fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-question-circle:before { content: "\f059" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-times-circle-o:before { content: "\f05c" } .fa-check-circle-o:before { content: "\f05d" } .fa-ban:before { content: "\f05e" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-mail-forward:before, .fa-share:before { content: "\f064" } .fa-expand:before { content: "\f065" } .fa-compress:before { content: "\f066" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-asterisk:before { content: "\f069" } .fa-exclamation-circle:before { content: "\f06a" } .fa-gift:before { content: "\f06b" } .fa-leaf:before { content: "\f06c" } .fa-fire:before { content: "\f06d" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-exclamation-triangle:before, .fa-warning:before { content: "\f071" } .fa-plane:before { content: "\f072" } .fa-calendar:before { content: "\f073" } .fa-random:before { content: "\f074" } .fa-comment:before { content: "\f075" } .fa-magnet:before { content: "\f076" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-retweet:before { content: "\f079" } .fa-shopping-cart:before { content: "\f07a" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-arrows-v:before { content: "\f07d" } .fa-arrows-h:before { content: "\f07e" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080" } .fa-twitter-square:before { content: "\f081" } .fa-facebook-square:before { content: "\f082" } .fa-camera-retro:before { content: "\f083" } .fa-key:before { content: "\f084" } .fa-cogs:before, .fa-gears:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-thumbs-o-up:before { content: "\f087" } .fa-thumbs-o-down:before { content: "\f088" } .fa-star-half:before { content: "\f089" } .fa-heart-o:before { content: "\f08a" } .fa-sign-out:before { content: "\f08b" } .fa-linkedin-square:before { content: "\f08c" } .fa-thumb-tack:before { content: "\f08d" } .fa-external-link:before { content: "\f08e" } .fa-sign-in:before { content: "\f090" } .fa-trophy:before { content: "\f091" } .fa-github-square:before { content: "\f092" } .fa-upload:before { content: "\f093" } .fa-lemon-o:before { content: "\f094" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-unlock:before { content: "\f09c" } .fa-credit-card:before { content: "\f09d" } .fa-feed:before, .fa-rss:before { content: "\f09e" } .fa-hdd-o:before { content: "\f0a0" } .fa-bullhorn:before { content: "\f0a1" } .fa-bell:before { content: "\f0f3" } .fa-certificate:before { content: "\f0a3" } .fa-hand-o-right:before { content: "\f0a4" } .fa-hand-o-left:before { content: "\f0a5" } .fa-hand-o-up:before { content: "\f0a6" } .fa-hand-o-down:before { content: "\f0a7" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-globe:before { content: "\f0ac" } .fa-wrench:before { content: "\f0ad" } .fa-tasks:before { content: "\f0ae" } .fa-filter:before { content: "\f0b0" } .fa-briefcase:before { content: "\f0b1" } .fa-arrows-alt:before { content: "\f0b2" } .fa-group:before, .fa-users:before { content: "\f0c0" } .fa-chain:before, .fa-link:before { content: "\f0c1" } .fa-cloud:before { content: "\f0c2" } .fa-flask:before { content: "\f0c3" } .fa-cut:before, .fa-scissors:before { content: "\f0c4" } .fa-copy:before, .fa-files-o:before { content: "\f0c5" } .fa-paperclip:before { content: "\f0c6" } .fa-floppy-o:before, .fa-save:before { content: "\f0c7" } .fa-square:before { content: "\f0c8" } .fa-bars:before, .fa-navicon:before, .fa-reorder:before { content: "\f0c9" } .fa-list-ul:before { content: "\f0ca" } .fa-list-ol:before { content: "\f0cb" } .fa-strikethrough:before { content: "\f0cc" } .fa-underline:before { content: "\f0cd" } .fa-table:before { content: "\f0ce" } .fa-magic:before { content: "\f0d0" } .fa-truck:before { content: "\f0d1" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-square:before { content: "\f0d3" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-plus:before { content: "\f0d5" } .fa-money:before { content: "\f0d6" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-columns:before { content: "\f0db" } .fa-sort:before, .fa-unsorted:before { content: "\f0dc" } .fa-sort-desc:before, .fa-sort-down:before { content: "\f0dd" } .fa-sort-asc:before, .fa-sort-up:before { content: "\f0de" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2" } .fa-gavel:before, .fa-legal:before { content: "\f0e3" } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-bolt:before, .fa-flash:before { content: "\f0e7" } .fa-sitemap:before { content: "\f0e8" } .fa-umbrella:before { content: "\f0e9" } .fa-clipboard:before, .fa-paste:before { content: "\f0ea" } .fa-lightbulb-o:before { content: "\f0eb" } .fa-exchange:before { content: "\f0ec" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-upload:before { content: "\f0ee" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-hospital-o:before { content: "\f0f8" } .fa-ambulance:before { content: "\f0f9" } .fa-medkit:before { content: "\f0fa" } .fa-fighter-jet:before { content: "\f0fb" } .fa-beer:before { content: "\f0fc" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-desktop:before { content: "\f108" } .fa-laptop:before { content: "\f109" } .fa-tablet:before { content: "\f10a" } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before, .fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-chain-broken:before, .fa-unlink:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-caret-square-o-down:before, .fa-toggle-down:before { content: "\f150" } .fa-caret-square-o-up:before, .fa-toggle-up:before { content: "\f151" } .fa-caret-square-o-right:before, .fa-toggle-right:before { content: "\f152" } .fa-eur:before, .fa-euro:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before, .fa-usd:before { content: "\f155" } .fa-inr:before, .fa-rupee:before { content: "\f156" } .fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before { content: "\f157" } .fa-rouble:before, .fa-rub:before, .fa-ruble:before { content: "\f158" } .fa-krw:before, .fa-won:before { content: "\f159" } .fa-bitcoin:before, .fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before, .fa-gratipay:before { content: "\f184" } .fa-sun-o:before { content: "\f185" } .fa-moon-o:before { content: "\f186" } .fa-archive:before { content: "\f187" } .fa-bug:before { content: "\f188" } .fa-vk:before { content: "\f189" } .fa-weibo:before { content: "\f18a" } .fa-renren:before { content: "\f18b" } .fa-pagelines:before { content: "\f18c" } .fa-stack-exchange:before { content: "\f18d" } .fa-arrow-circle-o-right:before { content: "\f18e" } .fa-arrow-circle-o-left:before { content: "\f190" } .fa-caret-square-o-left:before, .fa-toggle-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-try:before, .fa-turkish-lira:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-bank:before, .fa-institution:before, .fa-university:before { content: "\f19c" } .fa-graduation-cap:before, .fa-mortar-board:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-drupal:before { content: "\f1a9" } .fa-joomla:before { content: "\f1aa" } .fa-language:before { content: "\f1ab" } .fa-fax:before { content: "\f1ac" } .fa-building:before { content: "\f1ad" } .fa-child:before { content: "\f1ae" } .fa-paw:before { content: "\f1b0" } .fa-spoon:before { content: "\f1b1" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-recycle:before { content: "\f1b8" } .fa-automobile:before, .fa-car:before { content: "\f1b9" } .fa-cab:before, .fa-taxi:before { content: "\f1ba" } .fa-tree:before { content: "\f1bb" } .fa-spotify:before { content: "\f1bc" } .fa-deviantart:before { content: "\f1bd" } .fa-soundcloud:before { content: "\f1be" } .fa-database:before { content: "\f1c0" } .fa-file-pdf-o:before { content: "\f1c1" } .fa-file-word-o:before { content: "\f1c2" } .fa-file-excel-o:before { content: "\f1c3" } .fa-file-powerpoint-o:before { content: "\f1c4" } .fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before { content: "\f1c5" } .fa-file-archive-o:before, .fa-file-zip-o:before { content: "\f1c6" } .fa-file-audio-o:before, .fa-file-sound-o:before { content: "\f1c7" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8" } .fa-file-code-o:before { content: "\f1c9" } .fa-vine:before { content: "\f1ca" } .fa-codepen:before { content: "\f1cb" } .fa-jsfiddle:before { content: "\f1cc" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before { content: "\f1cd" } .fa-circle-o-notch:before { content: "\f1ce" } .fa-ra:before, .fa-rebel:before, .fa-resistance:before { content: "\f1d0" } .fa-empire:before, .fa-ge:before { content: "\f1d1" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-wechat:before, .fa-weixin:before { content: "\f1d7" } .fa-paper-plane:before, .fa-send:before { content: "\f1d8" } .fa-paper-plane-o:before, .fa-send-o:before { content: "\f1d9" } .fa-history:before { content: "\f1da" } .fa-circle-thin:before { content: "\f1db" } .fa-header:before { content: "\f1dc" } .fa-paragraph:before { content: "\f1dd" } .fa-sliders:before { content: "\f1de" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-bomb:before { content: "\f1e2" } .fa-futbol-o:before, .fa-soccer-ball-o:before { content: "\f1e3" } .fa-tty:before { content: "\f1e4" } .fa-binoculars:before { content: "\f1e5" } .fa-plug:before { content: "\f1e6" } .fa-slideshare:before { content: "\f1e7" } .fa-twitch:before { content: "\f1e8" } .fa-yelp:before { content: "\f1e9" } .fa-newspaper-o:before { content: "\f1ea" } .fa-wifi:before { content: "\f1eb" } .fa-calculator:before { content: "\f1ec" } .fa-paypal:before { content: "\f1ed" } .fa-google-wallet:before { content: "\f1ee" } .fa-cc-visa:before { content: "\f1f0" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-bell-slash:before { content: "\f1f6" } .fa-bell-slash-o:before { content: "\f1f7" } .fa-trash:before { content: "\f1f8" } .fa-copyright:before { content: "\f1f9" } .fa-at:before { content: "\f1fa" } .fa-eyedropper:before { content: "\f1fb" } .fa-paint-brush:before { content: "\f1fc" } .fa-birthday-cake:before { content: "\f1fd" } .fa-area-chart:before { content: "\f1fe" } .fa-pie-chart:before { content: "\f200" } .fa-line-chart:before { content: "\f201" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-bicycle:before { content: "\f206" } .fa-bus:before { content: "\f207" } .fa-ioxhost:before { content: "\f208" } .fa-angellist:before { content: "\f209" } .fa-cc:before { content: "\f20a" } .fa-ils:before, .fa-shekel:before, .fa-sheqel:before { content: "\f20b" } .fa-meanpath:before { content: "\f20c" } .fa-buysellads:before { content: "\f20d" } .fa-connectdevelop:before { content: "\f20e" } .fa-dashcube:before { content: "\f210" } .fa-forumbee:before { content: "\f211" } .fa-leanpub:before { content: "\f212" } .fa-sellsy:before { content: "\f213" } .fa-shirtsinbulk:before { content: "\f214" } .fa-simplybuilt:before { content: "\f215" } .fa-skyatlas:before { content: "\f216" } .fa-cart-plus:before { content: "\f217" } .fa-cart-arrow-down:before { content: "\f218" } .fa-diamond:before { content: "\f219" } .fa-ship:before { content: "\f21a" } .fa-user-secret:before { content: "\f21b" } .fa-motorcycle:before { content: "\f21c" } .fa-street-view:before { content: "\f21d" } .fa-heartbeat:before { content: "\f21e" } .fa-venus:before { content: "\f221" } .fa-mars:before { content: "\f222" } .fa-mercury:before { content: "\f223" } .fa-intersex:before, .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-venus-double:before { content: "\f226" } .fa-mars-double:before { content: "\f227" } .fa-venus-mars:before { content: "\f228" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-neuter:before { content: "\f22c" } .fa-genderless:before { content: "\f22d" } .fa-facebook-official:before { content: "\f230" } .fa-pinterest-p:before { content: "\f231" } .fa-whatsapp:before { content: "\f232" } .fa-server:before { content: "\f233" } .fa-user-plus:before { content: "\f234" } .fa-user-times:before { content: "\f235" } .fa-bed:before, .fa-hotel:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } .fa-y-combinator:before, .fa-yc:before { content: "\f23b" } .fa-optin-monster:before { content: "\f23c" } .fa-opencart:before { content: "\f23d" } .fa-expeditedssl:before { content: "\f23e" } .fa-battery-4:before, .fa-battery-full:before, .fa-battery:before { content: "\f240" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241" } .fa-battery-2:before, .fa-battery-half:before { content: "\f242" } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243" } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244" } .fa-mouse-pointer:before { content: "\f245" } .fa-i-cursor:before { content: "\f246" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-sticky-note:before { content: "\f249" } .fa-sticky-note-o:before { content: "\f24a" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-diners-club:before { content: "\f24c" } .fa-clone:before { content: "\f24d" } .fa-balance-scale:before { content: "\f24e" } .fa-hourglass-o:before { content: "\f250" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253" } .fa-hourglass:before { content: "\f254" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255" } .fa-hand-paper-o:before, .fa-hand-stop-o:before { content: "\f256" } .fa-hand-scissors-o:before { content: "\f257" } .fa-hand-lizard-o:before { content: "\f258" } .fa-hand-spock-o:before { content: "\f259" } .fa-hand-pointer-o:before { content: "\f25a" } .fa-hand-peace-o:before { content: "\f25b" } .fa-trademark:before { content: "\f25c" } .fa-registered:before { content: "\f25d" } .fa-creative-commons:before { content: "\f25e" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-tripadvisor:before { content: "\f262" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-get-pocket:before { content: "\f265" } .fa-wikipedia-w:before { content: "\f266" } .fa-safari:before { content: "\f267" } .fa-chrome:before { content: "\f268" } .fa-firefox:before { content: "\f269" } .fa-opera:before { content: "\f26a" } .fa-internet-explorer:before { content: "\f26b" } .fa-television:before, .fa-tv:before { content: "\f26c" } .fa-contao:before { content: "\f26d" } .fa-500px:before { content: "\f26e" } .fa-amazon:before { content: "\f270" } .fa-calendar-plus-o:before { content: "\f271" } .fa-calendar-minus-o:before { content: "\f272" } .fa-calendar-times-o:before { content: "\f273" } .fa-calendar-check-o:before { content: "\f274" } .fa-industry:before { content: "\f275" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-map-o:before { content: "\f278" } .fa-map:before { content: "\f279" } .fa-commenting:before { content: "\f27a" } .fa-commenting-o:before { content: "\f27b" } .fa-houzz:before { content: "\f27c" } .fa-vimeo:before { content: "\f27d" } .fa-black-tie:before { content: "\f27e" } .fa-fonticons:before { content: "\f280" } .fa-reddit-alien:before { content: "\f281" } .fa-edge:before { content: "\f282" } .fa-credit-card-alt:before { content: "\f283" } .fa-codiepie:before { content: "\f284" } .fa-modx:before { content: "\f285" } .fa-fort-awesome:before { content: "\f286" } .fa-usb:before { content: "\f287" } .fa-product-hunt:before { content: "\f288" } .fa-mixcloud:before { content: "\f289" } .fa-scribd:before { content: "\f28a" } .fa-pause-circle:before { content: "\f28b" } .fa-pause-circle-o:before { content: "\f28c" } .fa-stop-circle:before { content: "\f28d" } .fa-stop-circle-o:before { content: "\f28e" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-hashtag:before { content: "\f292" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-percent:before { content: "\f295" } .fa-gitlab:before { content: "\f296" } .fa-wpbeginner:before { content: "\f297" } .fa-wpforms:before { content: "\f298" } .fa-envira:before { content: "\f299" } .fa-universal-access:before { content: "\f29a" } .fa-wheelchair-alt:before { content: "\f29b" } .fa-question-circle-o:before { content: "\f29c" } .fa-blind:before { content: "\f29d" } .fa-audio-description:before { content: "\f29e" } .fa-volume-control-phone:before { content: "\f2a0" } .fa-braille:before { content: "\f2a1" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before { content: "\f2a3" } .fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before { content: "\f2a4" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-sign-language:before, .fa-signing:before { content: "\f2a7" } .fa-low-vision:before { content: "\f2a8" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-pied-piper:before { content: "\f2ae" } .fa-first-order:before { content: "\f2b0" } .fa-yoast:before { content: "\f2b1" } .fa-themeisle:before { content: "\f2b2" } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3" } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4" } .fa-handshake-o:before { content: "\f2b5" } .fa-envelope-open:before { content: "\f2b6" } .fa-envelope-open-o:before { content: "\f2b7" } .fa-linode:before { content: "\f2b8" } .fa-address-book:before { content: "\f2b9" } .fa-address-book-o:before { content: "\f2ba" } .fa-address-card:before, .fa-vcard:before { content: "\f2bb" } .fa-address-card-o:before, .fa-vcard-o:before { content: "\f2bc" } .fa-user-circle:before { content: "\f2bd" } .fa-user-circle-o:before { content: "\f2be" } .fa-user-o:before { content: "\f2c0" } .fa-id-badge:before { content: "\f2c1" } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2" } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3" } .fa-quora:before { content: "\f2c4" } .fa-free-code-camp:before { content: "\f2c5" } .fa-telegram:before { content: "\f2c6" } .fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before { content: "\f2c7" } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8" } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9" } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca" } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb" } .fa-shower:before { content: "\f2cc" } .fa-bath:before, .fa-bathtub:before, .fa-s15:before { content: "\f2cd" } .fa-podcast:before { content: "\f2ce" } .fa-window-maximize:before { content: "\f2d0" } .fa-window-minimize:before { content: "\f2d1" } .fa-window-restore:before { content: "\f2d2" } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3" } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4" } .fa-bandcamp:before { content: "\f2d5" } .fa-grav:before { content: "\f2d6" } .fa-etsy:before { content: "\f2d7" } .fa-imdb:before { content: "\f2d8" } .fa-ravelry:before { content: "\f2d9" } .fa-eercast:before { content: "\f2da" } .fa-microchip:before { content: "\f2db" } .fa-snowflake-o:before { content: "\f2dc" } .fa-superpowers:before { content: "\f2dd" } .fa-wpexplorer:before { content: "\f2de" } .fa-meetup:before { content: "\f2e0" } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } /* line 2, app/assets/stylesheets/custom/video_capture.scss */ .video-wrapper .card-frame-wrapper { position: relative; } /* line 5, app/assets/stylesheets/custom/video_capture.scss */ .video-wrapper .card-frame-wrapper .card-frame { margin: 0 auto; object-fit: cover; } /* line 10, app/assets/stylesheets/custom/video_capture.scss */ .video-wrapper .card-frame-wrapper video { border-radius: 50%; width: 50%; } /* line 14, app/assets/stylesheets/custom/video_capture.scss */ .video-wrapper .card-frame-wrapper video:after { content: ""; padding-bottom: 100%; display: block; } /* line 21, app/assets/stylesheets/custom/video_capture.scss */ .video-wrapper .card-frame-wrapper .video-loader { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } /* line 1, app/assets/stylesheets/custom/rating.scss */ .rating-input { display: none !important; } /* line 5, app/assets/stylesheets/custom/rating.scss */ .rating_stars { margin-bottom: 15px; display: inline-block; font-size: 20px; font-weight: 200; color: #918f8f; position: relative; cursor: pointer; } /* line 15, app/assets/stylesheets/custom/rating.scss */ .rating_stars span .fa, .rating_stars span.active-low .fa-star-o, .rating_stars span.active-high .fa-star-o { display: none; } /* line 19, app/assets/stylesheets/custom/rating.scss */ .rating_stars span .fa-star-o { display: inline-block; } /* line 23, app/assets/stylesheets/custom/rating.scss */ .rating_stars span.s.active-high .fa-star { display: inline-block; color: #feb645; } /* line 27, app/assets/stylesheets/custom/rating.scss */ .rating_stars span.s.active-low .fa-star-o { display: inline-block; color: #feb645; } /* line 31, app/assets/stylesheets/custom/rating.scss */ .rating_stars span.r { position: absolute; top: 0; height: 20px; width: 10px; left: 0; } /* line 39, app/assets/stylesheets/custom/rating.scss */ .rating_stars span.r.r1 { left: 10px; width: 11px; } /* line 40, app/assets/stylesheets/custom/rating.scss */ .rating_stars span.r.r2 { left: 34px; width: 12px; } /* line 41, app/assets/stylesheets/custom/rating.scss */ .rating_stars span.r.r3 { left: 58px; width: 11px; } /* line 42, app/assets/stylesheets/custom/rating.scss */ .rating_stars span.r.r4 { left: 81px; width: 12px; } /* line 43, app/assets/stylesheets/custom/rating.scss */ .rating_stars span.r.r5 { left: 105px; width: 12px; } /* line 47, app/assets/stylesheets/custom/rating.scss */ .text-rating-title { height: 1.5rem; } /* line 51, app/assets/stylesheets/custom/rating.scss */ .text-rating-score { font-size: 20px; } /* line 55, app/assets/stylesheets/custom/rating.scss */ .text-rating-link { line-height: inherit !important; font-size: inherit !important; } /* line 4, app/assets/stylesheets/custom/candidate_onboarding.scss */ .begin-onboarding-container .card { box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); } /* line 8, app/assets/stylesheets/custom/candidate_onboarding.scss */ .begin-onboarding-container h3 { font-size: 17px; } /* line 12, app/assets/stylesheets/custom/candidate_onboarding.scss */ .begin-onboarding-container .begin-onboarding-container__wrapper { display: flex; align-items: center; flex-direction: column; gap: 30px; } /* line 21, app/assets/stylesheets/custom/candidate_onboarding.scss */ .post-onboarding-container .card { box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); } /* line 25, app/assets/stylesheets/custom/candidate_onboarding.scss */ .post-onboarding-container .card .checkbox label { padding-left: 30px; } /* line 32, app/assets/stylesheets/custom/candidate_onboarding.scss */ .post-onboarding-container section ul { list-style-type: lower-alpha; } /* line 39, app/assets/stylesheets/custom/candidate_onboarding.scss */ #onboarding-responses-new select[disabled], #onboarding-responses-new .disabled { background: #eee; } /* line 44, app/assets/stylesheets/custom/candidate_onboarding.scss */ #onboarding-responses-new .step-partial-container { min-height: 425px; } /* line 47, app/assets/stylesheets/custom/candidate_onboarding.scss */ #onboarding-responses-new .step-partial-container img, #onboarding-responses-new .step-partial-container video { width: 100%; height: 100%; object-fit: cover; } /* line 54, app/assets/stylesheets/custom/candidate_onboarding.scss */ #onboarding-responses-new .step-partial-container .link-container, #onboarding-responses-new .step-partial-container .audio-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } /* line 64, app/assets/stylesheets/custom/candidate_onboarding.scss */ #onboarding-responses-new input[type='file'] { overflow: hidden; } /* line 69, app/assets/stylesheets/custom/candidate_onboarding.scss */ #onboarding-responses-new #questionnaire .fa-arrow-left, #onboarding-responses-new #questionnaire .fa-arrow-right { font-size: 1.5rem; vertical-align: bottom; color: #007bff; } /* line 79, app/assets/stylesheets/custom/candidate_onboarding.scss */ .upload-images .card-img-top { width: 100%; height: 30vh; object-fit: contain; } /* line 86, app/assets/stylesheets/custom/candidate_onboarding.scss */ input[type=text]:disabled { background: #eee; } /* line 90, app/assets/stylesheets/custom/candidate_onboarding.scss */ .text__with-line { text-align: center; color: #827f7f; position: relative; } /* line 95, app/assets/stylesheets/custom/candidate_onboarding.scss */ .text__with-line::before { content: " "; background-color: #a7a7a7; height: 1px; width: 100%; display: block; position: absolute; top: 50%; } /* line 105, app/assets/stylesheets/custom/candidate_onboarding.scss */ .text__with-line span { display: inline-block; background: #fff; z-index: 1; position: relative; padding: 0px 16px; font-size: 14px; } /* line 3, app/assets/stylesheets/custom/_candidate_question_form.scss */ #candidate-assessment a.disabled, #candidate-assessment *:disabled, #candidate-assessment *[disabled] { pointer-events: none; opacity: 0.8; cursor: not-allowed; } /* line 9, app/assets/stylesheets/custom/_candidate_question_form.scss */ #candidate-assessment .question-title { vertical-align: top; } /* line 14, app/assets/stylesheets/custom/_candidate_question_form.scss */ #candidate-assessment .question-section .question-content { border: 2.5px solid lightgray; border-radius: 0.5em; } /* line 20, app/assets/stylesheets/custom/_candidate_question_form.scss */ #candidate-assessment .question-section .question-option .checkbox { display: block; } /* line 24, app/assets/stylesheets/custom/_candidate_question_form.scss */ #candidate-assessment .question-section .question-option .selected { border: 2.5px solid green !important; } /* line 28, app/assets/stylesheets/custom/_candidate_question_form.scss */ #candidate-assessment .question-section .question-option .question-option-content { margin-left: 2em; border: 2.5px solid lightgray; border-radius: 0.5em; } /* line 33, app/assets/stylesheets/custom/_candidate_question_form.scss */ #candidate-assessment .question-section .question-option .question-option-content input[type='text'] { display: block; } /* line 3, app/assets/stylesheets/custom/_candidate_question_form.scss */ .question-response a.disabled, .question-response *:disabled, .question-response *[disabled] { pointer-events: none; opacity: 0.8; cursor: not-allowed; } /* line 9, app/assets/stylesheets/custom/_candidate_question_form.scss */ .question-response .question-title { vertical-align: top; } /* line 14, app/assets/stylesheets/custom/_candidate_question_form.scss */ .question-response .question-section .question-content { border: 2.5px solid lightgray; border-radius: 0.5em; } /* line 20, app/assets/stylesheets/custom/_candidate_question_form.scss */ .question-response .question-section .question-option .checkbox { display: block; } /* line 24, app/assets/stylesheets/custom/_candidate_question_form.scss */ .question-response .question-section .question-option .selected { border: 2.5px solid green !important; } /* line 28, app/assets/stylesheets/custom/_candidate_question_form.scss */ .question-response .question-section .question-option .question-option-content { margin-left: 2em; border: 2.5px solid lightgray; border-radius: 0.5em; } /* line 33, app/assets/stylesheets/custom/_candidate_question_form.scss */ .question-response .question-section .question-option .question-option-content input[type='text'] { display: block; } /* line 1, app/assets/stylesheets/custom/_type_of_services.scss */ #certificate-insurance ul.type-of-services, #insurance-certificate ul.type-of-services { -webkit-columns: 3 325px; -moz-columns: 3 325px; columns: 3 325px; } /* line 6, app/assets/stylesheets/custom/_type_of_services.scss */ #certificate-insurance ul.type-of-services li, #insurance-certificate ul.type-of-services li { list-style: none; } /* line 5, app/assets/stylesheets/custom/company_registration.scss */ #user_verification_code { font-size: 2.5em; } /* line 2, app/assets/stylesheets/custom/coi_verification.scss */ #coi-verification label { font-weight: 500; } /* line 6, app/assets/stylesheets/custom/coi_verification.scss */ #coi-verification *:disabled { background-color: whitesmoke; } /* line 10, app/assets/stylesheets/custom/coi_verification.scss */ #coi-verification i.fa-trash-o { cursor: pointer; } /* line 14, app/assets/stylesheets/custom/coi_verification.scss */ #coi-verification select { border-color: #343a40 !important; } /* line 2, app/assets/stylesheets/custom/workflow_step.scss */ #workflow-step .dashboard-box { min-height: 35em; max-width: 65em; } /* line 6, app/assets/stylesheets/custom/workflow_step.scss */ #workflow-step .dashboard-box embed.pdf { min-height: 35em; min-width: 10em; } /* line 11, app/assets/stylesheets/custom/workflow_step.scss */ #workflow-step .dashboard-box .form-check { padding-left: 0 !important; } /* line 18, app/assets/stylesheets/custom/workflow_step.scss */ #coiModal label, #coiModal select { font-size: 1em; } .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label{ color: #FFF; } .toast-message a:hover { color: #CCC; text-decoration: none; } .toast-top-left { top: 12px; left: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { left: 12px; bottom: 12px; } #toast-container { position: fixed; z-index: 9999; } #toast-container > div { background-position: 15px center; background-repeat: no-repeat; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -moz-box-shadow: 0 0 12px #999999; -webkit-box-shadow: 0 0 12px #999999; -o-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #FFFFFF; margin: 0 0 6px; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.8; padding: 15px 15px 15px 50px; width: 300px; } .toast { background-color: #030303; } .toast-success{ background-color: #51A351; } .toast-error{ background-color: #BD362F; } .toast-info{ background-color: #2F96B4; } .toast-warning{ background-color: #F89406; } .toast-top-right { top: 12px; right: 12px; } #toast-container > :hover { -moz-box-shadow: 0 0 12px #000000; -webkit-box-shadow: 0 0 12px #000000; -o-box-shadow: 0 0 12px #000000; box-shadow: 0 0 12px #000000; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } /* Global */ /* line 2, app/assets/stylesheets/custom/new_layout_common.scss */ body { background: #e1e4f2; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; } /* line 8, app/assets/stylesheets/custom/new_layout_common.scss */ body.white_bg { background: #fff; } /* line 11, app/assets/stylesheets/custom/new_layout_common.scss */ h1 { font-weight: 700; font-family: "Montserrat", sans-serif; } /* line 15, app/assets/stylesheets/custom/new_layout_common.scss */ h2 { font-weight: 700; font-family: "Montserrat", sans-serif; font-size: 38px; } /* line 20, app/assets/stylesheets/custom/new_layout_common.scss */ h3 { font-weight: 700; font-family: "Montserrat", sans-serif; } /* line 24, app/assets/stylesheets/custom/new_layout_common.scss */ h4 { font-weight: 700; font-family: "Montserrat", sans-serif; } /* line 28, app/assets/stylesheets/custom/new_layout_common.scss */ h5 { font-weight: 700; font-family: "Montserrat", sans-serif; } /* line 32, app/assets/stylesheets/custom/new_layout_common.scss */ h6 { font-weight: 700; font-family: "Montserrat", sans-serif; } /* line 36, app/assets/stylesheets/custom/new_layout_common.scss */ strong { font-weight: 700; font-family: "Montserrat", sans-serif; } /* line 40, app/assets/stylesheets/custom/new_layout_common.scss */ label { font-family: "Montserrat", sans-serif; } /* line 43, app/assets/stylesheets/custom/new_layout_common.scss */ .breadcrumb { background: transparent; padding: 0; margin-bottom: 50px; } /* line 48, app/assets/stylesheets/custom/new_layout_common.scss */ .breadcrumb .breadcrumb-item a { color: #000; } /* line 52, app/assets/stylesheets/custom/new_layout_common.scss */ .breadcrumb .breadcrumb-item.active { font-weight: bold; color: #000; } /* line 60, app/assets/stylesheets/custom/new_layout_common.scss */ .breadcrumb-item + .breadcrumb-item::before { content: ">"; } /* line 67, app/assets/stylesheets/custom/new_layout_common.scss */ .new_layout_color { background-color: #283263 !important; border-color: #283263 !important; } /* line 72, app/assets/stylesheets/custom/new_layout_common.scss */ details summary > * { display: inline; } /* form page */ /* line 3, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .card-title { color: #252525; font-size: 38px; font-weight: 700; margin-bottom: 10px; } /* line 9, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .form-control { color: #505050; border: 1px solid #e1e1e1; padding: 17px 24px; font-size: 14px; line-height: normal; border-radius: 0.25rem; } /* line 16, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .form-control::placeholder { color: #59595c; } /* line 19, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .form-control:focus { color: #505050; background-color: #fff; border: 1px solid #6882fd; box-shadow: none; } /* line 26, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .merge-input-group { flex-wrap: inherit; } /* line 28, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .merge-input-group .input-group-append { position: absolute; right: 0; border: 0; z-index: 9; } /* line 34, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .merge-input-group .input-group-text { border: 0; margin-top: 2px; } /* line 39, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container span.input-group-text { background: transparent; border: 1px solid #e1e1e1; color: #505050; } /* line 45, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .datepicker.date input { cursor: pointer; flex-wrap: nowrap; } /* line 50, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .datepicker { cursor: pointer; flex-wrap: nowrap; } /* line 53, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .datepicker span.input-group-text { color: #000; } /* line 57, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; background-image: url(/assets/dropdown_arrow-7b41d7b94309d4bcf43b878703a9215f339aa1591dc009428c6685958dc33966.png); background-repeat: no-repeat; background-position: right 24px center; padding: 0 24px; } /* line 67, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .card.form-page { border: 0; } /* line 69, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .card.form-page [type="radio"]:checked { position: absolute; left: -9999px; } /* line 73, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .card.form-page [type="radio"]:checked + label { position: relative; padding-left: 32px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; padding: 5px 0 5px 35px; } /* line 81, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .card.form-page [type="radio"]:checked + label:before { content: ""; position: absolute; left: 0; top: 0; width: 28px; height: 28px; border: 2px solid #6882fd; border-radius: 100%; background: #fff; } /* line 92, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .card.form-page [type="radio"]:checked + label:after { content: ""; width: 18px; height: 18px; background: #6882fd; position: absolute; top: 5px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* line 110, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .card.form-page [type="radio"]:not(:checked) { position: absolute; left: -9999px; } /* line 114, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .card.form-page [type="radio"]:not(:checked) + label { position: relative; padding-left: 32px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; padding: 5px 0 5px 35px; } /* line 122, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .card.form-page [type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 28px; height: 28px; border: 2px solid #6882fd; border-radius: 100%; background: #fff; } /* line 133, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .card.form-page [type="radio"]:not(:checked) + label:after { content: ""; width: 18px; height: 18px; background: #6882fd; position: absolute; top: 5px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0; -webkit-transform: scale(0); transform: scale(0); } /* line 153, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .card.form-page .card-body { padding: 0; } /* line 156, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .card.form-page label { color: #252525; font-weight: 500; font-size: 16px; display: flex; justify-content: end; align-items: self-start; padding: 5px 0; } /* line 164, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .card.form-page label i { font-size: 20px; margin: 0 0 0 5px; } /* line 170, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .submit-field.mb-0 { display: flex; justify-content: center; } /* line 174, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container span.line { margin: 5px 0 0; } /* line 179, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .card .table label { justify-content: start; padding: 2px 0; } /* line 186, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar { background-color: #283263; } /* line 188, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav-inner { border-bottom: 1px solid #b7c3fb; padding-bottom: 10px; } /* line 194, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li { position: relative; overflow: hidden; } /* line 197, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li a { padding: 15px 18px; font-size: 16px; font-weight: 500; font-family: "Montserrat", sans-serif; line-height: normal; display: flex; align-items: center; } /* line 205, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li a span.img-box { width: 35px; } /* line 208, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li a:after { content: ""; background-color: inherit; background-image: url(/assets/white-arrow-right-8650885c8f3428d74d01545ea81e3096bbd52a928c5f4592061b5179e1a43f93.svg); background-repeat: no-repeat; top: 19px; } /* line 216, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li:hover { background: #8d93b1 !important; } /* line 217, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li:hover a { padding: 15px 18px; color: #fff !important; } /* line 220, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li:hover a i { color: #fff !important; } /* line 226, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li:hover > a:before { content: ""; position: absolute; left: 0; top: 0; background: #b7c3fb; height: 100%; width: 7px; transition: 0.3s; } /* line 239, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li.active-submenu { background: #8d93b1 !important; } /* line 242, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li.active-submenu > a:before { content: ""; position: absolute; left: 0; top: 0; background: #b7c3fb; height: 100%; width: 7px; transition: 0.3s; } /* line 253, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li.active-submenu ul { background: #dbdee8; padding: 0; } /* line 254, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li.active-submenu ul li { padding-left: 0; } /* line 257, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li.active-submenu ul li:hover a { color: #fff !important; } /* line 261, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li.active-submenu ul li a { color: #283263 !important; font-weight: 400; font-family: "Open Sans", sans-serif; padding: 10px 0 10px 50px; } /* line 269, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li.active-submenu ul li.active a { color: #fff !important; } /* line 276, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li.active-submenu a { color: #fff !important; } /* line 278, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li.active-submenu a i { color: #fff !important; } /* line 281, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li.active-submenu a:after { background-image: url(/assets/white-arrow-down-fa61c5dbc7a5aff0ff2cef4e9646396b72a323cc2da83796fa6bb35f0bf873c7.svg); top: 22px; } /* line 287, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li.active { background: #8d93b1 !important; } /* line 290, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li.active > a:before { content: ""; position: absolute; left: 0; top: 0; background: #b7c3fb; height: 100%; width: 7px; transition: 0.3s; } /* line 301, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li.active a { color: #fff !important; } /* line 303, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .dashboard-nav ul li.active a i { color: #fff !important; } /* line 310, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .mmenu-trigger { display: block; background: none; height: 40px; width: 40px; float: right; margin-top: 10px; } /* line 317, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .mmenu-trigger .hamburger { left: inherit; top: 5px; } /* line 321, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-sidebar .mmenu-trigger img { width: 35px; height: auto; } /* line 327, app/assets/stylesheets/custom/custom_dashboard.scss */ .custom-modal.modal.show { background: rgba(37, 40, 43, 0.22); backdrop-filter: blur(5px); padding: 0 !important; } /* line 333, app/assets/stylesheets/custom/custom_dashboard.scss */ .custom-modal h2 { color: #252525; font-size: 34px; font-weight: 500; text-align: center; margin: 0 auto; } /* line 340, app/assets/stylesheets/custom/custom_dashboard.scss */ .custom-modal h3 { font-size: 24px; text-align: center; margin: 0 auto 50px; } /* line 345, app/assets/stylesheets/custom/custom_dashboard.scss */ .custom-modal .modal-content { background: #ffffff; border: 2px solid #283157; border-radius: 15px; padding: 34px 60px 60px; } /* line 351, app/assets/stylesheets/custom/custom_dashboard.scss */ .custom-modal .modal-body { color: #282828; font-size: 14px; } /* line 354, app/assets/stylesheets/custom/custom_dashboard.scss */ .custom-modal .modal-body .col-form-label { font-weight: 700; font-family: "Montserrat", sans-serif; font-size: 14px; padding: 0; } /* line 360, app/assets/stylesheets/custom/custom_dashboard.scss */ .custom-modal .modal-body p { padding-bottom: 18px; line-height: normal; font-size: 14px; } /* line 364, app/assets/stylesheets/custom/custom_dashboard.scss */ .custom-modal .modal-body p a { color: #282828; text-decoration: underline; } /* line 369, app/assets/stylesheets/custom/custom_dashboard.scss */ .custom-modal .modal-body ul { padding-left: 25px; } /* line 371, app/assets/stylesheets/custom/custom_dashboard.scss */ .custom-modal .modal-body ul li { color: #282828; font-size: 14px; line-height: 18px; font-weight: 500; padding: 3px 0; } /* line 381, app/assets/stylesheets/custom/custom_dashboard.scss */ .filter-option { margin-bottom: 35px; } /* line 383, app/assets/stylesheets/custom/custom_dashboard.scss */ .filter-option form { gap: 15px; flex-wrap: wrap; } /* line 386, app/assets/stylesheets/custom/custom_dashboard.scss */ .filter-option form .form-control { min-width: 160px; max-width: 160px; height: 42px; color: #59595c; border: 1px solid #59595c; border-radius: 5px; padding: 0 12px; font-weight: 600; font-family: "Montserrat", sans-serif; font-size: 16px; margin-bottom: 0; } /* line 399, app/assets/stylesheets/custom/custom_dashboard.scss */ .filter-option form select.form-control { background-image: url(/assets/filter-dropdown-arrow-9b6e7d408ff057255d0db145c59b05a754277ab6dd05861cbed1dcc9f9d7e1c3.svg); background-repeat: no-repeat; background-position: right 12px center; } /* line 404, app/assets/stylesheets/custom/custom_dashboard.scss */ .filter-option form .search-group { position: relative; margin: 0; } /* line 407, app/assets/stylesheets/custom/custom_dashboard.scss */ .filter-option form .search-group .search-btn { position: absolute; top: 2px; right: 0; } /* line 413, app/assets/stylesheets/custom/custom_dashboard.scss */ .filter-option form .form-group { position: relative; margin: 0; } /* line 418, app/assets/stylesheets/custom/custom_dashboard.scss */ .filter-option p { color: #000000; font-size: 18px; padding-bottom: 15px; } /* line 425, app/assets/stylesheets/custom/custom_dashboard.scss */ .table-information p { margin: 0; padding-bottom: 10px; font-size: 14px; } /* line 429, app/assets/stylesheets/custom/custom_dashboard.scss */ .table-information p a { color: #006dcc; } /* line 436, app/assets/stylesheets/custom/custom_dashboard.scss */ .table-pagination li.page-item:last-child { margin-left: 3px; } /* line 440, app/assets/stylesheets/custom/custom_dashboard.scss */ .table-pagination .page-link { border-color: transparent; font-size: 14px; line-height: 14px; padding: 6px 10px; font-family: "Open Sans", sans-serif; } /* line 447, app/assets/stylesheets/custom/custom_dashboard.scss */ .table-pagination .page-item.slash { margin: 0px 3px 2px 12px; color: #b0bac9; font-size: 14px; } /* line 453, app/assets/stylesheets/custom/custom_dashboard.scss */ .table-pagination .page-item.active .page-link { z-index: 1; color: #304ffe; background-color: transparent; border: 1px solid #b0bac9; } /* line 463, app/assets/stylesheets/custom/custom_dashboard.scss */ [data-controller='network-statistics'] .card-chart canvas { margin: auto; } /* custom popup */ @media (min-width: 992px) { /* line 471, app/assets/stylesheets/custom/custom_dashboard.scss */ .custom-modal .modal-dialog { max-width: 842px; margin: 1.75rem auto; } /* line 475, app/assets/stylesheets/custom/custom_dashboard.scss */ .custom-modal .modal-title { margin-bottom: 40px; } } @media screen and (max-width: 992px) { /* line 482, app/assets/stylesheets/custom/custom_dashboard.scss */ .custom-modal .modal-dialog { max-width: 90%; margin: 1.75rem auto; } /* line 486, app/assets/stylesheets/custom/custom_dashboard.scss */ .custom-modal .modal-content { padding: 5% 5% 6%; } } @media screen and (max-width: 767px) { /* line 494, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .card.form-page label { justify-content: start; padding: 5px 15px; font-size: 15px; } /* line 500, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container span.line { margin: 15px 0 0; position: absolute; left: 50%; } /* line 507, app/assets/stylesheets/custom/custom_dashboard.scss */ .custom-modal h3 { font-size: 20px; text-align: left; margin: 0; } } @media screen and (max-width: 540px) { /* line 516, app/assets/stylesheets/custom/custom_dashboard.scss */ .custom-modal .button { margin: 10px 5px !important; font-size: 16px; } /* line 524, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-custom-content-container .card.form-page label i { margin: -3px 0 0 5px; } } /* line 534, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-nav ul li a.nts-sidebar-item::after { display: none !important; } /* line 540, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-nav ul li.nts-menu-item:hover { background: transparent !important; } /* line 542, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-nav ul li.nts-menu-item:hover > a::before { display: none !important; } /* line 548, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-nav ul li.nts-menu-item:hover a { color: rgba(255, 255, 255, 0.85) !important; } /* line 550, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-nav ul li.nts-menu-item:hover a i { color: rgba(255, 255, 255, 0.6) !important; } /* line 556, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-nav ul li.nts-menu-item a.nts-sidebar-item:hover { background-color: rgba(255, 255, 255, 0.12) !important; color: #ffffff !important; } /* line 559, app/assets/stylesheets/custom/custom_dashboard.scss */ .dashboard-nav ul li.nts-menu-item a.nts-sidebar-item:hover i { color: rgba(255, 255, 255, 0.9) !important; } /* line 2, app/assets/stylesheets/custom/toastr_notification.scss */ #toast-container div { border-radius: 20px; opacity: 1.1; } /* line 1, app/assets/stylesheets/custom/wrapper.scss */ .datepicker table tr td span { text-align: center; } /* line 1, app/assets/stylesheets/components/_flex_masonry.scss */ .container_masonry { display: flex; flex-wrap: wrap; align-content: space-between; border-radius: 3px; padding: 20px; width: 80%; margin: 40px auto 40px 0; padding: 0px; gap: 10px; } /* line 13, app/assets/stylesheets/components/_flex_masonry.scss */ .container_masonry .item { width: 25%; min-width: 200px; border-radius: 7px; background: #fff; border: 1px solid #d5d5d5; display: flex; flex-direction: column; justify-content: space-between; } /* line 23, app/assets/stylesheets/components/_flex_masonry.scss */ .container_masonry .item img { border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 15px; object-fit: cover; min-width: 100%; max-height: 170px; background-color: #ebebeb; } /* line 36, app/assets/stylesheets/components/_flex_masonry.scss */ .container_masonry .item .placeholder { display: block; height: 170px; background-color: #ebebeb; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 15px; } /* line 46, app/assets/stylesheets/components/_flex_masonry.scss */ .container_masonry .item .item-body { padding: 10px; } /* line 50, app/assets/stylesheets/components/_flex_masonry.scss */ .container_masonry .item h2 { font-size: 17px; margin: 0px; margin-bottom: 18px; } /* line 56, app/assets/stylesheets/components/_flex_masonry.scss */ .container_masonry .item .hint { font-size: 15px; font-weight: 600; margin-top: 14px; } /* line 62, app/assets/stylesheets/components/_flex_masonry.scss */ .container_masonry .item .btn-full-width { width: 100%; margin-top: 22px; } /* line 67, app/assets/stylesheets/components/_flex_masonry.scss */ .container_masonry .item .description { line-height: 18px; font-size: 13px; } /* line 1, app/assets/stylesheets/components/_dropdown.scss */ .multiselect-container.dropdown-menu.show { z-index: 10000; } /* line 6, app/assets/stylesheets/components/_dropdown.scss */ .company-selection button.dropdown-toggle { width: 100%; background: #1e243f; position: relative; padding: 25px 20px; margin-bottom: -30px; border: 0px; } /* line 15, app/assets/stylesheets/components/_dropdown.scss */ .company-selection .company-selection_logo { height: 33px; width: 33px; background: #e8e8e8; color: #000; border-radius: 10px; padding: 0px; font-size: 15px; object-fit: cover; } /* line 26, app/assets/stylesheets/components/_dropdown.scss */ .company-selection .company-selection_title { font-size: 10px; padding: 0px; line-height: 18px; } /* line 32, app/assets/stylesheets/components/_dropdown.scss */ .company-selection .company-selection_company-name { font-size: 15px; padding: 0px; font-weight: 600; line-height: 18px; } /* line 39, app/assets/stylesheets/components/_dropdown.scss */ .company-selection .dropdown-toggle::after { content: "\f078"; font: normal normal normal 14px / 1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; border: 0px; position: absolute; right: 35px; bottom: 12px; display: none; } /* line 52, app/assets/stylesheets/components/_dropdown.scss */ .company-selection .btn:hover, .company-selection .btn:focus, .company-selection .btn.focus { color: #fff; } /* line 56, app/assets/stylesheets/components/_dropdown.scss */ .company-selection button.dropdown-toggle + .dropdown-menu { min-width: 250px; left: 15px !important; border-radius: 6px; top: 5px !important; } /* line 63, app/assets/stylesheets/components/_dropdown.scss */ .company-selection .dropdown-menu { padding-left: 0px; padding-right: 0px; } /* line 67, app/assets/stylesheets/components/_dropdown.scss */ .company-selection .dropdown-menu .dropdown-title { padding: 5px 25px; } /* line 71, app/assets/stylesheets/components/_dropdown.scss */ .company-selection .dropdown-menu .company-selection_dropdown-item { border-radius: 8px; min-height: 48px; padding: 10px 15px; max-width: 234px; margin: 0px 8px; position: relative; padding-right: 35px; } /* line 80, app/assets/stylesheets/components/_dropdown.scss */ .company-selection .dropdown-menu .company-selection_dropdown-item:hover { background: #e1e1e1; } /* line 84, app/assets/stylesheets/components/_dropdown.scss */ .company-selection .dropdown-menu .company-selection_dropdown-item .company-selection_title { color: #aaaaaa; } /* line 88, app/assets/stylesheets/components/_dropdown.scss */ .company-selection .dropdown-menu .company-selection_dropdown-item .active { position: absolute; right: 13px; font-size: 18px; color: #313131; } /* line 98, app/assets/stylesheets/components/_dropdown.scss */ #navigation .company-selection { display: none; } /* line 1, app/assets/stylesheets/components/_loading.scss */ .load-wrapp { float: left; width: 100px; height: 100px; margin: 0 10px 10px 0; padding: 20px 20px 20px; border-radius: 5px; text-align: center; background-color: #d8d8d8; } /* line 12, app/assets/stylesheets/components/_loading.scss */ .load-wrapp p { padding: 0 0 20px; } /* line 15, app/assets/stylesheets/components/_loading.scss */ .load-wrapp:last-child { margin-right: 0; } /* line 19, app/assets/stylesheets/components/_loading.scss */ .line { display: inline-block; width: 15px; height: 15px; border-radius: 15px; background-color: #4b9cdb; } /* line 27, app/assets/stylesheets/components/_loading.scss */ .load-wrapp .ring-1 { width: 10px; height: 10px; margin: 0 auto; padding: 10px; border: 7px dashed #4b9cdb; border-radius: 100%; } /* line 36, app/assets/stylesheets/components/_loading.scss */ .load-wrapp .ring-2 { position: relative; width: 45px; height: 45px; margin: 0 auto; border: 4px solid #4b9cdb; border-radius: 100%; } /* line 45, app/assets/stylesheets/components/_loading.scss */ .ball-holder { position: absolute; width: 12px; height: 45px; left: 17px; top: 0px; } /* line 53, app/assets/stylesheets/components/_loading.scss */ .ball { position: absolute; top: -11px; left: 0; width: 16px; height: 16px; border-radius: 100%; background: #4282b3; } /* line 63, app/assets/stylesheets/components/_loading.scss */ .letter-holder { padding: 16px; } /* line 67, app/assets/stylesheets/components/_loading.scss */ .letter { float: left; font-size: 14px; color: #777; } /* line 73, app/assets/stylesheets/components/_loading.scss */ .square { width: 12px; height: 12px; border-radius: 4px; background-color: #4b9cdb; } /* line 80, app/assets/stylesheets/components/_loading.scss */ .spinner { position: relative; width: 45px; height: 45px; margin: 0 auto; } /* line 87, app/assets/stylesheets/components/_loading.scss */ .bubble-1, .bubble-2 { position: absolute; top: 0; width: 25px; height: 25px; border-radius: 100%; background-color: #4b9cdb; } /* line 97, app/assets/stylesheets/components/_loading.scss */ .bubble-2 { top: auto; bottom: 0; } /* line 102, app/assets/stylesheets/components/_loading.scss */ .bar { float: left; width: 15px; height: 6px; border-radius: 2px; background-color: #4b9cdb; } /* =Animate the stuff ------------------------ */ /* line 112, app/assets/stylesheets/components/_loading.scss */ .load-1 .line:nth-last-child(1) { animation: loadingA 1.5s 1s infinite; } /* line 115, app/assets/stylesheets/components/_loading.scss */ .load-1 .line:nth-last-child(2) { animation: loadingA 1.5s 0.5s infinite; } /* line 118, app/assets/stylesheets/components/_loading.scss */ .load-1 .line:nth-last-child(3) { animation: loadingA 1.5s 0s infinite; } /* line 122, app/assets/stylesheets/components/_loading.scss */ .load-2 .line:nth-last-child(1) { animation: loadingB 1.5s 1s infinite; } /* line 125, app/assets/stylesheets/components/_loading.scss */ .load-2 .line:nth-last-child(2) { animation: loadingB 1.5s 0.5s infinite; } /* line 128, app/assets/stylesheets/components/_loading.scss */ .load-2 .line:nth-last-child(3) { animation: loadingB 1.5s 0s infinite; } /* line 132, app/assets/stylesheets/components/_loading.scss */ .load-3 .line:nth-last-child(1) { animation: loadingC 0.6s 0.1s linear infinite; } /* line 135, app/assets/stylesheets/components/_loading.scss */ .load-3 .line:nth-last-child(2) { animation: loadingC 0.6s 0.2s linear infinite; } /* line 138, app/assets/stylesheets/components/_loading.scss */ .load-3 .line:nth-last-child(3) { animation: loadingC 0.6s 0.3s linear infinite; } /* line 142, app/assets/stylesheets/components/_loading.scss */ .load-4 .ring-1 { animation: loadingD 1.5s 0.3s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite; } /* line 146, app/assets/stylesheets/components/_loading.scss */ .load-5 .ball-holder { animation: loadingE 1.3s linear infinite; } /* line 150, app/assets/stylesheets/components/_loading.scss */ .load-6 .letter { animation-name: loadingF; animation-duration: 1.6s; animation-iteration-count: infinite; animation-direction: linear; } /* line 157, app/assets/stylesheets/components/_loading.scss */ .l-1 { animation-delay: 0.48s; } /* line 160, app/assets/stylesheets/components/_loading.scss */ .l-2 { animation-delay: 0.6s; } /* line 163, app/assets/stylesheets/components/_loading.scss */ .l-3 { animation-delay: 0.72s; } /* line 166, app/assets/stylesheets/components/_loading.scss */ .l-4 { animation-delay: 0.84s; } /* line 169, app/assets/stylesheets/components/_loading.scss */ .l-5 { animation-delay: 0.96s; } /* line 172, app/assets/stylesheets/components/_loading.scss */ .l-6 { animation-delay: 1.08s; } /* line 175, app/assets/stylesheets/components/_loading.scss */ .l-7 { animation-delay: 1.2s; } /* line 178, app/assets/stylesheets/components/_loading.scss */ .l-8 { animation-delay: 1.32s; } /* line 181, app/assets/stylesheets/components/_loading.scss */ .l-9 { animation-delay: 1.44s; } /* line 184, app/assets/stylesheets/components/_loading.scss */ .l-10 { animation-delay: 1.56s; } /* line 188, app/assets/stylesheets/components/_loading.scss */ .load-7 .square { animation: loadingG 1.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite; } /* line 192, app/assets/stylesheets/components/_loading.scss */ .load-8 .line { animation: loadingH 1.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite; } /* line 196, app/assets/stylesheets/components/_loading.scss */ .load-9 .spinner { animation: loadingI 2s linear infinite; } /* line 199, app/assets/stylesheets/components/_loading.scss */ .load-9 .bubble-1, .load-9 .bubble-2 { animation: bounce 2s ease-in-out infinite; } /* line 203, app/assets/stylesheets/components/_loading.scss */ .load-9 .bubble-2 { animation-delay: -1s; } /* line 207, app/assets/stylesheets/components/_loading.scss */ .load-10 .bar { animation: loadingJ 2s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite; } @keyframes loadingA { 0 { height: 15px; } 50% { height: 35px; } 100% { height: 15px; } } @keyframes loadingB { 0 { width: 15px; } 50% { width: 35px; } 100% { width: 15px; } } @keyframes loadingC { 0 { transform: translate(0, 0); } 50% { transform: translate(0, 15px); } 100% { transform: translate(0, 0); } } @keyframes loadingD { 0 { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } @keyframes loadingE { 0 { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes loadingF { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes loadingG { 0% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(70px, 0) rotate(360deg); } 100% { transform: translate(0, 0) rotate(0deg); } } @keyframes loadingH { 0% { width: 15px; } 50% { width: 35px; padding: 4px; } 100% { width: 15px; } } @keyframes loadingI { 100% { transform: rotate(360deg); } } @keyframes bounce { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } @keyframes loadingJ { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(80px, 0); background-color: #f5634a; width: 25px; } } /* line 332, app/assets/stylesheets/components/_loading.scss */ .loader { color: #b2b2b2; font-size: 10px; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; animation: mulShdSpin 1.3s infinite linear; transform: translateZ(0); } @keyframes mulShdSpin { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } } /* line 397, app/assets/stylesheets/components/_loading.scss */ .lds-ripple, .lds-ripple div { box-sizing: border-box; } /* line 401, app/assets/stylesheets/components/_loading.scss */ .lds-ripple { display: inline-block; position: relative; width: 80px; height: 80px; } /* line 407, app/assets/stylesheets/components/_loading.scss */ .lds-ripple div { position: absolute; border: 4px solid currentColor; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } /* line 414, app/assets/stylesheets/components/_loading.scss */ .lds-ripple div:nth-child(2) { animation-delay: -0.5s; } @keyframes lds-ripple { 0% { top: 36px; left: 36px; width: 8px; height: 8px; opacity: 0; } 4.9% { top: 36px; left: 36px; width: 8px; height: 8px; opacity: 0; } 5% { top: 36px; left: 36px; width: 8px; height: 8px; opacity: 1; } 100% { top: 0; left: 0; width: 80px; height: 80px; opacity: 0; } } /* line 1, app/assets/stylesheets/components/_switch_toggle.scss */ input.switch-toggle[type=checkbox] { height: 0; width: 0; visibility: hidden; display: none; } /* line 8, app/assets/stylesheets/components/_switch_toggle.scss */ input.switch-toggle + label { cursor: pointer; text-indent: -9999px; width: 45px; height: 25px; background: grey; display: block; border-radius: 100px; position: relative; } /* line 19, app/assets/stylesheets/components/_switch_toggle.scss */ input.switch-toggle + label:after { content: ''; position: absolute; top: 2px; left: 2px; width: 21px; height: 21px; background: #fff; border-radius: 90px; transition: 0.2s; } /* line 31, app/assets/stylesheets/components/_switch_toggle.scss */ input.switch-toggle:checked + label { background: green; } /* line 35, app/assets/stylesheets/components/_switch_toggle.scss */ input.switch-toggle:disabled + label { pointer-events: none; opacity: 0.4 !important; } /* line 40, app/assets/stylesheets/components/_switch_toggle.scss */ input.switch-toggle:checked + label:after { left: calc(100% - 3px); transform: translateX(-100%); } /* line 45, app/assets/stylesheets/components/_switch_toggle.scss */ input.switch-toggle + label:active:after { width: 130px; } /* line 49, app/assets/stylesheets/components/_switch_toggle.scss */ .switch-toggle-container { display: flex; gap: 10px; } /* line 53, app/assets/stylesheets/components/_switch_toggle.scss */ .switch-toggle-container .switch-label { font-weight: 500; font-size: 16px; } /* line 1, app/assets/stylesheets/components/_help_widget.scss */ .helpkit-launcherButton { bottom: 45px !important; } /* line 1, app/assets/stylesheets/components/_videojs.scss */ .videoPlayer-dimensions { width: 200px; min-width: 100%; max-height: 600px; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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%; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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(/font/VideoJS.eot?#iefix) format("eot"); } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYSy2hLaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4jC5t2/j+W2+MnCzM4DAtTC+5cg0OyNYnIOBCUQBAAceB90AeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJRiV3RAAABjAAAAFZjbWFwOfT3xgAAAmgAAAMiZ2x5ZgMJ0sMAAAXQAAARCGhlYWQSy2hLAAAA4AAAADZoaGVhDgMHIQAAALwAAAAkaG10eOAAAAAAAAHkAAAAhGxvY2E9NEHGAAAFjAAAAERtYXhwATIAgQAAARgAAAAgbmFtZdXH9aAAABbYAAACCnBvc3RAAl/0AAAY5AAAAZ4AAQAABwAAAAAABwAAAP//BwEAAQAAAAAAAAAAAAAAAAAAACEAAQAAAAEAAFYfTwlfDzz1AAsHAAAAAADWVg6nAAAAANZWDqcAAAAABwEHAAAAAAgAAgAAAAAAAAABAAAAIQB1AAcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEGygGQAAUAAARxBOYAAAD6BHEE5gAAA1wAVwHOAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQPEB8SAHAAAAAKEHAAAAAAAAAQAAAAAAAAAAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAUAAAADAAAALAAAAAQAAAGSAAEAAAAAAIwAAwABAAAALAADAAoAAAGSAAQAYAAAAAQABAABAADxIP//AADxAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAGQAAAAAAAAACAAAPEBAADxAQAAAAEAAPECAADxAgAAAAIAAPEDAADxAwAAAAMAAPEEAADxBAAAAAQAAPEFAADxBQAAAAUAAPEGAADxBgAAAAYAAPEHAADxBwAAAAcAAPEIAADxCAAAAAgAAPEJAADxCQAAAAkAAPEKAADxCgAAAAoAAPELAADxCwAAAAsAAPEMAADxDAAAAAwAAPENAADxDQAAAA0AAPEOAADxDgAAAA4AAPEPAADxDwAAAA8AAPEQAADxEAAAABAAAPERAADxEQAAABEAAPESAADxEgAAABIAAPETAADxEwAAABMAAPEUAADxFAAAABQAAPEVAADxFQAAABUAAPEWAADxFgAAABYAAPEXAADxFwAAABcAAPEYAADxGAAAABgAAPEZAADxGQAAABkAAPEaAADxGgAAABoAAPEbAADxGwAAABsAAPEcAADxHAAAABwAAPEdAADxHQAAAB0AAPEeAADxHgAAAB4AAPEfAADxHwAAAB8AAPEgAADxIAAAACAAAAAAAAAADgBoAH4AzADgAQIBQgFsAZgBwgIYAlgCtALgAzADsAPeBDAElgTcBSQFZgWKBiAGZga0BuoHWAgSCFgIbgiEAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAbADQAAAkCEyIHDgEHBhAXHgEXFiA3PgE3NhAnLgEnJgMiJy4BJyY0Nz4BNzYyFx4BFxYUBw4BBwYC6wHA/kCVmIuGzjk7OznOhosBMIuGzjk7OznOhouYeW9rpi0vLy2ma2/yb2umLS8vLaZrbwIwAVABUAGbOznOhov+0IuGzjk7OznOhosBMIuGzjk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiEGIAAHABcAJwAqAAABNCcmJxUXNjcUBxc2NTQnLgEnFR4BFxYBBwEhESEBEQEGBxU2Nxc3AQcXBNA0MlW4A7spcU1FQ+6VbKovMfu0XwFh/p8BKwF1AT5QWZl6mV/9YJycA4BhUlAqpbgYGGNicZKknYyHvSKaIJNlaQIsX/6f/kD+iwH2/sI9G5ojZJhfBJacnAAAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYACAAOAAABNCcmJxE2NzYBESEBEQEFZTQyVFQyNPwQASsBdf6LA4BhUlAq/aYqUFIBQf5A/osEqv6LAAMAAAAABiAGDwAFAA4AIgAAExEhAREBBTQnJicRNjc2AxUeARcWFAcOAQcVPgE3NhAnLgHgASsBdf6LAsU0MlVVMjS7bKovMTEvqmyV7kNFRUPuBGD+QP6LBKr+i+BhUlAq/aYqUFIC8Jogk2Vp6GllkyCaIr2HjAE6jIe9AAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gATABcAAAEhIg4BFREUHgEzITI+ATURNC4BAyERIQVA/IApRCgoRCkDgClEKChEKfyAA4AF1ShEKfyAKUQoKEQpA4ApRCj76wOAAAYAAAAABmsGawAIAA0AFQAeACMALAAACQEmIyIHBgcBJS4BJwEFIQE2NzY1NAUBBgcGFRQXIQUeARcBMwEWMzI3NjcBAr4BZFJQhHt2YwESA44z7Z/+7gLl/dABel0zNfwS/t1dMzUPAjD95DPtnwESeP7dU0+Ee3Zj/u4D8AJoEy0rUf4nd6P6PP4nS/1zZn+Ej0tLAfhmf4SPS0pLo/o8Adn+CBMtK1EB2QAFAAAAAAZrBdYAEwAXABsAHwAjAAABISIOARURFB4BMyEyPgE1ETQuAQEhFSEBITUhBSE1ITUhNSEF1ftWKUUoKEUpBKopRSgoRfstASr+1gLq/RYC6gHA/tYBKv0WAuoF1ShEKfyAKUQoKEQpA4ApRCj9q5X+1ZWVlZaVAAAAAAMAAAAABiAF1gATACsAQwAAASEiDgEVERQeATMhMj4BNRE0LgEBIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFi/vqKEUoKEUoBBYoRSgoRf2CcJWVcCsf4B8sLB/gHysCC3CVlXAsH+AfKysf4B8sBdUoRCn8gClEKChEKQOAKUQo/fYl4CVKHywsHwEqHywsH0ol4CVKHywsHwEqHywsHwAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIQZsADEAAAEiBgcBNjQnAR4BMzI+ATQuASIOARUUFwEuASMiDgEUHgEzMjY3AQYVFB4BMj4BNC4BBUAqSx797AcHAg8eTys9Zzw8Z3pnPAf98R5PKz1nPDxnPStPHgIUBjtkdmQ7O2QCTx4cATcbMhsBNB0gPGd6Zzw8Zz0ZG/7NHCA8Z3pnPCAc/soZGDtkOjpkdmQ7AAAAAAIAAAAABlkGawBDAFAAAAE2NCc3PgEnAy4BDwEmLwEuASMhIgYPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEzITI2PwE2NxcWNjcTNiYnBSIuATQ+ATIeARQOAQWrBQWeCgYHlgcaDLo8QhwDFQ7+1g4VAhxEOroNGgeVBwULnQUFnQsFB5UHGg26O0McAhUOASoOFQIcRDq6DRoHlQcFC/04R3hGRniOeEZGeAM3Kj4qewkbDAEDDAkFSy4bxg4SEg7GHC1LBQkM/v0MGwl7Kj4qewkbDP79DAkFSy4bxg4SEg7GHC1LBQkMAQMMGwlBRniOeEZGeI54RgABAAAAAAZrBmsAGAAAExQXHgEXFiA3PgE3NhAnLgEnJiAHDgEHBpU7Oc6GiwEwi4bOOTs7Oc6Gi/7Qi4bOOTsDgJiLhs45Ozs5zoaLATCLhs45Ozs5zoaLAAAAAAIAAAAABmsGawAYADEAAAEiBw4BBwYQFx4BFxYgNz4BNzYQJy4BJyYDIicuAScmNDc+ATc2MhceARcWFAcOAQcGA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi5h5b2umLS8vLaZrb/Jva6YtLy8tpmtvBms7Oc6Gi/7Qi4bOOTs7Oc6GiwEwi4bOOTv6wC8tpmtv8m9rpi0vLy2ma2/yb2umLS8AAwAAAAAGawZrABgAMQA+AAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmAyInLgEnJjQ3PgE3NjIXHgEXFhQHDgEHBhMUDgEiLgE0PgEyHgEDgJiKhs85Ozs5z4aKATCKhs85Ozs5z4aKmHlva6YtLy8tpmtv8m9rpi0vLy2ma29nPGd6Zzw8Z3pnPAZrOznPhor+0IqGzzk7OznPhooBMIqGzzk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAlU9Zzw8Z3pnPDxnAAAABAAAAAAGIAYhABMAHwApAC0AAAEhIg4BFREUHgEzITI+ATURNC4BASM1IxUjETMVMzU7ASEyFhURFAYjITczNSMFi/vqKEUoKEUoBBYoRSgoRf2CcJVwcJVwlgEqHywsH/7WcJWVBiAoRSj76ihFKChFKAQWKEUo/ICVlQHAu7ssH/7WHyxw4AAAAAACAAAAAAZrBmsAGAAkAAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmEwcJAScJATcJARcBA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi91p/vT+9GkBC/71aQEMAQxp/vUGazs5zoaL/tCLhs45Ozs5zoaLATCLhs45O/wJaQEL/vVpAQwBDGn+9QELaf70AAABAAAAAAXWBrYAJwAAAREJAREyFxYXFhQHBgcGIicmJyY1IxQXHgEXFjI3PgE3NjQnLgEnJgOA/osBdXpoZjs9PTtmaPRoZjs9lS8tpWtv9G9rpS0vLy2la28FiwEq/ov+iwEqPTtmaPNpZTw9PTxlaXl5b2umLS8vLaZrb/Nva6UuLwABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcBBM8AFwAhADgATwBmAHEAdAAAAREzNhcWFxYXFhcWBw4BBwYHBicmLwEmNxY2NzYuAQcRFAUWNzY/ATY3NjU2JyMGFxYfARYXFhcUFxY3Nj8BNjc2NzYnIwYXFh8BFhcWFRYXFjc2PwE2NzY3NicjBhcWHwEWFxYVFgUzPwEVMxEjBgsBARUnAxwcaC5MND0sTSsvCgdVREdTNWg1KgECq1JrCQcwYkABfhoSCxAKJBQXAX4dAQMCBgMnFxsBJBoSCxAKJBQWAQF+HgEEAgUEJxcbASMZEwsQCiQUFgEBfh4BBAIFBCcXGwH5Q+5B4arNDfHvAhaOAckC/QIBAwwPHzdcZXlZmC8xCAQBAQIDBMIDVkxCZDQF/pUHwgcTCyAUQEdPU8etCAgFCQZHTFxbwLoHEwsgFEBHT1PHrQgIBQkGR0xcW8C6BxMLIBRAR09Tx60ICAUJBkdMXFvAwGQBZQMMFf6D/oYB/fkBAAABAAAAAAYhBrYALAAAASIHDgEHBhURFB4BOwERITU0Nz4BNzYyFx4BFxYdASERMzI+ATURNCcuAScmA4CJfXi6MzU8Zz3g/tUpKJFeYdRhXpEoKf7V4D1nPDUzunh9BrU0M7t4fYn99j1nPAJVlWthXpAoKSkokF5ha5X9qzxnPQIKiX14uzM0AAAAAAIAAAAABUAFQAACAAYAAAkCIREzEQHAAnv9hQLrlQHAAcABwPyAA4AAAAAAAgAAAAAFQAVAAAMABgAAATMRIwkBEQHAlZUBBQJ7BUD8gAHA/kADgAAAAAAAABAAxgABAAAAAAABAAcAAAABAAAAAAACAAcABwABAAAAAAADAAcADgABAAAAAAAEAAcAFQABAAAAAAAFAAsAHAABAAAAAAAGAAcAJwABAAAAAAAKACsALgABAAAAAAALABMAWQADAAEECQABAA4AbAADAAEECQACAA4AegADAAEECQADAA4AiAADAAEECQAEAA4AlgADAAEECQAFABYApAADAAEECQAGAA4AugADAAEECQAKAFYAyAADAAEECQALACYBHlZpZGVvSlNSZWd1bGFyVmlkZW9KU1ZpZGVvSlNWZXJzaW9uIDEuMFZpZGVvSlNHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBWAGkAZABlAG8ASgBTAFIAZQBnAHUAbABhAHIAVgBpAGQAZQBvAEoAUwBWAGkAZABlAG8ASgBTAFYAZQByAHMAaQBvAG4AIAAxAC4AMABWAGkAZABlAG8ASgBTAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=) format("truetype"); font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-play-circle { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-play-circle:before { content: "\f102"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before { content: "\f103"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before { content: "\f104"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .vjs-icon-volume-low { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vjs-icon-volume-low:before { content: "\f105"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .vjs-icon-volume-mid { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before, .vjs-icon-volume-mid:before { content: "\f106"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before { content: "\f107"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before { content: "\f108"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-exit { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before { content: "\f109"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-square { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-square:before { content: "\f10a"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-spinner { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-spinner:before { content: "\f10b"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-chapters-button .vjs-icon-placeholder, .vjs-icon-chapters { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-chapters-button .vjs-icon-placeholder:before, .vjs-icon-chapters:before { content: "\f10e"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-share { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-share:before { content: "\f10f"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-cog { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-cog:before { content: "\f110"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before { content: "\f111"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-circle-outline { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-circle-outline:before { content: "\f112"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-circle-inner-circle:before { content: "\f113"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-hd { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-hd:before { content: "\f114"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .vjs-icon-cancel { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before, .vjs-icon-cancel:before { content: "\f115"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .vjs-icon-replay { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before { content: "\f116"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-facebook { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-facebook:before { content: "\f117"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-gplus { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-gplus:before { content: "\f118"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-linkedin { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-linkedin:before { content: "\f119"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-twitter { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-twitter:before { content: "\f11a"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-tumblr { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-tumblr:before { content: "\f11b"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-pinterest { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-pinterest:before { content: "\f11c"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-descriptions-button .vjs-icon-placeholder, .vjs-icon-audio-description { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-descriptions-button .vjs-icon-placeholder:before, .vjs-icon-audio-description:before { content: "\f11d"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-audio-button .vjs-icon-placeholder, .vjs-icon-audio { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-audio-button .vjs-icon-placeholder:before, .vjs-icon-audio:before { content: "\f11e"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-next-item { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-next-item:before { content: "\f11f"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-previous-item { font-family: VideoJS; font-weight: 400; font-style: normal; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-icon-previous-item:before { content: "\f120"; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js:-moz-full-screen { position: absolute; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js[tabindex="-1"] { outline: 0; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js *, .video-js :after, .video-js :before { box-sizing: inherit; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid { width: 100%; max-width: 100%; height: 0; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-16-9 { padding-top: 56.25%; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-4-3 { padding-top: 75%; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-fill { width: 100%; height: 100%; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ body.vjs-full-window { padding: 0; margin: 0; height: 100%; overflow-y: auto; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-fullscreen { width: 100% !important; height: 100% !important; padding-top: 0 !important; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-hidden { display: none !important; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-disabled { opacity: .5; cursor: default; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-lock-showing { display: block !important; opacity: 1; visibility: visible; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-no-js a, .vjs-no-js a:visited { color: #66a8cc; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.5em; 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, 0.7); -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -.75em; margin-left: -1.5em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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, 0.5); -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js button { background: 0 0; border: none; color: inherit; display: inline-block; overflow: visible; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-control .vjs-button { width: 100%; height: 100%; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: .5em; z-index: 2; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; box-sizing: content-box; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-modal-dialog > * { box-sizing: border-box; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-menu-button { cursor: pointer; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-menu-button.vjs-disabled { cursor: default; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial,Helvetica,sans-serif; overflow: auto; box-sizing: content-box; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-menu .vjs-menu-content > * { box-sizing: border-box; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-scrubbing .vjs-menu-button:hover .vjs-menu { display: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover { background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2b333f; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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, 0.7); } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2b333f; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu { display: block; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-menu-button-inline { -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; overflow: hidden; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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, 0.7); } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-has-started .vjs-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility .1s,opacity .1s; -moz-transition: visibility .1s,opacity .1s; -ms-transition: visibility .1s,opacity .1s; -o-transition: visibility .1s,opacity .1s; transition: visibility .1s,opacity .1s; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; -webkit-transition: visibility 1s,opacity 1s; -moz-transition: visibility 1s,opacity 1s; -ms-transition: visibility 1s,opacity 1s; -o-transition: visibility 1s,opacity 1s; transition: visibility 1s,opacity 1s; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar { display: none !important; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-button > .vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before { text-shadow: 0 0 1em #fff; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-custom-control-spacer { display: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-progress-control { cursor: pointer; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 4em; touch-action: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-progress-control.disabled { cursor: default; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-live .vjs-progress-control { display: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-no-flex .vjs-progress-control { width: auto; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-progress-holder { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; height: .3em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.666666666666666666em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; left: 0; top: 0; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-play-progress { background-color: #fff; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-play-progress:before { font-size: .9em; position: absolute; right: -.5em; top: -.333333333333333em; z-index: 1; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-load-progress { background: #bfc7d3; background: rgba(115, 133, 159, 0.5); } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-load-progress div { background: #fff; background: rgba(115, 133, 159, 0.75); } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); -webkit-border-radius: .3em; -moz-border-radius: .3em; 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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s,opacity 1s; -moz-transition: visibility 1s,opacity 1s; -ms-transition: visibility 1s,opacity 1s; -o-transition: visibility 1s,opacity 1s; transition: visibility 1s,opacity 1s; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { display: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 .45em 0 .45em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-slider.disabled { cursor: default; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-slider:focus { text-shadow: 0 0 1em #fff; -webkit-box-shadow: 0 0 1em #fff; -moz-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-mute-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; padding-left: 2em; padding-right: 2em; padding-bottom: 3em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-panel { -webkit-transition: width 1s; -moz-transition: width 1s; -ms-transition: width 1s; -o-transition: width 1s; transition: width 1s; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control, .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-volume-control:hover, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel:hover .vjs-volume-control { visibility: visible; opacity: 1; position: relative; -webkit-transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s; -moz-transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s; -ms-transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s; -o-transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s; transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal:active, .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal:hover, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover { width: 9em; -webkit-transition: width .1s; -moz-transition: width .1s; -ms-transition: width .1s; -o-transition: width .1s; transition: width .1s; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3.5em; -webkit-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s; -moz-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s; -ms-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s; -o-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s; transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { -webkit-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s; -moz-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s; -ms-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s; -o-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s; transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position: relative; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-panel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-bar { margin: 1.35em .45em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: .3em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-volume-bar.vjs-slider-vertical { width: .3em; height: 5em; margin: 1.35em auto; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-level:before { position: absolute; font-size: .9em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-slider-vertical .vjs-volume-level { width: .3em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-slider-vertical .vjs-volume-level:before { top: -.5em; left: -.3em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-slider-horizontal .vjs-volume-level { height: .3em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-slider-horizontal .vjs-volume-level:before { top: -.3em; right: -.5em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2b333f; background-color: rgba(43, 51, 63, 0.7); } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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%; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-poster img { display: block; vertical-align: middle; margin: 0 auto; max-height: 100%; padding: 0; width: 100%; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-has-started .vjs-poster { display: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-audio.vjs-has-started .vjs-poster { display: block; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-using-native-controls .vjs-poster { display: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-live-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; font-size: 1em; line-height: 3em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-time-control { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-live .vjs-time-control { display: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-current-time, .vjs-no-flex .vjs-current-time { display: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control { width: 0 !important; white-space: nowrap; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-duration, .vjs-no-flex .vjs-duration { display: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-time-divider { display: none; line-height: 3em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-live .vjs-time-divider { display: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-play-control .vjs-icon-placeholder { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: .1em; background-color: #000; background-color: rgba(0, 0, 0, 0.5); } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-subtitles { color: #fff; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-captions { color: #fc6; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-tt-cue { display: block; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ video::-webkit-media-text-track-display { -moz-transform: translateY(-3em); -ms-transform: translateY(-3em); -o-transform: translateY(-3em); -webkit-transform: translateY(-3em); transform: translateY(-3em); } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { -moz-transform: translateY(-1.5em); -ms-transform: translateY(-1.5em); -o-transform: translateY(-1.5em); -webkit-transform: translateY(-1.5em); transform: translateY(-1.5em); } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-fullscreen-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate > .vjs-menu-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-playback-rate .vjs-menu { width: 4em; left: 0; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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%; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidden; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; animation: 0s linear .3s forwards vjs-spinner-show; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: #fff; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-chapters-button .vjs-menu ul { width: 24em; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: "\f10d"; font-size: 1.5em; line-height: inherit; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " \f11d"; font-size: 1.5em; line-height: inherit; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: block; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-layout-tiny.vjs-no-flex:not(.vjs-fullscreen) .vjs-custom-control-spacer { width: auto; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel { display: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel { display: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel { display: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-modal-dialog.vjs-text-track-settings { background-color: #2b333f; background-color: rgba(43, 51, 63, 0.75); color: #fff; height: 70%; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display: grid) { /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-text-track-settings .vjs-track-settings-colors { display: block; grid-column: 1; grid-row: 1; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-text-track-settings .vjs-track-settings-font { grid-column: 2; grid-row: 1; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 2; grid-row: 2; } } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-track-setting > select { margin-right: 5px; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-text-track-settings fieldset span { display: inline-block; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-text-track-settings legend { color: #fff; margin: 0 0 5px 0; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .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%); } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-track-settings-controls button { background-color: #fff; background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); color: #2b333f; cursor: pointer; border-radius: 2px; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } @media print { /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js > :not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: -1000; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .js-focus-visible .video-js :focus:not(.focus-visible) { outline: 0; } /* line 7, app/assets/stylesheets/components/_videojs.scss */ .video-js :focus:not(:focus-visible) { outline: 0; } @media \0screen { /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-user-inactive.vjs-playing .vjs-control-bar :before { content: ""; } } @media \0screen { /* line 7, app/assets/stylesheets/components/_videojs.scss */ .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: hidden; } } /* line 2, app/assets/stylesheets/components/_wrapper.scss */ [data-controller='widget-todo'] [data-widget-todo-target="noteListWrapper"] [data-widget-todo-target="noteList"] { max-height: 400px !important; overflow: scroll; } /* line 7, app/assets/stylesheets/components/_wrapper.scss */ [data-controller='widget-todo'] .wrapper-button { margin-top: 30px; } /* line 11, app/assets/stylesheets/components/_wrapper.scss */ [data-controller='widget-todo'] button { width: auto !important; } /* line 15, app/assets/stylesheets/components/_wrapper.scss */ [data-controller='widget-todo'] [data-widget-todo-target="noteListLoading"] .content { display: flex; justify-content: center; align-items: center; min-height: 200px; } /* line 22, app/assets/stylesheets/components/_wrapper.scss */ [data-controller='widget-todo'] button.note-priority:after { display: none; } /* line 28, app/assets/stylesheets/components/_wrapper.scss */ [data-controller='widget-network-status'] .rounded { display: inline-block; padding-left: 10px; padding-right: 10px; min-width: 60px; } /* line 37, app/assets/stylesheets/components/_wrapper.scss */ .headline .headline__initial-header { display: flex; justify-content: center; } /* line 42, app/assets/stylesheets/components/_wrapper.scss */ .headline .headline__initial-name { display: inline-block; background: #fff; border-radius: 100px; border: 1px solid #e4e4e4; height: 100px; width: 100px; font-size: 46px; font-family: 'Inter Var'; display: flex; justify-content: center; align-items: center; } /* line 57, app/assets/stylesheets/components/_wrapper.scss */ .headline__footer { height: 62px; background: #f7f7f7; border-top: 1px solid #e4e4e4; } /* line 63, app/assets/stylesheets/components/_wrapper.scss */ input[type="radio"] { border: 2px solid #c0c0c0; } /* line 68, app/assets/stylesheets/components/_wrapper.scss */ .taiwind-form input, .taiwind-form input[type="text"], .taiwind-form input[type="password"], .taiwind-form input[type="email"], .taiwind-form input[type="number"], .taiwind-form textarea, .taiwind-form select { height: auto; line-height: inherit; font-size: 0.875rem; padding: 5px 10px; margin: 0px; } /* line 78, app/assets/stylesheets/components/_wrapper.scss */ #requestBackgroundCheckModal .form-information { margin: 0px; font-size: 14px; } /* line 82, app/assets/stylesheets/components/_wrapper.scss */ #requestBackgroundCheckModal .form-information .row { margin: 10px -15px; border-top: 1px solid #f0f0f0; } /* line 86, app/assets/stylesheets/components/_wrapper.scss */ #requestBackgroundCheckModal .form-information .row:last-child { border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; } /* line 93, app/assets/stylesheets/components/_wrapper.scss */ #requestBackgroundCheckModal label { margin: 0px; font-weight: 600; font-size: 14px; margin-top: 10px; } /* line 101, app/assets/stylesheets/components/_wrapper.scss */ .swal2-title { font-size: 17px !important; display: block !important; text-align: left !important; width: 100% !important; } /* line 108, app/assets/stylesheets/components/_wrapper.scss */ [data-ein-uploader-target="tableContainer"] .wrapper { max-width: 800px; overflow: scroll; border: 1px solid #000; margin-bottom: 20px; } /* line 116, app/assets/stylesheets/components/_wrapper.scss */ .checkbox-with_hint .checkbox-icon { top: -30px !important; } /* line 1, app/assets/stylesheets/components/_progress_bar.scss */ .progress-bar { padding-left: 5px; padding-right: 5px; } /* line 1, app/assets/stylesheets/components/_skeleton.scss */ .skeleton-box { display: inline-block; height: 1em; position: relative; overflow: hidden; background-color: #DDDBDD; } /* line 8, app/assets/stylesheets/components/_skeleton.scss */ .skeleton-box::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); animation: shimmer 5s infinite; content: ''; } @keyframes shimmer { 100% { transform: translateX(100%); } } /* line 1, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-left .modal-dialog, .modal.modal-right .modal-dialog, .modal.modal-top .modal-dialog, .modal.modal-bottom .modal-dialog { -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); padding-top: 83px; } /* Left & Right */ /* line 14, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-left .modal-dialog, .modal.modal-right .modal-dialog { position: fixed; margin: auto; width: 500px; max-width: 100%; height: 100%; } /* line 23, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-left .modal-content, .modal.modal-right .modal-content { height: 100%; overflow-y: auto; } /* line 29, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-left .modal-body, .modal.modal-right .modal-body { padding: 15px 15px 80px; } /* line 34, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-left.fade .modal-dialog { left: -500px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; } /* line 42, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-left.fade.show .modal-dialog { left: 0; } /* line 46, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-right.fade .modal-dialog { right: -500px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; } /* line 54, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-right.fade.show .modal-dialog { right: 0; } /* line 58, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-left .modal-content, .modal.modal-right .modal-content, .modal.modal-top .modal-content, .modal.modal-bottom .modal-content, .modal.modal-full .modal-content { border-radius: 0; border: none; } /* line 67, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-left .modal-dialog.modal-sm, .modal.modal-right .modal-dialog.modal-sm { width: 300px; } /* line 72, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-left .modal-dialog.modal-lg, .modal.modal-right .modal-dialog.modal-lg { width: 800px; } /* line 77, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-left .modal-dialog.modal-xl, .modal.modal-right .modal-dialog.modal-xl { width: 1140px; } /* Top and Bottom */ /* line 84, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-top .modal-dialog, .modal.modal-bottom .modal-dialog { position: fixed; margin: auto; width: 100%; max-width: 100%; height: auto; } /* line 93, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-top .modal-content, .modal.modal-bottom .modal-content { height: auto; overflow-y: auto; } /* line 99, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-top .modal-body, .modal.modal-bottom .modal-body { padding: 15px 15px; } /* Top */ /* line 106, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-top.fade .modal-dialog { top: -100%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; } /* line 114, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-top.fade.show .modal-dialog { top: 0; } /* Bottom */ /* line 120, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-bottom.fade .modal-dialog { bottom: -100%; -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out; -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out; -o-transition: opacity 0.3s linear, bottom 0.3s ease-out; transition: opacity 0.3s linear, bottom 0.3s ease-out; } /* line 128, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-bottom.fade.show .modal-dialog { bottom: 0; } /* line 132, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-bottom.fade .modal-dialog { bottom: -100%; } /* Full Screen */ /* line 138, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-full .modal-dialog { position: fixed; margin: auto; width: 100%; max-width: 100%; height: 100%; } /* line 146, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-full .modal-content { height: 100%; overflow-y: auto; } /* line 151, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-full .close-modal { position: fixed; top: 0; right: 3rem; } /* Footer */ /* line 159, app/assets/stylesheets/components/_side_modal.scss */ .modal-footer-fixed { position: fixed; bottom: 0; width: 100%; background: #fff; border-radius: 0; } /* XS */ /* line 169, app/assets/stylesheets/components/_side_modal.scss */ .modal.modal-left.xs .modal-body, .modal.modal-right.xs .modal-body { padding: 15px; } /* Full screen modal menu indicators */ /* line 176, app/assets/stylesheets/components/_side_modal.scss */ a.has-sub:after { font-family: "FontAwesome"; } /* line 177, app/assets/stylesheets/components/_side_modal.scss */ a.has-sub:after { content: "\f107"; margin-left: 1rem; } /* line 178, app/assets/stylesheets/components/_side_modal.scss */ a.has-sub[aria-expanded="true"]:after { content: "\f106"; } /* line 2, app/assets/stylesheets/components/_common_modal.scss */ .common-modal * { font-family: 'Nunito', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* line 6, app/assets/stylesheets/components/_common_modal.scss */ .common-modal *.fa { font-family: FontAwesome; } /* line 11, app/assets/stylesheets/components/_common_modal.scss */ .common-modal .tailwind-form input.outline-1, .common-modal .tailwind-form button.outline-1 { outline-color: #d1d5dc !important; outline-offset: calc(1px * -1) !important; outline-width: 1px !important; outline-style: double !important; } /* line 18, app/assets/stylesheets/components/_common_modal.scss */ .common-modal .tailwind-form input.outline-1:focus, .common-modal .tailwind-form button.outline-1:focus { outline-color: #4f39f6 !important; } /* line 23, app/assets/stylesheets/components/_common_modal.scss */ .common-modal .hint-box { outline: 1px solid #d1d5dc; border-radius: 6px; padding: 10px 20px; } /* line 1, app/assets/stylesheets/components/_tooltip_list.scss */ .tooltip-list { text-align: left; margin-left: -10px; margin-right: -10px; } /* line 6, app/assets/stylesheets/components/_tooltip_list.scss */ .tooltip-list li { border-bottom: 1px solid #e7e7e7; padding: 10px; } /* line 10, app/assets/stylesheets/components/_tooltip_list.scss */ .tooltip-list li:last-child { border-bottom: none; } /* line 2, app/assets/stylesheets/components/pages/_training_page.scss */ .Page--Training .Page--Training__title { font-size: 16px; margin-bottom: 15px; font-weight: 600; } /* line 9, app/assets/stylesheets/components/pages/_training_page.scss */ .Page--Training .Page--Training__description p { font-size: 15px; padding-bottom: 10px; } /* line 15, app/assets/stylesheets/components/pages/_training_page.scss */ .Page--Training .Page--Training__video-content { margin-top: 50px; } /* line 20, app/assets/stylesheets/components/pages/_training_page.scss */ .Page--Training .Page--Training__video-content-items .Page--Training__video-content-item { padding: 15px 0px; border-bottom: 1px solid #e4e4e4; color: #acacac; font-size: 14px; line-height: 20px; } /* line 28, app/assets/stylesheets/components/pages/_training_page.scss */ .Page--Training .Page--Training__video-content-items .Page--Training__video-content-item .title { font-size: 17px; } /* line 32, app/assets/stylesheets/components/pages/_training_page.scss */ .Page--Training .Page--Training__video-content-items .Page--Training__video-content-item .description { margin-top: 20px; margin-bottom: 10px; } /* line 39, app/assets/stylesheets/components/pages/_training_page.scss */ .collapse.show { display: inherit !important; } /* line 43, app/assets/stylesheets/components/pages/_training_page.scss */ .Video-upload { padding: 16px; border: 3px dashed #b9b9b9; border-radius: 5px; text-align: center; font-size: 15px; display: flex; justify-content: center; align-items: center; height: 130px; } /* line 54, app/assets/stylesheets/components/pages/_training_page.scss */ .Video-upload a { font-size: 17px; font-weight: 600; color: #959ec5; } /* line 60, app/assets/stylesheets/components/pages/_training_page.scss */ .Video-upload input { display: none; } /* line 64, app/assets/stylesheets/components/pages/_training_page.scss */ .Video-upload .Video-upload__load { display: none; position: absolute; width: 100%; margin-left: -15px; top: 14px; flex-direction: column; height: 100px; justify-content: center; } /* line 75, app/assets/stylesheets/components/pages/_training_page.scss */ .Video-upload.uploading .Video-upload__load { display: flex; } /* line 79, app/assets/stylesheets/components/pages/_training_page.scss */ .Video-upload.uploading a { display: none; } /* line 1, app/assets/stylesheets/components/pages/_training_assessment_page.scss */ .Page--Training__assessment { min-height: 400px; display: flex; flex-direction: column; justify-content: center; } /* line 7, app/assets/stylesheets/components/pages/_training_assessment_page.scss */ .Page--Training__assessment .row.question-option .col-12 { display: flex; align-items: baseline; } /* line 12, app/assets/stylesheets/components/pages/_training_assessment_page.scss */ .Page--Training__assessment .dashboard-box { box-shadow: none !important; } /* line 2, app/assets/stylesheets/components/pages/_trust_center_page.scss */ .trust-center__dot-number .usdot-item { padding: 15px 25px; border-bottom: 1px solid #e6e7eb; display: flex; gap: 5px; } /* line 9, app/assets/stylesheets/components/pages/_trust_center_page.scss */ .trust-center__dot-number .usdot-item .info-label { font-weight: bold; } /* line 2, app/assets/stylesheets/components/pages/_public_ondemand_vehicle.scss */ .Page--Public_Ondemand_Vehicle .Page--Public_Ondemand_Vehicle--Calculator { background: #fbfbfb; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; margin-left: 0px; margin-right: 0px; box-shadow: 10px 4px 8px #fafafa inset; padding: 10px 10px; } /* line 11, app/assets/stylesheets/components/pages/_public_ondemand_vehicle.scss */ .Page--Public_Ondemand_Vehicle .Page--Public_Ondemand_Vehicle--Calculator .disclosur { border: 1px solid #e4e0e0; background: #f2f2f2; padding: 10px 19px; border-radius: 8px; margin-top: 30px; } /* line 19, app/assets/stylesheets/components/pages/_public_ondemand_vehicle.scss */ .Page--Public_Ondemand_Vehicle .Page--Public_Ondemand_Vehicle--Calculator .disclosur p { font-size: 13px; line-height: 22px; text-align: justify; padding-bottom: 20px; } /* line 26, app/assets/stylesheets/components/pages/_public_ondemand_vehicle.scss */ .Page--Public_Ondemand_Vehicle .Page--Public_Ondemand_Vehicle--Calculator .disclosur p:last-child { padding: 0px; } /* line 32, app/assets/stylesheets/components/pages/_public_ondemand_vehicle.scss */ .Page--Public_Ondemand_Vehicle .Page--Public_Ondemand_Vehicle--Calculator__widget .media { border: 1px solid #d1d5dc; border-radius: 10px; padding: 10px 16px; display: flex; gap: 20px; align-items: center; } /* line 40, app/assets/stylesheets/components/pages/_public_ondemand_vehicle.scss */ .Page--Public_Ondemand_Vehicle .Page--Public_Ondemand_Vehicle--Calculator__widget .media .fa { display: block; background: #9e9af5; color: #fff; padding: 11px; border-radius: 8px; font-size: 20px; } /* line 49, app/assets/stylesheets/components/pages/_public_ondemand_vehicle.scss */ .Page--Public_Ondemand_Vehicle .Page--Public_Ondemand_Vehicle--Calculator__widget .media h5 { font-weight: 600; font-size: 18px; } /* line 54, app/assets/stylesheets/components/pages/_public_ondemand_vehicle.scss */ .Page--Public_Ondemand_Vehicle .Page--Public_Ondemand_Vehicle--Calculator__widget .media p { color: #9b9b9b; font-size: 14px; } /* line 59, app/assets/stylesheets/components/pages/_public_ondemand_vehicle.scss */ .Page--Public_Ondemand_Vehicle .Page--Public_Ondemand_Vehicle--Calculator__widget .media.media-highlight h5 { font-size: 24px; color: #00a540; } /* line 2, app/assets/stylesheets/components/pages/_fraud_alert_page.scss */ .Page--Public_Fraud-alert .upload-file [data-controller='file-upload'] { text-align: left !important; } /* line 2, app/assets/stylesheets/components/pages/_coi_page.scss */ .Page--Public_COI .Page--Public_COI-Widget_row-with-mheight .card { min-height: 105px; } /* line 7, app/assets/stylesheets/components/pages/_coi_page.scss */ .Page--Public_COI .Page--Public_COI-Widget .card { border: 1px solid #f6f6f6; border-radius: 10px; padding: 10px 20px 10px 20px; align-items: center; } /* line 14, app/assets/stylesheets/components/pages/_coi_page.scss */ .Page--Public_COI .Page--Public_COI-Widget .card i { color: #0a0e0a; display: block; width: 30px; height: 30px; text-align: center; padding-top: 7px; border-radius: 5px; background: #efefef; } /* line 25, app/assets/stylesheets/components/pages/_coi_page.scss */ .Page--Public_COI .Page--Public_COI-Widget .card p { padding: 0px; font-size: 11px; color: #000; font-weight: 300; } /* line 32, app/assets/stylesheets/components/pages/_coi_page.scss */ .Page--Public_COI .Page--Public_COI-Widget .card label { margin: 0px; font-size: 22px; font-weight: 400; margin-top: 5px; } /* line 39, app/assets/stylesheets/components/pages/_coi_page.scss */ .Page--Public_COI .Page--Public_COI-Widget .card h4 { padding-top: 7px; } /* line 43, app/assets/stylesheets/components/pages/_coi_page.scss */ .Page--Public_COI .Page--Public_COI-Widget .active-color { background: #dcfce7 !important; color: #28302c !important; } /* line 48, app/assets/stylesheets/components/pages/_coi_page.scss */ .Page--Public_COI .Page--Public_COI-Widget .pending-color { background: #fef9c3 !important; color: #986b32 !important; } /* line 53, app/assets/stylesheets/components/pages/_coi_page.scss */ .Page--Public_COI .Page--Public_COI-Widget .inactive-color, .Page--Public_COI .Page--Public_COI-Widget .expired-color, .Page--Public_COI .Page--Public_COI-Widget .incorrect-color { background-color: #fee2e2 !important; color: #c84a4c !important; } /* line 60, app/assets/stylesheets/components/pages/_coi_page.scss */ .Page--Public_COI .Page--Public_COI-Widget .Page--Public_COI-Widget_period-options { max-width: 134px; border-radius: 5px; border-color: #d7d7d7; font-size: 13px; height: 39px; padding-top: 5px; padding-bottom: 5px; } /* line 2, app/assets/stylesheets/components/pages/_plan_page.scss */ .Page--Plan .Page--Plan_option:hover { box-shadow: 0px 0px 0px 5px #dbeafe; cursor: pointer; } /* line 7, app/assets/stylesheets/components/pages/_plan_page.scss */ .Page--Plan .Page--Plan_option-selected { box-shadow: 0px 0px 0px 5px #dbeafe; } /* line 2, app/assets/stylesheets/components/pages/_onboarding_setup_page.scss */ .Page--Onboarding_Setup li.copy { position: relative; width: 100%; } /* line 6, app/assets/stylesheets/components/pages/_onboarding_setup_page.scss */ .Page--Onboarding_Setup li.copy i { font-size: 22px !important; margin-bottom: 10px; } /* line 11, app/assets/stylesheets/components/pages/_onboarding_setup_page.scss */ .Page--Onboarding_Setup li.copy div.text-center { font-size: 14px !important; } /* line 15, app/assets/stylesheets/components/pages/_onboarding_setup_page.scss */ .Page--Onboarding_Setup li.copy i.delete-icon { font-size: 13px !important; } /* line 20, app/assets/stylesheets/components/pages/_onboarding_setup_page.scss */ .Page--Onboarding_Setup [data-workflow-builder-target="dropBucket"] { padding: 0px; outline: 2px dashed #dfe0e1 !important; border: 0px !important; min-height: 100px; } /* line 26, app/assets/stylesheets/components/pages/_onboarding_setup_page.scss */ .Page--Onboarding_Setup .drop-bucket-solid[data-workflow-builder-target="dropBucket"] { outline: 0px !important; } /* line 2, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .video-wrapper { position: fixed; width: 100vw; height: 100vh; left: 0; background: #0000006b; top: 0; z-index: 9999; } @media screen and (max-width: 575px) { /* line 13, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .video-wrapper { background: #000; } } /* line 19, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .video-wrapper .card-frame-wrapper video { border-radius: 19px; width: 390px; min-height: 720px; outline: 7px solid #00000008; background: #00000008; -webkit-transform: scaleX(-1); /* Mirrors front camera */ transform: scaleX(-1); object-fit: cover; } @media screen and (max-width: 575px) { /* line 31, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .video-wrapper .card-frame-wrapper video { width: 100vw; height: 100vh; min-height: inherit; border-radius: 0px; } } /* line 40, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .Liveness__video-wrapper { position: relative; display: flex; align-items: center; justify-content: center; margin-top: 50px; } /* line 47, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .Liveness__video-wrapper .Liveness__border { position: absolute; top: 105px; display: flex; flex-direction: column; align-items: center; gap: 115px; z-index: 9; } /* line 56, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .Liveness__video-wrapper .Liveness__border h3 { color: #ffffffab; font-size: 17px; text-align: center; letter-spacing: 2px; } /* line 63, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .Liveness__video-wrapper .Liveness__border p { color: #ffffffab; font-size: 13px; letter-spacing: 2px; line-height: 16px; margin-top: 10px; } /* line 72, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .Liveness__video-wrapper .Liveness__border svg { fill: #ffffff; } /* line 76, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .Liveness__video-wrapper .Liveness__bottom { text-align: center; flex-direction: column; z-index: 9; } /* line 81, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .Liveness__video-wrapper .Liveness__bottom button { width: 285px; opacity: .6; } /* line 85, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .Liveness__video-wrapper .Liveness__bottom button:hover { opacity: 1; } /* line 90, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .Liveness__video-wrapper .Liveness__bottom .step { background: #fff; max-width: 101px; text-align: center; margin-top: 10px; padding: 2px 11px; border-radius: 4px; font-size: 14px; opacity: .7; font-weight: bold; } /* line 102, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .Liveness__video-wrapper .Liveness__bottom [data-liveness-page-target="stepDescription"] { display: flex; flex-direction: column; align-items: center; gap: 6px; } /* line 108, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .Liveness__video-wrapper .Liveness__bottom .hidden[data-liveness-page-target="stepDescription"] { display: none !important; } /* line 113, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .Liveness__video-wrapper .Liveness__bottom [data-liveness-page-target="finalStep"] { display: flex; flex-direction: column; gap: 10px; } /* line 118, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .Liveness__video-wrapper .Liveness__bottom .hidden[data-liveness-page-target="finalStep"] { display: none !important; } /* line 124, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .Liveness__video-wrapper .Liveness__top { position: absolute; top: -100px; right: 0px; color: #00000033; font-size: 30px; z-index: 9; } @media screen and (max-width: 575px) { /* line 135, app/assets/stylesheets/components/pages/_liveness_page.scss */ .Page--Liveness .Liveness__video-wrapper { margin-top: 0px; } } /* line 2, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form .cal-icon::after { background: transparent url(/assets/calander-020a9f92e7c3ee72e405dc064234eb466c2a675c51832b976ab28b5629f6b740.png) no-repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 19px; margin: auto; position: absolute; right: 15px; top: 0; width: 17px; } /* line 3, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form .cal-icon { position: relative; width: 100%; } /* line 5, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form .cal-icon::after { top: inherit; bottom: 8px; } /* line 10, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form .multiselect-selected-text { margin-top: 0px; } /* line 14, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form input, body .tailwind-form select, body .tailwind-form textarea, body .tailwind-form .multiselect-bx .multiselect.btn { height: auto !important; line-height: inherit !important; padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; font-size: 0.875rem !important; border-radius: 0.375rem !important; margin: 0px !important; } /* line 27, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form .multiselect-bx .multiselect.btn { height: 35px !important; padding-left: 23px; padding-right: 23px; } /* line 33, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form .border-dark { border-color: inherit !important; } /* line 37, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form label { font-size: 0.875rem; line-height: 1.5rem; font-weight: 500; } /* line 43, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form .text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } /* line 48, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form .font-semibold { font-weight: 600 !important; } /* line 52, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form label span, body .tailwind-form legend span { color: inherit; } /* line 56, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form label { margin-bottom: 0.5rem !important; } /* line 60, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form input[type="submit"] { background-color: #4f46e5 !important; } /* line 64, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form p { padding-bottom: inherit; } /* line 68, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form .max-w-72 { max-width: 18rem !important; } /* line 72, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form .max-w-96 { max-width: 24rem !important; } /* line 76, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form .shadow-sm { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } /* line 80, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form input.form-check-input { position: absolute; margin-top: .3rem !important; margin-left: -1.25rem !important; } /* line 86, app/assets/stylesheets/components/forms/_tailwind.scss */ body .tailwind-form .form-check .checkbox label { margin-bottom: 0px !important; margin-left: 10px !important; } /* Media query for screens smaller than 600px */ /* Media query for screens between 601px and 900px */ @media only screen and (max-width: 900px) { /* line 9, app/assets/stylesheets/components/responsives/_wrapper.scss */ .modal.modal__alert-responsive .modal-content, .modal.modal__alert-responsive .modal-dialog { min-width: auto !important; } /* line 14, app/assets/stylesheets/components/responsives/_wrapper.scss */ .modal.modal__alert-responsive #modal-title { text-align: center; margin-top: 25px; margin-bottom: 18px; font-size: 18px; } } /* Media query for screens between 901px and 1024px */ @media only screen and (max-width: 1024px) { /* line 25, app/assets/stylesheets/components/responsives/_wrapper.scss */ .card-bx.card-bx__responsive { padding-top: 0px; } } /* Media query for wider screens than 1024px */ /* Media query for screens smaller than 600px */ /* Media query for screens between 601px and 900px */ /* Media query for screens between 901px and 1024px */ @media only screen and (max-width: 1024px) { /* line 15, app/assets/stylesheets/components/responsives/_wizard.scss */ .card-bx.card-bx__responsive { padding-top: 0px; } } /* Media query for wider screens than 1024px */ /* Media query for screens smaller than 600px */ /* Media query for screens between 601px and 900px */ @media only screen and (max-width: 900px) { /* line 9, app/assets/stylesheets/components/responsives/pages/_public_ondemand_vehicle.scss */ .wizard-wrapper .wizard-wrapper_stepper .wizard-wrapper_stepper-items { display: none; } /* line 13, app/assets/stylesheets/components/responsives/pages/_public_ondemand_vehicle.scss */ .wizard-wrapper .wizard-wrapper_stepper .wizard-wrapper_stepper-items.active { display: block; } } /* Media query for screens between 901px and 1024px */ /* Media query for wider screens than 1024px */ /* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's * vendor/assets/stylesheets directory can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the bottom of the * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS * files in this directory. Styles in this file should be added after the last require_* statement. * It is generally better to create a new file per style scope. * * ------------------------------------------ */