/*!******************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./src/assets/css/style.css ***! \******************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap); /*!**************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./src/assets/css/bootstrap.min.css ***! \**************************************************************************************************************************************************************************************************************************/ /*! * Bootstrap v4.1.3 (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) */: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,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%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-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,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}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}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]):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;-ms-overflow-style:scrollbar}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}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[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-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}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.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:flex;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%;min-height:1px;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:none}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.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{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:none}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-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{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:none}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-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{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:none}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-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{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:none}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-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;background-color:transparent}.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 .table{background-color:#fff}.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{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.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-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-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-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-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-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-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-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:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.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{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;-ms-overflow-style:-ms-autohiding-scrollbar}.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;-ms-overflow-style:-ms-autohiding-scrollbar}.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;-ms-overflow-style:-ms-autohiding-scrollbar}.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;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;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 screen and (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::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.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(2.875rem + 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:flex;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:inline-flex;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}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control: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,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control: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{background-color:#71dd8a}.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{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 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.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~.custom-file-label::after,.was-validated .custom-file-input:valid~.custom-file-label::after{border-color:inherit}.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{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}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control: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,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control: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{background-color:#efa2a9}.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{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 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.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~.custom-file-label::after,.was-validated .custom-file-input:invalid~.custom-file-label::after{border-color:inherit}.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{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;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:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;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 screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{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}.btn:not(:disabled):not(.disabled){cursor:pointer}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(0,123,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(0,123,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(108,117,125,.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(108,117,125,.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(40,167,69,.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(40,167,69,.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(23,162,184,.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(23,162,184,.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(255,193,7,.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(255,193,7,.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(220,53,69,.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(220,53,69,.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(248,249,250,.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(248,249,250,.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(52,58,64,.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(52,58,64,.5)}.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;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;background-color:transparent;background-image:none;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;background-color:transparent;background-image:none;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;background-color:transparent;background-image:none;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;background-color:transparent;background-image:none;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;background-color:transparent;background-image:none;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;background-color:transparent;background-image:none;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;background-color:transparent;background-image:none;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;background-color:transparent}.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;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 screen and (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 screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;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-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;width:0;height:0;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;width:0;height:0;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;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;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;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:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:0 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-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-left:0}.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{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.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:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;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{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:flex;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:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.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:flex;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>.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{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.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{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.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: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;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label::before{color:#fff;background-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}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;user-select:none;background-color:#dee2e6}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%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{background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%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::before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%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-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%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;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(128,189,255,.5)}.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{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:125%}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 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:focus~.custom-file-label::after{border-color:#80bdff}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;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:2.25rem;padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;padding-left:0;background-color:transparent;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-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 screen and (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;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}.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{flex:1 1 auto;text-align:center}.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:wrap;align-items:center;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:flex;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{flex-basis:100%;flex-grow:1;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:not(:disabled):not(.disabled){cursor:pointer}.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{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{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{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;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{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{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{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;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{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{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{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;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{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{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{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{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{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;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;charset=utf8,%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;charset=utf8,%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:flex;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{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:flex;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:flex;flex:1 0 0%;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:flex;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;grid-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:not(:first-of-type) .card-header:first-child{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}.breadcrumb{display:flex;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: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-link:not(:disabled):not(.disabled){cursor:pointer}.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}.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}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.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}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media screen and (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{animation:progress-bar-stripes 1s linear infinite}.media{display:flex;align-items:flex-start}.media-body{flex:1}.list-group{display:flex;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{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:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{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:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-25%)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:translate(0,0)}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:""}.modal-content{position:relative;display:flex;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;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.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-centered{min-height:calc(100% - (1.75rem * 2))}.modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,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,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::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom: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-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::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left: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-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::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;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::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;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-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;align-items:center;width:100%;backface-visibility:hidden;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block;transition:transform .6s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-item-next,.carousel-item-prev,.carousel-item.active{transition:none}}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{transform:translateX(0)}@supports (transform-style:preserve-3d){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{transform:translateX(100%)}@supports (transform-style:preserve-3d){.active.carousel-item-right,.carousel-item-next{transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{transform:translateX(-100%)}@supports (transform-style:preserve-3d){.active.carousel-item-left,.carousel-item-prev{transform:translate3d(-100%,0,0)}}.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{transform:translateX(0)}@supports (transform-style:preserve-3d){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{transform:translate3d(0,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.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:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%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;charset=utf8,%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:10px;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.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{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-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none}.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:flex!important}.d-inline-flex{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:flex!important}.d-sm-inline-flex{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:flex!important}.d-md-inline-flex{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:flex!important}.d-lg-inline-flex{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:flex!important}.d-xl-inline-flex{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:flex!important}.d-print-inline-flex{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{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{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}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{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:sticky){.sticky-top{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}.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-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-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-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-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-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}.text-justify{text-align:justify!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-normal{font-weight:400!important}.font-weight-bold{font-weight:700!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:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!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}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}/*# sourceMappingURL=bootstrap.min.css.map */ /*!************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/angular-calendar/css/angular-calendar.css ***! \************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; .cal-month-view .cal-header { text-align: center; font-weight: bolder; } .cal-month-view .cal-header .cal-cell { padding: 5px 0; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; } .cal-month-view .cal-days { border: 1px solid; border-bottom: 0; } .cal-month-view .cal-cell-top { min-height: 78px; flex: 1; } .cal-month-view .cal-cell-row { -js-display: flex; display: flex; } .cal-month-view .cal-cell { float: left; flex: 1; -js-display: flex; display: flex; flex-direction: column; align-items: stretch; } .cal-month-view .cal-cell .cal-event { pointer-events: all !important; } .cal-month-view .cal-day-cell { min-height: 100px; } @media all and (-ms-high-contrast: none) { .cal-month-view .cal-day-cell { display: block; } } .cal-month-view .cal-day-cell:not(:last-child) { border-right: 1px solid; } [dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) { border-right: initial; border-left: 1px solid; } .cal-month-view .cal-days .cal-cell-row { border-bottom: 1px solid; } .cal-month-view .cal-day-badge { margin-top: 18px; margin-left: 10px; display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 10px; } .cal-month-view .cal-day-number { font-size: 1.2em; font-weight: 400; opacity: 0.5; margin-top: 15px; margin-right: 15px; float: right; margin-bottom: 10px; } .cal-month-view .cal-events { flex: 1; align-items: flex-end; margin: 3px; line-height: 10px; -js-display: flex; display: flex; flex-wrap: wrap; } .cal-month-view .cal-event { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin: 2px; } .cal-month-view .cal-day-cell.cal-in-month.cal-has-events { cursor: pointer; } .cal-month-view .cal-day-cell.cal-out-month .cal-day-number { opacity: 0.1; cursor: default; } .cal-month-view .cal-day-cell.cal-today .cal-day-number { font-size: 1.9em; } .cal-month-view .cal-open-day-events { padding: 15px; } .cal-month-view .cal-open-day-events .cal-event { position: relative; top: 2px; } .cal-month-view .cal-out-month .cal-day-badge, .cal-month-view .cal-out-month .cal-event { opacity: 0.3; } .cal-month-view .cal-draggable { cursor: move; } .cal-month-view .cal-drag-active * { pointer-events: none; } .cal-month-view .cal-event-title { cursor: pointer; } .cal-month-view .cal-event-title:hover { text-decoration: underline; } .cal-month-view { background-color: #fff; } .cal-month-view .cal-cell-row:hover { background-color: #fafafa; } .cal-month-view .cal-cell-row .cal-cell:hover, .cal-month-view .cal-cell.cal-has-events.cal-open { background-color: #ededed; } .cal-month-view .cal-days { border-color: #e1e1e1; } .cal-month-view .cal-day-cell:not(:last-child) { border-right-color: #e1e1e1; } [dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) { border-right-color: initial; border-left-color: #e1e1e1; } .cal-month-view .cal-days .cal-cell-row { border-bottom-color: #e1e1e1; } .cal-month-view .cal-day-badge { background-color: #b94a48; color: #fff; } .cal-month-view .cal-event { background-color: #1e90ff; border-color: #d1e8ff; color: #fff; } .cal-month-view .cal-day-cell.cal-weekend .cal-day-number { color: #8b0000; } .cal-month-view .cal-day-cell.cal-today { background-color: #e8fde7; } .cal-month-view .cal-day-cell.cal-drag-over { background-color: #e0e0e0 !important; } .cal-month-view .cal-open-day-events { color: #fff; background-color: #555; box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5); } .cal-week-view { /* stylelint-disable-next-line selector-type-no-unknown */ } .cal-week-view * { box-sizing: border-box; } .cal-week-view .cal-day-headers { -js-display: flex; display: flex; padding-left: 70px; border: 1px solid; } [dir=rtl] .cal-week-view .cal-day-headers { padding-left: initial; padding-right: 70px; } .cal-week-view .cal-day-headers .cal-header { flex: 1; text-align: center; padding: 5px; } .cal-week-view .cal-day-headers .cal-header:not(:last-child) { border-right: 1px solid; } [dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) { border-right: initial; border-left: 1px solid; } .cal-week-view .cal-day-headers .cal-header:first-child { border-left: 1px solid; } [dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child { border-left: initial; border-right: 1px solid; } .cal-week-view .cal-day-headers span { font-weight: 400; opacity: 0.5; } .cal-week-view .cal-day-column { flex-grow: 1; border-left: solid 1px; } [dir=rtl] .cal-week-view .cal-day-column { border-left: initial; border-right: solid 1px; } .cal-week-view .cal-event { font-size: 12px; border: 1px solid; direction: ltr; } .cal-week-view .cal-time-label-column { width: 70px; height: 100%; } .cal-week-view .cal-current-time-marker { position: absolute; width: 100%; height: 2px; z-index: 2; } .cal-week-view .cal-all-day-events { border: solid 1px; border-top: 0; border-bottom-width: 3px; padding-top: 3px; position: relative; } .cal-week-view .cal-all-day-events .cal-day-columns { height: 100%; width: 100%; -js-display: flex; display: flex; position: absolute; top: 0; z-index: 0; } .cal-week-view .cal-all-day-events .cal-events-row { position: relative; height: 31px; margin-left: 70px; } [dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row { margin-left: initial; margin-right: 70px; } .cal-week-view .cal-all-day-events .cal-event-container { display: inline-block; position: absolute; } .cal-week-view .cal-all-day-events .cal-event-container.resize-active { z-index: 1; pointer-events: none; } .cal-week-view .cal-all-day-events .cal-event { padding: 0 5px; margin-left: 2px; margin-right: 2px; height: 28px; line-height: 28px; } .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } [dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event { border-top-left-radius: initial; border-bottom-left-radius: initial; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } [dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event { border-top-right-radius: initial; border-bottom-right-radius: initial; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .cal-week-view .cal-all-day-events .cal-time-label-column { -js-display: flex; display: flex; align-items: center; justify-content: center; font-size: 14px; } .cal-week-view .cal-all-day-events .cal-resize-handle { width: 6px; height: 100%; cursor: col-resize; position: absolute; top: 0; } .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end { right: 0; } [dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end { right: initial; left: 0; } .cal-week-view .cal-event, .cal-week-view .cal-header { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cal-week-view .cal-drag-active { pointer-events: none; z-index: 1; } .cal-week-view .cal-drag-active * { pointer-events: none; } .cal-week-view .cal-time-events { position: relative; border: solid 1px; border-top: 0; -js-display: flex; display: flex; } .cal-week-view .cal-time-events .cal-day-columns { -js-display: flex; display: flex; flex-grow: 1; } .cal-week-view .cal-time-events .cal-day-column { position: relative; } .cal-week-view .cal-time-events .cal-events-container { position: relative; } .cal-week-view .cal-time-events .cal-event-container { position: absolute; z-index: 1; } .cal-week-view .cal-time-events .cal-event { width: calc(100% - 2px); height: calc(100% - 2px); margin: 1px; padding: 0 5px; line-height: 25px; } .cal-week-view .cal-time-events .cal-resize-handle { width: 100%; height: 4px; cursor: row-resize; position: absolute; } .cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end { bottom: 0; } .cal-week-view .cal-hour-segment { position: relative; } .cal-week-view .cal-hour-segment::after { content: " "; } .cal-week-view .cal-event-container:not(.cal-draggable) { cursor: pointer; } .cal-week-view .cal-draggable { cursor: move; } .cal-week-view mwl-calendar-week-view-hour-segment, .cal-week-view .cal-hour-segment { display: block; } .cal-week-view .cal-hour:not(:last-child) .cal-hour-segment, .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment { border-bottom: thin dashed; } .cal-week-view .cal-time { font-weight: bold; padding-top: 5px; width: 70px; text-align: center; } .cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time { display: none; } .cal-week-view .cal-starts-within-day .cal-event { border-top-left-radius: 5px; border-top-right-radius: 5px; } .cal-week-view .cal-ends-within-day .cal-event { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .cal-week-view { background-color: #fff; border-top: solid 1px #e1e1e1; } .cal-week-view .cal-day-headers { border-color: #e1e1e1; border-top: 0; } .cal-week-view .cal-day-headers .cal-header:not(:last-child) { border-right-color: #e1e1e1; } [dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) { border-right-color: initial; border-left: solid 1px #e1e1e1 !important; } .cal-week-view .cal-day-headers .cal-header:first-child { border-left-color: #e1e1e1; } [dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child { border-left-color: initial; border-right-color: #e1e1e1; } .cal-week-view .cal-day-headers .cal-header:hover, .cal-week-view .cal-day-headers .cal-drag-over { background-color: #ededed; } .cal-week-view .cal-day-column { border-left-color: #e1e1e1; } [dir=rtl] .cal-week-view .cal-day-column { border-left-color: initial; border-right-color: #e1e1e1; } .cal-week-view .cal-event { background-color: #d1e8ff; border-color: #1e90ff; color: #1e90ff; } .cal-week-view .cal-all-day-events { border-color: #e1e1e1; } .cal-week-view .cal-header.cal-today { background-color: #e8fde7; } .cal-week-view .cal-header.cal-weekend span { color: #8b0000; } .cal-week-view .cal-time-events { border-color: #e1e1e1; } .cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover { background-color: #ededed; } .cal-week-view .cal-hour-odd { background-color: #fafafa; } .cal-week-view .cal-drag-over .cal-hour-segment { background-color: #ededed; } .cal-week-view .cal-hour:not(:last-child) .cal-hour-segment, .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment { border-bottom-color: #e1e1e1; } .cal-week-view .cal-current-time-marker { background-color: #ea4334; } .cal-day-view { /* stylelint-disable-next-line selector-type-no-unknown */ } .cal-day-view mwl-calendar-week-view-header { display: none; } .cal-day-view .cal-events-container { margin-left: 70px; } [dir=rtl] .cal-day-view .cal-events-container { margin-left: initial; margin-right: 70px; } .cal-day-view .cal-day-column { border-left: 0; } .cal-day-view .cal-current-time-marker { margin-left: 70px; width: calc(100% - 70px); } [dir=rtl] .cal-day-view .cal-current-time-marker { margin-left: initial; margin-right: 70px; } .cal-tooltip { position: absolute; z-index: 1070; display: block; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; font-size: 11px; word-wrap: break-word; opacity: 0.9; } .cal-tooltip.cal-tooltip-top { padding: 5px 0; margin-top: -3px; } .cal-tooltip.cal-tooltip-top .cal-tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; } .cal-tooltip.cal-tooltip-right { padding: 0 5px; margin-left: 3px; } .cal-tooltip.cal-tooltip-right .cal-tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; } .cal-tooltip.cal-tooltip-bottom { padding: 5px 0; margin-top: 3px; } .cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; } .cal-tooltip.cal-tooltip-left { padding: 0 5px; margin-left: -3px; } .cal-tooltip.cal-tooltip-left .cal-tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; } .cal-tooltip-inner { max-width: 200px; padding: 3px 8px; text-align: center; border-radius: 0.25rem; } .cal-tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .cal-tooltip.cal-tooltip-top .cal-tooltip-arrow { border-top-color: #000; } .cal-tooltip.cal-tooltip-right .cal-tooltip-arrow { border-right-color: #000; } .cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow { border-bottom-color: #000; } .cal-tooltip.cal-tooltip-left .cal-tooltip-arrow { border-left-color: #000; } .cal-tooltip-inner { color: #fff; background-color: #000; } /*!*******************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/katex/dist/katex.min.css ***! \*******************************************************************************************************************************************************************************************************************************/ @font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url('KaTeX_AMS-Regular.woff2') format("woff2"),url('KaTeX_AMS-Regular.woff') format("woff"),url('KaTeX_AMS-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url('KaTeX_Caligraphic-Bold.woff2') format("woff2"),url('KaTeX_Caligraphic-Bold.woff') format("woff"),url('KaTeX_Caligraphic-Bold.ttf') format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url('KaTeX_Caligraphic-Regular.woff2') format("woff2"),url('KaTeX_Caligraphic-Regular.woff') format("woff"),url('KaTeX_Caligraphic-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url('KaTeX_Fraktur-Bold.woff2') format("woff2"),url('KaTeX_Fraktur-Bold.woff') format("woff"),url('KaTeX_Fraktur-Bold.ttf') format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url('KaTeX_Fraktur-Regular.woff2') format("woff2"),url('KaTeX_Fraktur-Regular.woff') format("woff"),url('KaTeX_Fraktur-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url('KaTeX_Main-Bold.woff2') format("woff2"),url('KaTeX_Main-Bold.woff') format("woff"),url('KaTeX_Main-Bold.ttf') format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url('KaTeX_Main-BoldItalic.woff2') format("woff2"),url('KaTeX_Main-BoldItalic.woff') format("woff"),url('KaTeX_Main-BoldItalic.ttf') format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url('KaTeX_Main-Italic.woff2') format("woff2"),url('KaTeX_Main-Italic.woff') format("woff"),url('KaTeX_Main-Italic.ttf') format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url('KaTeX_Main-Regular.woff2') format("woff2"),url('KaTeX_Main-Regular.woff') format("woff"),url('KaTeX_Main-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url('KaTeX_Math-BoldItalic.woff2') format("woff2"),url('KaTeX_Math-BoldItalic.woff') format("woff"),url('KaTeX_Math-BoldItalic.ttf') format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url('KaTeX_Math-Italic.woff2') format("woff2"),url('KaTeX_Math-Italic.woff') format("woff"),url('KaTeX_Math-Italic.ttf') format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url('KaTeX_SansSerif-Bold.woff2') format("woff2"),url('KaTeX_SansSerif-Bold.woff') format("woff"),url('KaTeX_SansSerif-Bold.ttf') format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url('KaTeX_SansSerif-Italic.woff2') format("woff2"),url('KaTeX_SansSerif-Italic.woff') format("woff"),url('KaTeX_SansSerif-Italic.ttf') format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url('KaTeX_SansSerif-Regular.woff2') format("woff2"),url('KaTeX_SansSerif-Regular.woff') format("woff"),url('KaTeX_SansSerif-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url('KaTeX_Script-Regular.woff2') format("woff2"),url('KaTeX_Script-Regular.woff') format("woff"),url('KaTeX_Script-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url('KaTeX_Size1-Regular.woff2') format("woff2"),url('KaTeX_Size1-Regular.woff') format("woff"),url('KaTeX_Size1-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url('KaTeX_Size2-Regular.woff2') format("woff2"),url('KaTeX_Size2-Regular.woff') format("woff"),url('KaTeX_Size2-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url('KaTeX_Size3-Regular.woff2') format("woff2"),url('KaTeX_Size3-Regular.woff') format("woff"),url('KaTeX_Size3-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url('KaTeX_Size4-Regular.woff2') format("woff2"),url('KaTeX_Size4-Regular.woff') format("woff"),url('KaTeX_Size4-Regular.ttf') format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url('KaTeX_Typewriter-Regular.woff2') format("woff2"),url('KaTeX_Typewriter-Regular.woff') format("woff"),url('KaTeX_Typewriter-Regular.ttf') format("truetype")}.katex{text-rendering:auto;font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.9"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.27777778em;margin-right:-.55555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.83333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.16666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.66666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.45666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.14666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.71428571em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.85714286em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.14285714em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.28571429em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.42857143em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.71428571em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.05714286em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.46857143em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.96285714em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.55428571em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.55555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.66666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.77777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.88888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.11111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.30444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.76444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.41666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.58333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.66666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.83333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.72833333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.07333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.34722222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.41666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.48611111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.55555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.69444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.83333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.44027778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.72777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.28935185em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.34722222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.40509259em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.46296296em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.52083333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.69444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.83333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.20023148em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.43981481em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.24108004em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.28929605em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.33751205em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.38572806em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.43394407em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.48216008em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.57859209em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.69431051em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.83317261em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.19961427em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.20096463em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.24115756em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.28135048em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.32154341em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.36173633em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.40192926em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.48231511em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.57877814em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.69453376em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.83360129em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo} /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/assets/scss/quiz-section.scss ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .q-area *:not(mjx-container):not(mjx-container *), .q-right-panel *:not(mjx-container):not(mjx-container *) { font-family: "Source Sans Pro", sans-serif !important; } .page-container .q-area { display: block; padding: 24px 0; background-color: #fff; } .page-container .q-area.no-bg { background: transparent; } .page-container .q-area .scroll-area, .page-container .q-right-panel .scroll-area { display: block; padding: 0 30px; max-width: 1800px; width: 70%; margin: 0 auto; } .page-container .col-md-6 > .q-area .scroll-area, .page-container .col-md-6 > .q-right-panel .scroll-area, .page-container .col-6 > .q-area .scroll-area, .page-container .col-6 > .q-right-panel .scroll-area { width: 1000px; max-width: 100%; } .page-container .col-6 > .q-right-panel .scroll-area { width: 100%; } .page-container .text-q-panel .q-area .scroll-area, .page-container .text-q-panel .q-right-panel .scroll-area { padding: 0 15px; } .page-container .q-area .scroll-area .scroll-area-c, .page-container .q-right-panel .scroll-area .scroll-area-c { display: block; } .page-container .q-marks { display: block; text-align: right; margin: 0 0 8px 0; } .page-container .q-marks .marks { display: inline-block; vertical-align: top; background-color: #343638; color: #fff; font-size: 14px; line-height: 16px; font-weight: 400; padding: 3px 10px; border-radius: 6px; min-width: 76px; text-align: center; } .page-container .q-box { display: block; padding: 0 0 0 60px; position: relative; } .page-container .q-box:last-child .buttonset:last-child { padding-bottom: 10px; } .page-container .q-box .step-ans-field .form-control { border: 1px solid #b6c8dc; } .page-container .q-box .q-number { display: block; position: absolute; top: 0; left: 0; color: #212529; font-size: 20px; line-height: 25px; font-weight: 600; min-width: 36px; text-align: right; } .page-container .q-box .q-text, .q-help-box.main-q .help-steps .step-container .q-text, .q-help-box.main-s .help-steps .step-container .q-text, .page-container .q-box .q-text > :not(mjx-container):not(mjx-container), .q-help-box.main-q .help-steps .step-container .q-text > :not(mjx-container):not(mjx-container), .q-help-box.main-s .help-steps .step-container .q-text > :not(mjx-container):not(mjx-container) { font-size: 18px !important; line-height: 25px !important; /* font-weight: 700 !important; */ font-weight: 600 !important; margin: 0 0 1rem 0; } .page-container .q-box .q-text .MathJax_SVG, .page-container .q-box .q-text .MathJax_SVG *, .page-container .q-help-box .q-text .MathJax_SVG, .page-container .q-help-box .q-text .MathJax_SVG * { font-size: 15.5px !important; } .ck-content:not(.editor-data) p { clear: both; } .ck-content:not(.editor-data) figure.table { margin: 1em auto !important; } .ck-content .table { display: table !important; } .q-help-box.main-q .help-steps .step-container .q-text, .q-help-box.main-s .help-steps .step-container .q-text, .q-help-box.main-q .help-steps .step-container .q-text *:not(mjx-container):not(mjx-container *), .q-help-box.main-s .help-steps .step-container .q-text *:not(mjx-container):not(mjx-container *) { font-size: 18px !important; line-height: 25px !important; /* font-weight: 500 !important; */ font-weight: 600 !important; /* margin: 0 0 1rem 0 !important; */ } .page-container .q-box .q-text h1, .q-help-box.main-q .help-steps .step-container .q-text h1, .q-help-box.main-s .help-steps .step-container .q-text h1, .page-container .q-box .q-text h2, .q-help-box.main-q .help-steps .step-container .q-text h2, .q-help-box.main-s .help-steps .step-container .q-text h2, .page-container .q-box .q-text h3, .q-help-box.main-q .help-steps .step-container .q-text h3, .q-help-box.main-s .help-steps .step-container .q-text h3, .page-container .q-box .q-text h4, .q-help-box.main-q .help-steps .step-container .q-text h4, .q-help-box.main-s .help-steps .step-container .q-text h4, .page-container .q-box .q-text, .q-help-box.main-q .help-steps .step-container .q-text h5, .q-help-box.main-s .help-steps .step-container .q-text h5, .page-container .q-box .q-text h6, .q-help-box.main-q .help-steps .step-container .q-text h6, .q-help-box.main-s .help-steps .step-container .q-text h6, .page-container .q-box .q-text strong, .q-help-box.main-q .help-steps .step-container .q-text strong, .q-help-box.main-s .help-steps .step-container .q-text strong { font-weight: 700 !important; } .page-container .q-box h2 figure, .page-container .q-box h2 figure > img, .page-container .q-box .q-text figure:not(.table), .page-container .q-box .q-text figure > img, .q-help-box.main-q .help-steps .step-container .q-text figure, .q-help-box.main-q .help-steps .step-container .q-text figure > img, .q-help-box.main-s .help-steps .step-container .q-text figure, .q-suggestion .q-suggestion-list figure, .q-help-box.main-s .help-steps .step-container .q-text figure, .q-suggestion .q-suggestion-list figure > img, .text-qa figure, .text-qa figure > img { display: block; clear: both; } .page-container .q-box .q-text figure.table span img { display: inline-block; } .page-container .q-box h2 .image, .page-container .q-box .q-text .image, .q-help-box.main-q .help-steps .step-container .q-text .image, .q-help-box.main-s .help-steps .step-container .q-text .image, .q-suggestion .q-suggestion-list .image, .text-qa .image { display: table; text-align: center; width: auto; max-width: 100% !important; margin: 0 auto !important; padding: 0 0 0.7rem 0 !important; } .page-container .q-box h2 .image.image_resized, .page-container .q-box .q-text .image.image_resized, .q-help-box.main-q .help-steps .step-container .q-text .image.image_resized, .q-help-box.main-s .help-steps .step-container .q-text .image.image_resized, .q-suggestion .q-suggestion-list .image.image_resized, .text-qa .image.image_resized { display: block; } .page-container .q-box h2 .image:first-child, .page-container .q-box .q-text .image:first-child, .q-help-box.main-q .help-steps .step-container .q-text .image:first-child, .q-help-box.main-s .help-steps .step-container .q-text .image:first-child, .q-suggestion .q-suggestion-list .image:first-child, .text-qa .image:first-child { margin-top: 0.2rem !important; } .page-container .q-box h2 .image:last-child, .page-container .q-box .q-text .image:last-child, .q-help-box.main-q .help-steps .step-container .q-text .image:last-child, .q-help-box.main-s .help-steps .step-container .q-text .image:last-child, .q-suggestion .q-suggestion-list .image:last-child, .text-qa .image:last-child { padding-bottom: 0 !important; } .page-container .q-box h2 .image.image-style-align-left, .page-container .q-box .q-text .image.image-style-align-left, .q-help-box.main-q .help-steps .step-container .q-text .image.image-style-align-left, .q-help-box.main-s .help-steps .step-container .q-text .image.image-style-align-left, .q-suggestion .q-suggestion-list .image.image-style-align-left, .text-qa .image.image-style-align-left { float: left; } .page-container .q-box h2 .image.image-style-align-right, .page-container .q-box .q-text .image.image-style-align-right, .q-help-box.main-q .help-steps .step-container .q-text .image.image-style-align-right, .q-help-box.main-s .help-steps .step-container .q-text .image.image-style-align-right, .q-suggestion .q-suggestion-list .image.image-style-align-right, .text-qa .image.image-style-align-right { float: right; } .page-container .q-box h2 .image img, .page-container .q-box .q-text .image img, .q-help-box.main-q .help-steps .step-container .q-text .image img, .q-help-box.main-s .help-steps .step-container .q-text .image img, .q-suggestion .q-suggestion-list .image img, .text-qa .image img { display: inline-block; vertical-align: top; /* width: 100%; */ width: auto; max-width: 100%; margin-bottom: 0 !important; } .q-area .dash, .q-right-panel .dash { position: relative; top: -3px; } .text-view-c h1, .text-view-c .h1, .text-view-c h2, .text-view-c .h2, .text-view-c h3, .text-view-c .h3, .text-view-c h4, .text-view-c .h4, .text-view-c h5, .text-view-c .h5, .text-view-c h6, .text-view-c .h6 { font-weight: 600; font-size: 2.5rem; } .text-view-c h2, .text-view-c .h2 { font-size: 2rem; } .text-view-c h3, .text-view-c .h3 { font-size: 1.75rem; } .text-view-c h4, .text-view-c .h4 { font-size: 1.5rem; } .text-view-c h5, .text-view-c .h5 { font-size: 1.25rem; } .text-view-c h6, .text-view-c .h6 { font-size: 1rem; } .text-view-c strong { font-weight: 700; } .ans-sec { display: block; margin: 20px 0 0 0; } .radio-ans { display: block; margin: 12px 0 0 0; position: relative; padding: 0; border-radius: 14px; /* overflow: hidden; */ } .radio-ans:first-child { margin: 0; } .radio-ans input { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 1; border-radius: 14px; } .radio-ans .txt { display: block; background-color: #EDF4F5; color: #505050; font-size: 17px; line-height: 19px; font-weight: 500; padding: 8px 12px 8px 36px; transition: 400ms; min-height: 34px; border-radius: 14px; } .radio-ans .txt.default-border:before, .radio-ans .txt.right-border:before, .radio-ans .txt.wrong-border:before { content: ""; display: block; position: absolute; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); border: 2px solid #54D3F8; border-radius: 16px; } .radio-ans .txt.right-border:before { /* border-color: #9AF5C4; */ border-color: #76e2a8; } .radio-ans .txt.wrong-border:before { border-color: #FDB8B8; } .radio-ans .txt .num { display: block; position: absolute; top: 7px; left: 6px; width: 20px; height: 20px; background-color: #8385ff; border-radius: 100px; color: #ffffff; font-size: 14px; line-height: 18px; font-weight: 600; text-align: center; transition: 300ms; } .radio-ans input[type=checkbox] + .txt:before { content: ""; display: block; position: absolute; top: 6px; left: 6px; width: 20px; height: 20px; opacity: 0; background: url('check-circle.png') no-repeat 0 0; z-index: 1; } .radio-ans input[type=checkbox] + .txt:after { background: transparent; background-color: #fff; border-radius: 100px; } .radio-ans input[type=checkbox]:checked + .txt:before { left: 6px; opacity: 1; } .radio-ans input[type=checkbox]:checked + .txt:after { content: ""; display: block; position: absolute; background: transparent; background-color: #ffffff; height: 12px; top: 10px; z-index: 2; right: 100%; margin: 0 -22px 0 0; animation: checked-animation 0.4s ease-in-out; } @keyframes checked-animation { from { width: 12px; } to { width: 0px; } } .radio-ans .txt.right, .radio-ans .txt.success { background-color: #9AF5C4 !important; } .radio-ans .txt.right .num, .radio-ans .txt.success .num, .radio-ans input:checked + .txt.right .num, .radio-ans input:checked + .txt.success .num { color: #009011 !important; background-color: #fff !important; } .radio-ans .txt.wrong, .radio-ans .txt.error { background-color: #FDB8B8 !important; } .radio-ans .txt.wrong .num, .radio-ans .txt.error .num, .radio-ans input:checked + .txt.wrong .num, .radio-ans input:checked + .txt.error .num { color: #F56060 !important; background-color: #fff !important; } .radio-ans input:checked + .txt { background-color: #54D3F8 !important; color: #1d1d1d !important; } .radio-ans input:checked + .txt .num { background-color: #fff !important; color: #008fb1 !important; } .radio-ans input:checked + .txt.right, .radio-ans input:checked + .txt.success { background-color: #9AF5C4 !important; } .radio-ans input:checked + .txt.wrong, .radio-ans input:checked + .txt.error { background-color: #FDB8B8 !important; } .q-alert { display: block; font-size: 15px; line-height: 18px; font-weight: 600; } .q-alert.danger { color: #F56060; } .q-alert.success { color: #009011; } .buttonset { display: block; margin: 10px 0 0 0; } .q-btn, .ans-btn { display: inline-block; vertical-align: top; color: #fff; background-color: #5FD6F2; border: none; font-size: 16px; line-height: 20px; font-weight: 600; border-radius: 30px; padding: 9px 16px; cursor: pointer; transition: 500ms; text-decoration: none; max-width: 100%; } .q-btn img, .ans-btn img { display: inline-block; vertical-align: top; width: auto; height: 14px; margin: 4px 0 0 4px; } .q-btn.prev img, .ans-btn.prev img { transform: rotate(-180deg); margin-left: 0; margin-right: 4px; } .q-btn.next-prev, .ans-btn.next-prev { min-width: 140px; } .q-btn:not(:disabled):hover, .ans-btn:not(:disabled):hover, .q-btn:not(:disabled):active, .ans-btn:not(:disabled):active { background-color: #33c5e6; text-decoration: none; color: #fff; box-shadow: none !important; outline: none !important; } .q-btn.purple, .ans-btn.purple { background-color: #7577fe; } .q-btn.purple:hover, .ans-btn.purple:hover, .q-btn.purple:active, .ans-btn.purple:active { background-color: #8a8cff; } .q-btn.orange, .ans-btn.orange { background-color: #ffc107; } .q-btn.orange:hover, .ans-btn.orange:hover, .q-btn.orange:active, .ans-btn.orange:active { background-color: #e0a800; } .q-btn.grey, .ans-btn.grey { background-color: #969696; } .q-btn.grey:not(:disabled):hover, .ans-btn.grey:not(:disabled):hover, .q-btn.grey:not(:disabled):active, .ans-btn.grey:not(:disabled):active { background-color: #808080; } .q-btn.full, .ans-btn.full { width: 100%; } .q-btn.sm, .ans-btn.sm { font-size: 14px; line-height: 18px; min-width: 100px; } .q-btn.mid, .ans-btn.mid { min-width: 200px; } .q-btn.max, .ans-btn.max { width: 400px; } .q-btn.success, .ans-btn.success { background-color: #28EA98; color: #000; } .q-btn.success:hover, .ans-btn.success:hover { background-color: #15dc88; } .q-btn.white, .ans-btn.white { background-color: #fff; color: #030303; border: 2px solid #514AFC; } .q-btn.white:hover, .ans-btn.white:hover { background-color: #514AFC; color: #fff; } .ans-btn { background-color: #0FC1EB; border-radius: 6px; padding: 5px 16px 6px 16px; } .ans-btn:hover { background-color: #03a9d0; } .q-right-panel { display: block; background-color: #FAFAFA; padding: 24px 0; position: relative; } .page-container .q-area, .q-right-panel { height: calc(var(--screen-vh) - 102px); } .q-help-box { display: block; background-color: #D2E7FF; min-height: 90px; border-radius: 0 0 14px 14px; box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.09); border-top: 2px solid #fff; margin: -10px 0 0 0; position: relative; z-index: 1; } .q-help-box:last-child { margin-bottom: 10px !important; } .q-help-box.parent { margin-top: 12px; border-radius: 14px; border: none; } .q-help-box:first-child { margin-top: 3px; } .q-help-box.main-q, .q-help-box.main-s { background-color: #fff; } .q-help-box .help-steps { display: block; padding: 16px 16px 24px 16px; } .q-help-box .help-steps:first-child { border: none; } .q-help-box .help-steps .step-no { display: block; margin: 0 0 14px 0; } .q-help-box .help-steps .step-no .no { display: inline-block; vertical-align: top; color: #fff; font-size: 14px; line-height: 16px; font-weight: 500; padding: 2px 8px 3px 8px; background-color: #5AC1EF; min-width: 58px; text-align: center; } .q-help-box .help-steps .step-container { display: block; /* padding: 0 36px; */ } .q-help-box.main-s .help-steps .step-container, .q-help-box.main-q .help-steps .step-container { padding: 0 18px; } .q-help-box .help-steps .step-container .buttonset:last-child { margin-bottom: -6px; } .q-help-box .help-steps .step-container .q-text { display: block; color: #383636; /* font-size: 15px; line-height: 20px; */ font-size: 18px; line-height: 25px; /* font-weight: 500; */ font-weight: 600; margin: 0; } /* .q-help-box .help-steps .step-container .q-text *:not(mjx-container):not(mjx-container *) { font-size: 18px !important; line-height: 25px !important; font-weight: 500 !important; clear: both; } */ /* .q-help-box .help-steps .step-container .q-text mjx-container, .q-help-box .help-steps .step-container .q-text mjx-container *{ font-size: 18px !important; line-height: 25px !important; font-family: sans-serif !important; } */ .q-help-box .help-steps .step-container .q-text .image { margin: 0 0 0.6rem 0 !important; } .q-help-box .help-steps .step-container .q-text figure.image, .q-help-box .help-steps .step-container .q-text figure.image.image_resized { margin: 0 auto !important; padding: 0 0 0.7rem 0 !important; } .q-help-box .help-steps .step-container .q-text td figure.image, .q-help-box .help-steps .step-container .q-text td figure.image.image_resized { padding: 0 !important; } /* .q-help-box .help-steps .step-container .q-text *:last-child, */ .q-help-box .help-steps .step-container .q-text .image:last-child { margin-bottom: 0 !important; } .q-help-box .help-steps .step-container .q-title { display: block; color: #121111; font-size: 17px; line-height: 22px; font-weight: 600; border-bottom: 1px solid #8ba0b7; padding: 0 0 12px 0; margin: 0; } .q-help-box .help-steps .step-container .q-title * { margin: 0; padding: 0; } .step-ans-field { display: flex; flex-wrap: wrap; margin: 12px 0 0 0; } .step-ans-field .t { display: block; float: left; color: #121111; font-size: 15px; line-height: 18px; font-weight: 500; align-self: center; padding: 0 10px 0 0; } .step-ans-field .form-control { display: block; width: 100%; flex: 1; box-shadow: none !important; background-color: #fff; border: 1px solid #fff; color: #121111; font-size: 15px; line-height: 20px; font-weight: 500; height: 32px; padding: 4px 6px; transition: 400ms; } .step-ans-field .form-control:focus { border-color: #514afc; } .step-ans-field .form-control.error { border-color: #ff5858 !important; background-color: #fffbfb !important; color: #d40e0e !important; } .step-ans-field .form-control.success { border-color: #24a732 !important; background-color: #f5fff6 !important; color: #139221 !important; } .step-ans-field select.form-control { background: url('arrow-down.svg') no-repeat right 8px center; background-size: 11px auto; background-color: #fff; padding-right: 24px; cursor: pointer; appearance: none; } .q-help-box .help-steps .step-container .ans-sec { margin: 14px 0 0 0; } .q-help-box .help-steps .step-container .ans-sec .radio-ans { margin: 8px 0 0 0; } .q-help-box .help-steps .step-container .ans-sec .radio-ans .txt { color: #505050; font-size: 14px; line-height: 18px; padding: 8px 8px 8px 36px; background-color: #e0efff; position: relative; transition: 300ms; white-space: pre-wrap; } .q-help-box .help-steps .step-container .ans-sec .radio-ans .txt > img { display: block; margin: 0.7rem 0 0 0; max-width: 110px; max-height: 110px; } .q-help-box .help-steps .step-container .ans-sec .radio-ans .txt > img:first-child { margin-top: 0; } .q-help-box .help-steps .step-container .ans-sec.desc p { display: block; color: #383636; font-size: 15px; line-height: 19px; font-weight: 500; margin: 10px 0 0 0; } .q-help-box .help-steps .step-container .ans-sec.desc p:first-child { margin: 0; } .q-help-box.back-box { min-height: 1px; } .q-help-box.back-box .help-steps { padding-top: 10px; padding-bottom: 10px; } .ck-content.q-text { overflow: auto; } .text-qa { /* display: flex; flex-wrap: wrap; align-items: flex-end;*/ display: block; position: relative; margin: 10px 0 0 0; min-height: 44px; padding: 0 0 0 56px; } .text-qa:first-child { margin-top: 0; } .text-qa .av-image { display: block; float: left; width: 44px; height: 44px; overflow: hidden; border: 3px solid #fff; border-radius: 100px; position: absolute; bottom: 0; left: 0; } .text-qa .av-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; } .text-qa .desC { display: block; width: 100%; /* max-width: calc(100% - 44px); flex: 1; padding: 0 0 0 12px; */ align-self: center; position: relative; margin-left: auto; margin-right: auto; } .text-qa .desC:before, .step-ans-msg .msg:not(.type):before { content: ""; display: block; position: absolute; bottom: 12px; left: -11px; /* right: 100%; */ border-top: 12px solid transparent; border-right: 12px solid #fff; /* margin: 0 -14px 0 0; */ } .step-ans-msg .msg:not(.type):before { left: 1px; } .step-ans-msg .msg:not(.type):before { border-right-color: #70EF7E; } .step-ans-msg .msg.error:not(.type):before { border-right-color: #ff9898; } .text-qa .desC .bx { display: block; color: #292525; /* font-size: 15px; line-height: 19px; */ font-size: 16.5px; line-height: 20px; font-weight: 500; background-color: #fff; padding: 12px 14px; border-radius: 20px; min-height: 38px; align-items: center; justify-content: center; min-width: 156px; position: relative; white-space: pre-wrap; overflow: auto; } .text-qa .desC .bx .clearfix { white-space: normal; } .main-q .text-qa .av-image, .main-s .text-qa .av-image { border-color: #dbecff; } .main-q .text-qa .desC .bx, .main-s .text-qa .desC .bx { background-color: #dbecff; } .main-q .text-qa .desC:before, .main-s .text-qa .desC:before { border-right-color: #dbecff; } .text-qa .desC .bx .image { display: table; text-align: center; max-width: 100% !important; margin: 0 auto !important; padding: 0 0 0.7rem 0 !important; } .text-qa .desC .bx .image:last-child { padding: 0 !important; } .text-qa .desC .bx .image:not(.image_resized) { width: auto !important; } .text-qa .desC .bx .image.image-style-align-right { float: right; width: 100%; } .text-qa .desC .bx .image.image-style-align-left { float: left; width: 100%; } .text-qa .desC .bx .image.image_resized { display: block; } .text-qa .desC .bx .image img { display: inline-block; vertical-align: top; width: 100%; max-width: 100%; margin-bottom: 0 !important; } .text-qa.ans-msg { margin: 16px 0 0 0; } .text-qa.ans-msg .av-image { box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3); } .text-qa.ans-msg .desC:before { border-right-color: #9AF5C4; } .text-qa.ans-msg .desC .bx { white-space: normal; background-color: #9AF5C4; } /* .text-qa .desC .bx *:not(.MathJax_SVG):not(.MathJax_SVG *) { */ .text-qa .desC .bx * { /* color: #383636; */ font-size: 16.5px !important; line-height: 20px !important; font-weight: 500; /* margin: 0 !important; padding: 0 !important; */ } .text-qa .desC .bx p { display: block !important; width: 100% !important; color: #383636; font-size: 16.5px !important; line-height: 20px !important; font-weight: 500; margin: 0 0 0.7rem 0 !important; clear: both; } .text-qa .desC .bx p:last-child { margin: 0 !important; } .text-qa .desC .bx h1, .text-qa .desC .bx h2, .text-qa .desC .bx h3, .text-qa .desC .bx h4, .text-qa .desC .bx h5, .text-qa .desC .bx h6, .text-qa .desC .bx strong, .text-qa .desC .bx h1 *, .text-qa .desC .bx h2 *, .text-qa .desC .bx h3 *, .text-qa .desC .bx h4 *, .text-qa .desC .bx h5 *, .text-qa .desC .bx h6 *, .text-qa .desC .bx strong * { font-size: 17px !important; font-weight: 700 !important; } .text-qa .desC .bx .MathJax_SVG, .text-qa .desC .bx .MathJax_SVG * { font-size: 13px !important; } .q-suggestion { display: block; } .q-suggestion .q-suggestion-list:not(.q-help-box) { display: block; padding: 26px 0 0 0; margin: 22px 0 0 0; border-top: 1px solid #c8d3e0; position: relative; } .q-suggestion .q-suggestion-list:not(.q-help-box):before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 3px; border-bottom: 1px solid #c8d3e0; } .q-suggestion .q-suggestion-list:first-child { margin: 0; padding: 0; border: none; } .q-suggestion .q-suggestion-list:first-child:before { display: none; } .q-suggestion .q-suggestion-list.hide-section-border:not(.q-help-box):before { display: none; } .q-suggestion .q-suggestion-list.hide-section-border:not(.q-help-box) { border: none; } .q-suggestion .q-suggestion-list p, .q-suggestion .q-suggestion-list h1, .q-suggestion .q-suggestion-list h2, .q-suggestion .q-suggestion-list h3, .q-suggestion .q-suggestion-list h4, .q-suggestion .q-suggestion-list h5, .q-suggestion .q-suggestion-list h6 { display: block !important; width: 100% !important; color: #383636; font-size: 16px !important; line-height: 22px !important; font-weight: 500 !important; margin: 0 0 0.7rem 0 !important; clear: both; } .q-suggestion .q-suggestion-list p strong, .q-suggestion .q-suggestion-list h1, .q-suggestion .q-suggestion-list h1 *, .q-suggestion .q-suggestion-list h2, .q-suggestion .q-suggestion-list h2 *, .q-suggestion .q-suggestion-list h3, .q-suggestion .q-suggestion-list h3 *, .q-suggestion .q-suggestion-list h4, .q-suggestion .q-suggestion-list h4 *, .q-suggestion .q-suggestion-list h5, .q-suggestion .q-suggestion-list h5 *, .q-suggestion .q-suggestion-list h6, .q-suggestion .q-suggestion-list h6 * { font-size: 26px !important; font-weight: 700 !important; margin: 0 0 1rem 0 !important; } .q-suggestion .q-suggestion-list h2, .q-suggestion .q-suggestion-list h2 * { font-size: 24px !important; } .q-suggestion .q-suggestion-list h3, .q-suggestion .q-suggestion-list h3 * { font-size: 22px !important; } .q-suggestion .q-suggestion-list h4, .q-suggestion .q-suggestion-list h4 * { font-size: 20px !important; } .q-suggestion .q-suggestion-list h5, .q-suggestion .q-suggestion-list h5 * { font-size: 18px !important; } .q-suggestion .q-suggestion-list h6, .q-suggestion .q-suggestion-list h6 * { font-size: 16px !important; } .q-suggestion .q-suggestion-list p .text-tiny, .q-suggestion .q-suggestion-list p .text-tiny *, .q-suggestion .q-suggestion-list h1 .text-tiny, .q-suggestion .q-suggestion-list h1 .text-tiny *, .q-suggestion .q-suggestion-list h2 .text-tiny, .q-suggestion .q-suggestion-list h2 .text-tiny *, .q-suggestion .q-suggestion-list h3 .text-tiny, .q-suggestion .q-suggestion-list h3 .text-tiny *, .q-suggestion .q-suggestion-list h4 .text-tiny, .q-suggestion .q-suggestion-list h4 .text-tiny *, .q-suggestion .q-suggestion-list h5 .text-tiny, .q-suggestion .q-suggestion-list h5 .text-tiny *, .q-suggestion .q-suggestion-list h6 .text-tiny, .q-suggestion .q-suggestion-list h6 .text-tiny * { font-size: 0.94em !important; } .q-suggestion .q-suggestion-list p, .q-suggestion .q-suggestion-list ul li, .q-suggestion .q-suggestion-list ol li { color: #383636; } .q-suggestion .q-suggestion-list p *, .q-suggestion .q-suggestion-list ul li *, .q-suggestion .q-suggestion-list ol li * { font-size: 16px !important; line-height: 22px !important; } .q-suggestion .q-suggestion-list p:last-child, .q-suggestion .q-suggestion-list h1:last-child, .q-suggestion .q-suggestion-list h2:last-child, .q-suggestion .q-suggestion-list h3:last-child, .q-suggestion .q-suggestion-list h4:last-child, .q-suggestion .q-suggestion-list h5:last-child, .q-suggestion .q-suggestion-list h6:last-child { margin: 0 !important; } .q-suggestion .q-suggestion-list ul, .q-suggestion .q-suggestion-list ol { display: block !important; color: #383636; font-size: 15px !important; line-height: 19px !important; font-weight: 500 !important; margin: 0 0 0.7rem 0 !important; padding: 0 !important; position: relative !important; } .q-suggestion .q-suggestion-list ul:last-child, .q-suggestion .q-suggestion-list ol:last-child { margin: 0 !important; } .q-suggestion .q-suggestion-list ul li, .q-suggestion .q-suggestion-list ol li { display: block !important; color: #383636; font-size: 15px !important; line-height: 19px !important; font-weight: 500 !important; margin: 0 0 0.3rem 0 !important; padding: 0 0 0 16px !important; position: relative !important; } .q-suggestion .q-suggestion-list ul li:before { content: ""; display: block; background-size: 100% auto; width: 4px; height: 4px; position: absolute; top: 8px; left: 0; background-color: #383636; border-radius: 100px; } .q-suggestion .q-suggestion-list ol { display: block !important; padding: 0 0 6px 0 !important; margin: 0 0 0.3rem 0 !important; counter-reset: order-list-number; } .q-suggestion .q-suggestion-list ol:first-child { margin: 0 !important; } .q-suggestion .q-suggestion-list ol li { display: block !important; color: #383636; font-size: 15px !important; line-height: 19px !important; font-weight: 500 !important; margin: 0 0 0.3rem 0 !important; padding: 0 0 0 28px !important; position: relative; counter-increment: order-list-number; } .q-suggestion .q-suggestion-list ol li:before { content: counter(order-list-number) ". "; display: block; position: absolute; top: 0; left: 0; width: 20px; text-align: right; } .q-suggestion .q-suggestion-list p a, .q-suggestion .q-suggestion-list ul li a, .q-suggestion .q-suggestion-list ol li a { display: inline-block !important; vertical-align: top !important; color: #7577fe !important; text-decoration: underline !important; } .q-suggestion .q-suggestion-list p a:hover, .q-suggestion .q-suggestion-list ul li a:hover, .q-suggestion .q-suggestion-list ol li a:hover { color: #7577fe !important; text-decoration: none !important; } .step-ans-msg { display: flex; flex-wrap: wrap; margin: 10px 0 0 0; align-items: normal; } .step-ans-msg:first-child { margin: 0; } .step-ans-msg .ico { display: block; float: left; padding: 0 10px 0 0; } .step-ans-msg .ico img { display: block; height: 24px; width: auto; } .step-ans-msg .image { display: block; float: left; width: 44px; height: 44px; overflow: hidden; border: 3px solid #fff; border-radius: 100px; } .step-ans-msg .image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; } .step-ans-msg .msg { display: block; width: 100%; flex: 1; padding: 0 0 0 12px; align-self: center; position: relative; text-align: left; } .step-ans-msg .msg > span { display: inline-flex; vertical-align: top; color: #292525; font-size: 15px; line-height: 19px; font-style: italic; font-weight: 500; background-color: #70EF7E; padding: 4px 10px; border-radius: 20px; min-height: 38px; align-items: center; justify-content: center; min-width: 156px; position: relative; } .step-ans-msg .msg.error > span, .step-ans-msg .msg.danger > span { background-color: #ff9898; color: #000; } .step-ans-msg .msg .t { background: transparent; padding: 0; min-width: 1px; min-height: 1px; } .step-ans-msg .msg.type > span { background-color: #eaf4ff; justify-content: inherit; padding-left: 12px; padding-right: 12px; min-width: 60px; min-height: 20px; } .step-ans-msg .msg.type.txt-purple > span { color: #5114bd !important; } .wave { position: relative; margin: 0; text-align: center; display: block; width: 100%; } .wave .dot { display: inline-block; vertical-align: middle; width: 5px; height: 5px; border-radius: 50%; margin: 0 1.5px; background: #9db5bf; animation: wave 1.2s linear infinite; } .wave .dot:nth-child(2) { animation-delay: -1.1s; } .wave .dot:nth-child(3) { animation-delay: -1s; } @keyframes wave { 0%, 60%, 100% { transform: initial; } 30% { transform: translateY(-5px); } } .quiz-main-container { display: block; position: relative; padding: 0 68px 0 0; transition: 500ms; } .quiz-main-container.full { padding: 0; } .quiz-main-container.text-q-container .row-quiz { flex: 1; } .sub-numbering { display: block; position: absolute; top: 0; right: 0; width: 68px; height: calc(var(--screen-vh) - 102px); background-color: #fff; border-left: 1px solid #c9e3f8; } .sub-numbering .q-pagination { justify-content: flex-end; padding: 10px 0 10px 8px; } .sub-numbering .q-pagination a, .sub-numbering .q-pagination a:hover, .sub-numbering .q-pagination .page-no, .sub-numbering .q-pagination .page-no:hover { margin: 3px 0 2px 0; width: 44px; height: auto; min-height: 1px; font-size: 15px; line-height: 20px; background-color: #ffffff; color: #0fc1eb; border: 1px solid #0fc1eb !important; border-right: none !important; text-align: left; padding: 4px 10px; border-radius: 14px 0 0 14px; transition: 400ms; } .sub-numbering .q-pagination a:before, .sub-numbering .q-pagination .page-no:before { transition: 400ms; display: none; } .sub-numbering .q-pagination a:hover, .sub-numbering .q-pagination a.active, .sub-numbering .q-pagination .page-no:hover, .sub-numbering .q-pagination .page-no.active { width: 100%; } .sub-numbering .q-pagination a.active:hover, .sub-numbering .q-pagination a.active, .sub-numbering .q-pagination .page-no.active:hover, .sub-numbering .q-pagination .page-no.active { background-color: #0fc1eb; color: #fff; } .sub-numbering .q-pagination a.right:hover, .sub-numbering .q-pagination a.right, .sub-numbering .q-pagination .page-no.right:hover, .sub-numbering .q-pagination .page-no.right { border-color: #57dc66; background-color: #fff; color: #57dc66; } .sub-numbering .q-pagination a.wrong:hover, .sub-numbering .q-pagination a.wrong, .sub-numbering .q-pagination .page-no.wrong:hover, .sub-numbering .q-pagination .page-no.wrong { border-color: #ff9541; background-color: #fff; color: #ff9541; } .sub-numbering .q-pagination a.right.active:hover, .sub-numbering .q-pagination a.right.active, .sub-numbering .q-pagination .page-no.right.active:hover, .sub-numbering .q-pagination .page-no.right.active { background-color: #57dc66; color: #fff; } .sub-numbering .q-pagination a.wrong.active:hover, .sub-numbering .q-pagination a.wrong.active, .sub-numbering .q-pagination .page-no.wrong.active:hover, .sub-numbering .q-pagination .page-no.wrong.active { background-color: #ff9541; color: #fff; } .q-pagination-cont { display: block; width: 100%; height: 46px; margin: -2px 0 0 0; } .q-pagination { display: flex; flex-wrap: wrap; justify-content: flex-end; } .q-pagination .page-no, .q-pagination .page-no:hover { display: block; float: left; background-color: #A5ACAF; color: #fff; font-size: 15px; line-height: 30px; font-weight: 600; text-align: center; min-width: 30px; height: 30px; border-radius: 100px; margin: 0 5px; text-decoration: none; position: relative; padding: 0; border: none !important; cursor: pointer; } .footer-right .q-pagination { display: block; white-space: nowrap; text-align: right; padding: 4px 0 0 0; } .footer-right .q-pagination .page-no, .footer-right .q-pagination .page-no:hover { display: inline-block; vertical-align: top; float: none; } .q-pagination .page-no.active { background-color: #0fc1eb; text-decoration: none; color: #fff; } .q-pagination .page-no:before, .q-pagination .page-no:hover:before { content: ""; display: block; position: absolute; top: -4px; left: -4px; width: calc(100% + 8px); height: calc(100% + 8px); border: 2px solid transparent; border-radius: 100px; } .q-pagination .page-no.right { background-color: #57dc66; } .q-pagination .page-no.p-right { background-color: #94f19e; } .q-pagination .page-no.wrong { background-color: #ff9541; } .q-pagination .page-no.active:before, .q-pagination .page-no.active:hover:before { border-color: #0fc1eb; } .q-pagination .page-no.active.right:before, .q-pagination .page-no.active.right:hover:before { border-color: #57dc66; } .q-pagination .page-no.active.p-right:before, .q-pagination .page-no.active.p-right:hover:before { border-color: #94f19e; } .q-pagination .page-no.active.wrong:before, .q-pagination .page-no.active.wrong:hover:before { border-color: #ffa844; } .qa-right-arrow, .quiz-right-arrow { display: none; position: fixed; top: 50%; right: 0; /* transform: translate(0,-50%); */ width: 22px; height: 130px; overflow: hidden; cursor: pointer; border-radius: 200px 0 0 200px; z-index: 3; } @media (max-height: 359px) { .qa-right-arrow, .quiz-right-arrow { height: 120px; width: 20px; } } .quiz-right-arrow { right: 100%; position: absolute; z-index: 2; top: auto; bottom: 50%; } .qa-right-arrow:before, .quiz-right-arrow:before { content: ""; display: block; width: 200px; height: 200px; background-color: #aecae0; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); z-index: 1; border-radius: 200px 0 0 200px; } .quiz-right-arrow:before { background-color: #dfc4eb; } .qa-right-arrow img, .quiz-right-arrow img { display: block; width: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; transition: 400ms; } .sub-numbering .qa-right-arrow { right: 100%; position: absolute; } .wrong-panel-header { background: #e8e8e8; padding: 8px; } .wrong-panel-header h3 { margin-bottom: 0; } .subject_rightCard .wrong-panel-header .Quiz_head span { font-size: 15px; } .wrong-answer-container { margin-bottom: 21px; } .next-question-container { border-top: 1px solid #dfe3e7; padding-top: 20px; margin-top: 26px; } .solution-title-sec { border-bottom: 2px solid #e2dbdb; margin-bottom: 14px; } .solution-title-sec h3 { color: #747475; } .restart-quiz-btn, .restart-quiz-btn:focus { border: none; background: #f81c68; color: #fff; font-size: 14px; padding: 3px 10px; border-radius: 4px; cursor: pointer; outline: none; } .mainAnswer-quiz-btn { border: none; background: #201cf8; color: #fff; font-size: 14px; padding: 3px 5px; border-radius: 4px; cursor: pointer; outline: none; } .restart-quiz-btn:hover { background: #dfe3e7; color: #000; } .radioList { display: block; } .radioList .li { display: inline-block; vertical-align: top; margin: 0 14px 10px 0; } .radioList .li label { display: block; padding: 0; margin: 0; position: relative; cursor: pointer; } .radioList .li label input { display: block; position: absolute; top: 0; left: 0; opacity: 0; } .radioList .li label input:checked + .txt:after { opacity: 1; } .radioList .li label .txt { display: block; position: relative; padding: 2px 0 0 28px; color: #2b2a2a; font-size: 14px; line-height: 19px; font-weight: 600; } .radioList .li label .txt:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 22px; height: 22px; border: 2px solid #514afc; background-color: #fff; border-radius: 100px; } .radioList .li label .txt:after { content: ""; width: 12px; height: 12px; background-color: #514afc; border-radius: 100px; position: absolute; top: 5px; left: 5px; transition: 400ms; opacity: 0; } .radioList .li.error label .txt { color: #ff4b4b; } .radioList .li.error label .txt:before { border-color: #ff8686; } .radioList .li.error label .txt:after { background-color: #ff8686; } .radioList .li.success label .txt { color: #009210; } .radioList .li.success label .txt:before { border-color: #3dbf4b; } .radioList .li.success label .txt:after { background-color: #3dbf4b; } .text-q-container { display: flex; /* flex-wrap: wrap; */ } .text-q-container .text-q-panel { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; float: left; flex: 1; } .text-q-container .text-q-panel-mid { display: block; float: left; /* width: 100%; */ flex: 1; width: calc(100% - 12%); } .text-q-container .text-q-panel-mid.r-show { width: calc(100% - (48px + 12%)); } .text-q-panel-inner { display: block; float: left; position: relative; padding: 0 40px; } .text-q-panel-inner .go-prev, .text-q-panel-inner .go-next { display: block; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); padding: 6px; } .text-q-panel-inner .go-next { left: auto; right: 0; } .text-q-panel-inner .go-prev img, .text-q-panel-inner .go-next img { display: block; display: block; width: 26px; height: auto; opacity: 0.44; transition: 500ms; } .text-q-panel-inner .go-prev:hover img, .text-q-panel-inner .go-next:hover img { opacity: 0.7; } .text-q-container .q-right-info { display: flex; flex-wrap: wrap; /* width: 136px; */ width: 12%; min-width: 136px; background-color: #dae9f5; height: calc(var(--screen-vh) - 102px); } .text-q-container .q-right-info ng-scrollbar { width: 100%; } .text-q-container .q-right-info .q-right-info-c { display: flex; flex-wrap: wrap; padding: 12px 10px; min-height: 100%; } .text-q-container .q-right-info .q-right-head { display: block; width: 100%; align-self: flex-start; padding: 0 0 16px 0; } .text-q-container .q-right-info .q-right-foot { display: block; width: 100%; align-self: flex-end; } .text-q-container .q-right-info .q-right-foot .exam-submit { display: block; text-align: center; } .text-q-container .q-right-info .q-right-foot .exam-submit .button { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #fff; background-color: #fc6100; width: 74px; height: 74px; border-radius: 200px; padding: 8px; font-size: 15px; line-height: 19px; font-weight: 500; margin: 0 auto; transition: 500ms; position: relative; } .text-q-container .q-right-info .q-right-foot .exam-submit .button:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 8px); height: calc(100% + 8px); border-radius: 200px; border: 2px solid #fc6100; transition: 500ms; } .text-q-container .q-right-info .q-right-foot .exam-submit .button:hover { text-decoration: none; background-color: #ff7723; } .text-q-container .q-right-info .q-right-foot .exam-submit .button:hover:before { border-color: #ff7723; } .text-q-container .q-right-info .q-right-foot .exam-submit .button.blue { background-color: #4876f0; } .text-q-container .q-right-info .q-right-foot .exam-submit .button.blue:before { border-color: #4876f0; } .text-q-container .q-right-info .q-right-foot .exam-submit .button.blue:hover { background-color: #618dff; } .text-q-container .q-right-info .q-right-foot .exam-submit .button.blue:hover:before { border-color: #618dff; } .text-q-container .q-right-info .q-right-foot .exam-quit { display: block; text-align: center; margin: 14px 0 0 0; } .text-q-container .q-right-info .q-right-foot .exam-quit a:not(.btn) { display: inline-block; vertical-align: top; color: #0072ec; font-size: 16px; line-height: 22px; font-weight: 500; } .text-q-container .q-right-info .q-right-foot .exam-quit a:hover { text-decoration: underline; } .text-q-container .q-right-info .track, .mob-track { display: block; margin: 10px 0 0 0; text-align: center; } .text-q-container .q-right-info .track:first-child { margin-top: 0; } .text-q-container .q-right-info .track .tl, .mob-track .tl { display: block; font-size: 14px; line-height: 16px; font-weight: 600; margin: 0 0 3px 0; } .text-q-container .q-right-info .track .tm, .mob-track .tm, .tm-field { display: inline-block; vertical-align: top; max-width: 100%; color: #3c36ce; font-size: 15px; line-height: 18px; font-weight: 600; padding: 3px 10px; background-color: #e4e3ff; border: 1px solid #514afc; border-radius: 100px; width: 120px; max-width: 100%; } .text-q-container .q-right-info .track .tm *, .mob-track .tm *, .tm-field * { font-weight: 600 !important; } .text-q-container .q-right-info .track .tm.red, .mob-track .tm.red, .tm-field.red { border-color: #f0524a; color: #e04b44; background-color: #ffeceb; } .text-q-container .q-right-info .track .tm.green { border-color: #32903c; color: #24752d; background-color: #d0ffd5; } .text-q-container .q-right-info .track .tm.white, .tm-field.white { border-color: #8e99a2; color: #3e3e3e; background-color: #fff; } .text-q-container .q-right-info .track .tm.blue, .tm-field.blue { border-color: #0d6edc; color: #0d6edc; background-color: #c3deff; } .tm-field { text-align: center; outline: none !important; box-shadow: none !important; } .tm-field.red::-webkit-input-placeholder { color: #e04b44 !important; } .tm-field.red::-moz-placeholder { color: #e04b44 !important; } .tm-field.red:-ms-input-placeholder { color: #e04b44 !important; } .tm-field.red:-moz-placeholder { color: #e04b44 !important; } .mob-track { display: none; position: fixed; top: 13px; right: 56px; z-index: 3; margin: 0; max-width: 62px; } .mob-track .tl { font-size: 13px; line-height: 14px; padding: 1px 6px; } .mob-track .tm { font-size: 13px; line-height: 15px; padding: 1px 6px; } .text-q-container .q-right-info .ans-status { display: block; margin: 10px 0 0 0; } .text-q-container .q-right-info .ans-status .li { display: flex; flex-wrap: wrap; margin: 3px 0 0 0; align-items: center; } .text-q-container .q-right-info .ans-status .li:first-child { margin: 0; } .text-q-container .q-right-info .ans-status .li .txt { display: block; float: left; font-size: 13px; line-height: 15px; font-weight: 600; } .text-q-container .q-right-info .ans-status .li .n { display: block; float: left; color: #3c36ce; font-size: 13px; line-height: 17px; font-weight: 600; padding: 0px 6px; background-color: #e4e3ff; border: 1px solid #514afc; border-radius: 100px; width: 38px; margin: 0 0 0 auto; text-align: center; } .text-q-container .q-right-info .ans-status .li .n.green { border-color: #32903c; color: #24752d; background-color: #d0ffd5; } .text-q-container .q-right-info .ans-status .li .n.red { border-color: #f0524a; color: #e04b44; background-color: #ffeceb; } .text-q-container .q-right-info .ans-status .li .n.grey { border-color: #717171; color: #313131; background-color: #f7f7f7; } .text-q-container .q-right-number { display: flex; flex-wrap: wrap; width: 48px; height: calc(var(--screen-vh) - 102px); /* background-color: #b8d2e6; */ background-color: #f0f9ff; /* box-shadow: -2px 0 6px rgba(0, 0, 0, 0.06); */ box-shadow: -2px 0 3px rgba(0, 0, 0, 0.06); position: relative; z-index: 1; /* border-right: 1px solid #b3cadc; */ } .text-q-container .q-right-number ng-scrollbar { width: 100%; } /* .text-q-container .q-right-number:after{ content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #ffffff; } */ .text-q-container .q-right-number ul { display: block; width: 100%; margin: 0; padding: 10px 6px; } .text-q-container .q-right-number ul li { display: block; text-align: center; margin: 8px 0 0 0; } .text-q-container .q-right-number ul li:first-child { margin-top: 0; } .text-q-container .q-right-number ul li .n { display: block; position: relative; width: 26px; height: 26px; text-align: center; background-color: #ffffff; margin: 0 auto; color: #535f69; font-size: 14px; line-height: 26px; text-decoration: none; font-weight: 600; border-radius: 100px; box-shadow: 0 0 4px 1px rgba(111, 132, 148, 0.2); transition: 400ms; padding: 0; border: none; cursor: pointer; } .text-q-container .q-right-number ul li .n:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 8px); height: calc(100% + 8px); border: 2px solid #0fc1eb; border-radius: 100px; opacity: 0; visibility: hidden; transition: 400ms; } .text-q-container .q-right-number ul li .n.active:before { content: ""; display: block; position: absolute; top: 50%; right: calc(100% + 3px); transform: translate(0, -50%); border-right: 9px solid #0fc1eb; border-top: 6px solid transparent; border-bottom: 6px solid transparent; opacity: 0; visibility: hidden; transition: 400ms; } .text-q-container .q-right-number ul li .n:hover { color: #0fc1eb; } .text-q-container .q-right-number ul li .n.active.selected { color: #fff; text-decoration: none; background-color: #0fc1eb; } .text-q-container .q-right-number ul li .n:hover { color: #0fc1eb; } .text-q-container .q-right-number ul li .n.selected { color: #fff; text-decoration: none; background-color: #0fc1eb; } .text-q-container .q-right-number ul li .n.active.light.selected { background-color: rgba(15, 193, 235, 0.7); } .text-q-container .q-right-number ul li .n.active.light:before { border-right-color: rgba(15, 193, 235, 0.7); } .text-q-container .q-right-number ul li .n.active.light:after { border-color: rgba(15, 193, 235, 0.7); } .text-q-container .q-right-number ul li .n.success { color: #fff; text-decoration: none; background-color: #57dc66; } .text-q-container .q-right-number ul li .n.error { color: #fff; text-decoration: none; background-color: #ff9541; } .text-q-container .q-right-number ul li .n.success:before { border-right-color: #57dc66; } .text-q-container .q-right-number ul li .n.success:after { border-color: #57dc66; } .text-q-container .q-right-number ul li .n.error:before { border-right-color: #ff9541; } .text-q-container .q-right-number ul li .n.error:after { border-color: #ff9541; } .text-q-container .q-right-number ul li .n.success:before, .text-q-container .q-right-number ul li .n.error:before { opacity: 1; visibility: visible; } .text-q-container .q-right-number ul li .n.active:before, .text-q-container .q-right-number ul li .n.active:after { opacity: 1; visibility: visible; } .f-12 { font-size: 12px !important; } .f-14 { font-size: 14px !important; } .f-15 { font-size: 15px !important; } .f-16 { font-size: 16px !important; } .f-18 { font-size: 18px !important; } .editor-cont { display: block; overflow: auto; } .editor-cont.left-video-content { width: 100%; text-align: center; } .editor-cont.left-video-content .video { width: 98%; height: 98%; display: block; } .editor-cont.left-audio-content { width: 100%; text-align: center; } .editor-cont.left-audio-content .audio { border: 1px solid #514afc; border-radius: 30px; } figure.table table td .image:not(.image_resized) { width: auto !important; } .conf-info { font-size: 15px; line-height: 18px; } .para.font-normal p { font-weight: 500; } .total-ans { display: block; margin: 30px -8px 0 -8px; column-count: 3; -webkit-column-gap: 0; -moz-column-gap: 0; grid-column-gap: 0; column-gap: 0; } .total-ans .ans-listing { display: inline-block; padding: 0 8px 16px 8px; margin: 0; width: 210px; min-height: 190px; } .total-ans .ans-listing .list { margin: 8px 0 0 0; } .total-ans .ans-listing .list .no { font-size: 16px; line-height: 22px; min-width: 38px; text-align: right; } .col-6 .total-ans .ans-listing .list .no.link { color: #4876f0; text-decoration: none; cursor: pointer; } .col-6 .total-ans .ans-listing .list .no.link:hover { text-decoration: underline; } .total-ans .ans-listing .list .r-side { padding: 0 0 0 10px; } .total-ans .ans-listing .check, .total-ans .ans-listing .radio { margin: 2px 5px 2px 0; } .total-ans .ans-listing .check:last-child, .total-ans .ans-listing .radio:last-child { margin-right: 0; } .total-ans .ans-listing .check .ico, .total-ans .ans-listing .radio .ico { font-size: 12px; line-height: 20px; width: 22px; height: 22px; } .total-ans .ans-listing .field { /* height: 26px; font-size: 13px; max-width: 104px; */ height: 24px; font-size: 12px; padding: 2px 5px; max-width: 104px; } .total-ans .ans-listing .check.danger .ico, .total-ans .ans-listing .radio.danger .ico, .total-ans .ans-listing .check.wrong .ico, .total-ans .ans-listing .radio.wrong .ico, .total-ans .ans-listing .field.danger, .total-ans .ans-listing .field.wrong { background-color: #ffe5e5; border-color: #f0524a; color: #f0524a; } .total-ans .ans-listing .check.success .ico, .total-ans .ans-listing .radio.success .ico, .total-ans .ans-listing .check.right .ico, .total-ans .ans-listing .radio.right .ico, .total-ans .ans-listing .field.success, .total-ans .ans-listing .field.right { background-color: #e2fff0; border-color: #037d11; color: #037d11; } .report-btn { display: block; position: fixed; z-index: 1; bottom: 66px; right: 18px; border-radius: 100px; padding: 0; width: 48px; height: 48px; background-color: #fff; color: #565656 !important; font-size: 17px; line-height: 22px; font-weight: 600; text-decoration: none !important; box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.28); text-align: center; transition: 500ms; } .report-btn img { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: auto; /* opacity: 0.8; */ transition: 500ms; } .report-btn:hover { box-shadow: 0 3px 7px 0px rgba(0, 0, 0, 0.48); } @media screen and (min-width: 1440px) { .page-container .col-md-6 > .q-area .scroll-area, .page-container .col-md-6 > .q-right-panel .scroll-area, .page-container .col-6 > .q-area .scroll-area, .page-container .col-6 > .q-right-panel .scroll-area { width: 100%; max-width: 100%; } .page-container .q-area .scroll-area { max-width: 1000px; } /* .page-container .col-md-6 > .q-area .scroll-area, .page-container .col-md-6 > .q-right-panel .scroll-area{ width: 70%; max-width: 70%; } */ .text-q-container .text-q-panel-mid { width: calc(100% - 15%); } .text-q-container .text-q-panel-mid.r-show { width: calc(100% - (48px + 15%)); } .text-q-container .q-right-info { width: 15%; max-width: 384px; } .text-q-container .q-right-info .q-right-info-c { padding: 20px 16px; } .text-q-container .q-right-info .track { margin: 16px 0 0 0; } .text-q-container .q-right-info .track .tm, .tm-field { width: 70%; font-size: 18px; line-height: 24px; } .text-q-container .q-right-info .track .tl { font-size: 15px; line-height: 17px; margin: 0 0 6px 0; } .text-q-container .q-right-info .q-right-foot .exam-submit .button { width: 92px; height: 92px; font-size: 19px; line-height: 21px; } .text-q-container .q-right-info .ans-status { margin: 16px 0 0 0; } .text-q-container .q-right-info .ans-status .li { margin: 10px 0 0 0; } .text-q-container .q-right-info .ans-status .li .txt { font-size: 14px; line-height: 16px; } .text-q-container .q-right-info .ans-status .li .n { font-size: 14px; line-height: 20px; width: 46px; } .r-panel-print .btn { margin: 3px !important; } .no-mockdata img { max-width: 84%; } } @media screen and (min-width: 1441px) { .total-ans .ans-listing .check, .total-ans .ans-listing .radio { margin-top: 1px; margin-bottom: 1px; } } @media screen and (min-width: 1920px) { .total-ans .ans-listing .check .ico, .total-ans .ans-listing .radio .ico { font-size: 14px; line-height: 22px; width: 24px; height: 24px; } .total-ans .ans-listing .field { height: 26px; } .total-ans .ans-listing .list .no { font-size: 17px; line-height: 24px; } .total-ans .ans-listing .field { max-width: 110px; } } @media screen and (min-width: 2561px) { .total-ans .ans-listing { width: 416px; min-height: 190px; } } @media screen and (max-width: 1679px) { /* .sidebar-new .body_section.subjectTo.sm{ width: 190px; max-width: 190px; } .sidebar-new .body_section.subjectTo{ width: 250px; max-width: 250px; } .sidebar-new .body_section.subjectTo.sm{ width: 160px; max-width: 160px; } */ .total-ans { margin-left: -6px; margin-right: -6px; } .total-ans .ans-listing { padding-left: 6px; padding-right: 6px; width: 174px; } .total-ans .ans-listing .list .no { font-size: 14px; line-height: 22px; min-width: 32px; } .total-ans .ans-listing .check .ico, .total-ans .ans-listing .radio .ico { width: 20px; height: 20px; line-height: 18px; } .total-ans .ans-listing .field { max-width: 96px; } } @media screen and (max-width: 1440px) { .total-ans .ans-listing { min-height: 178px; } } @media screen and (max-width: 1365px) { .total-ans .ans-listing .list .r-side { padding: 0 0 0 6px; } .total-ans .ans-listing { width: 168px; } .total-ans .ans-listing .check, .total-ans .ans-listing .radio { margin-right: 4px; } .total-ans .ans-listing .field { max-width: 92px; } } @media screen and (max-width: 1279px) { .text-q-container .text-q-panel-mid { width: calc(100% - 136px); } .text-q-container .text-q-panel-mid.r-show { width: calc(100% - (48px + 136px)); } .text-q-container .q-right-info { width: 136px; } .total-ans, .print-answer-sheet .total-ans { column-count: 2; } } @media screen and (max-width: 991px) { .q-help-box.main-s .help-steps .step-container, .q-help-box.main-q .help-steps .step-container { padding: 0; } } @media screen and (max-width: 800px) { /* QUIZ COLUMN RESPONSIVE START */ .page-container .q-area .scroll-area, .page-container .q-right-panel .scroll-area { width: 100%; } .text-q-container .q-right-info { width: 86px; min-width: 1px; } .text-q-container .q-right-info .r-panel-print .btn { font-size: 0.76rem; line-height: 1.1; padding: 4px 4px; } .text-q-container .q-right-info .q-right-info-c { padding: 8px 8px 16px 8px; } .text-q-container .q-right-info .track .tl { font-size: 13px; line-height: 15px; } .text-q-container .q-right-info .track .tm, .tm-field { font-size: 13px; line-height: 15px; padding: 2px 6px; } .text-q-container .q-right-info .track { margin-top: 6px; } .text-q-container .q-right-info .q-right-foot .exam-submit .button { width: 60px; height: 60px; font-size: 13.5px; line-height: 15px; } .text-q-container .q-right-info, .text-q-container .q-right-number { position: fixed; top: 48px; right: -86px; z-index: 3; transition: 400ms; height: calc(var(--screen-vh) - 88px); } .text-q-container .q-right-number { width: 38px; } .text-q-container .q-right-number ul li .n { width: 20px; height: 20px; font-size: 12.5px; line-height: 20px; } .text-q-container .q-right-number ul li .n.active:before { border-right-width: 6px; border-top-width: 4px; border-bottom-width: 4px; } .text-q-container .q-right-info .q-right-foot .exam-quit a:not(.btn) { font-size: 15px; line-height: 21px; } .text-q-container .q-right-number { width: 38px; } .row-quiz { position: relative; width: 100%; overflow: hidden; } .row-quiz > [class*=col-] { width: 100%; max-width: 100%; flex: inherit; } .row-quiz > .right-col { position: fixed; top: 48px; left: 100%; width: calc(100% - 26px); height: calc(100% - 48px); z-index: 3; transition: 600ms; /* transition-delay: 1s; */ background-color: #dfc4eb; } .row-quiz > .right-col .q-right-panel { background-color: transparent; } .row-quiz > .right-col:before { content: ""; display: block; position: absolute; top: 0; right: 100%; width: 60%; height: 100%; z-index: 1; background-color: rgba(23, 23, 31, 0.5); opacity: 0; visibility: hidden; transition: 600ms; } .row-quiz > .right-col .quiz-right-arrow { display: block; opacity: 0; visibility: hidden; } .row-quiz > .right-col.showNow .quiz-right-arrow { opacity: 1; visibility: visible; } .row-quiz > .right-col.slideNow .quiz-right-arrow img { transform: translate(-50%, -50%) rotate(180deg); } .row-quiz > .right-col.slideNow { left: 26px; z-index: 5; } .row-quiz > .right-col.slideNow:before { opacity: 1; visibility: visible; } .text-q-container .q-right-info .ans-status .li .txt { width: 100%; float: none; margin: 0 0 3px 0; text-align: center; font-size: 12px; } .text-q-container .q-right-info .ans-status .li .n { float: none; width: 100%; font-size: 12px; line-height: 16px; } .text-q-container .q-right-number { right: -118px; z-index: 3; } .qa-right-arrow { display: block; transition: 400ms !important; } .show-qnRight .sub-numbering { right: 0; } .show-qaRight .qa-right-arrow { right: 86px; } .show-qaRight .q-right-number ~ .qa-right-arrow { right: 124px; } .show-qaRight .qa-right-arrow img, .show-qnRight .qa-right-arrow img { transform: translate(-50%, -50%) rotate(180deg); } .show-qaRight .text-q-container .q-right-info { right: 0px; z-index: 4; } .show-qaRight .text-q-container .q-right-info.with-number { right: 68px; } .show-qaRight .text-q-container .q-right-info.with-number ~ .sub-numbering { right: 0; } .show-qaRight .text-q-container .qa-right-arrow.with-number-arrow { right: 153px; } .show-qaRight .text-q-container .q-right-number { right: 86px; } .quiz-Next-Prev .go-prev img, .quiz-Next-Prev .go-next img { width: 16px; } .mob-track { display: block; transition: 400ms; visibility: visible; opacity: 1; } .show-qaRight .mob-track { visibility: hidden; opacity: 0; } .quiz-main-container { padding: 0; } .sub-numbering { height: calc(var(--screen-vh) - 88px); position: fixed; z-index: 4; top: 48px; right: -68px; transition: 500ms; } .show-qaRight .report-btn, .show-qnRight .report-btn { opacity: 0; visibility: hidden; } .q-pagination-cont { height: 40px; } .footer-right .q-pagination { padding: 6px 0 0 0; } .markList .list .listBlock .n, .footer-right .q-pagination .page-no, .footer-right .q-pagination .page-no:hover { width: 24px; height: 24px; min-width: 24px; font-size: 12px; line-height: 24px; } .page-container .q-area, .q-right-panel { /* height: 360px; */ padding: 10px 0 24px 0; height: calc(var(--screen-vh) - 88px) !important; } } @media screen and (max-width: 767px) { .page-container .q-box .q-number { min-width: 30px; } .page-container .q-area .scroll-area, .page-container .q-right-panel .scroll-area { padding: 0 12px; } .page-container .q-box { padding: 0 0 0 42px; } .page-container.half-grey:before { display: none; } .right-col .q-right-panel { height: calc(var(--screen-vh) - 48px) !important; } .breadcrumbHead { padding: 60px 14px 0 14px; margin: 0; flex-wrap: wrap; } .breadcrumbHead li, .breadcrumbHead li.mainTopic { font-size: 15px; line-height: 20px; max-width: none; white-space: normal; } .breadcrumbHead li .fa { margin-top: 3px; } .radio-ans .txt, .q-help-box .help-steps .step-container .ans-sec .radio-ans .txt { padding: 5px 4px 5px 28px; min-height: 28px; font-size: 14px; line-height: 16px; } .radio-ans .txt .num { width: 18px; height: 18px; font-size: 12px; line-height: 18px; top: 5px; left: 4px; } .page-container .q-marks .marks { font-size: 12px; line-height: 14px; padding: 1px 5px; min-width: 60px; } .q-help-box .help-steps { /* padding: 16px; */ padding: 10px; } .q-help-box .help-steps .step-container .buttonset:last-child { margin-bottom: 0; } .text-qa { padding: 0 0 52px 0; } .text-qa .desC { max-width: 100%; } .text-qa .av-image { width: 38px; height: 38px; } .text-qa .desC:before { transform: rotate(-90deg); bottom: -11px; left: 12px; } .text-qa .desC .bx { padding: 10px; border-radius: 16px; } /* FONT START */ .q-suggestion .q-suggestion-list p, .q-suggestion .q-suggestion-list li, .q-suggestion .q-suggestion-list p strong, .q-help-box.main-q .help-steps .step-container .q-text *, .q-help-box.main-s .help-steps .step-container .q-text *, .q-suggestion .q-suggestion-list ol li, .q-suggestion .q-suggestion-list p *, .q-suggestion .q-suggestion-list ul li *, .q-suggestion .q-suggestion-list ol li *, .text-qa .desC .bx, .text-qa .desC .bx p, .text-qa .desC .bx * { font-size: 14px !important; line-height: 17px !important; } .q-suggestion .q-suggestion-list h1, .q-suggestion .q-suggestion-list h1 *, .q-suggestion .q-suggestion-list h2, .q-suggestion .q-suggestion-list h2 *, .q-suggestion .q-suggestion-list h3, .q-suggestion .q-suggestion-list h3 *, .q-suggestion .q-suggestion-list h4, .q-suggestion .q-suggestion-list h4 *, .q-suggestion .q-suggestion-list h5, .q-suggestion .q-suggestion-list h5 *, .q-suggestion .q-suggestion-list h6, .q-suggestion .q-suggestion-list h6 * { font-size: 17px !important; line-height: 20px !important; } .q-suggestion .q-suggestion-list h2, .q-suggestion .q-suggestion-list h2 * { font-size: 16px !important; } .q-suggestion .q-suggestion-list h3, .q-suggestion .q-suggestion-list h3 * { font-size: 15px !important; } .q-suggestion .q-suggestion-list h4, .q-suggestion .q-suggestion-list h4 * { font-size: 14px !important; } .q-suggestion .q-suggestion-list h5, .q-suggestion .q-suggestion-list h5 * { font-size: 13.5px !important; } .q-suggestion .q-suggestion-list h6, .q-suggestion .q-suggestion-list h6 * { font-size: 13px !important; } .text-qa .desC .bx .MathJax_SVG, .text-qa .desC .bx .MathJax_SVG * { font-size: 10.5px !important; } .page-container .q-box .q-text, .q-help-box.main-q .help-steps .step-container .q-text, .q-help-box.main-s .help-steps .step-container .q-text, .page-container .q-box .q-text *, .q-help-box.main-q .help-steps .step-container .q-text *, .q-help-box.main-s .help-steps .step-container .q-text * { font-size: 16px !important; line-height: 21px !important; } .page-container .q-box .q-number { font-size: 18px !important; } .page-container .q-box .q-text, .q-help-box.main-q .help-steps .step-container .q-text { min-height: 12px; } .q-btn.mid, .ans-btn.mid { min-width: 1px; width: 200px; max-width: 100%; padding-top: 4px; padding-bottom: 4px; font-size: 14px; } .q-help-box .help-steps .q-btn.mid, .q-help-box .help-steps .ans-btn.mid { width: 132px; } .ans-sec { margin: 16px 0 0 0; } .report-btn { width: 32px; height: 32px; transition: 500ms; } .report-btn img { width: 18px; } } @media screen and (max-width: 359px) { .total-ans { column-count: 1; } .total-ans .ans-listing { width: 100%; } } @media screen and (max-width: 350px) { .mob-track { max-width: 52px; right: 5px; top: 50px; } .mob-track .tm { font-size: 11px; padding: 1px 3px; } } /*!**********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./src/assets/css/style.css (1) ***! \**********************************************************************************************************************************************************************************************************************/ /* @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900&display=swap'); */ .block-select *:not(input){ -webkit-user-select: none; user-select: none; } /* .q-right-panel img{ */ .block-select img{ -webkit-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; -webkit-touch-callout: none; } /* LOADER */ .page-loader{ display: none; flex-wrap: wrap; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: #fff; } .loader, .loader:before, .loader:after { animation: load 1s infinite ease-in-out; width: 1em; height: 4em; } .loader:before{ background-color: #f2308a; color: #f2308a; } .loader:after{ background-color: #6dad18; color: #6dad18; } .loader-c{ display: flex; width: 100%; justify-content: center; align-items: center; min-height: 68px; } .loader { background-color: #f57029; color: #f57029; text-indent: -9999em; margin: 0 auto; position: relative; font-size: 8px; transform: translateZ(0); animation-delay: -0.16s; } .loader:before, .loader:after { position: absolute; top: 0; content: ''; } .loader:before { left: -1.6em; animation-delay: -0.32s; } .loader:after { left: 1.6em; } @keyframes load { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; } } button{outline: none !important;} button:disabled { opacity: 0.5; cursor: not-allowed !important; } body, html { height: 100%; width: 100%; overflow: auto; position: relative; font-size: 0.97rem; line-height: 1.35; } /* body{font-family:Poppins,sans-serif} */ body, body *:not(mjx-container):not(mjx-container *), .mat-menu-item { /* font-family: 'Source Sans Pro', sans-serif; */ font-family: 'Source Sans Pro', sans-serif; } .bg_Gray { background-color: #f5f6fa !important; } .body_section.subjectTo::-webkit-scrollbar { width: 2em; height: 2em } .overlay_sidebar{ position: absolute; top: 0%; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #000; visibility: hidden; opacity: 0; display: none; transition: 400ms; } .btnsBox { display: flex; } .btnsBox.rightBtn { justify-content: flex-end; } .btnsBox.rightBtn > * { margin-left: 5px; margin-right: 5px; } /* .roundBtn{display:inline-block;font-size:15px;height:36px;line-height:36px;padding:0 25px;border-radius:18px;background-color:#d4dfe0;cursor:pointer;margin-bottom:15px;color:#fff} */ /* .btn{ font-weight: 600; transition: 500ms; } */ .roundBtn { display: inline-block; font-size: 12px; height: 28px; line-height: 28px; padding: 0px 19px; border-radius: 18px; background-color: #d4dfe0; cursor: pointer; margin-bottom: 0px; color: #fff; } .roundBtn > i { margin: 0 10px; } a.roundBtn:hover { text-decoration: none; color: #fff; background-color: #b0bebf; } .btn_sky, a:not([href]):not([tabindex]).btn_sky { background-color: #4dbada; color: #fff; } .btn_sky:hover, a:not([href]):not([tabindex]).btn_sky:hover { background-color: #3c9bb8 !important; color: #fff; } .roundBtn i.noRightMargin { margin-right: 0; } .broadcomList { display: block; margin: 0 -10px 25px; } .broadcomList ul { padding: 0; margin: 0; list-style-type: none; } .broadcomList ul li { float: left; font-size: 13px; text-transform: capitalize; padding: 0 10px; color: #4a4d4c !important; } .broadcomList ul li a { display: block; position: relative; color: #4a4d4c !important; font-size: 15px; } .broadcomList ul li a i { vertical-align: middle; font-size: 15px; position: absolute; top: 2px; right: -15px; } .app_Section_Head .broadcomList { display: inline-block; margin: 0; } .app_Section_Head .broadcomList ul li a i { top: 0; } .h2, h2 { font-size: 25px; } .h3, h3 { font-size: 20px; } .h4, h4 { font-size: 18px; } .h5, h5 { font-size: 15px; } /* .dashboard_Head { display: flex; height: 69px; border-bottom: solid 1px #ccc; } .dashboard_Head > div { display: flex; align-items: center; } .dashboard_logoBox { padding: 0 15px; } .dashboard_menuBox { flex: 1; padding: 0 15px; justify-content: flex-end; } .dashboard_menuBox a { padding: 0 10px; cursor: pointer; height: 44px; display: flex; align-items: center; position: relative; } .notification:before { content: ''; width: 6px; height: 6px; border-radius: 100%; background-color: #f4516c; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .dashboard_logoBox .dashboardLogo { max-height: 40px; width: auto; } .dashboard_menuBox .user .userImg { width: 44px; height: 44px; margin-right: 8px; border-radius: 100%; background-repeat: no-repeat; background-position: top center; background-size: cover; } */ .main_Body_Area { display: flex; flex: 1; overflow: hidden; height: var(--screen-vh); } .content-wraper { width: 100%; height: 100%; overflow: hidden; background: #f8f6fc; position: relative; } .article-wraper { display: flex; height: var(--screen-vh); } .show-top-left-bar .sidebar-new .content-wraper .article-wraper { height: calc(var(--screen-vh) - 48px); } .show-top-left-bar .sidebar-new .content-wraper .doubts-list-c{ height: calc(var(--screen-vh) - 226px); } .show-top-left-bar .sidebar-new .content-wraper .message-list-c{ height: calc(var(--screen-vh) - 290px); } /* .btn_menuOpen { position: fixed; color: #fd7d7d; padding: 5px 10px; cursor: pointer; z-index: 99; transition: all .5s; transform: translateY(0); } .btn_menuOpen.upFade { transform: translateY(-100%); } */ /* .logoBox { height: 40px; color: #fd8f8f; } .menu_toggle { width: 100%; padding: 10px; } .menu_toggle > i { margin-right: 10px; } */ /* .sideMenu { display: flex; flex-flow: column; margin: 0; padding: 16px 12px; width: 100%; min-height: 100%; } .sideMenu li { display: block; margin: 0 0 5px 0; } .sideMenu li:last-child{ margin-bottom: 0; } .sideMenu li.foot{ margin-top: auto; } .sideMenu li a, .mob-spcl-navs li a { display: flex; flex-wrap: wrap; width: 100%; text-align: center; min-height: 40px; color: #565656; font-size: 14px; line-height: 18px; font-weight: 600; padding: 8px 12px; transition: 400ms; align-items: center; border-radius: 10px; position: relative; } .sideMenu li a .notifyNo, .mob-spcl-navs li a .notifyNo{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: absolute; top: 3px; right: 3px; color: #fff; background-color: #f2308a; min-width: 18px; height: 18px; border-radius: 100px; font-size: 12px; line-height: 16px; font-weight: 600; padding: 0 3px; } .menuImg { display: inline-block; vertical-align: top; width: auto; height: 20px; margin: 0; transition: 400ms; } .menuImg.md{ height: 24px; margin: 0 -2px; } .mob-spcl-navs{ display: none; flex-wrap: wrap; margin: 0 -4px; padding: 0 0 14px 0; } .mob-spcl-navs li{ display: block; float: left; padding: 4px; } .mob-spcl-navs li a{ padding: 4px 10px; min-height: 32px; background-color: #fff; } .sideMenu li a .txt, .mob-spcl-navs li a .txt { display: block; float: left; flex: 1; margin: 0; text-align: left; padding: 0 0 0 8px; } .sideMenu li a .tag, .mob-spcl-navs li a .tag{ display: inline-block; color: #fff; background-color: #f2308a; font-size: 10px; line-height: 12px; padding: 1px 5px; border-radius: 4px; margin: 0; min-width: 38px; text-align: center; position: relative; top: -1px; } .sideMenu li.active a, .sideMenu li a:hover, .mob-spcl-navs li.active a, .mob-spcl-navs li a:hover { background-color: #6b05fe; color: #fff; text-decoration: none; } .sideMenu li.active a img, .sideMenu li a:hover img, .mob-spcl-navs li.active a img, .mob-spcl-navs li a:hover img{ filter: brightness(0) invert(1); } .sideMenu li.profile a .menuImg { width: 48px; height: 48px; object-fit: cover; object-position: top center; padding: 7px; border: 1px solid #fd8f8f; border-radius: 100px; } .sideMenu li.profile a span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } */ /* .custom_btn-grad {background-image: linear-gradient(to right, #348F50 0%, #56B4D3 51%, #348F50 100%)} .custom_btn-grad:hover { background-position: right center; } */ .body_section{ display: flex; flex-flow: column; flex: 1; } /* .body_section:not(.right-panel) { background-color: #fff; flex: 1; padding-left: 20px; padding-right: 20px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } */ /* .body_section.subjectTo{ width: 152px; max-width: 152px; margin: 0; padding: 86px 0 20px 0; height: 100vh; position: relative; z-index: 1; transition: 400ms; } */ .leftNavHead{ display: none !important; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 42px; padding: 0 8px; background-color: #6b05fe; transition: 400ms; } .leftNavHead .navLogo{ display: block; float: left; padding: 5px 0; margin: 0 0 0 16px; } .leftNavHead .navLogo img{ display: block; height: 32px; width: auto; } .body_section.subjectTo .leftNavHead, .leftNavHead{ display: none; } /* BAR ICON CLICK */ @media (min-width:768px){ .leftNavHead .barIco{ display: block; float: left; width: 15px; height: 18px; margin: 12px 17px 0 0; position: relative; text-decoration: none !important; cursor: pointer; transition: 400ms; } .leftNavHead .barIco:before, .leftNavHead .barIco:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #fff; transition: 600ms; transform: rotate(-33deg); transform-origin: top right; } .leftNavHead .barIco:after { top: auto; bottom: 0; transform: rotate(33deg); transform-origin: bottom right; } .leftNavHead .barIco .line { display: block; position: absolute; top: 50%; left: -100%; opacity: 0; transform: translate(0, -50%); width: 100%; height: 2px; background-color: #ffffff; transition: 800ms; } .hide-main-nav .leftNavHead{ padding: 0 16px; } } @media(max-width:767px){ .leftNavHead .barIco{ display: flex; align-items: center; float: left; width: auto !important; height: 22px !important; margin: 10px 0px 0 0 !important; position: relative; text-decoration: none !important; cursor: pointer; color: #6b05fe; background-color: #fff; font-size: 14px; line-height: 16px; font-weight: 600; padding: 3px 5px; border-radius: 4px; } .leftNavHead .barIco:after{ content: "Menu"; font-family: 'Source Sans Pro', sans-serif !important; } .leftNavHead .barIco .line{ display: block; float: left; width: 11px; height: 7px; border-top: 1px solid #6b05fe; border-bottom: 1px solid #6b05fe; margin: 0 3px 0 0; position: relative; } .leftNavHead .barIco .line:before{ content: ""; border-top: 1px solid #6b05fe; position: absolute; top: 2px; left: 0; width: 100%; height: 2px; } } /* BAR ICON CLICK */ .hide-main-nav .leftNavHead .barIco { width: 24px; height: 16px; margin: 13px 0 0 0; } .hide-main-nav .leftNavHead .barIco .line { left: 0; opacity: 1; } .hide-main-nav .leftNavHead .barIco:before { transform: rotate(0deg); } .hide-main-nav .leftNavHead .barIco:after { transform: rotate(0deg); } /* app-left-sidebar{ background-color: #e8e7eb; } removed for left menu rounded corner bg issue */ .bg-gray { background-color: #e8e7eb; } /* .mainNavContainer{ display: block; width: 200px; transition: 400ms; padding: 10px 0; margin-top: 58px; margin-left: 8px; height: calc(100vh - 68px); border-radius: 10px 0 0 10px; } .mainNavScrollArea{ display: block; height: calc(100% - 70px); } .mainNavScrollArea .ng-scrollbar, .mainNavScrollArea .ng-scroll-content{ height: 100% !important; } .sideMenu_Area{ display: block; height: 100%; } */ /* .hide-main-nav .mainNavContainer { width: 0px; } */ /* .body_section.subjectTo .subjectToScrollarea{ display: block; width: 100%; height: calc(100vh - 60px); } .body_section.subjectTo.no-leftNav-collapse .subjectToScrollarea{ height: 100%; background-color: #fff; border-radius: 10px; } */ /* .body_section.subjectTo .main-app{ display: block; padding: 14px 12px; position: relative; } */ /* .body_section.subjectTo .main-app:before, .body_section.subjectTo .main-app:after{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 14px; background-color: #000; border-radius: 10px 10px 0 0; z-index: 1; } .body_section.subjectTo .main-app:after{ top: auto; bottom: 0; border-radius: 0 0 10px 10px; } */ /* .body_section .-vertical{ top: 20px; } .body_section.subjectTo .app_Section{ padding: 0; } .body_section.subjectTo .app_Section_Body .grade li a span{ word-break: break-all; } .app_Section { padding-top: 10px; padding-bottom: 10px; position: relative; }.app_Section_Head { display: block; font-weight: 400; font-size: 16px; margin-bottom: 20px; } .subjectTo .app_Section{ display: block; padding: 0 !important; margin: 0 0 40px 0; } .subjectTo .app_Section:last-child{ padding: 0 !important; margin: 0; border: none; } .subjectTo .app_Section_Head{ font-size: 13.5px; line-height: 15px; min-height: 15px; font-weight: 600; padding: 0; margin: 0 0 8px 0; position: relative; } .subjectTo .app_Section_Head .plus{ display: flex; float: right; height: 20px; justify-content: center; align-items: center; background-color: #6b05fe; border-radius: 100px; padding: 5px; position: relative; transition: 400ms; color: #fff; font-size: 10px; } .subjectTo .app_Section_Head .plus img{ display: block; width: 10px; height: auto; margin-right: 5px; } .subjectTo .app_Section_Head .plus:hover{ background-color: #7b1fff; text-decoration: none; } .subjectTo .app_Section_Head .new-grade-subject-select{ background-color: #ff9398; } .subjectTo .app_Section_Head .new-grade-subject-select:hover{ background-color: #fd636a; } .grade { padding: 0; margin: 0; list-style-type: none; display: inline-block; } .grade li { display: block; margin: 5px 0; border-radius: 8px; overflow: hidden; position: relative; } .grade li .grade-li-bx{ display: inline-block; vertical-align: top; position: relative; } .grade li input{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer; border-radius: 8px; } .grade li a, .grade li .grade-check { display: block; font-size: 14px; line-height: 20px; font-weight: 500; padding: 5px 8px; margin: 0; border-radius: 8px; color: #565656; background-color: transparent; border: 1px solid transparent; transition: 400ms; } .grade li a span, .grade li .grade-check span{ display: inline-block; vertical-align: top; } .grade li a img, .grade li .grade-check img{ margin: 0 12px 0 0; } .grade li a:hover, .grade li .grade-check:hover, .grade li input:hover ~ .grade-check { text-decoration: none; border-color: #f4edfd; background-color: #f4edfd; } .grade li a.sl, .grade li input:checked ~ .grade-check{ border-color: #fd636a; background-color: #fd636a; color: #fff; } .grade li a.sl img, .grade li .grade-check.active img, .grade li input:checked ~ .grade-check img{ filter: brightness(0) invert(1); } .grade li a img { margin-right: 15px; margin-left: 15px; } .subjects { display: block; padding: 0; margin: 0; } .subjects li { display: block; margin: 8px 0 0 0; position: relative; } .subjects li:first-child{ margin: 0; } .subjects li input{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; border-radius: 16px; cursor: pointer; } .subjects li .subj-check { display: flex; flex-wrap: wrap; font-size: 16px; line-height: 20px; font-weight: 500; padding: 6px 14px; border-radius: 16px; background-color: #dbdcec; cursor: pointer; transition: 400ms; margin: 0; } .subjects .subj-check:hover{ background-color: #d6d7e6; text-decoration: none; color: #212529; } .subjectsIcon { display: block; float: left; height: 20px; filter: brightness(0.3); transition: 400ms; } .subjects li .subj-check span{ display: block; -webkit-box-flex: 1; flex: 1; align-self: center; padding: 0 0 0 10px; } .subjects li input:checked ~ .subj-check .subjectsIcon{ filter: brightness(1); } .subjects li input:checked ~ .subj-check.subject-All { background-color: #ff9556; color: #fff; } .subjects li input:checked ~ .subj-check, .subjects li:nth-child(2) input:checked ~ .subj-check { background-color: #ff785c; color: #fff; } .subjects li:nth-child(3) input:checked ~ .subj-check{ background-color: #1999db; color: #fff; } .subjects li:nth-child(4) input:checked ~ .subj-check{ background-color: #399801; color: #fff; } .subjects li:nth-child(5) input:checked ~ .subj-check{ background-color: #7677ff; color: #fff; } .app_Section_Body{ display: flex; flex-wrap: wrap; margin: 0 -15px; } @media (max-width:1920px){ .app_Section_Body{ margin: 0 -12px; } } */ .superBook_itemTxt { text-align: center; background: #fff; padding: 14px 12px; } .superBook_itemTxt h4 { font-size: 30px; margin-bottom: 0; } .superBook_itemTxt h5 { font-size: 22px; font-weight: 300; } .app_Section .back_fa { display: none; } .subjectDtls_Closer { display: none; } .numberSuction { width: 325px; padding-left: 35px; padding-right: 35px; overflow-y: auto; background-color: #fff; } .numberCarrd { padding: 10px; border: 1px solid #eaeaea; border-radius: 5px; margin-bottom: 15px; } .numberCarrd .cardData { display: inline-block; vertical-align: text-top; max-width: calc(100% - 35px); } .cardImg { width: 25px; height: 25px; border-radius: 100%; background-color: #efefef; text-align: center; line-height: 25px; margin-right: 5px; display: inline-block; } .cardData { padding: 0 0 0 3px; } .cardData > h5 { margin-bottom: 5px; line-height: 18px; } .cardData a { display: block; font-size: 14px; color: #8d89a5 !important; position: relative; cursor: pointer; padding-left: 15px; } .cardData a:hover { text-decoration: none; } .cardData a::before { content: ''; width: 8px; height: 4px; background-color: #ccc; position: absolute; top: 8px; left: 0; border-radius: 3px 0 0 3px; } .cardColor_pink .cardData a::before { background-color: #ff6f6a; } .cardColor_pink .cardData a.active, .cardColor_pink .cardData a:hover { color: #ff6f6a !important; } .cardColor_green .cardData > h5 { color: #6fb70d; } .cardColor_green .cardImg { background-color: #6fb70d; } .cardColor_green .cardData a::before { background-color: #6fb70d; } .cardColor_green .cardData a.active, .cardColor_green .cardData a:hover { color: #6fb70d !important; } .cardColor_purple .cardData > h5 { color: #9272ff !important; } .cardColor_purple .cardImg { background-color: #9272ff; } .cardColor_purple .cardData a::before { background-color: #9272ff; } .cardColor_purple .cardData a.active, .cardColor_purple .cardData a:hover { color: #9272ff !important; } .cardColor_sky .cardData > h5 { color: #17a7de; } .cardColor_sky .cardImg { background-color: #17a7de; } .cardColor_sky .cardData a::before { background-color: #17a7de; } .cardColor_sky .cardData a.active, .cardColor_sky .cardData a:hover { color: #17a7de !important; } .subjectHead { color: #4dbada; } .subjectCard { padding: 15px 20px; background-color: #fff; border-radius: 2px; border: solid 1px #f1f4f5; margin-bottom: 15px; } .subjectCard_heared { color: #323738; font-weight: 300; margin-bottom: 10px; font-size: 19px; } .subjectCard_body p { color: #636365; font-size: 15px; } .vedioCont { position: relative; transition: all 0.1s; } .vedioCont .video { position: relative; transition: all 0.1s; height: 445px; width: 100%; background: #151515; } .vedioCont.scrollView video { z-index: 6; transform: translateY(200px); position: fixed; top: -200px; width: 300px; height: 200px; right: 17px; background: #000; max-width: 300px; } .controlPlay { position: absolute; top: calc(50% - 30px); height: 60px; width: 100%; display: flex; align-items: center; justify-content: center; } .controlPlay::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 25px; border-color: transparent transparent transparent #fff; z-index: 2; margin-left: 7px; cursor: pointer; } .controlPlay::after { content: ''; width: 60px; height: 60px; background-color: #ebba16; z-index: 1; position: absolute; border-radius: 100%; left: calc(50% - 30px); cursor: pointer; } .subjectCard_body .twoColumnCont p { text-align: justify; color: #8d89a5; line-height: 24px; } .subjectCard_body hr { border-top: 1px solid #f1f4f5; margin-top: 25px; margin-bottom: 20px; } /* .subjectTo .app_Section_Body{ display: block; margin: 0; } .subjectTo .app_Section_Body .grade{ display: block; } .subjectTo .app_Section_Body .grade li{ margin: 10px 0 0 0; padding: 0; } .subjectTo .app_Section_Body .grade li:first-child{ margin: 0; } */ .Quiz_head { color: #1b223a; font-weight: 400; margin-bottom: 25px; line-height: 30px; display: flex; font-size: 26px; flex-wrap: wrap; } .Quiz_head span:first-child { margin-right: 5px; font-weight: 500; } .ans_Opctions { margin-bottom: 35px; } .opctionTag input { display: none; } .tagRadio { position: relative; padding-left: 36px; padding-right: 30px; padding-top: 8px; padding-bottom: 8px; background-color: #fff; border-radius: 5px; border: solid 1px #eaeaea; transition: all .2s; cursor: pointer; } .tagRadio::before { content: ''; display: inline-block; width: 16px; height: 16px; background-color: #4dbada; border-radius: 100%; position: absolute; top: 11px; left: 10px; transition: all .2s; } .opctionTag input:checked + .tagRadio { background-color: #4dbada; border: solid 1px #4dbada; color: #fff; } .opctionTag input:checked + .tagRadio::before { content: ''; display: inline-block; width: 16px; height: 16px; background-color: #fff; border-radius: 100%; position: absolute; top: 11px; left: 10px; } .opctionTag input:checked + .tagRadio::after { content: ''; display: inline-block; width: 8px; height: 8px; background-color: #4dbada; border-radius: 100%; position: absolute; top: 15px; left: 14px; } .Q_pointItem { max-width: 415px; display: flex; padding: 10px 15px; margin-bottom: 15px; } .Q_pointItem.bgPink { background-color: #fe9491; color: #efefef; } .Q_pointItem.bgParpul { background-color: #747fff; color: #efefef; } .Q_pointItem.bgGreen { background-color: #69c9d6; color: #efefef; } .Q_pointItem > div { padding-left: 10px; padding-right: 10px; } .Q_pointItemLeft .numbaring { width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.15); border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 19px; color: #fff; } .Q_pointItemRight { flex: 1; display: flex; flex-direction: column; justify-content: center; } .Q_pointItemRight > p { margin-bottom: 0; color: #fff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } .Q_pointItemRight > p span:first-child { padding-right: 20px; position: relative; } .Q_pointItemRight > p span:first-child:after { content: '='; position: absolute; right: 0; } .Q_pointItemRight > p span:last-child { padding-left: 20px; } .subjectCard_Divider { display: flex; position: relative; } .subject_leftCard { flex: 1; margin-right: 30px; } .subject_rightCard { flex: 1; margin-right: 35px; position: relative; } .innerContainer { height: 100%; } .paragraph-outer { height: 385px; overflow-x: hidden; overflow-y: auto; padding-bottom: 15px; } .paragraph-container { padding: 25px; border: dashed 2px #bcbdbf; background: #f5f6fa; border-radius: 8px; height: 100%; overflow-x: hidden; overflow-y: auto; } .innerContainer .Quiz_head { margin-bottom: 20px; font-size: 21px; } .innerContainer p { color: #636365; font-size: 15px; } .innerContainer p:last-child { margin-bottom: 0; } .subject_rightCard .Quiz_head { position: relative; align-items: center; } .pr-100 { padding-right: 100px; } .question-numbering { width: 100%; display: flex; } .question-numbering .ck-content { flex-grow: 1; } .subject_rightCard .Quiz_head label.question-number { position: absolute; right: 0; top: 0; margin: 0; font-size: 14px; background: #ff6f6a; padding: 2px 10px; border-radius: 11px; line-height: 25px; color: #fff; } .subject_rightCard .Quiz_head span.Q_number { position: relative; padding: 4px 8px 0 4px; margin-bottom: 5px; display: inline-block; width: auto; font-weight: 700; color: #1f1f1f; font-size: 14px; line-height: 17px; border: 2px solid #9d9d9e; box-shadow: -2px 2px 0px #9d9d9e; height: 28px; } .questionList { position: absolute; right: -65px; top: 50%; transform: translateY(-50%); padding: 0; margin: 0; list-style-type: none; } .questionList li { margin-bottom: 10px; } .questionList li a { height: 50px; width: 60px; display: block; line-height: 50px; text-align: center; border-radius: 22px 0 0 22px; background-color: #dfe3e7; color: #979ba4 !important; transition: all .3s; } .questionList li a:hover, .questionList li.active a { background-color: #f81c68; color: #fff !important; text-decoration: none; } .landing-page-container { display: flex; flex-wrap: wrap; } .landing-page-left { float: left; background-color: #716aca; width: 605px; box-sizing: border-box; min-height: var(--screen-vh); position: relative; padding: 100px; display: flex; align-items: center; background-image: url('bg-4.jpg'); background-repeat: no-repeat; background-size: cover; } .landing-page-right { flex-wrap: wrap; float: left; width: calc(100% - 605px); box-sizing: border-box; min-height: var(--screen-vh); position: relative; justify-content: center; padding: 15px; } .login-form-container { width: 100%; max-width: 450px; margin: auto; } .forgot-link, .forgot-link:hover { color: #aba9b4; font-size: 12px; text-decoration: none; } .submit-btn { background-color: #716aca; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border: none; font-size: 12px; height: 34px; min-width: 72px; color: #fff; border-radius: 2px; cursor: pointer; } .login-heading { font-size: 21px; margin-bottom: 57px; color: #67666e; } .left-side-heading { color: #fff; font-weight: 500; line-height: 2; font-size: 26px; text-align: center; } .log-in-back-btn, .log-in-back-btn:hover { color: #000; font-size: 15px; text-decoration: none; font-weight: 600; } .login-sub-heading { font-size: 14px; text-align: center; margin-bottom: 50px; } .bottom-line-input { border: none; border-bottom: 1px solid #666; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; font-size: 12px; } .bottom-line-input:focus { outline: 0; box-shadow: none; } .maths-container { display: flex; flex-wrap: wrap; width: 100%; height: 100%; } .maths-container .math-left-container { background-color: #2999ff; height: 100%; width: 640px; padding: 50px; position: relative; background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: cover; } /* .math-back-btn { background: #7577fe; color: #fff; padding: 5px 15px; border-radius: 6px; border: 1px solid #8a8cff; font-size: 14px; position: relative; z-index: 3; transition: 400ms; } .math-back-btn:hover { text-decoration: none; color: #fff; background: #8a8cff; } */ .maths-heading-container { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); min-height: 124px; display: flex; align-items: flex-end; justify-content: center; color: #fff; top: 0; padding-bottom: 25px; z-index: 2; } .math-left-img { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); min-height: 124px; display: flex; align-items: flex-end; justify-content: center; color: #fff; top: 0; z-index: 1; filter: blur(2px); -webkit-filter: blur(2px); } .math-left-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .maths-heading-container .title { font-size: 50px; font-weight: 600; text-align: center; margin-bottom: 0; } .maths-heading-container .subject { text-align: center; font-size: 32px; margin: 0; } .math-right { height: 100%; width: calc(100% - 640px); background: #f4f5f7; padding: 50px; overflow-x: hidden; overflow-y: auto; } .collapse-content-item { background: #fff; padding: 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; margin-bottom: 25px; } .unstyled-list { list-style: none; padding: 0; margin: 0; } .collapse-content-listing li .symbol { background: #dee0e4; display: inline-flex; width: 15px; height: 15px; border-radius: 100%; align-items: center; justify-content: center; position: relative; z-index: 1; } .collapse-content-listing li .symbol > img { width: 15px; } /* .red-bg { background: #ff6f6a !important; } .green-bg { background: #6fb809 !important; } */ .sky-blue-bg { background: #17a8df !important; } .yellow-bg { background: #ffc23b !important; } .fade-sky-blue { background: #69c9d7 !important; } .blue-bg { background: #4a55bf !important; } .deep-yellow { background: #f8911b !important; } .collapse-content-listing li { display: flex; align-items: center; position: relative; flex-wrap: wrap; } .collapse-content-listing li .text { background: #fff; display: inline-flex; color: #8d8ba0; position: relative; z-index: 1; padding-left: 20px; padding-right: 10px; max-width: calc(100% - 35px); } .collapse-content-listing li:before { content: ""; position: absolute; left: 0; right: 90px; top: 9px; height: 6px; background-image: url('border.png'); z-index: 0; } .collapse-content-listing li { margin-bottom: 0; } .collapse-content-listing li:last-child { margin-bottom: 0; } .collapse-content-listing { margin-top: 22px; } .exterlink-icon { color: #000; font-size: 14px; margin-left: 6px; position: relative; top: -1px; opacity: .4; } .exterlink-icon:hover { color: #000; opacity: .8; } .collapse-content-listing li .text .exterlink-icon { font-size: 13px; top: 2px; } .collapse-content-listing.inner-list { width: 100%; padding-left: 50px; margin-top: 7px; margin-bottom: 6px; } .collapse-content-listing.inner-list li .text { font-size: 14px; } .collapse-content-listing.inner-list li { margin-bottom: 0; } .collapse-content-listing.inner-list li:last-child { margin-bottom: 0; } .collapse-content-listing.inner-list li .text .exterlink-icon { font-size: 11px; top: 2px; } .collapse-content-listing li .symbol > img { width: 13px; } .minimize-video-container { position: absolute; right: 20px; top: 20px; width: 300px; z-index: 99999; } .middle-part-collapse-btn { position: absolute; left: 0; width: 31px; height: 72px; border-radius: 0 10px 10px 0; border: none; background: #fff; box-shadow: 0 0 15px #d2d2d2; font-size: 36px; font-weight: normal; top: calc(50% - 36px); z-index: 8; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .middle-part-collapse-btn:focus { outline: none; } .middle-part-collapse-btn img { width: 20px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .middle-part-collapse-btn.active img { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .middle-part { position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .middle-part.fixed-position-div { width: 0; padding: 0; } .middle-part.fixed-position-div > .app_Section { width: 238px; white-space: nowrap; } .no-box-shadow { box-shadow: none !important; } .subject-cont { display: flex; height: 100%; } .purpel-shadow { box-shadow: 0 0 15px #7577feab; } .option-listing li { margin-bottom: 20px; } .option-listing li:last-child { margin-bottom: 0; } .option-listing li img { max-height: 100px; } .option-listing li .tagRadio { min-width: 100%; } .checkbox-listing .tagRadio::before { border-radius: 0; } .checkbox-listing .opctionTag input:checked + .tagRadio::before { border-radius: 0%; -webkit-border-radius: 0%; -moz-border-radius: 0%; -ms-border-radius: 0%; -o-border-radius: 0%; } .checkbox-listing .opctionTag input:checked + .tagRadio::after { content: ''; display: inline-block; width: 12px; height: 8px; background-color: transparent; border-radius: 0; position: absolute; top: 13px; left: 13px; border-left: 3px solid #4dbada; border-bottom: 3px solid #4dbada; transform: rotate(-45deg); } .text-entry-field, .text-entry-field:focus { display: block; width: 100%; height: 45px; border-radius: 50px; background: #dfe3e7; border: none; color: #000; font-size: 16px; padding: 2px 18px; outline: none; } .text-entry-label { color: #000; font-size: 17px; padding-left: 6px; } .text-dropdown-ans { display: block; width: 100%; height: 45px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; background: #dfe3e7; border: none; color: #000; font-size: 16px; padding: 2px 18px; outline: none; } .option-listing { max-width: 767px; } .max-width-320 { max-width: 320px; } .right-panel-back-btn { position: absolute; right: 67px; top: 10px; z-index: 5; } .processGuide { display: flex; position: relative; overflow-x: auto; overflow-y: hidden; padding: 10px; } .processGuide button { background-color: transparent; padding: 0; cursor: pointer; margin-right: 50px; position: relative; width: 25px; height: 25px; border-radius: 100%; border: 1px solid #666; } .processGuide button:disabled { cursor: default; } .processGuide button:focus { outline: none; } .progress.custom-progress{ position: unset; } .processGuide button img { width: 24px; } .processGuide button:last-child:after { display: none; } .processGuide button img { opacity: .3; } .processGuide button.active img { opacity: 1; } .rigth-100vh { height: 100%; overflow: hidden; position: relative; } .scrollable-div { height: calc(100% - 97px); overflow: hidden; padding-bottom: 0; } .inner-scroll-div { height: 100%; overflow-x: hidden; overflow-y: auto; padding-right: 35px; } .question-progress { margin: 0; padding: 0px; overflow-x: auto; box-shadow: 0 0 15px #eaeaea; } .body_section.subjectDtls { overflow-y: auto; /* background: #ebebeb !important; */ /* background: #fff !important; */ background: transparent !important; } .body_section.subjectDtls .app_Section{ padding-top: 34px; } .body_section.subjectDtls .app_Section_Head{ font-size: 20px; line-height: 26px; font-weight: 600; color: #3a3a3a; position: relative; margin: 0 0 24px 0; /* padding: 0 0 13px 0; */ } /* .body_section.subjectDtls .app_Section_Head:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } */ .header-listing { padding: 0; list-style: none; } .header-listing ul { list-style: none; padding-left: 0; display: inline-flex; align-items: center; font-size: 14px; } .header-listing > li { padding: 0 10px; } .header-listing > li:first-child { padding-left: 0; } .header-listing > li .app_Section_Head { margin-bottom: 0; } .header-listing ul li { padding: 0 2px; color: #4a4d4c !important; } .header-listing ul li a i { margin-left: 3px; } .header-listing ul li a { color: #4a4d4c !important; } .header-listing ul li:last-child a i { display: none; } .roundBtn.btn_sky { border: none; } .student-sign-up-text { color: #888A94; font-size: 12px; padding: 10px; width: 100%; text-align: right; margin-bottom: 50px; } .student-sign-up-text a { color: #f4516c !important; } .parent-sign-up-text { color: #888A94; font-size: 12px; padding: 10px; width: 100%; text-align: left; margin-top: 50px; margin-left: 120px; } .parent-sign-up-text a { color: #f4516c !important; } button:focus { outline: none; } .student-sign-up-text a:focus { outline: none; } .register { float: left; background-color: #716aca; width: 605px; box-sizing: border-box; min-height: var(--screen-vh); position: relative; padding: 100px; display: flex; align-items: flex-start; background-image: url('bg-4.jpg'); background-repeat: no-repeat; background-size: cover; padding-top: 225px; } .left-panel-logo { max-width: 195px; } .routerlink { cursor: pointer; } .red-to-grey:hover { color: #8d89a5 !important; } .black-to-red { color: #9d90aa; } .black-to-red:hover, .black-to-red.active { color: #ff6f6a; } .cardColor_pink .cardImg { background-color: #ff6f6a; } .numberCarrd.active, .numberCarrd:hover { border-color: #ff6f6a; } .cardColor_pink .cardData > h5 { color: #9d90aa; } .cardColor_pink .cardData > h5:hover, .cardColor_pink .cardData > h5.active { color: #ff6f6a; } .next-previous-container { margin: 0; padding: 7px; text-align: center; } .next-btn { background: #7577fe; color: #fff; padding: 5px 14px; border-radius: 0px 30px 30px 0; border: 1px solid #a4a5ff; font-size: 12px; cursor: pointer; min-width: 96px; } .next-btn:hover { background-color: #4b4def; } .previous-btn { background: #7900ff; color: #fff; padding: 5px 14px; border-radius: 30px 0px 0 30px; border: 1px solid #a4a5ff; font-size: 12px; cursor: pointer; min-width: 96px; } .previous-btn:hover { background-color: #4b4def; } .lecture-btn-wrap { position: relative; width: 95%; } .custom-progress-bar { width: calc(100% - 28px); position: absolute; height: 2px; background: #dcd0d0; top: 10px; left: 28px; } .custom-progress-bar i.progress-i { position: absolute; height: 2px; background: #ff6f6a; left: 0; top: 0; max-width: 100%; } .main-question .paragraph-container { background-color: #fff; } .processGuide .process-btn-wrap:last-child .custom-progress-bar { display: none; } .subjectCard .mat-card { background-color: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .subjectCard .mat-card .subjectCard_body { display: block; border: 1px solid #b3b3b3; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); position: relative; padding: 24px; border-radius: 2px; } .subjectCard .mat-card.main-question .subjectCard_body { background-color: #f5f6fa; } .subjectCard .mat-card:last-child { opacity: 0; } .subjectCard .mat-card:first-child { opacity: 1; } .questionLiCont { display: block; overflow: auto; height: calc(var(--screen-vh) - 236px); } .questionLi { display: block; } .inner-scroll-div { padding-bottom: 0; } .superBook_itemTxt { width: 100%; } .superBook_itemTxt h5.superbook-title { font-size: 17px; line-height: 23px; font-weight: 600; width: 100%; margin: 0; padding:0; height: auto; color: #1b223a; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .open-sidebar app-left-sidebar .main_Body_Area .ng-scrollbar-view{ overflow: scroll; } .custom-progress { opacity: 1; height: 6px; width: 100%; border-radius: 50px; margin: 10px 0 0 0; } .custom-progress .progress-bar { background-color: #59a5fb; border-radius: 0; } .custom-progress .progress-text { position: absolute; right: 10%; top: 8%; background: #137bf6; text-align: center; line-height: 14px; font-size: 13px; font-weight: 900; display: flex; justify-content: center; align-items: center; color: #ffffff; width: 40px; height: 40px; border-radius: 100%; } .client_superBook_image .progress-text{ display: block; position: absolute; bottom: -14px; right: 4px; background: #ff7d31; width: 44px; height: 44px; border-radius: 100px; font-size: 15px; line-height: 44px; color: #fff; text-align: center; font-weight: 600; } .processGuide button i { color: #7577fe; font-size: 13px; } .processGuide button.completed { border-color: #1ac528; } .processGuide button.completed i { color: #1ac528; } .listing-progressbar { position: absolute; top: 5px; right: 0; box-shadow: none; margin: 0; } .collpase-content-heading { position: relative; padding-right: 35px; } .main-topic-progress { width: 34px; height: 34px; background: #2999ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 9px; position: absolute; right: 0; top: -5px; color: #fff; } .main-topic-progress:after { content: ""; width: 30px; height: 30px; border-radius: 100%; border: 2px solid #fff; background: transparent; position: absolute; } .process-btn-wrap button.active:before { content: " "; width: 11px; height: 11px; background-image: url('angle-pointing-to-left.svg'); position: absolute; background-size: contain; background-position: center; background-repeat: no-repeat; transform: rotate(-90deg); bottom: -21px; left: 6px; animation: mover 1s infinite alternate; opacity: 0.8; } @keyframes mover { 0% { transform: translateY(0) rotate(90deg); } 100% { transform: translateY(-10px) rotate(90deg); } } .cardColor_pink .cardData a.active { position: relative; } .checkmark__circle { fill: none; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; } .checkmark { width: 20px; height: 20px; border-radius: 50%; display: none; stroke-width: 2; stroke: #fff; stroke-miterlimit: 10; margin: 0 auto; box-shadow: inset 0px 0px 0px #7ac142; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; } .checkmark.completed { display: inline-block; } .checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; } @keyframes stroke { 100% { stroke-dashoffset: 0; } } @keyframes scale { 0%, 100% { transform: none; } 50% { transform: scale3d(1.1, 1.1, 1); } } @keyframes fill { 100% { box-shadow: inset 0px 0px 0px 30px #7ac142; } } .error-msg-dialog { padding: 15px; min-height: 250px; } .not-found-container { width: 100%; display: flex; align-items: center; justify-content: center; height: 346px; } .error-image { width: 100px; } .error-inner h3 { margin-top: 20px; text-align: center; } .error-inner p { font-size: 15px; max-width: 428px; text-align: center; margin-top: 4px; } .main-wrapper { display: block; width: 1366px; max-width: 100%; margin: 0 auto; padding: 0 16px; } .main-wrapper.full { width: 100%; } .row.no-gap{ margin-left: 0 !important; margin-right: 0 !important; } .row.no-gap > [class*='col-']{ padding-left: 0 !important; padding-right: 0 !important; } .q-page { display: block; transition: 500ms; padding: 0; transition: 500ms; background-color: #fff; /* min-height: 100vh; */ height: 100%; } /* .q-page .page-container{ padding-top: 48px; } */ .page-container{ padding-top: 48px; } .q-left-panel { display: block; position: fixed; top: 48px; /* left: -300px; width: 300px; */ left: -22%; width: 22%; background-color: #f5f5f5; transition: 500ms; } .q-left-panel .subject-area-scroll { background: transparent; height: calc(var(--screen-vh) - 200px); } .q-left-panel .subject-area { padding: 12px 14px 6px 10px; } .q-left-panel .subject-area .subj-listing{ padding-left: 32px; } .q-left-panel .subject-area .subj-list { padding: 6px; } .q-left-panel .subject-area .subj-list .status-bar-show { background: transparent !important; border: none !important; font-size: 13px; } .q-left-panel .subject-area .subj-list .subj-q-list { padding-top: 3px; padding-bottom: 3px; } .q-left-panel .subject-area .subj-list .subj-q-list .status-bar-show { font-size: 12px; } .show-left-panel .q-page { padding-left: 22%; } .show-left-panel .q-left-panel { left: 0; } /* .page-header { display: flex; flex-wrap: wrap; padding: 5px 0; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04); position: relative; z-index: 2; } .page-header-c{ display: flex; flex-wrap: wrap; align-items: center; } .page-header-c .head-l, .page-header-c .head-r{ display: block; float: left; width: 100%; padding: 0 20px 0 0; flex: 1; } .page-header-c .head-r{ padding: 0 0 0 20px; } .page-header-c .head-m{ display: flex; float: left; height: 32px; align-items: center; } .h-logo{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 2px 0; } .h-logo img{ display: block; height: 22px; } .page-header .main-wrapper, .page-footer .main-wrapper { width: 100%; } .page-header.page-header-new{ position: fixed; top: 0; left: 0; width: 100%; background: #fff; padding: 8px 0; } */ .page-footer .main-wrapper { width: 100%; } /* .navClick { display: block; float: left; width: 30px; height: 20px; position: relative; text-decoration: none !important; margin: 6px 0 0 0; } .navClick:before, .navClick:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #E03B3B; transition: 600ms; } .navClick:after { top: auto; bottom: 0; } .navClick .line { display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; height: 2px; background-color: #E03B3B; transition: 800ms; opacity: 1; } .show-left-panel .navClick { width: 26px; } .show-left-panel .navClick .line { left: -100%; opacity: 0; } .show-left-panel .navClick:before { transform: rotate(45deg); transform-origin: top left; } .show-left-panel .navClick:after { transform: rotate(-45deg); transform-origin: bottom left; } .header-right { display: block; float: right; } .header-right .user { display: block; float: left; padding: 2px 2px 2px 10px; border: 1px solid #ddd; border-radius: 100px; } .header-right .user .name{ display: block; float: left; padding: 5px 9px 0 0; font-size: 14px; line-height: 16px; font-weight: 500; color: #6b6b6b; } .header-right .user .photo { display: block; width: 28px; height: 28px; overflow: hidden; border-radius: 100px; border: 1px solid #ffbaba; } .header-right .user .photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; } */ .page-container { display: block; } .page-container.half-grey { position: relative; } .page-container.half-grey:before { content: ""; display: block; position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 0; background-color: #FAFAFA; } .page-container.full-grey { background-color: #FAFAFA; } /* .q-area *:not(mjx-container):not(mjx-container *), .q-right-panel *:not(mjx-container):not(mjx-container *), */ .mat-tab-label, .mat-tab-link { font-family: 'Source Sans Pro', sans-serif !important; } /* QUIZ CSS MOVED 09-01-2024 */ .page-footer { display: flex; flex-wrap: wrap; padding: 10px 0 0 0; background-color: #fff; z-index: 1; position: fixed; left: 0; bottom: 0; width: 100%; height: 54px; box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.06); } .footer-container { display: flex; width: 100%; justify-content: space-between; position: relative; min-height: 34px; } .footer-left{ display: block; float: left; width: calc(50% - 34px); padding: 0 44px 0 0; } .footer-right{ display: block; float: right; width: calc(50% + 34px); padding: 0 0 0 44px; } .footer-right.full{ width: 100%; padding: 0; } .footer-right.full-width{ width: 100%; padding-left: 0; } .footer-info-area{ display: block; float: left; position: relative; width: 100%; height: 44px;; /* margin: 2px 0 0 0; */ } .footer-info-c{ display: block; white-space: nowrap; } /* .footer-info-c:before { content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; height: 2px; border-top: 1px solid #F8820B; z-index: 0; } */ /* .footer-info-c:before { content: ""; display: block; position: absolute; top: 17px; left: 0; width: 100%; height: 2px; border-top: 1px solid #F8820B; z-index: 0; } */ .footer-info-c .colm { display: inline-block; vertical-align: top; position: relative; z-index: 1; padding: 0 22px 0 0; } .footer-info-c .colm:before { content: ""; display: block; position: absolute; top: 17px; left: calc(100% - 22px); width: 22px; height: 2px; border-top: 1px solid #F8820B; z-index: 0; } .footer-info-c .colm .box{ display:block; position:relative; } .footer-info-c .colm .popover{ width: 276px; max-width: 276px; } .footer-info-c .colm .popover.bs-popover-top-left{ margin-left:-16px !important; } .footer-info-c .colm .popover-header{ font-weight: 700; font-size: 14px; line-height: 16px; color: #3a3a3a; } .footer-info-c .colm:last-child { padding-right: 0; } .footer-info-c .colm:last-child:before{ display: none; } .footer-info-c .colm .ico { display: block; background-color: #fff; padding: 3px; border: none; opacity: 1; cursor: pointer; } .footer-info-c .colm .ico img { display: block; width: auto; height: 26px; background: transparent; } .footer-info-c .colm .ico img.progress, .footer-info-c .colm .ico img.completed, .footer-info-c .colm .ico.completed img, .footer-info-c .colm .ico.active img { display: none; } .footer-info-c .colm .ico.completed:not(.active) img.completed { display: block; } .footer-info-c .colm .ico.active img.progress { display: block; } .subject-container { display: block; position: relative; min-height: var(--screen-vh); } .subject-container .subj-wrapper { display: block; /* width: 1800px; 28-02-2020 */ width: 1600px; max-width: 100%; margin: 0 auto; position: relative; z-index: 2; } .subject-container .subj-wrapper.full{ width: 100%; } .subj-bg { display: block; height: 320px; margin: 0 0 16px 0; background-color: #8581f5; background-repeat: no-repeat !important; background-position: center center !important; background-size: 100% auto !important; padding: 24px; } @media (min-width: 768px) { .subj-bg { min-height: var(--screen-vh); overflow: hidden; margin: 0; } } .subject-area-scroll { height: var(--screen-vh); overflow: auto; background-color: #F5F5F5; } .subject-area { display: block; padding: 20px 36px; } .subject-area h2 { display: block; color: #000; font-size: 22px; line-height: 26px; font-weight: 600; margin: 0 0 16px 0; padding: 0; } .subject-area h2.grey{ color: #717171; } /*.subject-area .subj-h2, .subj-list .subj-tl .t, .subj-list .subj-q-list .t{ display: flex !important; align-items: center; justify-content: center; } */ .subj-list .subj-tl .t, .subj-list .subj-q-list .t{ justify-content: flex-start; } .subject-area h2 .status, .subj-list .subj-tl .t .status, .subj-list .subj-q-list .t .status{ display: inline-block; vertical-align: top; margin: 0 4px 0 0; } .subj-list .subj-tl .t .status, .subj-list .subj-q-list .t .status{ margin: 0 0 0 4px; } .subject-area h2 .status img, .subj-list .subj-tl .t .status img, .subj-list .subj-q-list .t .status img{ display: block; float: left; width: auto; height: 22px; } .subject-area h2 .status img.free{ height: 24px; position: relative; top: 2px; } .subj-list .subj-tl .t .status img{ height: 22px; margin: 0 0 0 2px; } /* .subj-list .subj-tl .t .status img.free{ height: 24px; } */ .subj-list .subj-q-list .t .status img{ height: 19px; margin: 0 0 0 2px; } /* .subject-area h2 .status .free, .subj-list .subj-tl .t .free, .subj-list .subj-q-list .t .free{ display: block; float: left; background-color: #f2308a; color: #fff; font-size: 14px; line-height: 15px; text-transform: uppercase; padding: 3px 12px; border-radius: 4px; margin: 3px 0 0 0; } .subj-list .subj-tl .t .free{ font-size: 12px; line-height: 14px; padding: 2px 10px; margin: 3px 0 0 0; } */ .subj-list .subj-q-list .t .free{ font-size: 11px; line-height: 13px; padding: 1px 6px; margin: 3px 0 0 0; } .subject-area .tbl-contents { display: block; margin: 0 0 12px 0; padding: 0 16px 0 37px; } .subject-area .tbl-contents .tbl-contents-head{ display: flex; flex-wrap: wrap; } .subject-area .tbl-contents h4 { display: block; float: left; color: #4e4e4e; font-size: 18px; line-height: 20px; font-weight: 500; margin: 0; padding: 0; } .subject-area .tbl-contents .tbl-contents-head .tl, .subject-area .tbl-contents .tbl-contents-head .barTxt, .subject-area .tbl-contents .tbl-contents-head .markTxt{ display: block; float: left; color: #4e4e4e; font-size: 17px; line-height: 19px; font-weight: 500; } .subject-area .tbl-contents .tbl-contents-head .tl{ flex: 1; padding: 0 10px 0 0; max-width: calc(60% + 19px); margin-left: -21px; } .subject-area .tbl-contents .tbl-contents-head .barTxt{ max-width: 20%; flex: 1; margin: 0 12px 0 0; } .subject-area .tbl-contents .tbl-contents-head .markTxt{ text-align: center; width: 52px; margin-left: auto; } .subj-listing { display: block; } .subj-list { display: block; background-color: #fff; border-radius: 14px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16); margin: 0 0 16px 0; padding: 14px; border: 2px solid #fff; transition: 400ms; } .subj-list:last-child { margin-bottom: 8px; } .subj-list:hover, .subj-list.active { text-decoration: none; box-shadow: 0 3px 8px rgba(81, 74, 252, 0.3); border-color: #514afc; } .subj-list .subj-tl { display: flex; flex-wrap: wrap; align-items: flex-start; padding: 4px 0; text-decoration: none !important; } .subj-list .subj-d{ display: flex; flex-wrap: wrap; align-items: flex-start; flex: 1; padding: 0 11px; } .subj-list .subj-tl:last-child { padding: 0; } .subj-list .subj-tl .no , .main-topic-no .no { display: block; float: left; color: #fff; background-color: #FA8A8A; width: 26px; height: 26px; text-align: center; border-radius: 5px; font-size: 14px; line-height: 26px; font-weight: 600; transition: 400ms; } .main-topic-no, .subject-area .main-topic-no{ position: relative; padding-left: 34px !important; font-size: 18px; } .main-topic-no .no{ position: absolute; top: -1px; left: 0; } .subj-list .subj-tl .t { display: block; float: left; flex: 1; padding: 2px 10px 2px 0; color: #4a4a4a; font-size: 16px; line-height: 22px; font-weight: 600; word-break: break-word; transition: 400ms; max-width: 60%; } .subj-list .subj-tl .t.grey{ color: #717171; } .subj-list .subj-tl:hover .t:not(.grey), .subj-list .subj-tl.active .t:not(.grey) { color: #514afc; } .subj-list .subj-tl:hover .no, .subj-list .subj-tl.active .no { background-color: #ff6767; } /* .subj-list .subj-tl .status-bar-show { margin-right: 8px; } */ .subj-list .status-bar { display: block; /* background-color: #AEDEF7; */ background-color: #dadada; height: 4px; width: 20%; max-width: 20%; flex: 1; position: relative; margin: 11px 12px 0 0; } /* .subj-list .status-bar:last-child{ margin-right: 0; } */ .subj-list .status-bar .status-bar-fill { display: block; /* background-color: #2CD8B0; */ background-color: #23d6ac; position: absolute; top: 0; left: 0; height: 100%; } /* .subj-list .status-bar-show { display: block; float: left; width: 32px; height: 32px; border-radius: 100px; background-color: #F86F6F; border: 1px solid #B90808; color: #800000; position: relative; margin: -6px 0 0 auto; top: 3px; font-size: 11.5px; line-height: 30px; font-weight: 800; text-align: center; } .subj-list .status-bar-show.success { background-color: #27E34B; border-color: #2B9F08; color: #1A4E02; } .subj-list .status-bar-show.warning { background-color: #E3A227; border-color: #AC8503; color: #6C520C; } */ .subj-list .status-bar-show { display: block; float: left; width: 52px; height: 26px; color: #ff3a3a; position: relative; margin: -6px 0 0 auto; top: 3px; font-size: 16px; line-height: 26px; font-weight: 600; text-align: center; } .subj-list .status-bar-show.success { color: #2d9000; } .subj-list .status-bar-show.warning { color: #ff8100; } .subj-list .subj-q-list-cont{ display: block; padding: 0 0 0 26px; } .subj-list .subj-q-list { display: flex; flex-wrap: wrap; align-items: flex-start; background-color: #E8EAFD; border: 1px solid #E8EAFD; padding: 6px 10px; border-radius: 8px; margin: 7px 0 0 0; transition: 400ms; text-decoration: none !important; cursor: pointer; } .subj-list .subj-q-list .t { display: block; float: left; flex: 1; padding: 0 10px 0 0; color: #000000; font-size: 15px; line-height: 19px; max-width: 60%; } .subj-list .subj-q-list.grey{ background-color: #efefef; border: 1px solid #efefef; } .subj-list .subj-q-list.grey .t{ color: #484848; } .subj-list .subj-q-list .status-bar-show { font-size: 14px /* font-size: 10px; line-height: 26px; width: 28px; height: 28px; */ } .subj-list .subj-q-list .status-bar { margin-top: 10px; transition: 400ms; } .subj-list .subj-q-list .status-bar .status-bar-fill { transition: 400ms; } .subj-list .subj-q-list:not(.grey):hover, .subj-list .subj-q-list:not(.grey).active { border-color: #9b97ff; background-color: #d5d9ff; } .subj-list .subj-q-list.grey:hover, .subj-list .subj-q-list.grey.active { border-color: #bbb; background-color: #efefef; } .subj-list .subj-q-list:not(.grey):hover .status-bar, .subj-list .subj-q-list:not(.grey).active .status-bar { background-color: #f5f6ff; } .subj-list .subj-q-list:not(.grey):hover .status-bar .status-bar-fill, .subj-list .subj-q-list:not(.grey).active .status-bar .status-bar-fill { background-color: #1cc59e; } .toogle-radio { display: inline-block; vertical-align: top; position: relative; border-radius: 100px; overflow: hidden; margin: 0 16px 10px 0; } .toogle-radio:last-child { margin-right: 0; } .toogle-radio input { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 2; } .toogle-radio input:checked ~ .area:before { left: 100%; margin-left: -24px; background-color: #fff; box-shadow: 0 0 6px 2px rgba(71, 66, 208, 0.6); } .toogle-radio input:checked ~ .area .t { background-color: #7772ff; padding-left: 10px; padding-right: 32px; text-align: right; } .toogle-radio .area { display: block; position: relative; } .toogle-radio .area:before { content: ""; display: block; position: absolute; z-index: 1; top: 50%; left: 3px; transform: translate(0, -50%); width: 22px; height: 22px; background-color: #ffffff; border-radius: 100px; transition: 400ms; box-shadow: 0 0 6px 2px rgba(55, 85, 117, 0.7); } .toogle-radio .area .t { display: block; width: 84px; height: 26px; background-color: #90b3da; color: #fff; border-radius: 100px; font-size: 14px; line-height: 17px; font-weight: 600; padding: 4px 10px 4px 32px; transition: 400ms; } .toogle-radio.error .area:before { background-color: #fff8f8; box-shadow: 0 0 6px 2px #ce6767; } .toogle-radio.error .area .t, .toogle-radio.error .area .f { background-color: #ff8686; } .toogle-radio.success .area:before { background-color: #fff8f8; box-shadow: 0 0 6px 2px #1f7b29; } .toogle-radio.success .area .t, .toogle-radio.success .area .f { background-color: #3dbf4b; } .body_section.subjectDtls .inner-scroll-div { padding: 0; } .math-back-btn.sm { padding: 3px 10px; } .header-right .math-back-btn { margin-top: 6px; } .page-container code{ font-size: 90%; color: #af3bed; word-break: break-word; } .mark, mark{ padding: 1px 2px !important; } .clearfix{ max-height: 1px !important; } .q-video-c{ display: block; padding: 24px 0; } .q-video-area{ display: block; height: calc(var(--screen-vh) - 152px); } .q-video{ display: block; padding: 0 16px; width: 100%; margin: 0 auto; } .q-video .video{ display: block; background-color: #000; width: 100%; height: calc(var(--screen-vh) - 158px); } .q-video h2{ display: block; padding: 16px 0 0 0; margin: 0; color: #404040; font-size: 18px; line-height: 27px; font-weight: 600; } /* .q-page .page-container .dash{ display: inline-block; vertical-align: top; margin-bottom: 0px !important; } */ .breadcrumbHead{ /* display: block; float: left; */ padding: 3px 0 0 30px; margin: 0; } .breadcrumbHead li{ display: block; float: left; font-size: 16px; line-height: 26px; font-weight: 400; color: #444; margin: 0 8px 0 0; padding: 0 14px 0 0; position: relative; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width:1023px){ .breadcrumbHead li{ max-width: 246px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .breadcrumbHead li .fa{ display: block; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); font-size: 13px; line-height: 18px; color: #444; } .breadcrumbHead li.mainTopic{ font-size: 18px; line-height: 26px; font-weight: 600; margin: 0; padding: 0; color: #514afc; } .radio-ans .txt.wrong.time-1s, .radio-ans .txt.error.time-1s, .radio-ans .txt.right.time-1s, .radio-ans .txt.success.time-1s, .radio-ans .txt.right.time-1s .num, .radio-ans .txt.success.time-1s .num, .radio-ans input:checked + .txt.right.time-1s .num, .radio-ans input:checked + .txt.success.time-1s .num, .radio-ans .txt.wrong.time-1s .num, .radio-ans .txt.error.time-1s .num, .radio-ans input:checked + .txt.wrong.time-1s .num, .radio-ans input:checked + .txt.error.time-1s .num, .radio-ans input[type="checkbox"]:checked + .txt.time-1s:after, .radioList .li.error.time-1s label .txt, .radioList .li.wrong.time-1s label .txt, .radioList .li.error.time-1s label .txt:before, .radioList .li.wrong.time-1s label .txt:before, .radioList .li.error.time-1s label .txt:after, .radioList .li.wrong.time-1s label .txt:after, .radioList .li.error.time-1s label .txt, .radioList .li.wrong.time-1s label .txt, .radioList .li.error.time-1s label .txt:before, .radioList .li.wrong.time-1s label .txt:before, .radioList .li.error.time-1s label .txt:after, .radioList .li.wrong.time-1s label .txt:after, .form-control.wrong.time-1s , .form-control.error.time-1s, .form-control.success.time-1s , .form-control.right.time-1s{ transition-delay: 1s !important; } .radio-ans .txt.wrong.time-2s, .radio-ans .txt.error.time-2s, .radio-ans .txt.right.time-2s, .radio-ans .txt.success.time-2s, .radio-ans .txt.right.time-2s .num, .radio-ans .txt.success.time-2s .num, .radio-ans input:checked + .txt.right.time-2s .num, .radio-ans input:checked + .txt.success.time-2s .num, .radio-ans .txt.wrong.time-2s .num, .radio-ans .txt.error.time-2s .num, .radio-ans input:checked + .txt.wrong.time-2s .num, .radio-ans input:checked + .txt.error.time-2s .num, .radio-ans input[type="checkbox"]:checked + .txt.time-2s:after, .radioList .li.error.time-2s label .txt, .radioList .li.wrong.time-2s label .txt, .radioList .li.error.time-2s label .txt:before, .radioList .li.wrong.time-2s label .txt:before, .radioList .li.error.time-2s label .txt:after, .radioList .li.wrong.time-2s label .txt:after, .radioList .li.success.time-2s label .txt, .radioList .li.right.time-2s label .txt, .radioList .li.success.time-2s label .txt:before, .radioList .li.right.time-2s label .txt:before, .radioList .li.success.time-2s label .txt:after, .radioList .li.right.time-2s label .txt:after, .form-control.wrong.time-2s , .form-control.error.time-2s, .form-control.success.time-2s , .form-control.right.time-2s{ transition-delay: 2s !important; } .radio-ans .txt.wrong.time-3s, .radio-ans .txt.error.time-3s, .radio-ans .txt.right.time-3s, .radio-ans .txt.success.time-3s, .radio-ans .txt.right.time-3s .num, .radio-ans .txt.success.time-3s .num, .radio-ans input:checked + .txt.right.time-3s .num, .radio-ans input:checked + .txt.success.time-3s .num, .radio-ans .txt.wrong.time-3s .num, .radio-ans .txt.error.time-3s .num, .radio-ans input:checked + .txt.wrong.time-3s .num, .radio-ans input:checked + .txt.error.time-3s .num, .radio-ans input[type="checkbox"]:checked + .txt.time-3s:after, .radioList .li.error.time-3s label .txt, .radioList .li.wrong.time-3s label .txt, .radioList .li.error.time-3s label .txt:before, .radioList .li.wrong.time-3s label .txt:before, .radioList .li.error.time-3s label .txt:after, .radioList .li.wrong.time-3s label .txt:after, .radioList .li.error.time-3s label .txt, .radioList .li.wrong.time-3s label .txt, .radioList .li.error.time-3s label .txt:before, .radioList .li.wrong.time-3s label .txt:before, .radioList .li.error.time-3s label .txt:after, .radioList .li.wrong.time-3s label .txt:after, .form-control.wrong.time-3s , .form-control.error.time-3s, .form-control.success.time-3s , .form-control.right.time-3s{ transition-delay: 3s !important; } .radio-ans .txt.wrong.time-4s, .radio-ans .txt.error.time-4s, .radio-ans .txt.right.time-4s, .radio-ans .txt.success.time-4s, .radio-ans .txt.right.time-4s .num, .radio-ans .txt.success.time-4s .num, .radio-ans input:checked + .txt.right.time-4s .num, .radio-ans input:checked + .txt.success.time-4s .num, .radio-ans .txt.wrong.time-4s .num, .radio-ans .txt.error.time-4s .num, .radio-ans input:checked + .txt.wrong.time-4s .num, .radio-ans input:checked + .txt.error.time-4s .num, .radio-ans input[type="checkbox"]:checked + .txt.time-4s:after, .radioList .li.error.time-4s label .txt, .radioList .li.wrong.time-4s label .txt, .radioList .li.error.time-4s label .txt:before, .radioList .li.wrong.time-4s label .txt:before, .radioList .li.error.time-4s label .txt:after, .radioList .li.wrong.time-4s label .txt:after, .radioList .li.error.time-4s label .txt, .radioList .li.wrong.time-4s label .txt, .radioList .li.error.time-4s label .txt:before, .radioList .li.wrong.time-4s label .txt:before, .radioList .li.error.time-4s label .txt:after, .radioList .li.wrong.time-4s label .txt:after, .form-control.wrong.time-4s , .form-control.error.time-4s, .form-control.success.time-4s , .form-control.right.time-4s{ transition-delay: 4s !important; } .radio-ans .txt.wrong.time-5s, .radio-ans .txt.error.time-5s, .radio-ans .txt.right.time-5s, .radio-ans .txt.success.time-5s, .radio-ans .txt.right.time-5s .num, .radio-ans .txt.success.time-5s .num, .radio-ans input:checked + .txt.right.time-5s .num, .radio-ans input:checked + .txt.success.time-5s .num, .radio-ans .txt.wrong.time-5s .num, .radio-ans .txt.error.time-5s .num, .radio-ans input:checked + .txt.wrong.time-5s .num, .radio-ans input:checked + .txt.error.time-5s .num, .radio-ans input[type="checkbox"]:checked + .txt.time-5s:after, .radioList .li.error.time-5s label .txt, .radioList .li.wrong.time-5s label .txt, .radioList .li.error.time-5s label .txt:before, .radioList .li.wrong.time-5s label .txt:before, .radioList .li.error.time-5s label .txt:after, .radioList .li.wrong.time-5s label .txt:after, .radioList .li.error.time-5s label .txt, .radioList .li.wrong.time-5s label .txt, .radioList .li.error.time-5s label .txt:before, .radioList .li.wrong.time-5s label .txt:before, .radioList .li.error.time-5s label .txt:after, .radioList .li.wrong.time-5s label .txt:after, .form-control.wrong.time-5s , .form-control.error.time-5s, .form-control.success.time-5s , .form-control.right.time-5s{ transition-delay: 5s !important; } .text-c-buttons{ display: block; position: relative; } .text-c-buttons .text-btn{ display: block; position: absolute; right: 0; bottom: 0; width: 36px; height: 36px; border: none; background-color: rgba(117, 119, 254, 0.8); border-radius: 100px; cursor: pointer; transition: 500ms; } .text-c-buttons .text-btn:hover{ background-color: rgba(117, 119, 254, 1); } .text-c-buttons .text-btn img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16px; filter: brightness(0) invert(1); } .btn-ico-animate{ display: inline-block; vertical-align: top; width: 13px; height: auto; margin: 0 0 0 2px; position: relative; animation: arrowmove 2s infinite; } @keyframes arrowmove { 0% { top: -4px; opacity: 1; } 100% { top: 16px; opacity: 0; } } .pageSlideContainer { display: block; } .pageSlideContainer .scroll-area, .page-container .pageSlideContainer .q-area .scroll-area { max-width: 75%; } .slideWrap { display: block; } #pageSlider .owl-dots { display: none; } #pageSlider .owl-nav { margin: 0 !important; padding: 0 !important; } #pageSlider .owl-nav .owl-prev, #pageSlider .owl-nav .owl-next { display: block; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); overflow: hidden; width: 42px; } #pageSlider .owl-nav .owl-next { left: auto; right: 0; } #pageSlider .owl-nav .owl-prev span, #pageSlider .owl-nav .owl-next span { display: block; background-color: rgba(0, 0, 0, 0.12); width: 90px; height: 180px; border-radius: 0 200px 200px 0; position: relative; left: -50px; font-size: 0px; } #pageSlider .owl-nav .owl-next span { border-radius: 200px 0 0 200px; left: auto; } #pageSlider .owl-nav .owl-prev span:before, #pageSlider .owl-nav .owl-next span:before { content: ""; display: block; position: absolute; top: 50%; transform: translate(0, -50%); right: 14px; width: 22px; height: 22px; background: url('angle-pointing-to-left.svg') no-repeat 0 0; background-size: 100% auto; opacity: 0.55; } #pageSlider .owl-nav .owl-next span:before { transform: translate(0, -50%) rotate(180deg); right: auto; left: 14px; } .custom-modal { display: flex; flex-wrap: wrap; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; overflow: auto; padding: 20px; align-items: center; transition: 800ms; opacity: 0; visibility: hidden; } .modal-container { display: block; width: 900px; max-width: 100%; background-color: #fff; margin: 0 auto; transition: 400ms; position: relative; bottom: 0; } .custom-modal.show-modal{ opacity: 1; visibility: visible; } .modal-container .c-modal-body { display: flex; flex-wrap: wrap; } .modal-container .c-modal-body .c-body-left{ display: block; background: url('bg-left-panel.png') no-repeat bottom center; background-color: #17dcbe; background-size: 100% auto; width: 28%; padding: 34px 16px 16px 16px; text-align: center; } .modal-container .c-modal-body .c-body-left .desc-c{ display: block; width: 100%; } .modal-container .c-modal-body .c-body-left .desc-c img{ display: inline-block; vertical-align: top; width: 116px; height: auto; } .modal-container .c-modal-body .c-body-left .desc-c p{ display: block; font-size: 15px; line-height: 20px; margin: 12px 0 0 0; } .modal-container .c-modal-body .c-body-left .desc-c p:first-child{ margin: 0; } .modal-container .c-modal-body .c-body-left .desc-c p strong{ font-weight: 700; } .modal-container .c-modal-body .c-body-right { display: block; flex: 1; padding: 24px 30px; background-color: #fff; position: relative; } .modal-container .c-modal-body .c-body-right.with-close{ padding-top: 40px; } .c-modal-body-in{ display: block; width: 100%; padding: 0 30px; } .modal-container .c-modal-body .c-body-right .c-modal-close, .solution-popup .c-modal-close{ display: block; position: absolute; top: 0; right: 0; background: url('close.svg') no-repeat center center; width: 28px; height: 28px; background-size: 14px auto; text-decoration: none !important; border: none !important; outline: none !important; } .min-h-400 { min-height: 400px !important; } .min-h-450 { min-height: 450px !important; } .min-h-500 { min-height: 500px !important; } .min-h-600 { min-height: 600px !important; } .min-w-60 { min-width: 60px; } .min-w-80 { min-width: 80px; } .min-w-100 { min-width: 100px; } .min-w-120 { min-width: 120px; } .min-w-160 { min-width: 160px; } .radius-10{ border-radius: 10px !important; } .form-box-container { display: block; max-width: 500px; margin: 0 auto; } .form-box-container.reg-sec { margin-top: 76px; } .login-box { display: block; background-color: #F0FAFF; border: 1px solid #EBEBEB; border-radius: 10px; padding: 20px; margin: 20px 0 0 0; } .login-box:first-child{ margin: 0; } .login-box.no-bg { background: transparent; border: none; } .login-box.purple{ background-image: linear-gradient(-50deg, #810aaa,38%, #9869dc, #4b4fc3, #3b51c0); border: none; } .form-container { display: block; max-width: 460px; } .form-tl { display: block; color: #000; font-size: 18px; line-height: 22px; font-weight: 500; border-bottom: 2px solid #17dcbe; padding: 0 0 4px 0; margin: 0; } .form-box { display: block; padding: 16px 16px 0 16px; } .form-box .form-group { margin-bottom: 12px; } .form-box .form-group:last-child { margin-bottom: 0; } .form-box .form-group .col-form-label { font-size: 14px; line-height: 18px; padding-top: 4px; padding-bottom: 4px; } .form-box .form-group .form-control { background-color: #fff; border: 1px solid #D9D9D9; height: 28px; font-size: 14px; padding: 3px 8px; outline: none !important; box-shadow: none !important; border-radius: 0px; } .form-box .form-group select.form-control { background: url('arrow-down.svg') no-repeat right 6px center; background-size: 11px auto; background-color: #fff; padding-right: 22px !important; cursor: pointer; appearance: none; } .form-box .form-group textarea.form-control{ height: 80px; resize: none; overflow: hidden; } .form-box .field-verified-c{ display: block; width: 100%; position: relative; padding: 0 96px 0 0; } .form-box .field-verified-c > .btns{ display: block; position: absolute; top: 3px; right: 0; min-width: 93px; } .form-box .field-verified-c > .btns .btn{ font-size: 12px; line-height: 18px; margin: 0 4px 0 0; padding-left: 5px; padding-right: 5px; font-weight: 500; } .form-box .field-verified-c > .btns .btn:last-child{ margin: 0; } .form-box .field-verified{ display: block; width: 100%; position: relative; } .form-box .field-verified .form-control{ padding-right: 24px; } .form-box .field-verified .ico{ display: block; position: absolute; top: 6px; right: 4px; } .form-box .field-verified .ico img{ display: block; width: 15px; height: auto; } .form-box.white-txt .form-group.sm-gap{ margin-bottom: 8px; } .form-box.white-txt .form-group .col-form-label{ color: #fff; } .form-box.white-txt .form-group .form-control{ border-color: #fff; } .frgt-area { display: block; margin: 20px 0 0 0; } .frgt-area .form-box { padding-top: 0; } .frgt-area .frgt-link { display: inline-block; vertical-align: top; margin: 3px 10px 0 3px; font-size: 16px; line-height: 20px; } /* .btn { outline: none !important; box-shadow: none !important; text-decoration: none !important; } .btn.btn-xs{ padding: .03rem .35rem; font-size: .875rem; font-size: .8rem; line-height: 1.5; border-radius: .2rem; } .btn.btn-xs i{ font-size: 0.7rem; } .btn.btn-primary:not(.purple) { color: #ffffff !important; background-color: #1b91f5 !important; border-color: #1b91f5 !important; } .btn.btn-primary:not(.purple):hover, .btn.btn-primary:not(.purple):focus, .btn.btn-primary:not(.purple):active { color: #ffffff !important; background-color: #40a4f8 !important; border-color: #40a4f8 !important; } .btn.btn-info { background-color: #00DEBE !important; color: #000 !important; border-color: #00DEBE !important; } .btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active { background-color: #04f1ce !important; color: #000 !important; border-color: #04f1ce !important; } .btn.btn-warning { color: #ffffff !important; background-color: #ff9541 !important; border-color: #ff9541 !important; } .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active { color: #ffffff !important; background-color: #ff9f53 !important; border-color: #ff9f53 !important; } .btn.btn-danger { color: #ffffff !important; background-color: #ff5353 !important; border-color: #ff5353 !important; } .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active { color: #ffffff !important; background-color: #ff6868 !important; border-color: #ff6868 !important; } .btn.btn-purple { color: #ffffff !important; background-color: #6222ee !important; border-color: #6222ee !important; } .btn.btn-purple img{ filter: brightness(0) invert(1); } .btn.btn-purple:hover, .btn.btn-purple:focus, .btn.btn-purple:active { color: #ffffff !important; background-color: #8148ff !important; border-color: #8148ff !important; } .btn.btn-wh{ color: #511cd9 !important; background-color: #fff !important; border-color: #fff !important; } .btn.btn-sm img{ display: inline-block; vertical-align: middle; max-height: 14px; width: auto; margin: 0 1px 0 0; } .btn.btn-xs img{ display: inline-block; vertical-align: middle; max-height: 12px; width: auto; margin: 0 2px; } .btn.btn-xs img.md{ max-height: 12px; margin-top: -2px; } */ .spacer { clear: both; } .test-q-head { display: block; border-bottom: 1px solid #e6e6e6; position: relative; margin: 0 0 30px 0; font-size: 18px; line-height: 24px; font-weight: 700; text-align: center; padding: 0 16px 12px 16px; } .test-q-head:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; border-bottom: 1px solid #dfdfdf; } /* .markList moved to style.scss 27-02*/ .package_evan .card { display: flex; flex-wrap: wrap; position: relative; border: none; min-height: 100%; } .package_evan .card input{ display: block; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } .package_evan .card-body { display: flex; flex-wrap: wrap; justify-content: center; padding: 20px 14px; border-radius: 10px; transition: 400ms; border: 1px solid #cbcee4; background-color: #f6f7ff; min-height: 100%; } .package_evan hr { margin: 5px 0; transition: 400ms; } .package_evan .content_area { display: block; width: 100%; padding: 0 0 20px 0; font-weight: 600; font-size: 14px; } .package_evan .content_area ul{ display: block; margin: 0; padding: 0; } .package_evan .content_area ul li{ display: block; position: relative; margin: 0; padding: 7px 0; color: #5f6067; font-size: 13px; line-height: 20px; font-weight: 600; transition: 400ms; } .package_evan .content_area ul li:after{ content: ""; display: block; width: 100%; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); height: 1px; background-image: linear-gradient(to left, #f6f7ff, #cbcee4, #f6f7ff); transition: 400ms; } .main-title h3 { font-weight: 600; } .package_evan .card-title { display: block; width: 100%; font-size: 15px; line-height: 22px; font-weight: 600; margin: 0 0 10px 0; color: #6b6b6b; transition: 400ms; } .package_evan .card-price { display: block; width: 100%; font-size: 36px; line-height: 29px; font-weight: 600; margin: 0; padding: 16px 0; color: #424242; transition: 400ms; } .package_evan .card-price .period { font-size: 0.8rem; } .package_evan ul li { margin-bottom: 1rem; } .package_evan .btn { font-weight: 600; padding: 4px 16px; transition: all 0.2s; background: #f78735; color: #fff; border-radius: 5px; font-size: 15px; line-height: 20px; text-transform: capitalize !important; margin: 0; min-width: 100px; transition: 400ms; } .package_evan .card input:checked ~ .card-body{ background-color: #4876f0; color: #fff; } .package_evan .card input:checked ~ .card-body hr{ border-color: #fff; } .package_evan .card input:checked ~ .card-body .card-title, .package_evan .card input:checked ~ .card-body ul li, .package_evan .card input:checked ~ .card-body .card-price{ color: #fff; } .package_evan .card input:checked ~ .card-body ul li:after{ background-image: linear-gradient(to left, #4876f0, #a5beff, #4876f0); } .package_evan .card input:checked ~ .card-body .btn{ background-color: #fff; color: #4876f0; } .back-button { background-color: #999da6; border-color: #999da6; color: #fff; } .dark-button { background-color: #717171; border-color: #717171; color: #fff; } .dark-button:hover { background-color: #424242; border-color: #424242; color: #fff; } .main-content { display: flex; flex-wrap: wrap; } .c-body-right .main-title hr { border-top: 3px solid #01debd; } .c-body-right .main-title { font-weight: 700; width: 390px; } .c-modal-body .para p { font-weight: 600; } .main-content-item { display: block; float: left; width: 180px; margin: 0 7px; } .main-content.center { display: flex; justify-content: center; } .main-content hr { display: block; border-top: 1px solid #cbcee4; width: 100%; } .main-title-account { padding: 15px 50px; } .main-title-account h3 { position: relative; padding-bottom: 3px; font-weight: 600; } .main-title-account h3:before { content: ''; position: absolute; background: #26ccb4; bottom: -3px; left: 0; right: 0; width: 100%; height: 2px; } .pack-footer{ display: block; width: 100%; align-self: flex-end; } /* .set-button { background-color: #4876f0; border-color: #4876f0; color: #fff; font-weight: 600; } .set-button:hover, .set-button:focus, .set-button:active { background-color: #618dff; border-color: #618dff; color: #fff; } .set-button.btn-secondary { background-color: #01debd; border-color: #01debd; color: #4a4a4a; } .set-button.btn-secondary:hover, .set-button.btn-secondary:focus, .set-button.btn-secondary:active { background-color: #17fbd9; border-color: #17fbd9; color: #4a4a4a; } .set-button.btn-success { background-color: #09ab14; border-color: #09ab14; color: #fff; } .set-button.btn-success:hover, .set-button.btn-success:focus, .set-button.btn-success:active { background-color: #11cc1e; border-color: #11cc1e; color: #fff; } .set-button.purple { background-color: #613df5; border-color: #613df5; color: #fff; font-weight: 600; box-shadow: 0 2px 4px 0px #d4d4d4 !important; } .set-button.purple:hover, .set-button.purple:focus, .set-button.purple:active { background-color: #7452ff !important; border-color: #7452ff !important; color: #fff; } .set-button.dark-blue { background-color: #2528e6; border-color: #2528e6; color: #fff; font-weight: 600; } .set-button.dark-blue:hover, .set-button.dark-blue:focus, .set-button.dark-blue:active { background-color: #585afd !important; border-color: #585afd !important; color: #fff; } .set-button.pink { background-color: #e632a8; border-color: #e632a8; color: #fff; font-weight: 600; box-shadow: 0 2px 4px 0px #d4d4d4 !important; } .set-button.pink:hover, .set-button.pink:focus, .set-button.pink:active { background-color: #fb62c6 !important; border-color: #fb62c6 !important; color: #fff; } .set-button img{ display: inline-block; vertical-align: middle; height: 13px; margin: 0 0 0 2px; filter: brightness(0) invert(1); } */ .custom-button-content { text-align: center; } .custom-button-content button { margin-top: 50%; } .payment_icon { width: 220px; } .form-box .form-group .col-form-label { padding-right: 0; } .form-control::-webkit-input-placeholder { opacity: 0.5; } .form-control::-moz-placeholder { opacity: 0.5; } .subscription-group { margin: 10px 0; } .subscription-group .btn { border: 1px solid #d8d8d8; background: #fff; border-radius: 10px; } .subscription-group .btn { font-size: 12px; padding: 6px 10px; } .subscription-group .btn h4 { margin-bottom: 0px; } .payment-button-group { width: 100%; padding-top: 30px; overflow: hidden; } .payment-button-group .payment-back-btn-sm-device { display: none; } .set-button.pay { background-color: #4876f0; border-color: #4876f0; color: #fff; } .subscription-container { padding: 10px 20px } .payment-container { padding: 15px 0; } .form-tl.heading-bottom { position: relative; border: none; } .form-tl.heading-bottom:before { content: ''; position: absolute; background: #26ccb4; bottom: -3px; left: 0; right: 0; width: 320px; height: 2px; } .custom-button { font-size: 12px; padding: 2px 6px; } .custom-button.btn-secondary { background: #cdccca !important; border-color: #cdccca !important; color: #767475 !important; } .custom-button.btn-primary { background: #49b2f4 !important; border-color: #49b2f4 !important; color: #fff !important; } .custom-button.gray-button { background: #6f7074 !important; color: #fff !important; border-color: #6f7074 !important; font-size: 14px; } .form-tl.with-no{ display: flex; flex-wrap: wrap; } .form-tl .no { display: block; float: left; width: 22px; height: 22px; border-radius: 100px; background: #01debd; color: #00261e; font-size: 15px; line-height: 22px; font-weight: 500; text-align: center; margin: 0 6px 0 -12px; } .form-tl .serial-no { height: 25px; width: 25px; line-height: 25px; font-size: 18px; text-align: center; margin: 0; } .form-tl.with-no .btn-xs{ position: relative; top: -1px; } .custom-color { color: #01debd !important; } .top-button { text-align: right; margin-bottom: 10px; } .c-radio{ display: flex; flex-wrap: wrap; } .c-radio .li{ display: block; float: left; position: relative; padding: 0; margin: 3px 2px 0 0; } .c-radio .li input{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer; } .c-radio .li .txt, .c-tag-container .txt{ display: block; background-color: #c9d2d6; font-size: 14px; line-height: 18px; font-weight: 600; color: #5d5d5d; padding: 3px 10px; transition: 400ms; } .c-radio .li .txt:not(:last-child), .c-tag-container .txt:not(:last-child){ margin-right: 4px; } .c-radio .li .txt .small-tag, .c-tag-container .txt .small-tag{ display: inline-block; vertical-align: top; background-color: #4876f0; color: #fff; font-size: 11px; line-height: 13px; padding: 1px 5px; border-radius: 3px; transition: 400ms; margin: 0 0 0 2px; font-weight: 600; } .c-radio .li:first-child{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; overflow: hidden; } .c-radio .li:last-child{ border-top-right-radius: 4px; border-bottom-right-radius: 4px; overflow: hidden; } .c-radio .li input:checked ~ .txt, .c-tag-container .txt{ background-color: #4876f0; color: #fff; } .c-radio .li input.mandatory:checked ~ .txt{ background-color: #FD4343; color: #fff; } .c-tag-container .txt{ border-radius: 4px; } .c-radio .li input:checked ~ .txt .small-tag, .c-tag-container .txt .small-tag{ color: #4876f0; background-color: #fff; } .c-radio.btn-style .li{ margin: 4px 8px 4px 0; border-radius: 4px; overflow: hidden; } .form-tl .btn-danger{ background-color: #ff5353; border-color: #ff5353; } .form-box .form-group .form-control.field { padding-top: 6px; } .form-box .form-group .form-control.field.invalid{ border-color: #eb1c26; } .card-error{ display: block; text-align: center; width: auto; margin: 16px 0 0 0; font-size: 14px; line-height: 18px; background-color: #ffe2df; padding: 4px 16px; } /* .btn-xs{ padding: .25rem .4rem; border-radius: .2rem; font-size: 12px; } */ .purple .c-radio .li input:checked ~ .txt{ background-color: #5685ff; } .profile-right .form-box-container { max-width: 530px; } .profile-right .form-box-container .login-box{ padding: 5px 10px; margin-bottom: 10px; } .profile-right .tab-container{ flex-direction: row; margin-bottom: 20px; } .profile-right .tab-container .list-group-item{ border: none; padding: 0; position: relative; margin-right: 15px; } .profile-right .tab-container .list-group-item.active{ position: relative; background: none; color: inherit; font-weight: 600; } .profile-right .tab-container .list-group-item.active:before{ position: absolute; content: ''; height: 3px; width: 100%; background: #00debe; bottom: -2px; left: 0px; right: 0; } .profile-right .custom-button { font-size: 14px; padding: 2px 10px; } .custom-primary{ background: #4876f0; color: #fff; padding: 5px 25px; border-radius: 8px; font-weight: 600; } .profile-right .form-container { max-width: 500px; } .show-msg{ font-size: 12px !important; } .profile-right .form-box .form-group .col-form-label,.profile-right .form-group h6{ font-weight: 600; } .btn-group-toggle .custom-button{ background: #cdccca !important; border-color: #cdccca !important; color: #767475 !important; border-radius: .2rem !important; } .btn-group-toggle .custom-button.active{ background: #49b2f4 !important; border-color: #49b2f4 !important; color: #fff !important; } .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: rgba(0, 0, 0, 0.4); cursor: pointer; } .text { color: white; font-size: 13px; font-weight: 900; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; } .image-content{ align-items: center; display: flex; justify-content: center; } label:hover .overlay { opacity: 1; } .image-content label { height: 140px; width: 140px; position: relative; } .image-content label img{ height: 100%; width: 100%; } .radio-content{ text-align: center; } .subscription.card { background: #418afd; color: #ffff; font-weight: 700; margin: 15px 0; border-radius: 10px; } .subscription .card-body,.subscription .card-header{ padding: 8px 5px; margin: 0 10px; border-color: #fff; background: none; } .subscription.card .c-radio .li input:checked ~ .txt { background-color: #49b2f4; color: #fff; } .subscription.card .c-radio .li input:checked ~ .txt.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .card-body-content { font-size: 13px; } .opacity-80{ opacity: 0.8; font-size: 12px; } .btn.btn-info.another-student{ color: #fff !important; } .billing-list table th{ border: none; font-weight: 600; } .payment-box{ background: #8683da; color: #fff; border-radius: 10px; padding: 10px 10px; font-size: 12px; margin: 10px 0; margin-left: 20px; height: 60px; } .payment-addmore{ margin: 20px 0; } .card-icon{ height: 20px; width: 35px; } .card-icon img{ height: 100%; width: 100%; } .remove-payment-box strong{ font-size: 12px; cursor: pointer; margin: 0 5px; } .f-12{ font-size: 12px !important; } .center-div{ display: flex !important; justify-content: center; align-items: center; text-align: center; } .center-div-colm{ display: flex !important; flex-flow: column; justify-content: center; align-items: center; text-align: center; } .c-tab-list{ display: flex; flex-wrap: wrap; padding: 0; margin: 0 0 16px 0; border-bottom: 1px solid #ebebeb; } .c-tab-list li{ display: block; float: left; margin: 0 10px 0 0; } .c-tab-list li a{ display: block; padding: 0 9px 6px 9px; color: #6b6b6b; font-size: 16px; line-height: 20px; font-weight: 500; position: relative; } .c-tab-list li a small{ color: #969696; font-size: 86%; } .c-tab-list li a:hover, .c-tab-list li a.active{ text-decoration: none; color: #000; } .c-tab-list li a:hover small, .c-tab-list li a.active small{ color: #6b6b6b; } .c-tab-list li a:after{ content: ""; display: block; position: absolute; bottom: -1px; left: 50%; transform: translate(-50%, 0); width: 0%; height: 3px; background-color: #17dcbe; transition: 400ms; } .c-tab-list li a.active:after{ width: 100%; } .tab-details-container{ display: block; } .form-box-container.full, .form-container.full{ max-width: 100%; } .ac-row{ display: flex; flex-wrap: wrap; margin: 0 -15px; } .ac-image-c{ display: block; float: left; width: 130px; padding: 0 15px; text-align: center; } .ac-image-c .u-photo{ display: block; height: 100px; position: relative; background: transparent; } .ac-image-c .u-photo img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; border-radius: 200px; border: 3px solid #fff; } .ac-image-c .u-photo .no-photo{ display: block; object-position: bottom center; background-color: #9267da; } .ac-image-c .u-photo.school-u-photo img{ object-fit: contain; object-position: center; padding: 0.3em; } .ac-image-c .u-photo .change{ display: block; position: absolute; bottom: -8px; right: 16px; width: 30px; height: 30px; background-color: #ffffff; border-radius: 100px; overflow: hidden; cursor: pointer; color: #8763d6; font-size: 14px; line-height: 20px; margin: 0; transition: 400ms; } .ac-image-c .u-photo .change input{ display: block; position: absolute; bottom: 0; right: 0; width: 200px; height: 200px; cursor: pointer; z-index: 2; } .ac-image-c .u-photo .change i, .ac-image-c .u-photo .change img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ac-image-c .u-photo .change img{ width: 20px; height: auto; } .ac-image-c .s-id{ display: inline-flex; color: #430ecb; text-align: center; font-size: 14px; line-height: 15px; font-weight: 600; justify-content: center; margin: 3px 0 0 0; } .ac-image-c .s-id.red{ background-color: #ff1d1d; color: #fff; padding: 2px 8px; border-radius: 100px; font-weight: 500; } .ac-image-c .s-id.mt{ margin: 18px 0 0 0; } .ac-form-c{ display: block; float: left; width: 100%; flex: 1; padding: 0 15px; } .mobile-no{ display: flex; margin: 0 -4px; } .mobile-no .code{ display: block; float: left; width: 100px; padding: 0 4px; } .mobile-no .no{ display: block; float: left; flex: 1; padding: 0 4px; } .u-subscription{ display: block; margin: 20px 0 0 0; background-color: #fff; padding: 10px 14px 14px 14px; border-radius: 8px; } .u-subscription:first-child{ margin: 0; } .u-subscription .head{ display: flex; flex-wrap: wrap; padding: 0 0 8px 0; margin: 0 0 10px 0; border-bottom: 1px solid #bdd7e4; justify-content: space-between; } .u-subscription .head .tl{ display: block; float: left; color: #484848; font-size: 19px; line-height: 23px; font-weight: 600; } .u-subscription .head .head-right{ display: block; float: right; } .u-subscription .head .status{ display: inline-block; vertical-align: top; color: #fff; font-size: 13px; line-height: 17px; font-weight: 500; background-color: #f93b3b; border: 1px solid #f93b3b; padding: 2px 10px; margin: 0 0 0 4px; border-radius: 4px; width: max-content; } .u-subscription .head .status:first-child{ margin-left: 0; } .u-subscription .head .status.active{ background-color: #23af45; border-color: #23af45; } .u-subscription .head .status.active.s-border{ background-color: transparent; color: #23af45; border-radius: 15px !important; } .u-subscription .head .status.primary{ background-color: #4876f0; border-color: #4876f0; color: #fff; } .u-subscription .head .status.primary.s-border{ background-color: transparent; color: #4876f0; } .u-subscription .head .status.primary:not(.s-border):hover{ background-color: #618dff; border-color: #618dff; color: #fff; text-decoration: none; } .u-subscription .head .status.info{ background-color: #6222ee; border-color: #6222ee; color: #fff; } .u-subscription .head .status.info.s-border{ background-color: transparent; color: #6222ee; } .u-subscription .head .status.info:not(.s-border):hover{ background-color: #8148ff; border-color: #8148ff; color: #fff; text-decoration: none; } .u-subscription .head .status.danger{ background-color: #f0524a; border-color: #f0524a; color: #fff; } .u-subscription .head .status.danger.s-border{ background-color: transparent; color: #f0524a; border-radius: 15px !important; } .u-subscription .head .status.danger:not(.s-border):hover{ background-color: #ff6f68; border-color: #ff6f68; color: #fff; text-decoration: none; } .u-subscription .head .link{ display: inline-block; vertical-align: top; color: #4876f0; font-size: 14px; line-height: 22px; margin: 0 0 0 10px; text-decoration: underline; } .u-subscription .head .link:hover{ text-decoration: none; } .u-subscription .body{ display: block; } .c-row, .subc-info{ margin: 0 -8px; } .c-row [class*='col-'], .subc-info [class*='col-']{ padding: 0 8px; } .u-subscription .subc-info{ position: relative; } .u-subscription .subc-info:not(:first-child){ padding-top: 8px; } .u-subscription .subc-info:not(:first-child):before{ content: ""; display: block; position: absolute; top: 5px; left: 50%; transform: translate(-50%,0); width: calc(100% - 16px); height: 2px; border-top: 1px dashed #e2e2e2; } .u-subscription .body .info{ display: block; font-size: 12px; line-height: 18px; font-weight: 500; color: #3c3c3c; word-wrap: break-word; padding: 4px 0; } .u-subscription .body .info strong{ display: block; font-size: 15px; font-weight: 600; color: #101010; margin: 2px 0 0 0; } .log-edit{ display: block; padding: 0 0 10px 0; text-align: right; } .subscription.card { background: #418afd; color: #ffff; font-weight: 700; margin: 15px 0; border-radius: 10px; } .subscription .card-body,.subscription .card-header{ padding: 8px 5px; margin: 0 10px; border-color: #fff; background: none; } .subscription.card .c-radio .li input:checked ~ .txt { background-color: #49b2f4; color: #fff; } .subscription.card .c-radio .li input:checked ~ .txt.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .card-body-content { font-size: 13px; } .opacity-80{ opacity: 0.8; font-size: 12px; } .btn.btn-info.another-student{ color: #fff !important; } .billing-list table th{ border: none; font-weight: 600; } .payment-box{ background: #8683da; color: #fff; border-radius: 10px; padding: 6px; font-size: 12px; margin: 10px 0; margin-left: 15px; height: 60px; } .payment-addmore{ margin-top: 20px; } .card-icon{ height: 20px; width: 35px; } .card-icon img{ height: 100%; width: 100%; } .remove-payment-box strong{ font-size: 12px; cursor: pointer; margin: 0 5px; } .activation-content p{ font-size: 13px; } .activation-content p .tm{ font-size: 15px; color: #ff0000; } .activation-content .content{ margin-bottom: 1rem; } .activation-content .content p, .activation-content .content .custom-color-light{ color: #505254; } .activation-content .main-title-account h3:before{ width: 100%; } .custom-subscription { margin-top: 10px; } .subscription-padd{ border: 1px solid #d8d8d8; border-radius: 10px; font-size: 12px; padding: 6px 4px; text-align: center; border: 1px solid #d8d8d8; } .custom-border-r:first-child { border-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .custom-border-r{ border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .custom-border-r:last-child{ border-radius: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .payment-sucessful .h3, .payment-sucessful h3, .payment-sucessful h4, .payment-sucessful p{ font-weight: 600; } .form-bottom-text{ margin-top: 100px; } .custom-color-light{ color: #38363687; } .custom-color-light{ color: #38363687; } .payment-addmore .btn{ width: 100px; background: #4876f0; font-weight: bold; color: white; border: 0 none; border-radius: 10px; cursor: pointer; padding: 10px 5px; } .payment-addmore .btn:hover{ box-shadow: 0 0 0 2px white, 0 0 0 3px #8683da !important; } .form-bottom-text p.custom-color-light{ text-align: center; color: #505254; } .log-edit.custom-margin { margin-bottom: -25px; padding-bottom: 0; } .validation-content{ font-size: 12px !important; line-height: 13px !important; font-weight: 600; text-align: left; } /* .sidemenu-logo{ display: block; text-align: center; background-color: #6466ff; padding: 8px 10px; margin: 0; width: 100px; } */ .sidemenu-logo{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; /* background-color: #6466ff; */ padding: 8px 10px; margin: 0; width: 100%; height: 70px; } .sidemenu-logo a{ display: block; } .sidemenu-logo img{ display: inline-block; vertical-align: top; width: auto; height: 52px; } .logo-with-tl{ display: flex; flex-wrap: wrap; margin: 0; padding: 6px 10px; background-color: #6466ff; height: 48px; text-decoration: none !important; } .logo-with-tl .tl-logo{ display: block; float: left; } .logo-with-tl .tl-logo img{ display: block; width: auto; height: 38px; } .logo-with-tl .nm{ float: left; width: 100%; flex: 1; padding: 0; margin: 0; text-align: left !important; font-size: 20px; line-height: 24px; font-weight: 600; color: #fff; align-self: center; } /* .superbook-panel{ box-shadow: -1px 0 12px 4px rgba(0,0,0,0.18); } */ .subscription-padd{ font-size: 12px; } .subscription-padd h5{ font-size: 14px; font-weight: 600; } .overlay-superbook{ position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(117, 119, 254, 0.2); z-index: 2; cursor: pointer; } .mat-error{ color: #f44336; display: block; font-size: 13px; line-height: 15px; font-weight: 500; margin: 8px 0 0 0; } .link-area{ display: block; } .link-area a{ display: inline-block; vertical-align: top; font-size: 15px; line-height: 19px; text-decoration: underline; } .link-area a:hover{ text-decoration: none; } .subscription-list{ width: 100%; border-spacing: 0 8px; border-collapse: separate; } .subscription-list tr{ border-radius: 6px; box-shadow: 0px 0px 0px 1px #dadada; } .subscription-list tr td{ font-size: 12px; line-height: 16px; padding: 6px 8px; border-left: 1px solid #dadada; text-align: center; } .subscription-list tr td:first-child{ border: none; } .subscription-list tr td .nm{ display: block; font-size: 17px; line-height: 19px; font-weight: 600; width: 100px; word-wrap: break-word; } .payment-card-cont{ display: block; max-width: 330px; } .payment-card{ display: block; background-color: #d6f3eb; border: 1px solid #17dcbe; border-radius: 10px; padding: 7px 14px 16px 14px; } .pay-icons{ display: flex; flex-wrap: wrap; } .pay-icons img{ display: block; float: left; height: 12px; width: auto; } .form-box .payment-card .col-form-label{ padding-top: 0 !important; padding-bottom: 0px !important; } .form-box .payment-card .form-group { margin-bottom: 8px; } .form-box .payment-card .form-group .form-control{ background-color: #d6f3eb; border: none; border-bottom: 1px solid #72847f; border-radius: 0px; padding: 2px 0; height: 24px; } .form-box .payment-card.purple{ background-image: linear-gradient(-50deg, #810aaa,38%, #9869dc, #4b4fc3, #3b51c0); border: none; } .form-box .payment-card.purple .col-form-label{ color: rgba(255, 255, 255, 0.9); } .form-box .payment-card.purple .form-group .form-control{ background: transparent !important; border-bottom-color: rgba(255, 255, 255, 0.4); color: #fff; font-weight: 600; } .form-box .payment-card.purple .form-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.4); opacity: 1; font-weight: 500; } .form-box .payment-card.purple .form-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.4); opacity: 1; font-weight: 500; } .form-box .payment-card.purple .form-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.4); opacity: 1; font-weight: 500; } .form-box .payment-card.purple .form-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.4); opacity: 1; font-weight: 500; } .parent-u-details{ display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0 8px 0; } .parent-u-details-bx{ display: inline-flex; flex-flow: column; align-items: flex-start; background-color: #f3eeff; padding: 10px; border-radius: 10px; } .parent-u-nm{ display: block; color: #171717; font-size: 16px; line-height: 18px; font-weight: 600; } .parent-u-nm strong{ font-size: 14px; } .parent-u-email{ display: block; color: #454545; font-size: 13px; line-height: 15px; font-weight: 500; margin: 2px 0 0 0; } .parent-u-email strong{ font-weight: 600; } .parent-u-id{ display: inline-flex; text-align: center; font-size: 12px; line-height: 13px; justify-content: center; margin: 5px 0 0 0; background-color: #430ecb; color: #fff; padding: 1px 8px; border-radius: 100px; font-weight: 500; } .parent-u-info{ display: inline-flex; text-align: center; font-size: 12px; line-height: 13px; justify-content: center; margin: 5px 0; background-color: transparent; color: #ff1d1d; padding: 1px 8px; border-radius: 0; font-weight: 600; } .all-ac-list-wrapper { display: block; max-height: calc(var(--screen-vh) - 130px); overflow: auto; height: 600px; } .all-ac-list{ display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0 -15px; max-height: calc(var(--screen-vh) - 130px); overflow: auto; } .all-ac-list.no-overflow{ max-height: unset; overflow: unset; } .all-ac-listings .all-ac-list{ max-height: calc(var(--screen-vh) - 80px); } .ac-image-c.with-check{ display: block; float: left; padding: 15px 15px 20px 15px; /* width: 180px; */ width: 33.333333%; } .ac-image-c.with-check .u-photo{ margin: 0 auto; width: 130px; height: 130px; background-image: linear-gradient(-50deg,#c11ef9,38%,#9869dc,#898dff,#637dff); padding: 3px; border-radius: 200px; cursor: pointer; position: relative; } .ac-image-c.with-check .u-photo img{ border: none; transition: 300ms; } .ac-image-c.with-check .u-photo > img{ background-color: #fff; } .ac-image-c.with-check .add-user{ display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 100px; width: 100%; height: 100%; } .ac-image-c.with-check .add-user img{ display: block; float: left; width: 46px; height: auto; filter: brightness(0) opacity(0.19); } .ac-image-c.with-check .u-photo input{ display: block; position: absolute; top: 0; left: 0; width: calc(100% + 6px); height: calc(100% + 6px); z-index: 1; opacity: 0; border-radius: 200px; cursor: pointer; } .ac-image-c.with-check .u-photo .change{ background-color: #a84de8; width: 32px; height: 32px; opacity: 0; visibility: hidden; transition: 300ms; } .ac-image-c.with-check .u-photo input:checked ~ img{ opacity: 0.8; } .ac-image-c.with-check .u-photo input:checked ~ .change{ visibility: visible; opacity: 1; } .ac-image-c.with-check.active .u-photo > img{ opacity: 0.8; } .ac-image-c.with-check.active .u-photo .change{ visibility: visible; opacity: 1; } .ac-image-c .nm{ display: block; text-align: center; font-size: 18px; line-height: 20px; font-weight: 600; color: #484848; margin: 10px 0 0 0; } .ac-image-c .subc{ display: block; text-align: center; color: #ff2e2e; font-size: 13px; line-height: 15px; margin: 3px 0 0 0; } .ac-image-c .subc.success{ color: #009011; } body .-vertical{ width: 4px; } body .-horizontal{ height: 4px; } body .ng-scrollbar-thumb{ background-color: rgba(56, 99, 239, 0.4); } body .ng-scrollbar-thumb:active, body .ng-scrollbar-thumb:hover{ background-color: rgba(56, 99, 239, 0.9); } .scroll-h-470{ display: block; height: 470px; } .scroll-h-440{ display: block; height: 440px; } .scroll-h-432{ display: block; height: 432px; } .min-h-478{ min-height: 478px; } /* .editor-cont{ display: block; overflow: auto; } figure.table table td .image:not(.image_resized){ width: auto !important; } .conf-info{ font-size: 15px; line-height: 18px; } .para.font-normal p{ font-weight: 500; } */ .type-modal{ display: block; padding: 30px 48px; text-align: center; position: relative; } /* .type-modal .ico{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 64px; height: 64px; margin: 0 auto 10px auto; background-color: #fff; border: 2px solid #cccccc; border-radius: 100px; } */ .type-modal .ico{ display: block; position: absolute; top: 14px; right: 14px; } .type-modal .ico img{ display: block; height: 28px; } .type-modal h2{ display: block; color: #3a3a3a; font-size: 22px; line-height: 26px; font-weight: 600; margin: 0 0 16px 0; } .type-modal h3{ display: block; color: #4876f0; font-size: 16px; line-height: 20px; font-weight: 600; margin: 0 0 6px 0; } .type-modal p{ display: block; font-size: 15px; line-height: 20px; color: #525252; } .subscription-cacellation{ display: block; text-align: center; padding: 0; max-width: 430px; margin: 0 auto; } .subscription-cacellation h2{ display: block; color: #696969; font-size: 30px; line-height: 34px; font-weight: 700; margin: 0 0 14px 0; } .subscription-cacellation p{ display: block; font-size: 16px; line-height: 21px; color: #737373; margin: 0 0 14px 0; } /* .subsc-contact{ display: block; padding: 30px 0 0 0; } .subsc-contact .nm{ display: block; color: #4e4e4e; font-size: 17px; line-height: 19px; font-weight: 500; } .subsc-contact .nm strong{ font-weight: 700; } .subsc-contact .buttonset{ display: block; margin: 16px 0 0 0; } .subsc-contact .btn{ display: inline-block; margin: 0 4px; } */ .popup-logo{ display: block; margin: 0 0 30px 0; text-align: center; } .popup-logo img{ display: inline-block; vertical-align: top; height: 58px; width: auto; } .subject-area-btns{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10px 16px; min-height: 49px; align-items: center; border-top: 2px solid #fafafa; } .subject-area-btns .text-btn, .text-ico-btn{ background: transparent !important; color: #514afc; font-size: 14px; line-height: 16px; font-weight: 600; cursor: pointer; box-shadow: none !important; padding: 0; border: none !important; } .subject-area-btns .text-btn img, .text-ico-btn img{ display: inline-block; vertical-align: middle; height: 11px; width: auto; margin: -1px 0 0 3px; } .subject-area-btns .text-btn:not(:disabled):hover, .text-ico-btn:not(:disabled):hover{ color: #514afc; text-decoration: underline; } .subject-area-btns .btn{ min-width: 76px; border-radius: 0 100px 100px 0; font-size: .845rem; } .subject-area-btns .btn:first-child:not(:last-child){ border-radius: 100px 0 0 100px; margin-right: 1px; } /* .subject-area-btns .btn:last-child:not(:first-child){ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } */ .subject-area-btns .btn .fa{ position: relative; top: 1px; margin: 0 1px; } .content-mid-scroll{ display: block; height: calc(var(--screen-vh) - 98px); padding: 14px 0; } .content-mid{ display: flex; flex-wrap: wrap; align-items: center; height: 100%; } .content-mid .content-area{ display: block; width: 740px; max-width: 100%; margin: 10px auto; background-color: #fff; padding: 16px 16px 24px 16px; box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.09); border: none; border-radius: 14px; } .page-timer{ display: block; position: absolute; bottom: 100%; left: 50%; transform: translate(-50%,0); background-color: #1eb356; padding: 5px 16px 3px 16px; color: #fff; text-align: center; min-width: 116px; border-radius: 16px 16px 0 0; } .page-timer:before{ content: ""; display: block; position: absolute; bottom: 0; right: 100%; border-right: 16px solid #1eb356; border-top: 31px solid transparent; } .page-timer:after{ content: ""; display: block; position: absolute; bottom: 0; left: 100%; border-left: 16px solid #1eb356; border-top: 31px solid transparent; } .page-timer .t{ display: block; font-size: 12px; line-height: 13px; font-weight: 500; text-transform: uppercase; } .page-timer .tm{ display: block; font-size: 22px; line-height: 22px; font-weight: 500; } .page-timer.danger{ background-color:#fb5757; } .page-timer.danger:before{ border-right-color:#fb5757; } .page-timer.danger:after{ border-left-color:#fb5757; } /* .report-btn{ display: block; position: fixed; z-index: 1; bottom: 66px; right: 18px; border-radius: 100px; padding: 0; width: 48px; height: 48px; background-color: #fff; color: #565656 !important; font-size: 17px; line-height: 22px; font-weight: 600; text-decoration: none !important; box-shadow: 0 3px 6px 0px rgba(0,0,0,0.28); text-align: center; transition: 500ms; } .report-btn img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 24px; height: auto; transition: 500ms; } .report-btn:hover{ box-shadow: 0 3px 7px 0px rgba(0,0,0,0.48); } */ /* .report-btn:hover img{ opacity: 1; } */ .report-container{ display: block; padding: 10px 0 16px 0; } .report-container h2{ display: block; font-size: 22px; text-align: center; margin: 0 0 0.6em 0; font-weight: 600; } .report-options{ display: block; padding: 14px; border: 1px solid #ddd; border-radius: 4px; } .rdo-list{ display: block; position: relative; margin: 0 0 10px 0; cursor: pointer; border-radius: 18px; overflow: hidden; } .rdo-list:last-child{ margin: 0; } .rdo-list input{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; cursor: pointer; } .rdo-list .rdo-c{ display: block; position: relative; background-color: #fff; border: 1px solid #dcdcdc; padding: 7px 38px 7px 12px; font-size: 15px; line-height: 19px; border-radius: 18px; } .rdo-list .rdo-c .ico{ display: block; position: absolute; top: 50%; right: 8px; transform: translate(0,-50%); width: 20px; height: 20px; border: 2px solid #dcdcdc; border-radius: 100px; transition: 500ms; } .rdo-list .rdo-c .ico:before{ content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10px; height: 10px; background-color: #fff; border-radius: 100px; opacity: 0; visibility: hidden; transition: 500ms; } .rdo-list input:checked ~ .rdo-c{ color: #fff; background-color: #4876f0; border-color:#4876f0; } .rdo-list input:checked ~ .rdo-c .ico{ border-color: #fff; } .rdo-list input:checked ~ .rdo-c .ico:before{ opacity: 1; visibility: visible; } /* .report-btns{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px 0 0 0; align-items: center; } */ .report-btns{ display: block; text-align: right; margin: 16px 0 0 0; } .upload-image{ display: flex; flex-wrap: wrap; align-items: center; } .upload-image .up-btn{ display: block; float: left; width: 100px; text-align: center; position: relative; overflow: hidden; margin: 0; } .upload-image .up-btn input{ display: block; position: absolute; bottom: 0; right: 0; width: 400px; height: 100px; cursor: pointer; } .upload-image .nm{ display: block; float: left; width: 100%; flex: 1; padding: 0 0 0 10px; font-size: 14px; line-height: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .custom-uploader { display: block; position: relative; overflow: hidden; background-color: #fff; border: 1px solid #edeff2; border-radius: 6px; margin: 0 !important; } .custom-uploader input { display: block; position: absolute; bottom: 0; right: 0; width: 200%; height: 200%; opacity: 0; z-index: 2; cursor: pointer; } .custom-uploader .upload-area { display: block; padding: 16px 8px 16px; text-align: center; } .custom-uploader .upload-area img { display: inline-block; vertical-align: top; height: auto; max-height: 42px; } .custom-uploader .upload-area .t { display: block; color: #414755; font-size: 16px; line-height: 18px; font-weight: 600; margin: 6px 0 0 0; } .custom-uploader .upload-area .sm-t { display: block; color: #9098ac; font-size: 13px; line-height: 15px; font-weight: 400; margin: 8px 0 0; } .custom-uploader .upload-area .btn-sm{ margin: 5px 0 0 0; font-size: 12px; line-height: 14px; padding: 3px 6px; } .report-image-show, .up-image-show{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #fff; border: 1px solid #edeff2; border-radius: 6px; overflow: hidden; height: 180px; position: relative; padding: 5px; } .report-image-show > img, .up-image-show > img{ display: block; max-width: 100%; max-height: 100%; object-position: center; } .report-image-show .cls, .up-image-show .cls{ display: block; position: absolute; top: 0; right: 0; z-index: 1; width: 22px; height: 22px; background-color: #fff; opacity: 0; visibility: hidden; transition: 400ms; } .report-image-show .cls img, .up-image-show .cls img{ display: block; width: 12px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .report-image-show:hover .cls, .up-image-show:hover .cls{ opacity: 1; visibility: visible; } .mat-dialog-container{ position: relative; } .mat-dialog-container .pop-close{ display: block; position: absolute; top: 0; right: 0; width: 30px; height: 30px; border: none !important; outline: none !important; } .mat-dialog-container .pop-close img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 14px; height: auto; } .quiz-Next-Prev{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 30px 0 0 0; } .quiz-Next-Prev .go-prev, .quiz-Next-Prev .go-next{ display: block; float: left; padding: 5px; } .quiz-Next-Prev .go-prev img, .quiz-Next-Prev .go-next img{ display: block; width: 26px; height: auto; opacity: 0.44; transition: 500ms; } .quiz-Next-Prev .go-prev:hover img, .quiz-Next-Prev .go-next:hover img{ opacity: 0.7; } .submitAnswerModal{ display: block; width: 680px; max-width: 100%; } .submitAnswerModal .headr-line{ display: block; border-radius: 30px 30px 0 0; height: 22px; background-image: linear-gradient(to right, #ffa7c5 , #882ffc); } .submitAnswerModal .body-sec{ display: block; border-radius: 0 0 30px 30px; background-color: #fff; padding: 26px 16px 0 16px; } .submitAnswerModal .body-sec.with-scroll{ padding-left: 0; padding-right: 0; } .submitAnswerModal .body-sec.with-scroll .mat-dialog-content{ margin: 0; padding: 0; } .submitAnswerModal .body-sec.with-scroll .dialog-content{ padding: 0 18px; } .bodyRw{ display: flex; flex-wrap: wrap; margin: 22px 0 0 0; } .bodyRw .col-R{ display: block; float: left; width: 100%; flex: 1; order: 2; padding: 0 0px 54px 20px; } .bodyRw .col-L{ display: flex; float: left; width: 310px; max-width: 40%; align-items: flex-end; } .bodyRw .col-L img{ display: block; width: 100%; height: auto; } .submitAnswerModal h2{ display: block; text-align: center; color: #707070; font-size: 21px; } .submitAnswerModal h2 span{ color: #464646; font-weight: 600; } .submitAnswerModal .buttonset, .submitAnswerModal .buttonset2{ display: flex; flex-wrap: wrap; justify-content: center; margin: 30px 0 0 0; } .submitAnswerModal .buttonset2{ margin: 30px 0 0 0; } .m-auto-c{ display: block; max-width: 400px; margin: 22px auto 0 auto; } .m-auto-c .buttonset{ justify-content: center; } .infoLi{ display: flex; flex-wrap: wrap; } .infoLi .li{ display: block; float: left; font-size: 16px; line-height: 20px; color: #707070; margin: 4px 4px 4px 0; } .infoLi .li span{ color: #0033ff; font-weight: 700; } .infoLi2{ display: flex; flex-wrap: wrap; margin: 12px 0 0 0; } .infoLi2 .li{ display: block; width: 100%; color: #707070; font-size: 16px; line-height: 20px; margin: 6px 0 0 0; } .infoLi2 .li:first-child{ margin: 0; } .infoLi2 .li span{ font-weight: 600; color: #5f5f5f; } .n-btn{ display: inline-block; vertical-align: top; color: #fff; font-size: 15px; line-height: 18px; font-weight: 600; padding: 7px 14px; background-color: #882ffc; box-shadow: none; border: none; outline: none; cursor: pointer; min-width: 88px } .n-btn ~ .n-btn:not(:first-child){ margin-left: 10px; } .n-btn:hover{ background-color: #9f55ff; } .n-btn.n-btn-light{ color: #3e3e3e; background-color: #d6d1ff; } .n-btn.n-btn-light:hover{ background-color: #e9e6ff; } .n-btn.n-btn-success{ background-color: #32903c; } .n-btn.n-btn-success:hover{ background-color: #54bb5f; } .n-btn.n-btn-danger{ background-color: #f0524a; } .n-btn.n-btn-danger:hover{ background-color: #f5766f; } .n-btn.n-btn-primary{ background-color: #4876f0; } .n-btn.n-btn-primary:hover{ background-color: #618dff; } .custom-submit-modal .mat-dialog-container{ padding: 0 !important; background: transparent !important; box-shadow: none !important; } .modal-bottom-img{ display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; margin: 22px 0 0 0; } .modal-bottom-img img{ display: block; width: auto; max-width: 100%;; } .modal-container.lg{ width: 1000px; } .c-modal-body .checkout-left { display: block; float: left; flex: 1; background-color: #0fc1a6; padding: 24px 24px; } .c-modal-body .checkout-right { display: block; float: left; width: 280px; padding: 24px 20px; background-color: #fff; position: relative; } .checkout-logo{ display: block; margin: 0 0 20px 0; } .checkout-right-logo{ display: none; } .checkout-logo a{ display: inline-block; vertical-align: top; } .checkout-logo img{ display: inline-block; vertical-align: top; height: 46px; width: 116px; height: auto; } .sm-tl{ display: block; font-size: 26px; line-height: 32px; font-weight: 600; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); margin: 0 0 16px 0; } .sm-tl.normal{ font-size: 21px; line-height: 27px; font-weight: 500; } .sm-tl.wh{ color: #fff; } .membership-list{ display: block; /* max-width: 516px; margin: 0 auto; */ padding: 0 16px; } .membership-list .list{ display: block; background-color: #fff; margin: 24px 0 0 0; border-radius: 14px; padding: 12px 16px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.12); position: relative; overflow: hidden; } .membership-list .list h2{ display: block; color: #222; font-size: 24px; line-height: 28px; font-weight: 600; margin: 0 0 8px 0; padding: 0; } .membership-list .list .desc{ display: flex; margin: 0; } .membership-list .list .desc .desc-l{ display: block; float: left; flex: 1; padding: 0 20px 0 0; } .membership-list .list .desc .desc-r{ display: block; float: left; width: 110px; text-align: center; align-self: center; } .membership-list .list .desc p{ display: block; font-size: 15.4px; line-height: 21px; font-weight: 500; color: #464646; margin: 10px 0 0 0; } .membership-list .list .desc .desc-l ul{ display: block; padding: 0; margin: 0; } .membership-list .list .desc .desc-l ul li{ display: block; position: relative; padding: 0 0 0 14px; margin: 5px 0 0 0; font-size: 14px; line-height: 17px; } .membership-list .list .desc .desc-l ul li:before { content: ""; display: block; position: absolute; top: 6px; left: 0; width: 4px; height: 4px; background-color: #989898; border-radius: 100px; } .membership-list .list .desc p:last-child{ margin:0; } .membership-list .list .desc .prc{ display: block; font-size: 19px; line-height: 22px; font-weight: 700; } .membership-list .list .desc .tm{ display: block; font-size: 15px; line-height: 17px; font-weight: 600; margin: 2px 0 0 0; } .membership-list .list .saved{ display: flex; margin: 8px 0 0 0; font-size: 14px; line-height: 16px; } .membership-list .list .saved.with-coupon{ justify-content: space-between; flex-flow: row-reverse; align-items: center; } .membership-list .list .saved .saved-data{ display: block; float: left; width: 110px; text-align: center; } .membership-list .list .saved .saved-data .txt{ display: inline-block; vertical-align: top; color: #212529; font-size: 13px; /* text-decoration: underline; */ } .membership-list .list .saved .saved-data a.txt:hover{ text-decoration: none; color: #000; } .checkout-total{ display: flex; margin: 20px 0 0 0; padding: 0 16px; color: #fff; font-size: 20px; line-height: 23px; font-weight: 600; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); } .checkout-total .t{ display: block; float: left; flex: 1; padding: 0 20px 0 0; text-align: right; } .checkout-total .prc{ display: block; float: left; width: 110px; text-align: center; } .payment-c{ display: flex; flex-flow: column; width: 100%; min-height: 100%; padding: 30px 0 0 0; justify-content: space-between; } .payment-c .top-sec{ display: block; } .payment-c h2{ display: block; font-size: 26px; line-height: 30px; font-weight: 600; margin: 0 0 30px 0; text-align: center; } .pay-cards, .stripe-logo{ display: block; margin-bottom: 1rem; } .pay-cards img, .stripe-logo img{ display: block; height: 36px; width: auto; } .payment-c .col-form-label{ padding-top: 0; font-size: 14px; line-height: 18px; } .payment-c .form-control{ border: none !important; border-bottom: 1px solid #ced4da !important; padding: 2px 0 6px 0 !important; height: auto; outline: none !important; box-shadow: none !important; font-size: 14px; border-radius: inherit; line-height:18px } .payment-c .form-control.focus{ border-radius: 0px !important; } .payment-c .form-control.invalid{ border-color: #ff636b !important; } .membership-list-scroll{ display: block; height: 280px; } .membership-list .list.with-calculate .desc .desc-l{ padding-right: 14px; } .membership-list .list.with-calculate .desc .desc-r{ padding: 20px 0 20px 14px; border-left: 1px solid #7d7d7d; width: 230px; } .pkg-calculate{ width: 100%; } .pkg-calculate tr td{ font-size: 13px; line-height: 17px; text-align: left; padding: 5px; vertical-align: top; } .pkg-calculate tr td:first-child{ padding-left: 0; } .pkg-calculate tr td:last-child{ padding-right: 0; } .pkg-calculate tr td .dash{ display: block; margin: 8px 0 0 0; width: 100%; height: 2px; border-bottom: 1px solid #949494; } .pkg-calculate tr td .total{ display: block; font-size: 16px; } .pkg-calculate tr td .total small{ display: block; font-size: 9.5px; line-height: 12px; margin: 2px 0 0 0; } /* .membership-list-scroll .ng-scrollbar{ background-color: rgba(255,255,255,0.3); } */ body .membership-list-scroll .ng-scrollbar-thumb { background-color: rgba(56, 99, 239, 0.7); } body .membership-list-scroll .ng-scrollbar-thumb:hover { background-color: rgba(56, 99, 239, 1); } .package-scroll{ display: block; height: 436px; } .right-modalbody, .right-modalfooter{ display: block; padding: 0 30px; } .package-container { display: block; margin: 42px 0 0 0; } .package-container:first-child{ margin: 0; } .package-container .package_evan { padding: 10px 0 0 0; } .plan-c{ display: flex; } .plan-c .plan-image{ display: flex; flex-flow: column; align-items: center; float: left; width: 40px; text-align: center; } .plan-c .plan-image img{ display: inline-block; vertical-align: top; width: 48px; height: auto; } .plan-c .plan-desc{ display: block; float: left; padding: 0 16px; flex: 1; } .plan-c .plan-desc p:last-child{ margin: 0; } .plan-c .plan-desc .tl{ display: block; font-size: 22px; line-height: 26px; margin: 0 0 10px 0; } .plan-c .plan-desc .tl-list{ display: inline-block; vertical-align: top; margin: 0; background-color: #cfe1ff; color: #3a3f48; font-size: 12.8px; line-height: 16px; /* font-weight: 600; */ padding: 3px 6px; border-radius: 3px; } .plan-c .plan-desc .list-data{ display: block; padding: 0; margin: 0; } .plan-c .plan-desc .list-data li{ display: block; margin: 4px 0 0 0; background-color: #cfe1ff; color: #3a3f48; font-size: 12.8px; line-height: 16px; font-weight: 600; padding: 3px 6px; border-radius: 3px; } .plan-c .plan-desc .list-data li:first-child{ margin: 0; } .plan-c .plan-desc .list-data li strong{ /* font-weight: 600; */ } .plan-c .plan-desc p{ font-size: 13.5px; /* font-weight: 600; */ color: #464646; } .plan-c .plan-prc{ display: flex; float: left; width: 170px; /* text-align: center; */ align-items: center; padding: 0 0 0 16px; border-left: 1px solid #ececec; } .plan-c .plan-prc .prc-box{ display: block; width: 100%; } .plan-c .plan-prc .prc-box .prc{ display: block; font-size: 24px; line-height: 26px; font-weight: 700; } .plan-c .plan-prc .prc-box .prc span{ font-size: 16px; font-weight: 600; } .plan-c .plan-prc .prc-box .valid{ display: block; font-size: 13px; line-height: 16px; font-weight: 600; color: #464646; } .plan-c .plan-prc .prc-box ul{ display: block; padding: 0; margin: 8px 0 0 0; } .plan-c .plan-prc .prc-box ul li{ display: block; position: relative; padding: 0 0 0 10px; font-size: 13px; line-height: 14px; /* font-weight: 600; */ margin: 3px 0 0 0; } .plan-c .plan-prc .prc-box ul li:before{ content: ""; display: block; position: absolute; top: 5px; left: 0; width: 4px; height: 4px; background-color: #989898; border-radius: 100px; } .badge{ font-size: 80%; } .badge.badge-info{ background-color: #e632a8; } .badge.c-badge{ font-weight: 500; border-radius: 100px; } .plan-c .plan-prc .prc-box .btn{ margin: 16px 0 0 0; } .list:not(.active) .plan-c .plan-prc .prc-box .btn.btn-success, .list:not(.active) .plan-c .plan-prc .prc-box .btn.btn-warning, .list:not(.active) .plan-c .plan-prc .prc-box .btn.pink, .list:not(.active) .plan-c .plan-prc .prc-box .btn.purple{ display: none; } .membership-list .list .prc-radio{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer; } .membership-list .list .prc-radio:checked ~ .plan-c .plan-prc .prc-box .btn{ display: none; } .membership-list .list .prc-radio:checked ~ .plan-c .plan-prc .prc-box .btn.btn-success, .membership-list .list .prc-radio:checked ~ .plan-c .plan-prc .prc-box .btn.btn-warning, .membership-list .list .prc-radio:checked ~ .plan-c .plan-prc .prc-box .btn.pink, .membership-list .list .prc-radio:checked ~ .plan-c .plan-prc .prc-box .btn.purple{ display: inline-block; } .membership-list .list.active{ background-color: #e9f9e9; } .membership-list .list.active:before{ content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% - 2px); height: calc(100% - 2px); border: 2px solid #09ab14; border-radius: 14px; } .membership-list .list.active .plan-c .plan-prc{ border-color: #b8d8b8; } .plan-details{ display: block; width: 100%; } .plan-details h4{ display: block; font-size: 20px; line-height: 24px; font-weight: 500; margin: 0 0 6px 0; /* text-align: center; */ color: #5f5f5f; } .plan-details h2{ display: block; font-size: 36px; line-height: 40px; font-weight: 700; margin: 0 0 22px 0; /* text-align: center; */ } .plan-list{ display: block; } .plan-list h3{ display: block; font-size: 18px; line-height: 21px; font-weight: 600; margin: 0 0 16px 0; } .plan-list ul, .plan-desc .listing{ display: block; margin: 0; padding: 0; } .plan-list ul li, .plan-desc .listing li{ display: block; background: url('check.png') no-repeat 0 3px; background-size: 14px auto; margin: 8px 0 0 0; padding: 0 0 0 24px; font-size: 14px; line-height: 17px; /* font-weight: 600; */ color: #464646; } .plan-desc .listing{ padding: 10px 0 0 0; margin: 0; } .plan-desc .listing li{ margin: 3px 0 0 0; font-size: 13.5px; padding: 0 0 0 17px; background-size: 11px auto; background-position: 0 5px; } /* .gender-male, .gender-female{ background: url(../images/girl.png) no-repeat bottom 10px right 10px; background-size: 68px auto; } .gender-male{ background: url(../images/boy.png) no-repeat bottom 10px left 10px; } */ .c-modal-body .package-right{ display: flex; flex-flow: column; justify-content: space-between; order: 2; } .c-modal-body .package-left{ order: 1; } .plan-g-image{ width: 100%; text-align: right; } .plan-g-image img{ display: inline-block; vertical-align: top; width: 50px; height: auto; max-width: 100%;; } .thankyou-c{ display: flex; flex-flow: column; min-height: 294px; justify-content: flex-end; } .thankyou-box{ display: block; text-align: center; } .thankyou-foot{ display: block; margin: auto 0 30px 0; text-align: center; font-size: 14px; line-height: 17px; } .body_section.right-panel{ display: flex; flex-flow: column; flex: inherit; float: left; width: 288px; position: relative; /* max-width: 25%; */ padding: 68px 0 16px 0; background-color: #f5d76d; background-image: linear-gradient(to bottom right, #f1c72f, #f5d76d, #f1c72f); } .body_section.right-panel.p-t-16{ padding-top: 16px; } .body_section.right-panel.p-t-16 .scroll-inner{ padding-top: 52px; } /* .right-panel-toggle{ display: none; position: absolute; top: 50%; right: 100%; transform: translate(0,-50%); width: 38px; height: 200px; overflow: hidden; cursor: pointer; border-radius: 200px 0 0 200px; } .right-panel-toggle:before{ content: ""; display: block; width: 272px; height: 300px; background-color: #e4bc2b; position: absolute; top: 50%; left: 2px; transform: translate(0,-50%); z-index: 1; border-radius: 200px 0 0 200px; } .right-panel.dark .right-panel-toggle:before{ background-color: #ecca9f; } .right-panel.pink .right-panel-toggle:before{ background-color: #feb5c9; } .right-panel-toggle img{ display: block; width: 18px; position: absolute; top: 50%; left: 1px; transform: translate(0,-50%); z-index: 2; transition: 400ms; } .right-panel-toggle .txt{ display: block; position: absolute; top: 50%; transform: translate(0,-50%); right: 5px; width: 10px; z-index: 1; word-break: break-all; font-size: 14px; line-height: 13px; font-weight: 600; text-align: center; text-transform: uppercase; color: #000; } .right-panel-toggle .txt span{ display: inline-block; margin: 9px 0 0 0; vertical-align: top; } */ .body_section.right-panel.dark{ background-image: none; background-color: #f5dcbd; } .body_section.right-panel.pink{ background-image: none; background-color: #feb5c9; } .body_section.right-panel .scroll-area{ display: block; height: 100%; } .body_section.right-panel .scroll-inner{ display: flex; flex-flow: column; /* justify-content: space-between; */ padding: 0 16px; } .body_section.right-panel h5{ font-size: 14px; line-height: 16px; font-weight: 600; margin: 0; padding: 0; } /* .c-header{ display: flex; position: fixed; z-index: 9; align-items: center; top: 4px; right: 4px; padding: 6px 6px 6px 8px; border-radius: 20px 0 20px 0; background-color: rgba(255, 255, 255, 0.88); box-shadow: 0 1px 3px 0px rgba(56, 55, 121, 0.3); } .c-header .count{ display: flex; flex-flow: column; align-items: flex-start; padding: 0 12px 0 0; } .c-header .count .list{ display: inline-block; color: #424242; font-size: 14px; line-height: 16px; font-weight: 500; padding: 0; border-radius: 4px; margin: 4px 0 0 0; } .c-header .count .list:first-child{ margin: 0; } .n-user{ display: flex; cursor: pointer; margin-left: auto; } .n-user .details{ display: block; float: left; width: 100%; flex: 1; padding: 0 8px 0 0; text-align: center; } .n-user .details .nm{ display: block; color: #222; font-size: 18px; line-height: 22px; font-weight: 700; } .n-user .details .badge{ font-weight: 500; padding-top: 0.2em; padding-bottom: 0.2em; } .n-user .details .badge-danger{ background-color:#fe182e; } .n-user .photo{ display: block; float: left; width: 44px; height: 44px; border-radius: 100px; overflow: hidden; } .n-user .photo img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; } */ .r-subj-listing{ display: block; width: 100%; } .r-subj-listing .r-subj-list{ display: flex; flex-wrap: wrap; margin: 10px 0 0 0; } .r-subj-listing .r-subj-list:first-child{ margin: 0; } .r-subj-list .tl{ display: block; float: left; color: #fff; font-size: 13px; line-height: 15px; padding: 3px 6px; min-width: 110px; text-align: center; background-color: #f86a40; } .r-subj-list .r-subj-box{ display: block; width: 100%; padding: 4px 8px; border: 1px solid #f86a40; } .r-subj-info{ display: block; color: #000; font-size: 18px; line-height: 18px; font-weight: 600; } .r-subj-info.total{ font-size: 24px; line-height: 24px; } .r-subj-info span{ display: inline-block; font-size: 12px; font-weight: 500; } .r-subj-info-rw{ display: flex; flex-wrap: wrap; margin: 0 -8px; } .r-subj-info-rw .colm{ display: block; float: left; width: 50%; padding: 3px 8px; } .new-mock-exam{ display: block; margin: 0 0 14px 0; text-align: center; } .new-mock-exam:not(:first-child){ margin: 14px 0 0 0; } /* .new-mock-exam:first-child{ margin: 0; } */ .new-mock-exam h2{ display: block; color: #000; font-size: 24px; line-height: 28px; font-weight: 700; margin: 0; } .new-mock-exam img{ display: inline-block; vertical-align: top; max-width: 176px; margin: 10px 0 0 0; } .new-mock-exam img:first-child{ margin: 0; } .new-mock-exam.sm img{ max-width: 150px; } .new-mock-exam .tl{ display: block; margin: 12px 0 0 0; font-size: 14px; color: #000; font-weight: 600; } .new-mock-exam .mock-list{ display: flex; flex-wrap: wrap; justify-content: space-around; margin: 4px -6px 0 -6px; padding: 0; } .new-mock-exam .mock-list.center{ justify-content: center; } .new-mock-exam .mock-list li{ display: block; float: left; padding: 5px; } .new-mock-exam .buttonset{ margin: 10px 0 0 0; } .new-mock-exam .btn-c{ display: inline-block; vertical-align: top; margin: 0 3px; } .new-mock-exam .btn{ border-radius: 8px; font-weight: 500; box-shadow: 0 0 4px 1px rgba(98, 34, 238,0.4) !important; margin: 0 3px; line-height: 1.3; } .new-mock-exam .btn-c .btn{ margin: 0; font-size: 14px; padding: 1px 10px 4px 10px; } .new-mock-exam .btn img{ display: inline-block; vertical-align: top; filter: brightness(1) invert(1); height: 16px; width: auto; position: relative; top: 3px; margin: 0 2px 0 0; } /* .new-mock-exam .btn-c .txt{ display: block; font-size: 12px; line-height: 13px; font-weight: 600; letter-spacing: 0.2px; margin: 5px 0 0 0; text-align: center; } */ .new-mock-exam .btn-c .txt{ display: block; font-size: 11px; line-height: 13px; font-weight: 500; letter-spacing: 0.2px; margin: 3px 0 0 0; text-align: center; } .mock-exam-btn{ display: block; position: relative; margin: 0; padding: 0; } .mock-exam-btn span{ display: block; background-color: #fff; color: #000; box-shadow: 0 2px 4px 0 rgba(98, 34, 238,0.3) !important; font-size: 11px; line-height: 16px; font-weight: 600; padding: 3px 7px; border-radius: 6px; position: relative; z-index: 1; } .mock-exam-btn input{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; cursor: pointer; } .mock-exam-btn input:checked ~ span{ color: #fff; background-color: #fd636a; } .buttonset { margin: 10px 0 0 0; } .body_section.mockExam{ display: flex; flex-flow: column; height: 100%; padding: 0; } .mockExam-scroll-inner{ display: block; padding: 24px; } .page-tl{ display: flex; flex-wrap: wrap; align-items: center; font-size: 34px; line-height: 38px; color: #000; font-weight: 700; margin: 0 0 16px 0; } .page-tl .b-arrow{ display: inline-block; vertical-align: middle; height: 22px; width: auto; transform: rotate(180deg); margin: 0 16px; } .page-tl-info{ display: flex; flex-wrap: wrap; margin: 6px 0 0 0; } .page-tl-info .info-list{ display: block; float: left; font-size: 17px; line-height: 21px; font-weight: 600; margin: 0; } .page-tl-info .info-list:not(:last-child){ margin: 0 24px 0 0; } .page-tl .info{ display: flex; justify-content: center; align-items: center; cursor: pointer; background-color: #fff; border-radius: 100px; width: auto; margin: 0 0 0 10px; color: #6222ee; font-size: 13px; line-height: 15px; font-weight: 600; padding: 3px 3px 3px 8px; border: 1px solid #6222ee; transition: 500ms; } .page-tl .info.m-l-auto{ margin-left: auto; } .page-tl .info img{ display: block; width: 16px; height: auto; margin: 0 0 0 4px; transition: 500ms; } .page-tl .info:hover{ background-color: #6222ee; color: #fff; } .page-tl .info:hover img{ filter: brightness(0) invert(1); } .exam-tags{ display: flex; flex-wrap: wrap; } .exam-tags .tag{ display: block; float: left; margin: 8px 8px 0 0; color: #fff; font-size: 13px; line-height: 17px; padding: 2px 12px; border-radius: 0 12px 0 12px; background-color: #40a4f8; border: 1px solid #468af6; } .exam-tags .txt{ display: block; float: left; margin: 8px 8px 0 0; color: #000; font-size: 15px; line-height: 23px; padding: 0; } .mock-exam-boards{ display: block; margin: 24px 0 0 0; } .mock-exam-boards > .rw{ display: flex; flex-wrap: wrap; margin: 0 -10px; } .mock-exam-boards > .rw > .colm{ display: block; float: left; padding: 10px; width: 50%; } .mock-exam-board{ display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #fff; padding: 20px 16px 16px 16px; border-radius: 16px; height: 100%; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.07); position: relative; } .mock-exam-board .board-id{ display: block; position: absolute; top: -11px; left: 16px; background-color: #ffffff; color: #444444; padding: 2px 6px; font-size: 13px; line-height: 15px; border-radius: 100px; text-align: center; min-width: 68px; border: 1px solid #dadada; } .mock-exam-board .head{ display: flex; align-items: flex-start; width: 100%; } .mock-exam-board .tags{ display: flex; flex-wrap: wrap; order: 2; justify-content: flex-end; margin-left: auto; padding: 0 0 0 4px; /* min-width: 136px; */ min-width: 60px; } .mock-exam-board .tags .tag{ display: block; float: left; background-color: #b4bafa; border: 1px solid #9a98f8; color: #2b2b2b; font-size: 13px; line-height: 15px; padding: 1px 5px; border-radius: 4px; margin: 0 0 6px 6px; white-space: nowrap; } .mock-exam-board .tags .type{ display: block; float: left; } .mock-exam-board .tags .type img{ display: block; height: 20px; width: auto; opacity: 0.68; } .mock-exam-board .tags .offline, .mock-exam-board .tags .online{ display: block; float: left; padding: 0 0 0 12px; position: relative; font-size: 13px; line-height: 15px; color: #009011; font-weight: 500; } .mock-exam-board .tags .offline:before, .mock-exam-board .tags .online:before{ content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 8px; height: 8px; background-color: #00b515; border-radius: 100px; } .mock-exam-board .tags .offline{ color: #7d7979; } .mock-exam-board .tags .offline:before{ background-color: #cacae4; } .mock-exam-board .tl-box{ display: block; margin-top: -2px; } .mock-exam-board .tl-box h3{ display: block; font-size: 17px; line-height: 20px; font-weight: 600; margin: 0; } .mock-exam-board .tl-box .tm{ display: block; color: #969191; font-size: 14px; line-height: 16px; margin: 1px 0 0 0; } .mock-exam-board .info-row{ display: flex; flex-wrap: wrap; flex-flow: row; flex: 1; margin: 0 -5px; padding: 12px 0 0 0; } .mock-exam-board .info-row .colm-l{ display: block; float: left; width: 100%; flex: 1; padding: 0 5px; } .mock-exam-board .info-row .colm-r{ display: flex; align-items: center; /* justify-content: space-between; */ flex-flow: column; width: 86px; padding: 0 5px; } .mock-exam-board .progress-box{ display: block; width: 66px; position: relative; } .mock-exam-board .progress-box .progress-c{ display: block; position: relative; background-color: #f4f4f4; width: 66px; height: 66px; border-radius: 100px; } .mock-exam-board .progress-box .progress-circle, .mock-exam-board .progress-box .progress-circle svg{ width: 66px !important; height: 66px !important; } /* .mock-exam-board .progress-box img{ display: block; width: 100%; height: auto; } */ .mock-exam-board .progress-box .n{ display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% - 10px); height: calc(100% - 10px); background-color: #fff; border-radius: 100px; font-size: 17px; line-height: 26px; font-weight: 400; } .mock-exam-board .btn-xs{ font-size: 11px; line-height: 13px; min-height: 17px; padding: 3px 10px 4px 10px; margin: 18px 0 0 0 !important; word-break: break-word; white-space: inherit; } .mock-exam-board .text-row{ display: flex; flex-wrap: wrap; margin: 0 -6px; } .mock-exam-board .text-row .text-colm{ display: block; float: left; width: 53%; padding: 0 6px 12px 6px; } .mock-exam-board .text-row .text-colm:not(.full):nth-child(odd){ width: 47%; } .mock-exam-board .text-row .text-colm.full{ width: 100%; } .mock-exam-board .info{ display: block; } .mock-exam-board .info .tl{ display: block; color: #969191; font-size: 13px; line-height: 15px; margin: 0; } .mock-exam-board .info .txt{ display: block; font-size: 14.5px; line-height: 17px; font-weight: 600; margin: 2px 0 0 0; } .mock-exam-board .btnset{ display: block; text-align: center; } .left-panel-user{ display: flex; justify-content: center; padding: 0 16px; } .left-panel-user .user{ display: flex; } .left-panel-user .user .menuImg{ display: block; float: left; margin: 0; width: 42px; height: 42px; object-fit: cover; border-radius: 100px; border: 1px solid #fd8f8f; padding: 4px; } .left-panel-user .user .desc{ display: block; float: left; padding: 0 0 0 10px; } .left-panel-user .user .desc .select-student{ margin: 5px 0 0 0 !important; } .mock-exam-board .info .card-topics{ display: flex; flex-wrap: wrap; margin: 0; padding: 2px 0 0 0; } .mock-exam-board .info .card-topics .topic, .mock-exam-board .info .card-topics .more-topic{ display: block; float: left; color: #468af6; font-size: 10.6px; line-height: 15px; padding: 1px 6px; background-color: #ffffff; border: 1px solid #468af6; margin: 3px 3px 0 0; border-radius: 100px; max-width: calc(50% - 3px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; } .mock-exam-board .info .card-topics .more-topic{ border-radius: 100px; background-color: #468af6; color: #fff; border: none; line-height: 18px; cursor: pointer; } .assessment-box{ display: block; padding: 0 60px 34px 60px; margin: 24px 0 0 0; border-bottom: 1px solid #dedbdd; } .assessment-box .rw{ display: flex; flex-wrap: wrap; } .assessment-box-left{ display: flex; flex-flow: column; justify-content: flex-end; width: 262px; max-width: 262px; } .assessment-box-right{ display: block; float: left; margin-left: auto; } .mark-list-c{ display: block; width: 100%; } .mark-list-c h2{ display: block; color: #000; font-size: 20px; line-height: 24px; font-weight: 700; margin: 0 0 4px 0; } .mark-list-c .mark-list{ display: block; color: #969191; font-size: 15px; line-height: 19px; margin: 0; padding: 10px 0; border-bottom: 1px solid #eaeaee; } .mark-list-c .mark-list:last-child{ border: none; } .mark-list-c .mark-list.lg{ font-size: 17px; } .mark-list-c .mark-list span{ display: inline-block; color: #000; font-size: 20px; font-weight: 600; min-width: 50px; } .mark-list-c .mark-list.lg span{ font-size: 25px; } .btn-msg{ display: block; text-align: center; color: #5f5c5c; margin: 8px 0 0 0; font-size: 14px; line-height: 15px; font-weight: 600; } .performance-status{ display: block; margin: 18px 0 0 0; counter-reset: counter; } .performance-status:first-child{ margin: 0; } .performance-status .list{ display: block; margin: 7px 0 0 0; padding: 0 0 0 24px; position: relative; } .performance-status .list:first-child{ margin: 0; } .performance-status .list.with-check{ padding-left: 44px; } .performance-status .list .check{ display: block; position: absolute; top: 1px; left: 0; } .performance-status .list .check input{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; cursor: pointer; opacity: 0; } .performance-status .list .check .ico{ display: block; width: 16px; height: 16px; background-color: #fff; border: 1px solid #707070; transition: 400ms; } .performance-status .list .check .ico:before{ content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; /* background: url(../images/svg/check.svg) no-repeat center center; */ background: url('check-white.svg') no-repeat center center; background-size: 10px auto; transition: 400ms; opacity: 0; visibility: hidden; } .performance-status .list .check input:checked ~ .ico{ border-color: #0375d6; background-color: #1b91f5; } .performance-status .list .check input:checked ~ .ico:before{ opacity: 1; visibility: visible; } .performance-status .list .check.disable input{ cursor: no-drop; } .performance-status .list .check.disable, .performance-status .list .check.disable ~ .tl, .performance-status .list .check.disable ~ .status{ opacity: 0.5; cursor: no-drop; } .performance-status .list .tl{ display: block; font-size: 15px; line-height: 17px; color: #000; font-weight: 500; margin: 0 0 1px 0; position: relative; } .performance-status > .list > .tl:before{ counter-increment: counter; content: counter(counter); position: absolute; top: 0; left: -24px; } .performance-status:not(.with-sub) > .list > .tl:before{ content: counter(counter) ". "; } .performance-status .list .status{ display: flex; flex-flow: column; min-height: 26px; justify-content: center; max-width: 100%; padding: 0 36px 0 0; } .performance-status .list .status-bar{ display: block; float: left; height: 8px; background-color: #c9c128; position: relative; } .performance-status .list .status-value{ display: flex; position: absolute; top: 50%; right: -36px; transform: translate(0,-50%); width: 30px; height: 30px; align-items: center; justify-content: center; background-color: #c9c128; border-radius: 100px; color: #fff; font-size: 11px; margin: 0; } .performance-status .list .status-bar.success, .performance-status .list .success .status-value{ background-color: #08ad08; } .performance-status .list .status-bar.warning, .performance-status .list .warning .status-value{ background-color: #f58600; } .performance-status .list .status-bar.danger, .performance-status .list .danger .status-value{ background-color: #ff0000; } .exam-topics{ display: block; margin: 14px 0 0 0; } .performance-status.with-sub > .list > .tl:before{ color: #fff; background-color: #6222ee; height: 18px; width: 18px; border-radius: 100px; font-size: 12px; line-height: 18px; text-align: center; z-index: 2; } .performance-status.with-sub .list .sub-status{ display: block; margin-left: -24px; } .performance-status.with-sub .list .sub-status .status{ min-height: 22px; } .performance-status.with-sub .list .sub-status .status-bar{ height: 4px; } .performance-status.with-sub .list .sub-status .status-value{ width: 22px; height: 22px; font-size: 8px; right: -34px; } .performance-status.with-sub .sub-status .list{ margin: 0; position: relative; } .performance-status.with-sub .sub-status .list:before{ content: ""; display: block; position: absolute; bottom: 100%; left: 9px; top: auto; z-index: 1; width: 2px; height: calc(100% + 2px); border-left: 1px solid #6222ee; margin: 0 0 -4px 0; } .performance-status.with-sub .sub-status .list .tl{ font-size: 13px; line-height: 15px; margin: 0; } .performance-status.with-sub .sub-status .list .tl:before{ content: ""; display: block; position: absolute; top: 3px; left: -19px; z-index: 2; width: 9px; height: 9px; background-color: #b389d2; border-radius: 100px; } .no-mockdata, .no-assessmentdata{ display: flex; flex-flow: column; align-items: center; justify-content: center; min-height: 400px; } .no-mockdata h3, .no-assessmentdata h3{ /* font-size: 20px; */ font-size: 1.5vw; font-weight: 600; margin: 0 0 24px 0; } .no-mockdata img, .no-assessmentdata img{ display: block; width: auto; max-width: 78%; } .no-assessmentdata img{ max-width: 70%; } .px-30{ padding-left: 30px; padding-right: 30px; } /* SMALL DEVICE NOT SUPPORT MESSAGE */ .small-device-message{ display: none; min-height: 100%; justify-content: center; align-items: center; flex-flow: column; padding: 28px 24px; } .small-device-message img{ display: block; width: 82px; height: auto; /* opacity: 0.5; */ } .small-device-message .msg{ display: block; text-align: center; margin: 24px 0 0 0; font-size: 20px; line-height: 26px; font-weight: 500; } .small-device-message .msg span{ display: block; font-size: 56px; line-height: 60px; font-weight: 600; margin: 0 0 12px 0; color: #737373; } .small-device-message .msg .btnset{ display: block; text-align: center; margin: 30px 0 0 0; } .small-device-login{ display: none; } .small-device-message{ display: flex; } .small-device-login.showNow{ display: flex; flex-flow: column; } .small-device-message.hideNow{ display: none; } /* PRINT PAGE CSS START */ body.print-page, body.print-answer-sheet{ height: auto; } .print-page .main_Body_Area, .print-page .content-wraper, .print-page .page-container .q-area, .print-answer-sheet .main_Body_Area, .print-answer-sheet .content-wraper, .print-answer-sheet .page-container .q-area, .print-answer-sheet .ans-preview-area{ height: auto; } .print-answer-sheet .page-header{ position: fixed; left: 0; top: 0; width: 100%; background: #fff; z-index: 3; } .print-answer-sheet .page-container { padding: 44px 0 0 0; } .print-page .text-qa .desC{ max-width: 100%; padding: 0; } .print-page .text-qa .desC:before, .print-page .page-container .q-box .q-number, .print-page .page-container .q-marks{ display: none; } .print-page .q-help-box.parent{ margin: 28px 0 0 0 !important; box-shadow: none; /* border: 1px solid #dfe6ef; */ } .print-page .q-suggestion{ margin: 12px 0 0 0 !important; } .print-page .q-help-box .help-steps{ padding: 0; } .print-page .q-help-box .help-steps .step-container:not(:first-child){ margin: 28px 0 0 0; } .print-page .q-suggestion-list{ padding: 0px !important; background-color: #fff; border-radius: 14px; /* border: 1px solid #dfe6ef !important; */ /* box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.09); */ } .print-page .q-suggestion-list .mq-number{ display: block; color: #212529; font-size: 20px; line-height: 26px; font-weight: 600; margin: 0 0 16px 0; } .print-page .q-help-box.main-s .help-steps .step-container, .print-page .q-help-box.main-q .help-steps .step-container, .print-page .page-container .q-box{ padding: 0; } .print-page .text-qa .desC .bx{ padding: 0; background: transparent; } .print-page .q-help-box .help-steps .step-container .ans-sec { margin: 10px 0 0 0; } .print-page .q-help-box .help-steps .step-container .ans-sec .radio-ans{ margin: 8px 0 0 0; } .print-page .q-help-box .help-steps .step-container .ans-sec .radio-ans .txt{ padding: 0 0 0 34px; background: transparent; min-height: 1px; } .print-page .radio-ans .txt .num{ background: transparent; color: #383636; height: auto; width: auto; left: 0; top: -1px; } .print-page .radio-ans .txt .num, .print-page .q-help-box .help-steps .step-container .ans-sec .radio-ans .txt{ font-size: 20px; line-height: 24px; color: #000000; font-weight: 500; } .print-page .q-help-box.main-q .help-steps .step-container .q-text, .print-page .q-help-box.main-s .help-steps .step-container .q-text, .print-page .q-help-box.main-q .help-steps .step-container .q-text *, .print-page .q-help-box.main-s .help-steps .step-container .q-text *{ font-size: 20px !important; line-height: 24px !important; font-weight: 500 !important; color: #000 !important; } .print-page .q-help-box.main-q .help-steps .step-container .q-text:not(:last-child), .print-page .q-help-box.main-s .help-steps .step-container .q-text:not(:last-child), .print-page .q-help-box.main-q .help-steps .step-container .q-text *:not(:last-child), .print-page .q-help-box.main-s .help-steps .step-container .q-text *:not(:last-child){ margin-bottom: 1rem; } .print-page .placeholder, .print-page mark{ background: transparent !important; } .print-page .q-suggestion .q-suggestion-list h2, .print-page .q-suggestion .q-suggestion-list h2 *{ font-size: 22px !important; line-height: 27px !important; } .print-page .q-suggestion .q-suggestion-list p, .print-page .q-suggestion .q-suggestion-list ul li, .print-page .q-suggestion .q-suggestion-list ol li, .print-page .q-suggestion .q-suggestion-list p *, .print-page .q-suggestion .q-suggestion-list ul li *, .print-page .q-suggestion .q-suggestion-list ol li *{ color: #000 !important; font-size: 18px !important; line-height: 30px !important; } .print-page .q-suggestion .q-suggestion-list ul li:before{ top: 12px; } .print-page .page-container .q-box h2 .image, .print-page .page-container .q-box .q-text .image, .print-page .q-help-box.main-q .help-steps .step-container .q-text .image, .print-page .q-help-box.main-s .help-steps .step-container .q-text .image, .print-page .q-suggestion .q-suggestion-list .image, .text-qa .image{ float: none !important; margin: 0 !important; } .print-page .step-ans-field .form-control{ max-width: 400px; } .print-page .q-help-box .help-steps .step-container .ans-sec .radio-ans .txt > img{ display: inline-block; } /* .print-page .text-qa .desC .bx *, .print-page .q-help-box .help-steps .step-container .q-text, .print-page .q-help-box .help-steps .step-container .ans-sec .radio-ans .txt, .print-page .radio-ans .txt .num, .print-page .q-suggestion-list .mq-number, .print-page .q-suggestion .q-suggestion-list *, .print-page .q-suggestion .q-suggestion-list ol li:before{ color: #000; } */ /* PRINT PAGE CSS END */ .print-btn{ display: flex; justify-content: center; align-items: center; flex-flow: column; position: fixed; z-index: 1; bottom: 18px; right: 18px; border: none; outline: none; border-radius: 100px; padding: 0; width: 48px; height: 48px; background-color: #fff; color: #3663dc !important; font-size: 14px; line-height: 16px; font-weight: 600; text-decoration: none !important; box-shadow: 0 3px 6px 0px rgba(0,0,0,0.28); text-align: center; transition: 500ms; cursor: pointer; } .print-btn img{ display: block; width: 16px; height: auto; transition: 500ms; } .print-btn span{ display: block; } .print-btn:hover{ box-shadow: 0 3px 7px 0px rgba(0,0,0,0.48); background-color: #3663dc !important; color: #fff !important; } .print-btn:hover img{ filter: brightness(0) invert(1); } .n-reg-header{ display: none; width: 100%; padding: 0 0 24px 0; flex-flow: column; justify-content: center; } .n-reg-header .logo-ico{ display: block; width: 140px; height: auto; max-width: 100%; } .n-reg-header .text-list{ display: block; float: left; align-self: center; padding: 0; margin: 22px 0 0 0; color: #fff; } .n-reg-header .text-list li{ display: block; position: relative; padding: 0 0 0 24px; text-align: left; font-size: 14px; line-height: 16px; margin: 8px 0 0 0; } .n-reg-header .text-list li:first-child{ margin: 0; } .n-reg-header .text-list li img{ display: block; position: absolute; top: 0; left: 0; width: 16px; height: 16px; } .reg-panel .mob-text-footer{ display: none; padding: 0; text-align: center; font-size: 14px; line-height: 16px; font-weight: 600; margin: 24px 0 0 0; } .reg-panel .mob-text-footer a{ color: #613df5; margin-left: 6px; } .mob-form-tl{ display: none; font-size: 20px; font-weight: 600; color: #613df5; } .mob-form-tl small{ display: block; color: #495057; font-size: 13px; line-height: 17px; margin: 2px 0 0 0; } .frgt-area .space-mobile{ display: none; } .d-block{ display: block !important; width: 100%; } .show-mob, .show-mob-inline{ display: none; } .pdf-preview-page .text-q-container .q-right-info{ /* height: calc(100vh - 44px); */ height: calc(var(--screen-vh) - 48px); } .pdf-preview-page .row.no-gap{ height: 100%; } .pdf-preview-page .page-container{ padding-bottom: 0; } .q-preview-area, .ans-preview-area{ display: flex; flex-flow: column; padding: 10px; position: relative; } .q-preview-area{ /* height: calc(100vh - 44px); */ height: calc(var(--screen-vh) - 48px); } .ans-preview-area{ padding: 10px 0; height: 100%; } .ans-preview-area .scroll-area{ display: block; /* height: calc(100vh - 64px); */ height: 100%; } .ans-preview-area .scroll-inner{ display: block; padding: 0 10px; } .sec-download-btn{ display: block; position: absolute; top: 6px; right: 10px; } .q-preview-area:not(.no-bg){ background-color: #fff; } .q-preview-area .pdf-frame{ display: block; width: 100%; height: 100%; border: none; } .ans-paper{ display: block; padding: 16px 16px 24px 16px; border-radius: 14px; background-color: #fff; box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.09); } .ans-note{ display: block; font-size: 12px; line-height: 14px; margin: 0 0 12px 0; } .ans-note strong{ font-weight: 600; } .ans-paper .tl{ display: block; color: #2f2f2f; text-align: center; font-size: 24px; line-height: 28px; font-weight: 600; } .ans-paper .s-info{ display: block; margin: 24px 0 0 0; } .ans-paper .s-info .txt{ display: inline-block; vertical-align: top; padding: 0 14px 0 0; } .ans-paper .s-info .e-id{ float: right; } .ans-paper .s-info .list{ display: block; color: #2f2f2f; font-size: 16px; line-height: 20px; font-weight: 600; margin: 6px 0 0 0; } .ans-paper .s-info .list:first-child{ margin: 0; } .ans-paper .s-info .list small{ font-size: 14px; font-weight: 600; color: #545454; } .ans-listing{ display: block; margin: 24px 0 0 0; } .ans-listing .list{ display: flex; margin: 16px 0 0 0; } .ans-listing .list:first-child{ margin: 0; } .ans-listing .list .no{ display: block; float: left; color: #333333; font-size: 21px; line-height: 25px; font-weight: 600; } .ans-listing .list .no small{ font-size: 14px; font-weight: 600; margin: 0 2px 0 0; display: inline-block; vertical-align: middle; } .ans-listing .list .r-side{ display: inline-flex; flex-wrap: wrap; float: left; flex: 1; padding: 0 0 0 16px; } .ans-listing .check, .ans-listing .radio{ display: block; float: left; margin: 0 10px 0 0; position: relative; } .ans-listing .check input, .ans-listing .radio input{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .ans-listing .check .ico, .ans-listing .radio .ico{ display: block; width: 26px; height: 26px; border: 1px solid #5f5f5f; text-align: center; font-size: 14px; line-height: 22px; font-weight: 600; color: #5f5f5f; border-radius: 3px; } .ans-listing .radio .ico{ border-radius: 100px; } .ans-listing .check input:checked ~ .ico, .ans-listing .radio input:checked ~ .ico, .ans-listing .check .ico.active, .ans-listing .radio .ico.active{ background-color: #eaeaea; color: #3a3a3a; } .ans-listing .field{ display: block; width: 248px; max-width: 100%; background-color: #fff; border: 1px solid #5f5f5f; height: 30px; font-size: 14px; padding: 3px 8px; outline: none !important; box-shadow: none !important; border-radius: 4px; color: #5f5f5f; } /* .total-ans{ display: block; margin: 30px -8px 0 -8px; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } */ /* .total-ans .ans-listing{ display:inline-block; padding: 0 8px 16px 8px; margin: 0; width: 210px; min-height: 190px; } .total-ans .ans-listing .list{ margin: 8px 0 0 0; } .total-ans .ans-listing .list .no{ font-size: 16px; line-height: 22px; min-width: 38px; text-align: right; } .col-6 .total-ans .ans-listing .list .no.link{ color: #4876f0; text-decoration: none; cursor: pointer; } .col-6 .total-ans .ans-listing .list .no.link:hover{ text-decoration: underline; } .total-ans .ans-listing .list .r-side{ padding: 0 0 0 10px; } .total-ans .ans-listing .check, .total-ans .ans-listing .radio{ margin: 2px 5px 2px 0; } .total-ans .ans-listing .check:last-child, .total-ans .ans-listing .radio:last-child{ margin-right: 0; } .total-ans .ans-listing .check .ico, .total-ans .ans-listing .radio .ico{ font-size: 12px; line-height: 20px; width: 22px; height: 22px; } .total-ans .ans-listing .field{ height: 24px; font-size: 12px; padding: 2px 5px; max-width: 104px; } .total-ans .ans-listing .check.danger .ico, .total-ans .ans-listing .radio.danger .ico, .total-ans .ans-listing .check.wrong .ico, .total-ans .ans-listing .radio.wrong .ico, .total-ans .ans-listing .field.danger, .total-ans .ans-listing .field.wrong{ background-color: #ffe5e5; border-color: #f0524a; color: #f0524a; } .total-ans .ans-listing .check.success .ico, .total-ans .ans-listing .radio.success .ico, .total-ans .ans-listing .check.right .ico, .total-ans .ans-listing .radio.right .ico, .total-ans .ans-listing .field.success, .total-ans .ans-listing .field.right{ background-color: #e2fff0; border-color: #037d11; color: #037d11; } */ /* .ans-listing .field{ background-color: #e2fff0; border-color: #037d11; color: #037d11; } */ .solution-popup .mat-dialog-container{ padding-left: 0; padding-right: 0; position: relative; } .solution-popup .solution-data{ display: block; height: 400px; max-height: calc(var(--screen-vh) - 68px); } .solution-popup .inner-c{ padding: 0 24px; } .solution-popup .text-qa{ padding-left: 0; } .solution-popup .text-qa .desC:before{ display: none; } .only-answer{ max-width: 642px; margin: 0 auto; } /* .only-answer .ans-preview-area{ padding-top: 24px; } */ .only-answer .ans-preview-area .scroll-area{ /* height: calc(100vh - 48px); */ height: auto; } .r-panel-print{ display: block; text-align: center; padding: 0 0 20px 0; } .r-panel-print .btn{ display: inline-block; vertical-align: top; border-radius: 100px; width: 120px; max-width: 100%; } .inner-loader-c{ display: block; height: calc(var(--screen-vh) - 48px); padding: 10px; } .inner-loader-c.inner-loader-position-abs { position: absolute; top: 0; left: 0; width: 100%; } .inner-loader{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-height: 100%; } .loader-card{ display: block; padding: 30px 24px 24px 24px; border-radius: 14px; background-color: #fff; box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.09); width: 430px; max-width: 100%; text-align: center; } .loader-card .error-img{ display: block; text-align: center; } .loader-card .error-img img{ display: inline-block; vertical-align: top; width:300px; max-width: 100%; } .loader-card p{ display: block; text-align: center; margin: 16px 0 0 0; font-size: 15.4px; line-height: 22px; color: #484848; } .loader-card p strong{ font-weight: 600; color: #5759f9; font-size: 17px; } .loader-card .btns{ display: block; margin: 24px 0 0 0; } .loader-card .btns .btn{ font-weight: 500; } .saved-card{ display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 1rem; } .saved-card .rdo{ display: block; float: left; margin: 0; padding: 0; position: relative; cursor: pointer; } .saved-card .rdo input{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .saved-card .rdo .ico{ display: block; width: 10px; height: 10px; border: 2px solid #4663db; background-color: #fff; border-radius: 100px; } .saved-card .rdo input:checked ~ .ico{ background-color: #4663db; } .saved-card .card-info{ display: block; float: left; flex: 1; max-width: 300px; padding: 0 0 0 18px; } .saved-card .card-info .bx{ display: block; background-color: #000092; padding: 8px 10px; border-radius: 10px; border: 2px solid #14f6e7; } .saved-card .card-info .bx .top-sec, .saved-card .card-info .bx .bot-sec{ display: flex; flex-wrap: wrap; } .saved-card .card-info .bx .bot-sec{ align-items: center; } .saved-card .card-info .bx .bot-sec:not(:first-child){ margin: 8px 0 0 0; } .saved-card .card-info .bx .top-sec .no{ display: block; float: left; flex: 1; padding: 0 10px 0 0; color: #fff; font-size: 13px; line-height: 15px; } .saved-card .card-info .bx .top-sec .txt{ display: block; float: left; color: #fff; font-size: 11px; line-height: 12px; } .saved-card .card-info .bx .bot-sec .txt{ display: block; float: left; flex: 1; padding: 0 10px 0 0; color: #fff; font-size: 12px; line-height: 14px; } .saved-card .card-info .bx .bot-sec .card-logo{ display: block; float: left; } .saved-card .card-info .bx .bot-sec .card-logo img{ display: block; height: 18px; width: auto; } .radiobtnsarea{ column-count: 6; -webkit-column-gap: 10px; -moz-column-gap: 10px; grid-column-gap: 10px; column-gap: 10px; padding: 22px 60px 22px 0;} .radiobtnsarea article{margin-bottom:24px; width: 164px; display:inline-block;} @media print { .print-btn{ display: none; } .print-page .page-container .q-area .scroll-area, .page-container .q-right-panel .scroll-area{ width: 1200px; max-width: 100%; } .break-c{page-break-after: always;} .help-steps .step-container{page-break-inside: avoid;} .sec-download-btn{ padding: 20px 0; } .ans-preview-area .sec-download-btn{ display: none; } .print-answer-sheet .page-header{ /* display: none; */ box-shadow: none; } .print-answer-sheet .page-header .math-back-btn, .print-answer-sheet .page-header .user{ display: none; } /* .print-answer-sheet .page-container{ padding-top: 0; } */ .only-answer{ max-width: 100%; width: 100%; } .only-answer .total-ans .ans-listing{ width: 230px; } .only-answer .total-ans .ans-listing .check .ico, .only-answer .total-ans .ans-listing .radio .ico{ font-size: 16px; line-height: 22px; width: 26px; height: 26px; } .only-answer .total-ans .ans-listing .field{ height: 26px; } .only-answer .total-ans .ans-listing .list .no{ font-size: 19px; line-height: 26px; } .only-answer .total-ans .ans-listing .field{ max-width: 118px; } } body .print-card:not(.p-0), .print-page .q-suggestion-list.print-card:not(.p-0){ padding-left: 8px !important; padding-right: 8px !important; } .otp-form, .otp-box{ display: block; float: left; width: 320px; max-width: 320px;; } .resendOTP, .resend{ display: block; margin: 16px 0 0 0; } .resendOTP .tm, .resend .tm{ font-size: 15px; color: #ff0000; } .lead2 { font-size: 14px; font-weight: 400; line-height: 18px; margin: 4px 0 0 0; } .otp-phone{ display: block; font-size: 16px; line-height: 22px; font-weight: 600; margin: 24px 0 0 0; letter-spacing: 0.4px; } .otp-field .form-group{ max-width: 202px; margin-left: auto; margin-right: auto; background-image: linear-gradient(to left, #1b91f5 80%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 34px 2px; background-repeat: repeat-x; background-position-x: 28px; padding: 0 0 2px 0; } .otp-field .form-group .form-control{ height: 38px; border-radius: inherit; width: 214px; text-align: left; margin: 0; padding: 0 0 0 8px; font-size: 22px; color: #047de4; font-weight: 600; letter-spacing: 22px; border: none; overflow: hidden; background-color: #ffffff; } .otp-field .form-group .form-control::last-letter { color: red; font-size: 35px; } .otp-field .form-group.error{ background-image: linear-gradient(to left, #ff6257 80%, rgba(255, 255, 255, 0) 0%); } .otp-field .form-group.error .form-control{ color: #ff6257; } .resend{ display: block; margin: 14px 0 0 0; font-size: 13.4px; } .resend a{ display: inline-block; vertical-align: top; font-weight: 600; } .text-link{ display: block; margin: 84px 0 0 0; font-size: 13.4px; } .text-link a{ display: inline-block; vertical-align: top; } .new-otp-field .otp-input{ background: transparent !important; margin: 0 7px 0 0 !important; width: 36px !important; height: 40px !important; border: none !important; border: 1px solid #613df5 !important; border-radius: 10px !important; color: #613df5 !important; outline: none !important; font-size: 22px !important; line-height: 24px !important; font-weight: 600 !important; padding: 4px 2px !important; /* border: none; */ box-shadow: 0 0 3px rgba(97, 61, 245, 0.5); } .new-otp-field .otp-input:last-child{ margin: 0 !important; } .new-otp-field.error .otp-input{ border-color: #ff6257 !important; color: #ff6257 !important; } /* .content-wraper, .mainNavContainer, .body_section.subjectTo, .body_section.bg_Gray{ background-color: #e8e7eb !important; } */ /* .c-rating{ display: inline-block; vertical-align: top; width: 54px; height: 16px; position: relative; background: url(../images/rating-star.png) repeat-x 0 0; } .c-rating .fill{ display: block; position: absolute; top: 0; left: 0; height: 100%; background: url(../images/rating-star.png) repeat-x 0 -16px; } */ .c-progress{ display: block; width: 100%; height: 6px; position: relative; background-color: #d1dafd; } .c-progress .fill{ display: block; position: absolute; top: 0; left: 0; height: 100%; background-color: #4c24f3; } .subj-main-c{ display: block; height: var(--screen-vh); overflow: auto; position: relative; } .subj-main-c .back{ display: block; position: fixed; top: 6px; left: 6px; z-index: 2; } .subj-wrap{ display: block; max-width: 830px; margin: 0 auto; padding: 34px 15px; } .subj-header{ display: flex; flex-flow: column; flex-wrap: wrap; justify-content: center; align-items: center; } .subj-header:not(:last-child){ margin: 0 0 34px 0; } .subj-header h2{ display: block; text-align: center; color: #000; font-size: 26px; line-height: 28px; font-weight: 600; } .subj-header h2:last-child{ margin: 0; } .subj-header h2 img{ display: inline-block; vertical-align: top; margin: 0 6px 0 0; height: 26px; width: auto; } /* .subj-body{ display: block; } */ /* .subj-lists{ display: block; margin: 8px 0 0 0; height: calc(100vh - 76px); } */ .subj-lists .ng-scroll-content{ /* padding-right: 12px; */ padding: 0; } .credits{ display: inline-flex; flex-wrap: wrap; border: 1px solid #ab05f2; border-radius: 6px 0px 0px 6px; } .credits .credit-text{ display: flex; flex-wrap: wrap; align-items: center; float: left; background-color: #ab05f2; color: #fff; padding: 5px 10px; font-size: 16px; line-height: 23px; font-weight: 400; } .credits .credit-text img{ display: block; float: left; margin: 0 8px 0 0; } .credits .credit-no{ display: block; float: left; padding: 5px 10px; font-size: 18px; line-height: 22px; font-weight: 600; } .doubts-page-head{ display: flex; flex-wrap: wrap; align-items: center; padding: 0; height: 88px; } .doubts-chat-section{ display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 1200px; } .doubts-chat-section .left-sec{ display: block; float: left; background-color: #fff; padding: 40px 0 30px 0; max-width: 40%; flex: 0 0 40%; border-radius: 20px 0 0 20px; position: relative; } .doubts-chat-section .right-sec{ display: block; float: left; background-color: #e9eaf4; max-width: 60%; flex: 0 0 60%; border-radius: 0 20px 20px 0; } .doubts-chat-section .add-doubts{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; top: 7px; right: 5px; min-width: 32px; height: 26px; background-color: #2528e6; box-shadow:0 3px 4px 0px rgba(4, 7, 177 , 0.32); border-radius: 100px; transition: 500ms; cursor: pointer; padding: 0 12px; color: #fff; font-size: 14px; line-height: 20px; } .doubts-chat-section .add-doubts img{ display: block; width: 12px; height: auto; transition: 500ms; margin: 0 3px 0 0; } .doubts-chat-section .add-doubts .txt{ display: block; float: left; padding: 0; /* width: 0px; */ transition: 500ms; overflow: hidden; /* white-space: nowrap; */ } /* .doubts-chat-section .left-sec:hover .add-doubts{ top: 6px; opacity: 1; visibility: visible; } */ .doubts-chat-section .add-doubts:hover{ background-color: #585afd; /* padding: 0 10px; */ } /* .doubts-chat-section .add-doubts:hover img{ width: 14px; } .doubts-chat-section .add-doubts:hover .txt{ padding: 0 0 0 6px; width: 80px; text-align: left; } */ .doubts-list-c{ display: block; position: relative; /* height: calc(100vh - 168px); */ height: calc(var(--screen-vh) - 168px); } .doubts-list{ display: block; margin: 0; padding: 0 36px 0 24px; } .doubts-list li{ display: block; } .doubts-list li:not(:first-child){ margin: 16px 0 0 0; } .doubts-list li .list-box{ display: block; background-color: #f0f2f8; border: 1px solid #f0f2f8; border-radius: 16px; padding: 14px 18px 14px 36px; min-height: 104px; transition: 500ms; position: relative; } .doubts-list li .list-box:hover{ text-decoration: none; border-color: #579cee; } .doubts-list li .list-box.active{ border-color: #82f4fd; background-color: #82f4fd; /* border-radius: 16px 0 0 16px; */ } .doubts-list li .list-box:before, .doubts-list li .list-box:after{ content: ""; display: block; position: absolute; left: calc(100% - 1px); bottom: 50%; border-top: 44px solid transparent; border-left: 36px solid #82f4fd; opacity: 0; transition: 500ms; } .doubts-list li .list-box:after{ bottom: auto; top: 50%; border-top: none; border-bottom: 44px solid transparent; } .doubts-list li .list-box.active:before, .doubts-list li .list-box.active:after{ opacity: 1; } .doubts-list li .list-box .top-sec{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .doubts-list li .list-box .top-sec .left{ display: flex; flex-wrap: wrap; float: left; } .doubts-list li .list-box .top-sec .left:not(:last-child){ padding: 0 16px 0 0; } .doubts-list li .list-box .top-sec .tag{ display: block; float: left; background-color: #4c24f3; color: #fff; font-size: 12px; line-height: 14px; font-weight: 600; padding: 2px 6px; margin: 0 6px 0 0; border-radius: 6px 0; } .doubts-list li .list-box .top-sec .tag.open{ background-color: #f3246c; } .doubts-list li .list-box .top-sec .tag.id{ background-color: #000000; } .doubts-list li .list-box .top-sec .tag.close{ background-color: #009011; } .doubts-list li .list-box .top-sec .time{ display: block; float: left; font-size: 12px; line-height: 13px; font-weight: 600; color: #2f2f2f; text-align: center; min-width: 64px; } .doubts-list li .list-box .bottom-sec{ display: flex; flex-wrap: wrap; flex-flow: row; justify-content: space-between; margin: 10px 0 0 0; } .doubts-list li .list-box .bottom-sec .left{ display: block; float: left; width: calc(100% - 22px); flex: 1; } .doubts-list li .list-box .bottom-sec .left:not(:last-child){ padding: 0 16px 0 0; } .doubts-list li .list-box .bottom-sec h3{ display: block; color: #222; font-size: 17px; line-height: 22px; font-weight: 700; margin: 0; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .doubts-list li .list-box .bottom-sec .right{ display: flex; flex-wrap: wrap; justify-content: center; float: left; text-align: center; width: 22px; } .doubts-list li .list-box .bottom-sec .notify{ display: block; float: left; min-width: 22px; height: 22px; background-color: #7084f5; color: #fff; font-size: 14px; line-height: 21px; font-weight: 600; border-radius: 100px; } .chat-container{ display: block; padding: 30px 0 12px 0; } /* .chat-header{ display: flex; flex-wrap: wrap; margin: 16px 0 0 0; } .chat-header .ask-q-click{ display: flex; float: left; background-color: #6b05fe; color: #fff; font-size: 15px; line-height: 18px; font-weight: 600; padding: 7px 12px; border-radius: 10px; cursor: pointer; } */ .no-chat-section{ display: none; flex-wrap: wrap; padding: 40px 16px; justify-content: center; } .no-chat-section .msg-box{ display: block; max-width: 400px; background-color: #fff; padding: 24px; border-radius: 6px; text-align: center; } .no-chat-section .msg-box p{ display: block; font-size: 15px; line-height: 21px; font-weight: 600; margin: 0; color: #404040; } .no-chat-section .msg-box .buttonset{ display: block; margin: 16px 0 0 0; } .no-chat-section .msg-box .buttonset .add-doubts{ position: static; display: inline-flex; } .doubts-chat-section .left-sec .panel-toggle{ display: none; position: absolute; top: 50%; left: 100%; transform: translate(0,-50%); width: 38px; height: 200px; overflow: hidden; cursor: pointer; border-radius: 0 200px 200px 0; } .doubts-chat-section .left-sec .panel-toggle:before{ content: ""; display: block; width: 272px; height: 300px; background-color: #e4bc2b; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); z-index: 1; border-radius: 0 200px 200px 0; } .doubts-chat-section .left-sec .panel-toggle img{ display: block; width: 16px; position: absolute; top: 50%; right: 1px; transform: translate(0,-50%) rotate(180deg); z-index: 2; transition: 400ms; } .doubts-chat-section .left-sec .panel-toggle .txt{ display: block; position: absolute; top: 50%; transform: translate(0,-50%); left: 5px; width: 10px; z-index: 1; word-break: break-all; font-size: 14px; line-height: 13px; font-weight: 600; text-align: center; text-transform: uppercase; color: #000; } .doubts-chat-section .left-sec .panel-toggle .txt span{ display: inline-block; margin: 10px 0 0 0; vertical-align: top; } .chat-header .ask-q-click img{ display: block; height: 20px; width: auto; margin: 0 6px 0 0; } .message-list-c{ display: block; height: calc(var(--screen-vh) - 234px); padding: 0 0 12px 0; position: relative; } /* .go-bottom{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; bottom: 4px; right: 10px; background-color: #5d5ffd; color: #fff; font-size: 13px; line-height: 14px; border-radius: 4px; box-shadow: none !important; border: none !important; outline: none !important; padding: 6px 10px; transition: 500ms; cursor: pointer; } .go-bottom img{ display: block; float: left; width: 12px; height: auto; margin: 0 0 0 6px; filter: brightness(0) invert(1); } */ .go-bottom{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; bottom: 4px; right: 10px; background-color: #7274ff; color: #fff; font-size: 13px; line-height: 14px; border-radius: 100px; box-shadow: none !important; border: none !important; outline: none !important; padding: 0px; width: 30px; height: 30px; transition: 500ms; cursor: pointer; } .go-bottom img{ display: block; float: left; width: 14px; height: auto; margin: 0; filter: brightness(0) invert(1); } .go-bottom:hover{ background-color: #4749e8; } .message-list{ display: flex; flex-wrap: wrap; flex-flow: column; justify-content: space-between; min-height: 100%; overflow: auto; padding: 0 28px; } .message-list .list{ display: block; } .message-list .list:not(:first-child){ margin: 3px 0 0 0; } .message-list .list .time{ display: block; text-align: right; margin: 0 0 6px 0; font-size: 13px; line-height: 15px; font-weight: 600; } .message-list .message-box{ display: flex; flex-wrap: wrap; } .message-list .message-box .photo{ display: block; float: left; width: 46px; height: 46px; border-radius: 100px; overflow: hidden; } .message-list .message-box .photo img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; } .message-list .message-box .msg-c{ display: flex; flex-wrap: wrap; float: left; flex: 1; padding: 0 0 0 10px; width: 0; } .message-list .message-box .photo[hidden] ~ .msg-c{ padding: 0; } .message-list .message-box .msg-box{ display: inline-block; vertical-align: top; background-color: #fff; border-radius: 3px; padding: 8px 14px; min-height: 100%; max-width: 100%; } .message-list .message-box .msg-box .head{ display: flex; flex-wrap: wrap; font-size: 13px; line-height: 16px; color: #000; font-weight: 600; } .message-list .message-box .msg-box .head .name{ display: block; float: left; padding: 0 20px 0 0; margin: 0 0 3px 0; } .message-list .message-box .msg-box .head .time{ display: block; float: left; margin: 0 0 3px 0; } .message-list .message-box .msg-box p{ display: block; margin: 0; font-size: 14px; line-height: 19px; font-weight: 600; color: #484848; white-space: pre-wrap; } .message-list .message-box .msg-box p:not(:last-child){ margin-bottom: 6px; } .message-list .message-box .msg-box > img, .message-list .message-box .msg-box p > img{ display: inline-block; vertical-align: top; width: auto; max-width: 100%; } .message-list .list.me .message-box{ flex-flow: row-reverse; } .message-list .list.me .message-box .msg-c { padding: 0 10px 0 0; justify-content: flex-end; } .message-list .me .message-box .msg-box{ background-color: #d9dbf1; } .message-list .list:not(.me) + .list:not(.me) .message-box .photo, .message-list .list.me + .list.me .message-box .photo{ visibility: hidden; height: 8px; } .message-list .list:not(.me) + .list:not(.me) .message-box .msg-box .head, .message-list .list.me + .list.me .message-box .msg-box .head{ display: none; } .message-list .list:not(.me) + .me, .message-list .list.me + .list:not(.me), .message-list .list.new:not(:first-child){ margin-top: 18px !important; } .message-list .list.new .message-box .photo{ visibility: visible !important; height: 46px !important; } .message-list .list.new .message-box .msg-box .head{ display: flex !important; } .message-list .auto-msg .message-box .msg-c{ padding: 0 !important; justify-content: center !important; } .message-list .auto-msg .message-box .msg-box{ background-color: #d2e4ff !important; border: 1px solid #a5c9ff; } .message-list .auto-msg .message-box .msg-box .head, .message-list .auto-msg .message-box .msg-box .head .time{ color: #fff !important; } .message-list .auto-msg .message-box .msg-box p{ color: rgb(72 72 72); } .message-list .msgAll{ display: block; float: left; width: 100%; padding: 0; } .doubtCleared{ display: block; float: left; width: auto; background-color: #ae6ee5; color: #fff; align-self: flex-end; border-radius: 10px; font-size: 12px; line-height: 16px; font-weight: 600; padding: 3px 8px; /* position: absolute; bottom: 100%; right: 28px; margin: 0 0 5px 0; */ cursor: pointer; border: none !important; box-shadow: none !important; transition: 400ms; } .doubtCleared:hover{ background-color: #ac4dfd; } .message-type-box-c{ display: block; padding: 0 28px; position: relative; } .message-type-box-c.disabled:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .message-type-box{ display: block; position: relative; } .message-type-box .textarea{ display: block; background-color: #fff; border: 1px solid #d2d2de !important; width: 100%; padding: 7px 14px; border-radius: 4px; /* height: 82px; */ height: 54px; resize: none; outline: none !important; transition: 500ms; font-size: 14px; line-height: 18px; } .message-type-box .textarea:focus{ border-color: #b2b3c3 !important; } .message-type-box .chatMsg{ display: block; position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translate(0, -50%); color: #6b6b6b; font-size: 15px; line-height: 18px; font-weight: 500; } .message-type-box-c .btn{ display: block; /* position: absolute; bottom: 8px; right: 8px; */ line-height: 16px; min-width: 58px; } .message-type-box-c .bottom-area{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 4px 0 0 0; } .message-type-box-c .bottom-area .left-c, .message-type-box-c .bottom-area .right-c{ display: block; float: left; } .message-type-box-c .bottom-area .icon-options{ display: block; float: left; position: relative; cursor: pointer; padding: 4px 6px !important; overflow: hidden; border: none !important; outline: none !important; background: transparent !important; } .message-type-box-c .bottom-area .icon-options:not(:last-child){ margin: 0 8px 0 0; } .message-type-box-c .bottom-area .icon-options.attach input{ display: block; position: absolute; bottom: 0; right: 0; width: 300px; height: 300px; z-index: 1; cursor: pointer; opacity: 0; } .message-type-box-c .bottom-area .icon-options img{ display: block; width: 17px; height: 17px; opacity: 0.7; object-fit: cover; object-position: top center; overflow: hidden; } .message-type-box-c .bottom-area .icon-options:hover img{ object-position: bottom center; opacity: 1; } .attachment-box{ display: inline-flex; flex-wrap: wrap; align-items: center; width: auto; max-width: 370px; min-width: 180px; min-height: 46px; background-color: #e9eaf4; min-height: 46px; border-radius: 4px; padding: 6px 6px; } .attachment-box:not(:last-child){ margin-bottom: 6px; } .message-list .message-box .msg-box .head + .attachment-box{ margin-top: 5px; } .me .attachment-box{ background-color: #fbfbff; } .me .attachment-box .del-ico{ background-color: #d9dbf1; } .attachment-box .left{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; float: left; width: 34px; position: relative; } .attachment-box .left .icon{ display: block !important; width: 22px !important; height: auto; opacity: 0.8; } .attachment-box .del-ico{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 100px; background-color: #ffffff; } .attachment-box .del-ico img{ display: block; width: 18px; height: auto; } .attachment-box .right{ display: block; float: left; } .attachment-box .mid{ display: block; float: left; width: calc(100% - 56px); flex: 1; padding: 0 10px; } .attachment-box .mid .file-name{ display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 16px; font-weight: 600; } .attachment-box .options{ display: block; position: relative; } .attachment-box .options .bullet{ display: block; cursor: pointer; } .attachment-box .options .bullet img{ display: block; width: 17px; height: auto; opacity: 0.8; } .attachment-box .progress-box .progress-c{ display: block; position: relative; background-color: #c1c4dc; width: 34px; height: 34px; border-radius: 100px; } .attachment-box .progress-box .progress-circle, .attachment-box .progress-box .progress-circle svg{ width: 34px !important; height: 34px !important; } .attachment-box .progress-box .n{ display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% - 4px); height: calc(100% - 4px); background-color: #fff; border-radius: 100px; font-size: 11px; line-height: 24px; font-weight: 600; } .attachment-box .close{ display: block; opacity: 0.9; padding: 6px; } .attachment-box .close img{ display: block !important; width: 10px !important; height: auto; } .mat-menu-content { padding-top: 0px; padding-bottom: 0px; } .option-list .mat-menu-item{ display: flex; flex-wrap: wrap; align-items: center; font-size: 13px; line-height: 16px; font-weight: 500; min-height: 1px; height: auto; padding: 10px 12px; min-width: 162px; } .option-list .mat-menu-item img{ display: block; float: left; width: 16px; height: auto; margin: 0 6px 0 0; opacity: 0.7; } .doubts-modal .modal-container{ width: 810px; max-width: 100%; } .doubts-popup{ display: block; width: 100%; padding: 30px; background-color: #f5f5f5; } .doubts-popup-c{ display: block; max-width: 660px; margin: 0 auto; } .doubts-popup .head{ display: block; text-align: center; } .doubts-popup .head h2{ display: block; font-size: 28px; line-height: 32px; color: #000; font-weight: 700; margin: 0; } .doubts-popup .head .credit-c{ display: block; margin: 16px 0 0 0; } .doubts-popup .head .tabs{ display: flex; flex-wrap: wrap; justify-content: center; margin: 10px 0 0 0; } .doubts-popup .head .tabs .tab{ display: block; float: left; margin: 6px 3px; position: relative; border-radius: 6px; } .doubts-popup .head .tabs .tab input{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer; } .doubts-popup .head .tabs .tab .txt{ display: block; background-color: #b4b5b9; color: #fff; font-size: 15px; line-height: 17px; padding: 6px 10px; border-radius: 6px; box-shadow: 0 2px 4px 0px #d4d4d4; cursor: pointer; } .doubts-popup .head .tabs .tab input:checked ~ .txt{ background-color: #5a73fc; } .doubts-popup .body{ display: block; } .doubts-popup .form-group{ margin: 0 0 20px 0; } .doubts-popup .form-group label{ display: block; font-size: 14px; line-height: 16px; font-weight: 600; color: #565656; } .doubts-popup .form-group .form-control{ display: block; border-radius: 16px; padding: 10px 16px; border: 2px solid #fff; background-color: #fff; box-shadow: none; transition: 500ms; } .doubts-popup .form-group textarea.form-control{ height: 196px; resize: none; } .doubts-popup .form-group .form-control:focus{ border-color: #5a73fc } .doubts-popup-c .custom-uploader, .doubts-popup-c .up-image-show{ border-radius: 16px; } .doubts-popup-c .custom-uploader .upload-area{ padding-top: 32px; padding-bottom: 32px; } /* .doubts-popup .upload-area{ display: block; margin: 0; padding: 0; position: relative; overflow: hidden; cursor: pointer; border-radius: 16px; } .doubts-popup .upload-area input{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .doubts-popup .upload-area .box{ display: flex; flex-wrap: wrap; flex-flow: column; justify-content: center; align-items: center; padding: 24px; background-color: #fff; border: 2px solid #fff; border-radius: 16px; text-align: center; transition: 500ms; } .doubts-popup .upload-area:hover .box{ border-color: #5a73fc } .doubts-popup .upload-area .box .txt{ display: block; font-size: 15px; line-height: 17px; } .doubts-popup .upload-area .box .txt:not(:first-child){ margin: 10px 0 0 0; } .doubts-popup .upload-area .box .button{ display: inline-block; vertical-align: top; background-color: #e5ecff; border: 1px solid #8e8e91; margin: 20px 0 0 0; box-shadow: 0 2px 4px 0px #d4d4d4; border-radius: 8px; padding: 8px 16px; color: #616161; font-size: 16px; line-height: 20px; } */ .doubts-popup .msg-info{ display: block; color: #7d7c7c; margin: 10px 0 0 0; font-size: 13px; line-height: 15px; font-weight: 600; } .plan-container{ display: block; width: 100%; background-color: #0fc1a6; padding: 24px 20px 16px 20px; } .plan-page-head{ display: block; text-align: center; padding: 0 0 28px 0; } .plan-page-head .logo{ display: block; text-align: center; } .plan-page-head .logo img{ display: inline-block; vertical-align: top; width: 116px; height: auto; } .plan-page-head h2{ display: block; font-size: 26px; line-height: 28px; font-weight: 700; margin: 10px 0 0 0; } .plan-page-head p{ display: block; font-size: 15px; line-height: 20px; margin: 4px 0 0 0; } .plan-container .buttonset{ margin: 30px 0 0 0; } .plan-container .plan-row{ display: flex; flex-wrap: wrap; margin: 0 -10px; } .plan-container .plan-row .colm{ display: block; float: left; padding: 0 10px; max-width: 33.333333%; flex: 0 0 33.333333%; } .plan-box{ display: flex; flex-wrap: wrap; width: 100%; position: relative; min-height: 100%; } .plan-box-c{ display: flex; flex-wrap: wrap; flex-flow: column; width: 100%; background-color: #f1f1f1; border-radius: 16px; min-height: 100%; padding: 16px; box-shadow: 0 2px 4px 0px rgba(0,0,0,0.12); transition: 500ms; } .plan-box .head{ display: block; text-align: center; position: relative; z-index: 2; } .plan-box .head .icon{ display: flex; flex-wrap: wrap; justify-content: center; } .plan-box .head .icon img{ display: block; float: left; margin: 0 2px; width: 18px; height: auto; } .plan-box .head h2{ display: block; color: #000; font-size: 23px; line-height: 26px; font-weight: 600; margin: 8px 0 0 0; padding: 0; } .plan-box .head .price-sec{ display: block; margin: 12px 0 0 0; } .plan-box .head .price-sec .price{ display: block; color: #3f04e6; font-size: 24px; line-height: 26px; font-weight: 700; margin: 10px 0 0 0; } .plan-box .head .price-sec .price span, .plan-box .head .price-sec .txt{ color: #222; font-size: 14px; line-height: 14px; font-weight: 500; } .plan-box .head .price-sec .txt{ display: block; margin: 3px 0 0 0; } .plan-box .features-section { padding: 1rem; background: #f9fafb; margin-top: 10px; } .plan-box .features-section .feature-item { display: flex; align-items: center; grid-gap: 0.5rem; gap: 0.5rem; margin-bottom: 0.5rem; font-size: 0.875rem; } .plan-box .features-section .feature-item img { flex-shrink: 0; width: 16px; height: 16px; color: #9333ea; } .plan-box .expand-detail-section { display: none; justify-content: center; align-items: center; margin-top: 10px; } .plan-box .expand-detail-section.is_expanded .btn img { transform: rotate(180deg); } .plan-box .body{ display: block; padding: 14px 0 0 0; position: relative; z-index: 2; } .plan-box.show-plan-detail .body{ display: block; } .plan-box .plan-info{ display: block; text-align: center; } .plan-box .plan-info:not(:first-child){ margin: 14px 0 0 0; } .plan-box .plan-info h4{ display: block; color: #222; font-size: 16px; line-height: 20px; font-weight: 600; padding: 0 0 5px 0; margin: 0 0 10px 0; border-bottom: 1px solid #cacbcc; } .plan-box .plan-info ul{ display: inline-block; vertical-align: top; padding: 0; margin: 0; max-width: 242px; } .plan-box .plan-info ul li{ display: flex; flex-flow: row; align-items: flex-start; color: #222; font-size: 12px; line-height: 14px; font-weight: 500; text-align: left; } .plan-box .plan-info ul li:not(:first-child){ margin: 5px 0 0 0; } .plan-box .plan-info ul li .tag{ display: inline-block; vertical-align: top; background-color: #707070; color: #fff; font-size: 12px; line-height: 12px; font-weight: 600; margin: -1px 6px 0 0; padding: 1px 3px; border-radius: 4px; /* min-width: 20px; */ text-align: center; transition: 500ms; } .plan-box .plan-info ul li .tag.danger{ background-color: #ff0c0c; } .plan-box .plan-info ul li .tag.success{ background-color: #0cff49; } .plan-box .plan-info ul li .ico{ display: inline-block; vertical-align: top; width: 12px; height: 12px; object-fit: cover; object-position: top center; margin: 2px 6px 0 0; } .plan-box .plan-info ul li .info{ display: block; float: left; width: 100%; flex: 1; } .plan-box .buttonset{ display: block; margin: auto 0 0 0; padding: 14px 0 0 0; text-align: center; } .plan-box .buttonset .q-btn{ margin: 0; } .plan-box .plan-input{ display: block; position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0; visibility: hidden; } .plan-box .plan-border{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #5c0cff; z-index: 1; border-radius: 16px; opacity: 0; visibility: hidden; transition: 500ms; } .plan-box .plan-input:checked ~ .plan-border{ opacity: 1; visibility: visible; } .plan-box .plan-input:checked ~ .plan-box-c{ background-color: #e7e7ef; } .plan-box .plan-input:checked ~ .plan-box-c .buttonset .q-btn, .plan-box .plan-input:checked ~ .plan-box-c .buttonset .q-btn:hover, .plan-box .plan-input:checked ~ .plan-box-c .tag:not(.danger){ background-color: #5c0cff !important; } .plan-box .plan-input:checked ~ .plan-box-c .ico{ object-position: bottom center; } .plan-box .plan-input:checked ~ .plan-box-c .expand-detail-section{ z-index: 2; } .same-plan{ display: block; text-align: center; } .same-plan h3{ display: block; font-size: 19px; line-height: 24px; font-weight: 600; margin: 0; } .same-plan h3:not(:first-child), .same-plan .plus:not(:first-child){ margin: 16px 0 0 0; } .same-plan .plus{ display: inline-block; vertical-align: top; color: #fff; background-color: #5c0cff; font-size: 15px; line-height: 18px; padding: 2px 10px; border-radius: 2px; } .file-preview .popover-body{ padding: 2px !important; } .file-preview .popover-body .image-preview{ display: block; width: auto; max-width: 100px; height: auto; max-height: 100px; } .checkout-coupon-c{ display: flex; flex-wrap: wrap; justify-content: flex-end; margin: 24px 0 0 0; } .checkout-coupon{ display: block; width: 300px; max-width: 60%; margin: 8px 0 0 0; } .checkout-coupon .field-tl{ display: block; } .checkout-coupon .coupon-box{ display: flex; flex-wrap: wrap; margin: 0 0 9px 0; } .checkout-coupon .form-group{ display: block; float: left; flex: 1; margin: 0; padding: 0; } .checkout-coupon .form-group .form-control{ display: block; width: 100%; height: 36px; border-radius: 4px 0 0 4px; border-right: none; border-color: #4876f0; box-shadow: none !important; color: #e632a8; font-size: 18px; font-weight: 600; } .checkout-coupon .form-group .form-control::-webkit-input-placeholder { font-size: 15px !important; line-height: 17px !important; font-weight: 500 !important; } .checkout-coupon .form-group .form-control::-moz-placeholder { font-size: 15px !important; line-height: 17px !important; font-weight: 500 !important; } .checkout-coupon .form-group .form-control:-ms-input-placeholder { font-size: 15px !important; line-height: 17px !important; font-weight: 500 !important; } .checkout-coupon .form-group .form-control:-moz-placeholder { font-size: 15px !important; line-height: 17px !important; font-weight: 500 !important; } .checkout-coupon .btn{ border-radius: 0 4px 4px 0 !important; width: 80px; font-size: 12px; font-weight: 600; text-shadow: none; } .coupon-applied{ display: flex; padding: 5px 0 5px 8px; border: 1px dashed #8e8e8e; } .coupon-applied .left-c{ display: block; float: left; flex: 1; max-width: calc(100% - 80px); } .coupon-applied .left-c .code{ display: block; font-size: 14px; line-height: 16px; font-weight: 700; word-break: break-all; } .coupon-applied .left-c .txt{ display: block; font-size: 13px; line-height: 15px; font-weight: 500; color: #7d7d7d; margin: 2px 0 0 0; } .coupon-applied .remove{ display: block; float: left; background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; width: 80px; font-size: 12px; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2px; color: #444444; cursor: pointer; } .coupon-applied .remove:hover{ color: #F56060; } .c-tag-container{ display: flex; flex-wrap: wrap; min-height: 38px; height: auto !important; padding: 6px !important; } .field-box{ display: flex; flex-wrap: nowrap; align-items: center; padding: 0 0 0 8px !important; } .field-box .f-tl{ display: block; float: left; font-weight: 600; padding: 0; } .field-box .form-control{ border: none !important; height: 100% !important; } .field-box-group{ display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 4px; } .field-box-group .btn{ margin: 0 0 0 8px; font-size: 13px; line-height: 20px; } .sel-data-list{ display: block; } .sel-list-box{ display: block; background-color: #fff; padding: 12px 16px 16px 16px; border: 1px solid #e4e4e4; border-radius: 10px; } .sel-list-box:not(:first-child){ margin: 12px 0 0 0; } .sel-list-box .data-tl{ display: block; font-size: 16px; line-height: 20px; font-weight: 600; } .sel-list-box .data-tl .small-tag{ display: inline-block; vertical-align: top; background-color: #4876f0; color: #fff; font-size: 10.5px; line-height: 13px; padding: 0px 4px; border-radius: 3px; transition: 400ms; margin: 0 0 0 2px; font-weight: 600; } .sel-list-box .info-icon img { width: 18px; } .sel-list-box .options{ display: block; } .sel-list-box .options:not(:first-child){ margin: 6px 0 0 0; } .sel-list-box .options .rw{ display: flex; flex-wrap: wrap; margin: 0 -5px; } .sel-list-box .options .rw .colm{ display: block; float: left; padding: 4px 5px; } .sel-list-box .options .list-option{ display: block; position: relative; border-radius: 4px; overflow: hidden; margin: 0; } .sel-list-box .options .list-option input{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer; border-radius: 4px; } .sel-list-box .options .list-option .bx{ display: flex; flex-wrap: wrap; background-color: #a7a7a7; color: #fff; border-radius: 4px; font-size: 14px; line-height: 18px; font-weight: 600; transition: 400ms; } .sel-list-box .options .list-option .bx .l-side, .sel-list-box .options .list-option .bx .r-side{ display: flex; float: left; padding: 3px 6px; align-items: center; transition: 400ms; } .sel-list-box .options .list-option .bx .l-side{ background-color: #848484; } .sel-list-box .options .list-option .bx .l-side img{ display: block; float: left; max-height: 18px; margin: 0 5px 0 0; } .sel-list-box .options .list-option input:checked ~ .bx{ background-color: #4374fb; } .sel-list-box .options .list-option input:checked ~ .bx .l-side{ background-color: #8d43ef; } .subject-list{ display: block; max-width: 300px; } .subject-list:not(:first-child){ margin: 6px 0 0 0; } .subject-list .rw{ display: flex; flex-wrap: wrap; margin: 0 -3px; } .subject-list .rw .colm{ display: block; padding: 3px; max-width: 50%; flex: 0 0 50%; } .subject-list .subj-bx{ display: flex; flex-wrap: wrap; flex-flow: column; position: relative; border-radius: 4px; overflow: hidden; margin: 0; height: 100%; } .subject-list .subj-bx input{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; cursor: pointer; } .subject-list .subj-bx .txt{ display: flex; flex-wrap: wrap; height: 100%; align-items: center; background-color: #a7a7a7; color: #fff; border-radius: 4px; font-size: 14px; line-height: 18px; font-weight: 600; transition: 400ms; padding: 3px 6px; position: relative; } .subject-list .subj-bx input:checked ~ .txt{ background-color: #3d61d8; } .c-radio .li .txt, .subject-list .subj-bx .txt, .sel-list-box .options .list-option .bx { border: 1px solid transparent; } .c-radio .li input.mandatory ~ .txt, .subject-list .subj-bx input.mandatory ~ .txt, .sel-list-box .options .list-option input.mandatory ~ .bx { border-color: #fd4343; color: #fd4343; background-color: rgb(253, 67, 67,0.04); border-radius: 4px; } .sel-list-box .options .list-option input:not(:checked).mandatory ~ .bx .l-side { background-color: rgb(253, 67, 67,0.25); } .subject-list .subj-bx input.mandatory:checked ~ .txt{ background-color: #FD4343; color: #fff; } .subject-list .subj-bx input:checked ~ .txt .txt-name, .subject-list .subj-bx input.mandatory:checked ~ .txt .txt-name { width: calc(100% - 20px); } .subject-list .subj-bx input:checked ~ .txt::before, .subject-list .subj-bx input.mandatory:checked ~ .txt::before{ content: ""; width: 1em; height: 1em; border-radius: 1.3em; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('check-white.svg'); margin-right: 5px; } .print-modal{ display: block; padding: 20px; width: 100%; } .print-modal-body{ display: block; position: relative; padding: 32px 20px 20px 20px; background-color: #ebeaea; border-radius: 14px; } .print-modal-body .c-modal-close{ display: block; position: absolute; top: 0; right: 0; background: url('close.svg') no-repeat center center; width: 28px; height: 28px; background-size: 14px auto; text-decoration: none !important; border: none !important; outline: none !important; } .print-modal-body .content-area{ display: flex; flex-wrap: wrap; } .print-modal-body .content-area .left-area{ display: block; float: left; width: 140px; } .print-modal-body .content-area .left-area img{ display: block; width: 100%; height: auto; } .print-modal-body .content-area .right-area{ display: block; float: left; width: 100%; flex: 1; padding: 0 0 0 40px; } .print-modal-body .content-area h3{ display: block; color: #222; font-size: 18px; line-height: 22px; font-weight: 600; margin: 0; } .print-modal-body .content-area h3:not(:first-child){ margin: 10px 0 0 0; } .print-modal-body .text-blue{ color: #4876f0 !important; } .print-modal-body .content-area p{ display: block; color: #222; font-size: 15px; line-height: 18px; font-weight: 600; margin: 0; } .print-modal-body .content-area p:not(:first-child){ margin: 10px 0 0 0; } .print-modal-body .content-area .buttonset:not(:first-child){ margin: 16px 0 0 0; } .logical_lesson.page-container .q-box { padding: 0 0 0 0 !important; } .logical_lesson.page-container .q-area .scroll-area.normal_screen_view { display: flex; align-items: center; vertical-align: middle; justify-content: center; margin: 5px auto; background-color: #fafafa; height: calc(var(--screen-vh) - 150px); } .logical_lesson.page-container .q-area .scroll-area.normal_screen_view .scroll-area-c { width: 100%; } .opacity-6 { opacity: 0.6; } /* .n-body-section{ display: block; float: left; flex: 1; padding: 0 0 0 24px; background-color: #f5f5f5; overflow: auto; height: calc(var(--screen-vh) - 58px); margin: 10px 0 0 0; } .n-body-section .n-body-view{ display: block; padding: 0 24px 0 0; } .n-body-section .n-body-view .n-body-head{ display: block; padding-bottom: 8px; border-bottom: 1px solid #B4B4B4; margin-bottom: 16px; } .n-body-section .n-body-view .n-body-head.sticky{ position: sticky; top: 0; z-index: 2; background-color: #e8e7eb; } */ /* .n-body-section .page-tl{ font-weight: 700; font-size: 42px; line-height: 46px; } */ .n-body-section .exam-tags{ padding-top: 4px; padding-bottom: 12px; border-bottom: 1px solid #B4B4B4; } .n-body-section .exam-tags .tag{ color: #fff; font-size: 13px; line-height: 17px; padding: 4px 12px; border-radius: 0 12px 0 12px; background-color: #40a4f8; border: 1px solid #468af6; } .n-body-section .exam-tags .tag.danger{ background-color: #FD4343; border-color: #FD4343; cursor: pointer; border-radius: 6px; } .n-body-section .exam-tags .tag.light{ color: #511cd9; border-color: #e4d9ff; background-color: #e4d9ff; border-radius: 6px; } .n-body-section .exam-tags .tag img{ display: inline-block; vertical-align: top; width: 18px; height: auto; margin: 0 0 0 6px; } .n-body-section .exam-tags .tag.icon-only, .n-body-section .exam-tags .tag.number-only{ padding: 0; width: 27px; border-radius: 100px; display: inline-flex; justify-content: center; align-items: center; } .n-body-section .exam-tags .tag.icon-only img{ width: 11px; margin: 0; } .n-body-section .exam-tags .tag-tl{ display: block; float: left; font-weight: 600; font-size: 13px; line-height: 17px; color: #000000; align-self: center; margin: 6px 8px 0 8px; } /* NEW SIDEBAR 01-03-2022 START */ /* .sidebar-new .mainNavContainer{ width: 56px; background-color: #511CD9 !important; box-shadow: 0px 0px 8px rgba(0,0,0,0.04); } .sidebar-new .mainNavScrollArea{ height: 100%; } .sidebar-new .sideMenu{ padding: 0; } .sidebar-new .sideMenu li{ margin:0 0 2px 0; } .sidebar-new .sideMenu li:last-child{ margin-bottom: 0; } .sidebar-new .sideMenu li.foot{ margin-top: auto; } .sidebar-new .sideMenu li a{ flex-flow: column; padding: 10px 10px; color: #fff; text-align: center; font-weight: 500; position: relative; transition: 500ms; border-radius: inherit; } .sidebar-new .sideMenu li a .txt{ display: none; padding: 5px 0 0 0; width: 100%; text-align: center; } .sidebar-new .menuImg, .sidebar-new .menuImg.md{ filter: brightness(0) invert(1); height: 18px; width: auto; } .sidebar-new .sideMenu li a:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background-color: transparent; transition: 500ms; } .sidebar-new .sideMenu li a:hover, .sidebar-new .sideMenu li.active a{ background-color: rgba(255,255,255,0.13); } .sidebar-new .sideMenu li a:hover:before, .sidebar-new .sideMenu li.active a:before{ background-color: #fff; } .no-inv{ filter: none !important; } .sidebar-new .sideMenu li.n-nav{ width: 40px; margin: 0 auto 6px auto; border-radius: 20px; } .sidebar-new .sideMenu li.n-nav a{ background: transparent !important; border-radius: 20px; width: 100%; height: 40px; min-height: 1px; padding: 0; display: flex; justify-content: center; align-items: center; } .sidebar-new .sideMenu li.n-nav a:hover{ background-color: #fff !important; } .sidebar-new .sideMenu li.n-nav a:before{ display: none; } .sidebar-new .sideMenu li.n-nav ul{ display: none; margin: 0; padding: 0; position: relative; } .sidebar-new .sideMenu li.n-nav ul:before{ content: ""; display: block; position: absolute; top: 0; left: calc(50% - 2px); transform: translate(50%,0); width: 2px; height: 100%; border-left: 1px solid #767373; z-index: 0; } .sidebar-new .sideMenu li.n-nav ul li{ display: flex; align-items: center; justify-content: center; margin: 0 0 8px 0; padding: 0; position: relative; z-index: 1; } .sidebar-new .sideMenu li.n-nav ul li:last-child{ margin-bottom: 6px; } .sidebar-new .sideMenu li.n-nav ul li a{ width: 32px; height: 32px; border-radius: 100px; border: 1px solid #767373; background-color: #fff !important; } .sidebar-new .sideMenu li.n-nav ul li a img{ filter: none !important; width: 16px; } .sidebar-new .sideMenu li.n-nav ul li a:hover, .sidebar-new .sideMenu li.n-nav ul li.active a{ background-color: #511cd9 !important; border-color: #511cd9; } .sidebar-new .sideMenu li.n-nav ul li a:hover img, .sidebar-new .sideMenu li.n-nav ul li.active a img{ filter: brightness(0) invert(1) !important; } .sidebar-new .sideMenu li.n-nav.show-all{ background-color: #fff; } .sidebar-new .sideMenu li.n-nav.show-all ul{ display: block; } */ .content-wraper, .sidebar-new .content-wraper{ background-color: #e8e7eb !important; } /* .sidebar-new .body_section.subjectTo{ width: 280px; max-width: 280px; padding: 20px 0 20px 0; background-color: #fff !important; border-radius: 0 10px 10px 0; box-shadow: 0px 0px 8px rgba(0,0,0,0.04); height: calc(100vh - 68px); margin-top: 10px; } .sidebar-new .body_section.subjectTo.sm{ width: 220px; max-width: 220px; } .sidebar-new .app_Section_Body{ overflow: inherit; } .sidebar-new .subjectTo .app_Section_Body .grade li{ max-width: 100%; border-radius: inherit; margin: 2px 0 0 0; } .sidebar-new .subjectTo .app_Section_Body .grade li .grade-check{ text-decoration: none; border: none !important; background-color: transparent; color: #7E7E7E; padding: 5px 8px; border-radius: 10px 10px 10px 0px; position: relative; } .sidebar-new .subjectTo .app_Section_Body .grade li input ~ .grade-check, .sidebar-new .subjectTo .app_Section_Body .grade.with-tick li .grade-check{ padding-right: 28px; } .sidebar-new .subjectTo .app_Section_Body .grade li .grade-check:after, .sidebar-new .subjectTo .app_Section_Body .grade.with-tick li .grade-check:after{ content: ""; display: block; background: url(../images/svg/check-icon.svg) no-repeat center center; background-size: 100% auto; position: absolute; right: 8px; top: 0; width: 15px; height: 100%; opacity: 0; transition: 500ms; } .sidebar-new .subjectTo .app_Section_Body .grade li .grade-check:hover, .sidebar-new .subjectTo .app_Section_Body .grade li .grade-check.active, .sidebar-new .subjectTo .app_Section_Body .grade li input:checked ~ .grade-check{ background-color: #fd636a; color: #fff; } .sidebar-new .subjectTo .app_Section_Body .grade.with-tick li .grade-check.active:after, .sidebar-new .subjectTo .app_Section_Body .grade li input:checked ~ .grade-check:after{ opacity: 1; } .sidebar-new .subjectTo .app_Section_Body .grade.with-tick li .grade-check.active img, .sidebar-new .subjectTo .app_Section_Body .grade li .grade-check:hover img, .sidebar-new .subjectTo .app_Section_Body .grade li input:checked ~ .grade-check img{ filter: brightness(0) invert(1); } .sidebar-new .body_section.subjectTo .subjectToScrollarea{ background: transparent; } .sidebar-new .body_section.subjectTo .main-app-c{ display: block; padding: 0 12px 0 10px; } .left-panel-logo{ display: block; } .left-panel-logo img{ display: block; width: 94px; height: auto; } .sidebar-new .body_section.subjectTo .main-app{ display: block; padding: 0; border-radius: 10px; position: relative; } .sidebar-new .body_section.subjectTo .main-app:not(:first-child){ margin: 18px 0 0 0; } .sidebar-new .body_section.subjectTo .main-app .syllabus-tl{ display: flex; justify-content: space-between; } .sidebar-new .body_section.subjectTo .main-app .syllabus-tl h2{ display: block; float: left; } .sidebar-new .body_section.subjectTo .main-app .syllabus-tl .btns{ display: block; float: left; } .sidebar-new .body_section.subjectTo .main-app .syllabus-tl .btn{ font-size: .8rem; font-weight: 400; } .sidebar-new .body_section.subjectTo .main-app .syllabus-tl .btn:not(:first-child){ margin: 0 0 0 4px } .sidebar-new .body_section.subjectTo .main-app .syllabus-tl .btns:not(:first-child){ margin: 0 0 0 10px; } .sidebar-new .body_section.subjectTo .main-app .syllabus-tl .btn img{ display: inline-block; vertical-align: top; width: 14px; height: auto; margin: 2px 0 0 2px; } .sidebar-new .body_section.subjectTo .main-app .syllabus-tl .btn.icon-only{ width: 22px; height: 22px; padding: 0; border-radius: 100px; display: inline-flex; align-items: center; justify-content: center; } .sidebar-new .body_section.subjectTo .main-app .syllabus-tl .btn.icon-only img{ width: 8px; display: block; margin: 0; } .sidebar-new .body_section.subjectTo .main-app .syllabus-tl .btn.btn-primary:not(.purple){ background-color: #511cd9 !important; border-color: #511cd9 !important; } .sidebar-new .body_section.subjectTo .main-app .syllabus-tl .btn.btn-primary:not(.purple):hover{ background-color: #6f38ff !important; border-color: #6f38ff !important; } .sidebar-new .subjectTo .app_Section_Head{ color: #000; font-size: 16px; line-height: 20px; font-weight: 600; } .sidebar-new .subjectTo .app_Section_Body .grade.submenu li{ display: inline-block; vertical-align: top; margin: 3px 6px 3px 0; min-width: 1px; width: auto; } .sidebar-new .subjectTo .app_Section_Body .grade.submenu li .grade-check{ width: auto; background-color: #d5d5d5; padding: 3px 8px; } .sidebar-new .subjectTo .app_Section_Body .grade.submenu li .grade-check:hover{ background-color: #374dc7; color: #fff; } .widthimage22 { height: 22px !important; width: 22px !important; } .subjectTo .skill-books-c{ display: block; } .subjectTo .skill-books-c:not(:first-child){ margin: 2px 0 0 0; } .subjectTo .skill-books-c h6{ display: block; font-weight: 500; font-size: 14px; line-height: 20px; color: #7e7e7e; position: relative; padding: 7px 22px 7px 8px; margin: 0; cursor: pointer; border-radius: 10px 10px 10px 0px; transition: 400ms; } .subjectTo .skill-books-c h6:before{ content:""; width: 0; height: 0; color: #7e7e7e; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid; position: absolute; top: 15px; right: 7px; transition: 500ms; } .subjectTo .skill-books-c.show-now:not(:last-child){ margin-bottom: 14px; } .subjectTo .skill-books-c:not(.show-now) h6:hover{ background-color: #fd636a; color: #fff; } .subjectTo .skill-books-c:not(.show-now) h6:hover:before{ color: #fff; } .subjectTo .skill-books-c:not(.show-now) .subj-list-c{ display: none; } .subjectTo .skill-books-c.show-now h6:before{ transform: rotate(-180deg); } */ /* .subjectTo .subj-list-c:not(:first-child) { margin: 6px 0 0 0; } .subjectTo h6 + .subj-list-c{ margin-top: 0; } .subjectTo .subj-list-c .right-c{ padding: 0 24px 0 36px; position: relative; } .subjectTo .subj-list-c .right-c .arrow{ display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); width: 17px; height: 17px; background-color: #fff; border-radius: 100px; cursor: pointer; } .subjectTo .subj-list-c .right-c .arrow img{ display: block; float: left; width: 9px; height: auto; transition: 500ms; } .subjectTo .subj-list-c .right-c.show-now .arrow img{ transform: rotate(-180deg); } .subjectTo .subj-list-c .title-c{ margin: 0; } .subjectTo .subj-list-c .title-c .top-c{ position: static; } .subjectTo .subj-list-c .top-c-check{ display: block; position: absolute; top: 4px; left: 0; width: 14px; height: 14px; margin: 0; } .subjectTo .subj-list-c input{ display: block; position: absolute; top: 4px; left: 0; width: 14px; height: 14px; cursor: pointer; opacity: 0; z-index: 1; } .subjectTo .subj-list-c .top-c-check span{ display: block; width: 100%; height: 100%; background-color: #FFFFFF; border: 1px solid #B9B9B9; border-radius: 2px; transition: 500ms; } .subjectTo .subj-list-c .mat-checkbox{ display: block; position: absolute; top: 4px; left: 0; } .subjectTo .subj-list-c .mat-checkbox .mat-checkbox-inner-container{ width: 14px; height: 14px; background-color: #fff; } .subjectTo .subj-list-c .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame{ border-width: 1px; border-color: #B9B9B9; } .subjectTo .subj-list-c .mat-checkbox-checked .mat-checkbox-background{ background-color: #169F45; } .subjectTo .subj-list-c .mat-checkbox-indeterminate .mat-checkbox-background{ background-color: #ff706c; } .subjectTo .subj-list-c input:checked ~ .top-c-check span{ background: url(../images/icons/check-white.png) no-repeat center center; background-size: 8px auto; background-color: #169F45; border-color: #169F45; } .subjectTo .subj-list-c .title-c .top-c .no{ margin: 0; font-size: 10px; line-height: 14px; min-width: 14px; height: 14px; padding: 0 1px; border-radius: 100px; top: 4px; left: 18px; right: auto; } .subjectTo .subj-list-c .title-c .top-c h3{ font-size: 14px; line-height: 20px; font-weight: 600; color: #595959; transition: 500ms; } .subjectTo .subj-list-c .title-c .top-c h3 .c-rating{ width: 41px; height: 12px; background-size: 14px auto; } .subjectTo .subj-list-c .title-c .top-c h3 .c-rating .fill{ background-size: 14px auto; background-position: 0px -13px; } */ /* .c-rating-line{ display: block; width: 100%; height: 3px; background-color: #C8CCE8; border-radius: 100px; overflow: hidden; position: relative; margin: 4px 0 0 0; } .c-rating-line .fill{ display: block; position: absolute; top: 0; left: 0; height: 100%; background-color: #511CD9; border-radius: 100px; } */ /* .subjectTo .subj-list-c .q-listing{ margin: 12px 0 0 0; padding: 0 0 0 12px; display: none; } .subjectTo .subj-list-c .right-c.show-now ~ .q-listing{ display: block; } .subjectTo .subj-list-c .q-listing:before{ left: 37px; background-color: #511CD9; width: 1px; top: 0; height: 100%; display: none; } .subjectTo .subj-list-c .q-listing > .list{ margin: 8px 0 0 0; padding: 0 0 0 19px; } .subjectTo .subj-list-c .q-listing > .list .top-c-check, .subjectTo .subj-list-c .q-listing > .list input, .subjectTo .subj-list-c .q-listing > .list .mat-checkbox{ top: 0; } .subjectTo .subj-list-c .q-listing > .list:last-child:before{ top: 16px; left: 23px; height: calc(100% - 16px); width: 1px; background-color: #e8e2fa; } .subjectTo .subj-list-c .q-listing > .list:first-child{ margin: 0; } .subjectTo .subj-list-c .q-listing .list .list-q{ padding: 0; background: transparent; border: none; } .subjectTo .subj-list-c .q-listing .list .list-q .q{ font-size: 13px; line-height: 16px; color: #7E7E7E; transition: 500ms; } .subjectTo .subj-list-c .title-c .top-c input:checked ~ h3, .subjectTo .subj-list-c .q-listing .list input:checked ~ .list-q .q, .subjectTo .subj-list-c .title-c .top-c .mat-checkbox-checked ~ h3, .subjectTo .subj-list-c .q-listing .list .mat-checkbox-checked ~ .list-q .q, .subjectTo .subj-list-c .title-c .top-c .mat-checkbox-indeterminate ~ h3, .subjectTo .subj-list-c .q-listing .list .mat-checkbox-indeterminate ~ .list-q .q{ color: #000; } .subjectTo .subj-list-c .q-listing .list .status{ left: 18px; top: -1px; background-color: #e8e2fa; padding: 2px 0; } .subjectTo .subj-list-c .q-listing .list .status-progress:before{ background-color: #e8e2fa; } .subjectTo .subj-list-c .q-listing .list .status-progress, .subjectTo .subj-list-c .q-listing .list .status-progress svg{ width: 14px !important; height: 14px !important; margin: 0; } .subjectTo .subj-list-c .q-listing .list .status-progress:before{ width: 10px; height: 10px; } .subjectTo .subj-list-c .q-listing .list .status-progress .mat-progress-spinner circle, .subjectTo .subj-list-c .q-listing .list .status-progress .mat-spinner circle { stroke: #511cd9; } .subjectTo .subj-list-c .q-listing .list .list-q .c-rating{ width: 42px; height: 12px; background-size: 14px auto; margin: 2px 0 0 0; } .subjectTo .subj-list-c .q-listing .list .list-q .c-rating .fill{ background-size: 14px auto; background-position: 0px -13px; } */ /* .subjectTo .app_Section_Body .grade.grade-new{ display: flex; flex-wrap: wrap; margin: 0 -2px; } .subjectTo .app_Section_Body .grade.grade-new li{ display: block; float: left; min-width: 1px; margin: 0; padding: 2px; } .subjectTo .app_Section_Body .grade.grade-new li .grade-check{ background-color: #f4edfd; padding-top: 5px; padding-bottom: 5px; } .subjectTo .app_Section_Body .grade.grade-new li .grade-check.sel{ font-weight: 600; } .grade.grade-new li a img, .grade.grade-new li .grade-check img{ height: 18px; margin: 0 6px 0 0; } */ .learningbox-c .progress-box, .book-infos .progress-box{ width: 34px; } .learningbox-c .progress-box .progress-c, .book-infos .progress-box .progress-c{ display: block; position: relative; background-color: #E2E6FF; width: 34px; height: 34px; border-radius: 100px; } .learningbox-c .progress-c .progress-circle, .learningbox-c .progress-c .progress-circle svg, .book-infos .progress-c .progress-circle, .book-infos .progress-c .progress-circle svg{ width: 34px !important; height: 34px !important; } .learningbox-c .progress-c .n, .book-infos .progress-c .n{ display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% - 4px); height: calc(100% - 4px); background-color: #E2E6FF; border-radius: 100px; font-size: 11px; line-height: 24px; font-weight: 600; } /* .learningbox-c .mock-exam-board .progress-c .progress-circle, .learningbox-c .mock-exam-board .progress-c .progress-circle svg{ width: 66px !important; height: 66px !important; } .learningbox-c .mock-exam-board .progress-c .n{ font-size: 17px; line-height: 26px; width: calc(100% - 10px); height: calc(100% - 10px); } */ .left-panel-ad{ display: flex; width: 100%; justify-content: center; margin: 16px 0 0 0; } .left-panel-ad img{ display: block; width: auto; max-width: 100%; } .msg-popup .modal-container{ width: 400px; } .msg-popup .modal-container .c-modal-body{ padding: 20px 16px; } .msg-popup .modal-container .msg{ display: block; width: 100%; text-align: center; } .msg-popup .modal-container .msg h3{ font-size: 20px; line-height: 24px; font-weight: 600; margin: 0; } .msg-popup .modal-container .msg .btnset{ display: block; margin: 30px 0 0 0; } .msg-popup .modal-container .msg .btnset .btn{ display: inline-block; vertical-align: top; margin: 2px 3px; } .show-book-infos .book-infos{ right: 0 !important; } .grade_dropdown_list{ display: none; position: relative; } /* .grade_dropdown_list .mat-select{ padding: 0 8px; } */ .grade_dropdown_list .mat-select .mat-select-trigger{ padding: 5px 1px 5px 8px; border: 1px solid #d1ccd7; border-radius: 4px; } .grade_dropdown_list .mat-select .mat-select-value-text{ color: #7e7e7e; font-size: 14px; line-height: 20px; } .grade_dropdown_list .mat-select .mat-select-arrow{ color: #7e7e7e; } /* guest-mode */ /* .guest-mode .subjectTo .subj-list-c .q-listing, .guest-mode .subjectTo .subj-list-c .right-c{ padding-left: 17px; } */ .guest-mode .sidebar-new .sideMenu li.logout-li-button, .guest-mode .subjectTo .subj-list-c .title-c .top-c .c-rating-line, .guest-mode .book-infos .subj-list-c .title-c .top-c .c-rating-line, .guest-mode .subjectTo .subj-list-c .title-c .top-c h3 .c-rating, .guest-mode .book-infos .subj-list-c .q-listing .list .list-q .c-rating, .guest-mode .book-infos .subj-list-c .title-c .top-c h3 .c-rating, /* .guest-mode .book-infos .subj-list-c .title-c .top-c .status, */ .guest-mode .subjectTo .subj-list-c .q-listing:before, .guest-mode .subjectTo .subj-list-c .q-listing .list .status, .guest-mode .subjectTo .subj-list-c .q-listing .list .list-q .c-rating, /* .guest-mode .book-infos .superBook_items_c .superBook_items .desc-box, */ /* .guest-mode .book-infos .superBook_items_c .superBook_items .status, .guest-mode .learning-boxes .superBook_items_c .superBook_items .status, */ /* .guest-mode .learning-boxes .superBook_items_c .superBook_items .desc-box, */ /* .guest-mode .book-infos .subj-list-c .q-listing .list .status-progress, .guest-mode .book-infos .subj-list-c .q-listing .list .status, .guest-mode .book-infos .subj-list-c .q-listing:before, */ .guest-mode .subjectTo .new-grade-subject-select, .guest-mode .subjectTo .app_Section_Body .grade.grade_ul_list.guest-hide { display: none !important; } /* .guest-mode .subjectTo .subj-list-c .title-c .top-c .no{ left: 0; } */ .guest-mode .subjectTo .subj-list-c .q-listing > .list{ padding-left: 19px; } .guest-mode .book-infos .superBook_items_c .superBook_items .superBook_item .superBook_itemCard_c .superBook_itemCard, .guest-mode .learning-boxes .superBook_items_c .superBook_items .superBook_item .superBook_itemCard_c .superBook_itemCard, /* .guest-mode .superBook_items .superBook_item .superBook_itemCard_c .superBook_itemCard, */ .guest-mode .learning-boxes .superBook_items_c .superBook_items .superBook_item .superBook_itemCard_c .superBook_itemCard{ border-radius: 3px !important; } /* .guest-mode .book-infos .subj-list-bx .subj-list-c .right-c .q-listing .list{ padding-left: 0 !important; } */ /* .guest-mode .login-btn, */ .guest-mode .grade_dropdown_list{ display: block; } .c-dropdown{ display: block; position: relative; } .c-dropdown .app_Section_Head{ margin: 0; position: relative; z-index: 2; background-color: #e9e3ff; border-radius: 10px; height: 34px; padding: 5px 24px 5px 10px; cursor: pointer; } .c-dropdown .app_Section_Head:after{ content:""; display: block; position: absolute; top: 0; right: 0; width: 24px; height: 100%; background: url('arrow-down.svg') no-repeat center center; background-size: 10px auto; } .c-dropdown .app_Section_Body{ display: none; position: absolute; top: calc(100% - 10px); left: 0px; width: 100%; z-index: 1; height: 160px; overflow: auto; background-color: #fff; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.25); border-radius: 0 0 10px 10px; padding: 12px 2px 2px 2px; } .c-dropdown.drop .app_Section_Body{ display: block; } .c-dropdown.drop .app_Section_Head:after{ transform: rotate(180deg); } /* .book-infos .ng-scrollbar-wrapper .scrollbar-control, */ /* .mainNavContainer .ng-scrollbar-wrapper .scrollbar-control, */ /* .subj-lists .ng-scrollbar-wrapper .scrollbar-control, */ /* .subjectTo .ng-scrollbar-wrapper .scrollbar-control, */ /* .n-body-section .ng-scrollbar-wrapper .scrollbar-control{ display: none; } */ /* .n-body-section .ng-scrollbar-wrapper .event-list-popup .scrollbar-control{ display: block; } */ /* .c-header-new{ top: 0; background: transparent; border-radius: inherit; box-shadow: none; padding-top: 4px; padding-bottom: 4px; } .c-header-new .n-user .details .nm{ font-size: 16px; line-height: 20px; } .c-header-new .n-user .photo{ width: 40px; height: 40px; } */ .show-top-left-bar .sidebar-new .content-wraper{ padding-top: 48px; } .show-top-left-bar .body_section.bg_Gray, .show-top-left-bar .n-body-section{ background: transparent !important; } /* .menuBarIco{ display: none; float: left; width: 16px; height: 15px; margin: 8px 0 0 0; position: relative; text-decoration: none !important; cursor: pointer; transition: 400ms; } .menuBarIco:before, .menuBarIco:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1.6px; background-color: #511cd9; transition: 600ms; transform: rotate(-25deg); transform-origin: top right; } .menuBarIco:after { top: auto; bottom: 0; transform: rotate(25deg); transform-origin: bottom right; } .menuBarIco .line { display: block; position: absolute; top: 50%; left: -100%; opacity: 0; transform: translate(0, -50%); width: 100%; height: 1.6px; background-color: #511cd9; transition: 800ms; } .hide-main-nav .menuBarIco:before, .hide-main-nav .menuBarIco:after{ transform: rotate(0deg); } .hide-main-nav .menuBarIco .line{ left: 0; opacity: 1; } .hide-main-nav .overlay-superbook{ display: none; } */ body.show-rightPanel .book-infos{ right: 0; } .book-infos.inactive{ display: none !important; } .c-tooltip{ display: block; position: absolute; bottom: 100%; right: 0; background-color: #484848; font-size: 12px; line-height: 14px; color: #fff; padding: 2px 16px 2px 6px; margin: 0 0 5px 0; border-radius: 3px; max-width: 154px; } .c-tooltip:after{ content: ""; display: block; position: absolute; top: 100%; left: calc(50% - 4px); border-top: 5px solid #484848; border-left: 4px solid transparent; border-right: 4px solid transparent;; } .c-tooltip .cls{ display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; width: 16px; height: 18px; cursor: pointer; opacity: 1; } .c-tooltip .cls img{ display: block; width: 7px; height: auto; filter: brightness(0) invert(1); } .u-photo{ height: 157px; background-color: #222; } .u-photo div{ display: block; /* height: auto !important; */ } .u-photo div video{ /* display: block; height: 157px !important; position: relative !important; */ } .colm-video video { /* display: block; height: 52px !important; position: relative !important; */ } .blank-page-area{ display: block; } .blank-page-area .area-c{ display: block; max-width: 570px; padding: 0 74px 0 0; } .blank-page-area .area-c .wh-box{ display: block; background-color: #fff; padding: 14px 16px; border-radius: 16px; box-shadow: 0 1px 3px 0px rgba(56, 55, 121, 0.2); color: #000; } .blank-page-area .area-c .wh-box.head{ background-color: #f2cc41; } .blank-page-area .area-c .wh-box.pink{ background-color: #feb5c9; } .blank-page-area .area-c .wh-box h2{ display: block; margin: 0; font-size: 19px; line-height: 24px; font-weight: 600; } .blank-page-area .area-c .wh-box p{ display: block; font-size: 13.5px; line-height: 17px; margin: 16px 0 0 0; } .blank-page-area .area-c .wh-box.head p{ font-size: 14px; line-height: 18px; margin: 10px 0 0 0; } .blank-page-area .area-c .wh-box p .stp{ color: #6222ee; font-weight: 600; } .blank-page-area .area-c .body-box{ display: block; text-align: center; margin: 30px 0; position: relative; } /* .blank-page-area .area-c .body-box:before{ content: ""; display: block; position: absolute; top: 50%; right: -72px; transform: translate(0,-50%); border-left: 44px solid #000; border-top: 30px solid transparent; border-bottom: 30px solid transparent; z-index: 2; } */ .blank-page-area .area-c .body-box:after{ content: ""; display: block; position: absolute; top: 50%; right: -72px; transform: translate(0,-50%); border-left: 44px solid #f2cc41; border-top: 30px solid transparent; border-bottom: 30px solid transparent; z-index: 2; } .blank-page-area .area-c .body-box.pink:after{ border-left-color: #feb5c9; } .blank-page-area .area-c .body-box img{ display: inline-block; vertical-align: top; width: auto; max-width: 100%; } .mat-tooltip.fe-btn-tooltip{ background-color: #fff; color: #6222ee; font-size: 11px; line-height: 12px; font-weight: 500; padding: 4px 8px; overflow: inherit; text-overflow: unset; position: relative; text-align: center; margin: 12px; box-shadow: 0px 2px 2px #aaaaaa; min-width: 50px; } .mat-tooltip.fe-btn-tooltip:before, .mat-tooltip.fe-btn-tooltip:after{ content: ""; display: block; position: absolute; top: 100%; left: 50%; transform: translate(-50%,0); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #fff; z-index: 2; } .mat-tooltip.fe-btn-tooltip:before{ border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #cacaca; z-index: 1; } .mat-tooltip.fe-btn-tooltip.s-mute, .mat-tooltip.fe-btn-tooltip.h-mute, .mat-tooltip.fe-btn-tooltip.chat{ max-width: 72px; } .mat-tooltip.fe-btn-tooltip.s-camera, .mat-tooltip.fe-btn-tooltip.h-camera, .mat-tooltip.fe-btn-tooltip.s-share{ max-width: 84px; } .mat-tooltip.fe-btn-tooltip.communication{ max-width: 125px; } .mat-tooltip-panel-right .mat-tooltip.fe-btn-tooltip:before, .mat-tooltip-panel-right .mat-tooltip.fe-btn-tooltip:after{ top: 50%; right: 100%; left: auto; transform: translate(0, -50%); border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 8px solid #fff; border-left: none; } .mat-tooltip-panel-right .mat-tooltip.fe-btn-tooltip{ box-shadow: -2px 1px 6px #aaaaaa; } .body-c{ display: flex; flex-wrap: wrap; flex-flow: column; height: 100%; } .live-class-preview-c{ display: flex; flex-flow: column; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .student-video-menu .mat-menu-content{ padding: 0 !important; } .student-video-menu .mat-menu-content .mat-menu-item{ display: flex; flex-wrap: wrap; align-items: center; padding: 8px 8px; height: auto; font-size: 12px; line-height: 14px; transition: 400ms; } .student-video-menu .mat-menu-content .mat-menu-item .icon{ display: block; float: left; margin: 0 6px 0 0; transition: 400ms; position: relative; } .student-video-menu .mat-menu-content .mat-menu-item .icon img{ display: block; float: left; height: 14px; width: auto; } .student-video-menu .mat-menu-content .mat-menu-item .icon.sm img{ height: 12px; } .student-video-menu .mat-menu-content .mat-menu-item.active{ background: rgba(0,0,0,.13) !important; } .student-video-menu .mat-menu-content .mat-menu-item .icon.inactive:before, .student-video-menu .mat-menu-content .mat-menu-item .icon.inactive:after, .student-video-menu .mat-menu-content .mat-menu-item.inactive .icon:before, .student-video-menu .mat-menu-content .mat-menu-item.inactive .icon:after{ content: ""; display: block; position: absolute; top: 0%; left: 46%; width: 1px; height: 100%; background-color: #ff0000; transform: rotate(-45deg); transform-origin: center; z-index: 2; } .student-video-menu .mat-menu-content .mat-menu-item .icon.inactive:before, .student-video-menu .mat-menu-content .mat-menu-item.inactive .icon:before{ background-color: #fff; z-index: 1; width: 4px; left: 36%; top: 0%; } .student-video-menu .mat-menu-content .mat-menu-item:hover:not([disabled]){ background: rgba(0,0,0,.07); } .student-video-menu .mat-menu-content .mat-menu-item.leave:hover{ color: #fff; background-color: #ff7474; } .student-video-menu .mat-menu-content .mat-menu-item.leave:hover img{ filter: brightness(0) invert(1); } @media(max-width: 1023px){ .show-video-right-panel .video-right-panel{ right: 0 !important; } /* .show-video-right-panel .video-right-panel .right-panel-c > .u-photo{ visibility: hidden; opacity: 0; } */ .show-video-right-panel .video-right-panel .mob-rightpanle-overlay{ opacity: 1 !important; visibility: visible !important; } .show-video-right-panel .mobile-active-btn{ background-color: #1b91f5 !important; } .show-video-right-panel .mobile-active-btn img{ filter: brightness(0) invert(1) !important; opacity: 1 !important; } } .white-box{ display: block; background-color: #fff; border-radius: 3px; padding: 10px; } .min-100{ min-height: 100%; } /* SOME CUSTOM CKEDITOR OVERWRITE CSS, DONT REMOVE */ .text-tiny{font-size:.7em !important} .text-small{font-size:.85em !important} .text-big{font-size:1.4em !important} .text-huge{font-size:1.8em !important} /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/assets/scss/calendar-custom.scss ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .cal-view { display: block; } .cal-view .cal-head { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 16px 0; } .cal-view .cal-head .cal-sel-month { display: block; float: left; font-size: 20px; line-height: 24px; font-weight: 700; } .cal-view .cal-head .cal-actions { display: flex; float: left; align-items: center; } .cal-view .cal-head .cal-actions .cal-prev-btn, .cal-view .cal-head .cal-actions .cal-next-btn { display: flex; justify-content: center; align-items: center; float: left; cursor: pointer; width: 24px; height: 24px; border-radius: 3px; } .cal-view .cal-head .cal-actions .cal-prev-btn img, .cal-view .cal-head .cal-actions .cal-next-btn img { display: block; width: 14px; height: auto; } .cal-view .cal-head .cal-actions .cal-prev-btn.cal-next-btn img, .cal-view .cal-head .cal-actions .cal-next-btn.cal-next-btn img { transform: rotate(180deg); } .cal-view .cal-head .cal-actions .cal-prev-btn:hover, .cal-view .cal-head .cal-actions .cal-next-btn:hover { background-color: #f2f2f2; } .cal-view .cal-head .cal-actions .cal-today-btn { display: flex; align-items: center; float: left; font-size: 14px; line-height: 16px; font-weight: 600; height: 100%; padding: 0 6px; cursor: pointer; margin: 0 2px; border-radius: 3px; } .cal-view .cal-head .cal-actions .cal-today-btn:hover { background-color: #f2f2f2; } .cal-view .cal-month-view .cal-header { background-color: #eef2f8; } .cal-view .cal-month-view .cal-header .cal-cell:hover { background: transparent; } .cal-view .cal-month-view .cal-days { border: none !important; padding-top: 2px; } .cal-view .cal-month-view .cal-days .cal-cell-row { margin: 0 -1px; border: none !important; } .cal-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell { padding: 1px; border: none !important; min-height: 42px; background: transparent; width: 14.28%; position: relative; cursor: default; outline: none !important; } .cal-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell.cal-out-month { opacity: 0.3; } .cal-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell:not(.cal-out-month):hover .cal-cell-body { background-color: rgba(98, 34, 238, 0.2); } .cal-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell.cal-today .cal-cell-body { border-color: #6222ee; } .cal-view .cal-week-view .cal-day-headers .cal-header { background-color: #eef2f8; } .cal-view .cal-week-view .cal-day-headers .cal-header.cal-today { background-color: #1a73e8; color: #fff; } .cal-view .cal-week-view .cal-day-columns .cal-day-column .cal-events-container .cal-event-container .cal-cell-body { height: 100%; } .cal-view .cal-week-view .cal-day-columns .cal-day-column .cal-events-container .cal-event-container .cal-cell-body .event-name-block { height: 100%; } .cal-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-body, .cal-view .cal-week-view .cal-time-events .cal-time-label-column .cal-hour .cal-cell-body, .cal-view .cal-week-view .cal-day-columns .cal-day-column .cal-hour .cal-cell-body { display: flex; flex-flow: column; border: 1px solid #e0e5ee; border-radius: 3px; min-height: 100%; padding: 3px; position: relative; cursor: pointer; } .cal-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-body .cal-day-n, .cal-view .cal-week-view .cal-time-events .cal-time-label-column .cal-hour .cal-cell-body .cal-day-n, .cal-view .cal-week-view .cal-day-columns .cal-day-column .cal-hour .cal-cell-body .cal-day-n { display: block; float: left; margin-top: auto; font-size: 13px; line-height: 14px; font-weight: 600; color: #56596c; pointer-events: none; } .cal-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-body .cal-day-n.no-margin, .cal-view .cal-week-view .cal-time-events .cal-time-label-column .cal-hour .cal-cell-body .cal-day-n.no-margin, .cal-view .cal-week-view .cal-day-columns .cal-day-column .cal-hour .cal-cell-body .cal-day-n.no-margin { margin: unset; } .cal-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-body .cal-day-action, .cal-view .cal-week-view .cal-time-events .cal-time-label-column .cal-hour .cal-cell-body .cal-day-action, .cal-view .cal-week-view .cal-day-columns .cal-day-column .cal-hour .cal-cell-body .cal-day-action { display: none; } .cal-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-body.with-day-view, .cal-view .cal-week-view .cal-time-events .cal-time-label-column .cal-hour .cal-cell-body.with-day-view, .cal-view .cal-week-view .cal-day-columns .cal-day-column .cal-hour .cal-cell-body.with-day-view { flex-flow: row; } .cal-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-body.with-day-view .cal-day-n, .cal-view .cal-week-view .cal-time-events .cal-time-label-column .cal-hour .cal-cell-body.with-day-view .cal-day-n, .cal-view .cal-week-view .cal-day-columns .cal-day-column .cal-hour .cal-cell-body.with-day-view .cal-day-n { flex: 1; width: 70px; } .cal-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-body.with-day-view .cal-day-action, .cal-view .cal-week-view .cal-time-events .cal-time-label-column .cal-hour .cal-cell-body.with-day-view .cal-day-action, .cal-view .cal-week-view .cal-day-columns .cal-day-column .cal-hour .cal-cell-body.with-day-view .cal-day-action { flex: 2; } .cal-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-body:hover .cal-day-action, .cal-view .cal-week-view .cal-time-events .cal-time-label-column .cal-hour .cal-cell-body:hover .cal-day-action, .cal-view .cal-week-view .cal-day-columns .cal-day-column .cal-hour .cal-cell-body:hover .cal-day-action { display: block; } .cal-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-body .event-name-list { display: flex; justify-content: flex-end; align-items: center; pointer-events: none; } .cal-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-body .event-name-list .event-name { display: block; float: left; padding: 1px 3px; background-color: #511cd9; color: #fff; font-size: 11px; line-height: 13px; font-weight: 500; border-radius: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cal-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-body .event-name-list .event-number { display: block; float: left; padding: 2px; border-radius: 100px; font-size: 11px; line-height: 13px; font-weight: 500; background-color: #c7d7e6; margin: 0 0 0 2px; cursor: default; } .cal-view .cal-week-view .cal-day-columns .cal-day-column .cal-events-container .cal-event-container .cal-cell-body .event-name-block { display: flex; flex-flow: column; align-items: center; pointer-events: none; } .cal-view .cal-week-view .cal-day-columns .cal-day-column .cal-events-container .cal-event-container .cal-cell-body .event-name-block .event-name { display: block; float: left; padding: 1px 3px; background-color: #511cd9; color: #fff; font-size: 11px; line-height: 13px; font-weight: 500; border-radius: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cal-view .cal-week-view .cal-day-columns .cal-day-column .cal-events-container .cal-event-container .cal-cell-body .event-name-block .event-number { display: block; float: left; padding: 2px; border-radius: 100px; font-size: 11px; line-height: 13px; font-weight: 500; background-color: #c7d7e6; margin: 0 0 0 2px; cursor: default; } .event-list-popup { display: flex; flex-flow: column; background-color: #fff; padding: 0 0 16px 0; border-radius: 8px; width: 100%; height: 100%; transition: 500ms; } .event-list-popup .event-close { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 30px; height: 24px; background: transparent !important; border: none !important; outline: none !important; position: absolute; top: 7px; right: 0; cursor: pointer; } .event-list-popup .event-close img { display: block; width: 13px; height: auto; } .event-list-popup .list-events-head { display: block; padding: 10px 30px 10px 16px; font-size: 18px; line-height: 18px; font-weight: 700; } .event-list-popup .list-events-head.sm { font-size: 16px; line-height: 18px; } .event-list-popup .list-of-events { display: block; height: 100%; flex: 1; overflow: auto; } .event-list-popup .list-of-events .e-list { display: flex; align-items: flex-start; padding: 0 18px 0 16px; } .event-list-popup .list-of-events .e-list:not(:first-child) { margin-top: 2px; } .event-list-popup .list-of-events .e-list .ico { display: block; float: left; width: 14px; height: 14px; border-radius: 4px; background-color: #c7c7c7; margin: 8px 0 0 0; } .event-list-popup .list-of-events .e-list .e-details { display: block; float: left; flex: 1; padding: 6px 6px; margin: 0 0 0 4px; border-radius: 4px; } .event-list-popup .list-of-events .e-list a.e-details { cursor: pointer; } .event-list-popup .list-of-events .e-list a.e-details:hover { background-color: #f2f2f2; text-decoration: none; } .event-list-popup .list-of-events .e-list .e-name { display: block; font-size: 16px; line-height: 18px; font-weight: 600; color: #353535; } .event-list-popup .list-of-events .e-list .e-name:not(:last-child) { margin-bottom: 4px; } .event-list-popup .list-of-events .e-list .e-date { display: block; font-size: 13px; line-height: 14px; font-weight: 500; color: #2a2a2a; } .event-list-popup .list-of-events .e-list .e-date:not(:last-child) { margin: 0 0 3px 0; } .event-list-popup .list-of-events .e-list .e-date.with-bullet { position: relative; padding: 0 0 0 9px; } .event-list-popup .list-of-events .e-list .e-date.with-bullet:before { content: ""; display: block; position: absolute; top: 5px; left: 0; width: 4px; height: 4px; background-color: #6222ee; border-radius: 100px; } .event-list-popup .list-of-events .e-list .e-infos { display: flex; flex-wrap: wrap; padding: 2px 0 0 0; } .event-list-popup .list-of-events .e-list .e-infos .info { display: block; float: left; font-size: 11px; line-height: 13px; color: #000000; background-color: #e4d7ff; font-weight: 500; margin: 3px 3px 0 0; padding: 2px 5px; border-radius: 4px; } .event-list-popup .list-of-events .e-list .e-infos .info:nth-child(2) { background-color: #c4e4ff; } .event-list-popup .list-of-events .e-list .e-infos .info:nth-child(3) { background-color: #ffded8; } .event-list-popup .list-of-events .e-list .e-infos .info span { display: inline-block; margin: 0 4px 0 0; } .event-list-popup .list-of-events.list-data .e-list:not(:first-child) { margin-top: 8px; } .event-list-popup .list-of-events.list-data .e-list .e-details { padding: 0 0 0 11px; margin: 0; position: relative; } .event-list-popup .list-of-events.list-data .e-list .e-details:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 4px; height: 16px; background-color: #511cd9; } .event-list-popup .list-of-events.list-data .e-list .e-details:not(:first-child) { margin-top: 8px; } .event-list-popup .list-of-events.list-data .e-list .e-details .e-name { font-size: 14px; line-height: 16px; margin: 0 !important; } .event-list-popup .list-of-events.list-data .e-list .e-details .e-name strong { font-weight: 600; } .event-list-popup .list-of-events.list-data .e-list .e-details .e-infos .info { display: inline-flex; float: none; } .event-list-popup .list-of-events.list-data .e-list:nth-child(2) .e-details:before { background-color: #f94c54; } .event-list-popup .list-of-events.list-data .e-list:nth-child(3) .e-details:before { background-color: #ffba5e; } .event-list-popup .list-of-events.list-data .e-list:nth-child(4) .e-details:before { background-color: #2fdcc4; } .calendar-event-modal-panel, .calendar-event-modal-panel-left, .calendar-event-modal-panel-right { position: absolute !important; } .calendar-event-modal-panel .mat-dialog-container, .calendar-event-modal-panel-left .mat-dialog-container, .calendar-event-modal-panel-right .mat-dialog-container { padding: 0; } .calendar-event-modal-panel.calendar-event-modal-panel-right:before, .calendar-event-modal-panel-left.calendar-event-modal-panel-right:before, .calendar-event-modal-panel-right.calendar-event-modal-panel-right:before { left: auto; right: 100%; border-left: none; border-right: 18px solid rgba(0, 0, 0, 0.1); } .calendar-event-modal-panel.calendar-event-modal-panel-right:after, .calendar-event-modal-panel-left.calendar-event-modal-panel-right:after, .calendar-event-modal-panel-right.calendar-event-modal-panel-right:after { left: auto; right: 100%; border-left: none; border-right: 16px solid #fff; } /*!***********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./src/assets/css/responsive.css ***! \***********************************************************************************************************************************************************************************************************************/ /* QUIZ CSS MOVED 10-01-2024 */ @media screen and (min-width: 1680px){ /* .page-container .col-md-6 > .q-area .scroll-area, .page-container .col-md-6 > .q-right-panel .scroll-area{ width: 70%; } .show-left-panel .page-container .q-area .scroll-area, .show-left-panel .page-container .q-right-panel .scroll-area{ max-width: 90%; } */ .wrap-1300{ width: 80%; } /* .mainNavContainer{ width: 282px; } .body_section.subjectTo{ width: 188px; max-width: 188px; padding-top: 170px; } .mainNavScrollArea{ height: calc(100% - 155px); } .sidemenu-logo{ height: 110px; margin: 0 0 45px 0; } .sidemenu-logo img{ height: 94px; } .sideMenu li{ margin-bottom: 24px; } .sideMenu li a{ font-size: 21px; line-height: 23px; font-weight: 400; padding: 15px 20px; } .sideMenu li a .txt{ padding-left: 14px; } .menuImg{ height: 28px; } .menuImg.md{ height: 32px; } .grade li a, .grade li .grade-check{ font-size: 16px; line-height: 22px; padding: 8px 8px; } */ .page-tl, .n-body-section .page-tl{ /* display: block; */ /* font-size: 56px; line-height: 60px; */ font-size: 40px; line-height: 44px; } .page-tl .b-arrow, .n-body-section .page-tl .b-arrow{ height: 36px; } .exam-tags .tag{ font-size: 16px; line-height: 20px; padding: 5px 16px; border-radius: 0 16px 0 16px; } .body_section.right-panel{ width: 468px; max-width: 28%; } .body_section.right-panel .scroll-inner{ padding: 0 28px; } .r-subj-list .tl{ padding: 8px; } .r-subj-list .r-subj-box{ padding: 8px 10px; } .r-subj-info{ font-size: 24px; line-height: 26px; font-weight: 500; } .r-subj-info.total { font-size: 38px; line-height: 40px; } .r-subj-info span{ font-size: 15px; } .new-mock-exam{ margin: 0 0 22px 0; } .new-mock-exam:not(:first-child){ margin: 22px 0 0 0; } .new-mock-exam h2{ font-size: 36px; line-height: 40px; } .new-mock-exam img{ margin: 22px 0 0 0; } .new-mock-exam:not(.new-worksheet) .mock-list{ margin-top: 24px; } .mock-exam-btn span{ font-size: 15px; line-height: 20px; padding: 4px 7px; } .new-mock-exam .buttonset{ margin: 24px 0 0 0; } .new-mock-exam .btn{ font-size: 18px; line-height: 20px; border-radius: 18px; font-weight: 500; padding: 22px 16px; /* width: 150px; */ max-width: 100%; } .new-mock-exam .btn-c .btn { margin: 0; font-size: 16px; line-height: 20px; padding: 6px 10px 6px 10px; } .new-mock-exam .btn-c:first-child:last-child .btn{ width: 272px; } .new-mock-exam .btn img{ height: 22px; top: 0px; } .new-mock-exam .btn-c .txt { font-size: 13px; line-height: 15px; margin: 3px 0 0 0; } .mark-list-c h2{ font-size: 26px; line-height: 30px; margin: 0 0 10px 0; } .mark-list-c .mark-list span{ font-size: 26px; font-weight: 700; min-width: 86px; } .mark-list-c .mark-list.lg span { font-size: 42px; } .mark-list-c .mark-list{ font-size: 17px; } .mark-list-c .mark-list.lg { font-size: 20px; } .btn-msg{ font-size: 18px; line-height: 20px; } .exam-tags .txt{ font-size: 24px; line-height: 30px; } .performance-status{ margin: 44px 0 0 0; } .new-worksheet .performance-status{ margin: 28px 0 0 0; } .performance-status .list{ padding-left: 30px; margin: 24px 0 0 0; } .performance-status .list.with-check { padding-left: 54px; } .performance-status .list .check{ top: 4px; } .performance-status .list .status{ padding-right: 36px; } .performance-status .list .status-bar{ height: 15px; } .performance-status .list .status-value{ width: 30px; height: 30px; right: -36px; font-size: 11px; } .performance-status .list .tl{ font-size: 20px; line-height: 24px; margin: 0 0 3px 0; } .performance-status .list .tl:before{ left: -30px; } .new-mock-exam.new-worksheet .tl, .body_section.right-panel h5{ font-size: 17px; } .new-mock-exam.new-worksheet .exam-topics{ margin: 28px 0 0 0; } .performance-status.with-sub > .list > .tl:before{ top: 3px; } .performance-status.with-sub .list .sub-status{ margin-left: -30px; } .performance-status.with-sub .sub-status .list .tl{ font-size: 14px; line-height: 16px; } .performance-status.with-sub .sub-status .list .tl:before{ top: 4px; left: -25px; } .performance-status.with-sub .list .sub-status .status-value{ right: -32px; } .offline-row > .col-6{ flex: 0 0 55%; max-width: 55%; } .offline-row > .col-6:last-child{ flex: 0 0 45%; max-width: 45%; } /* .grade li{ width: 140px; } */ } @media screen and (min-width: 1920px){ .mock-exam-boards > .rw > .colm{ width: 33.333333%; } .offline-row > .col-6{ flex: 0 0 60%; max-width: 60%; } .offline-row > .col-6:last-child{ flex: 0 0 40%; max-width: 40%; } /* QUIZ CSS MOVED 10-01-2024 */ .mock-exam-board .tl-box h3{ font-size: 18px; } } @media screen and (min-width: 2560px){ .mock-exam-boards > .rw > .colm{ width: 25%; } .mock-exam-board .info .card-topics .topic, .mock-exam-board .info .card-topics .more-topic{ font-size: 12px; line-height: 16px; } } /* QUIZ CSS MOVED 10-01-2024 */ @media screen and (min-width: 3840px){ .mock-exam-boards > .rw > .colm{ width: 20%; } } @media screen and (min-width: 4096px){ .mock-exam-boards > .rw > .colm{ width: 16.666666%; } } @media screen and (min-width: 5120px){ .mock-exam-boards > .rw > .colm{ width: 12.5%; } } /* MIN WIDTH END */ /* QUIZ CSS MOVED 10-01-2024 */ @media screen and (max-width: 1440px){ .no-mockdata h3, .no-assessmentdata h3{ font-size: 20px; } } @media screen and (max-width: 1365px){ /* QUIZ CSS MOVED 10-01-2024 */ .r-subj-listing .r-subj-list{ margin: 8px 0 0 0; } .new-mock-exam{ margin: 0 0 8px 0; } .new-mock-exam:not(:first-child){ margin: 8px 0 0 0; } .new-mock-exam img{ max-width: 140px; } } @media screen and (max-width: 1279px){ .mock-exam-boards > .rw > .colm{ width: 100%; } /* QUIZ CSS MOVED 10-01-2024 */ .print-answer-sheet .total-ans{ column-count: 3; } .doubts-chat-section .add-doubts{ height: 22px; font-size: 12px; line-height: 16px; } .doubts-chat-section .add-doubts img{ width: 9px; } .doubts-list{ padding: 0 26px 0 12px; } .doubts-list li .list-box{ padding: 10px 10px 10px 12px; min-height: 70px; } .doubts-list li .list-box:before{ border-top-width: 28px; border-left-width: 24px; } .doubts-list li .list-box:after{ border-bottom-width: 28px; border-left-width: 24px; } .doubts-list li .list-box .bottom-sec{ margin: 6px 0 0 0; } .doubts-list li .list-box .bottom-sec .notify{ min-width: 20px; height: 20px; font-size: 12px; line-height: 19px; } .doubts-list li .list-box .bottom-sec h3{ font-size: 16px; line-height: 22px; font-weight: 600; } } @media screen and (max-width: 1023px){ /* LEFT SECTION START */ .c-header-new{ padding-top: 3px; padding-bottom: 3px; } /* .menuBarIco, */ .overlay-superbook{ display: block; } /* .menuBarIco{ margin-top: 9px; } */ /* .mainNavContainer{ position: fixed; top: 53px; left: 5px; z-index: 8; transition: 400ms; background-color: #fff; height: calc(100% - 58px); margin: 0; } .mainNavScrollArea{ height: 100%; } .hide-main-nav .mainNavContainer { left: -555px; } */ .leftNavHead { position: fixed; } /* .body_section.subjectDtls, .body_section.mockExam{ padding-top: 42px; } */ /* .article-wraper.main-superbook .body_section.subjectTo, .sidebar-new .article-wraper.main-superbook .body_section.subjectTo{ position: fixed; left: 61px; top: 53px; max-height: 100% !important; height: calc(100vh - 58px) !important; z-index: 8; transition: 400ms; overflow: inherit; padding: 20px 0 20px 10px; margin: 0; } .show-main-nav.hide-main-nav .article-wraper.main-superbook .body_section.subjectTo{ left: -555px; } .show-main-nav.hide-main-nav .sidebar-new .article-wraper.main-superbook .body_section.subjectTo { left: -280px; } */ .hide-main-nav .sidebar-new .mainNavContainer { left: -336px; } .left-panel-logo{ display: none; } .left-panel-logo + .main-app{ margin: 0; } .overlay-superbook.open{ display: block; } .show-main-nav.hide-main-nav .overlay-superbook.open{ display: none; } /* .subjectToScrollarea .ng-scrollbar, .mainNavScrollArea .ng-scrollbar{ opacity: 0; } */ .body_section { padding-left: 15px; padding-right: 15px; z-index: 1; } .body_section.subjectTo .leftNavHead, .mainNavContainer .leftNavHead, .leftNavHead{ display: block; height: 42px; } .sidemenu-logo{ display: none; } .roundBtn i.fa{ display: inline-block; } /* .grade li a img { margin-right: 5px; margin-left: 10px; } .sideMenu li:last-child { margin-bottom: 30px; } */ /* .subjectTo { padding-top: 35px; } */ /* .app_Section_Head { position: relative; padding-top: 10px; padding-left: 25px; } .app_Section_Body { height: calc(100% - 55px); overflow-y: auto; } .app_Section > .fa { position: fixed; left: 0; top: 40px; width: 35px; height: 35px; line-height: 35px; text-align: center; background-color: #fff; z-index: 9; display: none; } .app_Section { padding-top: 35px; padding-bottom: 10px; position: relative; } */ .main_Body_Area{ flex-direction: column; } .subjects { margin: 0; } .numberCarrd { width: calc(50% - 2px); display: inline-block; } .numberSuction{ width: 100%; } /* .app_Section_Head .broadcomList ul { margin-left: -10px; } */ /* LEFT SECTION END */ /* .main-superbook .superBook_item { width: 25%; } */ /* .main-superbook .app_Section { padding-bottom: 0px; } .main-superbook .app_Section_Head{ margin-bottom: 8px; } */ .content-wraper{ overflow: auto; } .page-header{ position: fixed; left: 0; top: 0; width: 100%; background: #fff; z-index: 3; } /* .page-container{ */ /* padding: 44px 0 50px 0; 04-01-24*/ /* padding: 0 0 50px 0; } */ .q-left-panel { display: block; position: fixed; top: 0; left: -780px; background-color: #f5f5f5; transition: 500ms; width: 300px; z-index: 99999999999; } .q-left-panel .subject-area-scroll{ height: calc(var(--screen-vh) - 96px); } .q-left-panel .-vertical{ display: none; } .q-left-panel .subject-area{ padding: 10px 14px; } .vedioCont .video { height: 200px; } .show-left-panel .q-page { padding-left: 0; position: relative; } /* .navClick { z-index: 99999999999999999; } */ .page-footer{ position: fixed; left: 0; bottom: 0; width: 100%; } .overlay_sidebar{ display: block; } .show-left-panel .overlay_sidebar{ opacity: 0.3; visibility: visible; } .q-video .video{ max-height: calc(var(--screen-vh) - 148px); } .q-video { max-width: 80%; } .c-modal-body .checkout-left, .c-modal-body .checkout-left .sm-tl, .payment-button-group{ padding-left: 16px; padding-right: 16px; } /* .right-panel-toggle{ display: block; } */ .body_section.right-panel{ position: fixed; top: 48px; right: -288px; height: calc(var(--screen-vh) - 48px); z-index: 2; transition: 400ms; padding-top: 26px; } .body_section.right-panel.p-t-16 .scroll-inner{ padding-top: 10px; } .show-rightPanel .body_section.right-panel{ right: 0; } .show-rightPanel .right-panel-toggle img{ transform: translate(0,-50%) rotate(180deg); /* left: 3px; */ } .mock-exam-boards > .rw > .colm{ width: 50%; } .doubts-page-head{height: 68px;} /* .chat-container, */ .doubts-chat-section .left-sec{ padding: 45px 0 20px 0; } .chat-container{ padding: 14px 0 0 0; } .message-list-c{ height: calc(var(--screen-vh) - 262px); } .show-top-left-bar .sidebar-new .content-wraper .message-list-c { height: calc(var(--screen-vh) - 240px); } .doubts-list-c{ height: calc(var(--screen-vh) - 178px); } .show-top-left-bar .sidebar-new .content-wraper .doubts-list-c { height: calc(var(--screen-vh) - 200px); } .n-body-section{ padding: 0 16px; } .n-body-section .n-body-view{ padding: 0; } } @media screen and (max-width: 991px) { .subjectCard_Divider { flex-direction: column; } .subject_leftCard { margin-bottom: 30px; margin-right: 0; } .innerContainer { padding: 0; border: none; border-bottom: solid 1px #eaeaea; padding-bottom: 35px; } .subject_rightCard .Quiz_head { margin-right: -30px; } .questionList { right: -60px; } .questionList li a { width: 55px; height: 45px; border-radius: 17px 0 0 17px; line-height: 45px; } .landing-page-right { flex-wrap: wrap; float: left; width: 100%; box-sizing: border-box; min-height: var(--screen-vh); position: relative; display: flex; align-items: center; justify-content: center; padding: 15px; } .landing-page-left { width:100%; } .register { width: 100%; align-items: center; padding: 25px; justify-content: center; } .q-video .video{ max-height: calc(var(--screen-vh) - 150px); } .q-video { max-width: 100%; } .footer-container{ min-height: 30px; } .q-pagination a, .q-pagination a:hover{ line-height: 30px; min-width: 30px; height: 30px; } .footer-info-c{ margin: 0; } .footer-info-c .colm .ico img{ height: 24px; } /* .main-superbook .app_Section { padding-top: 10px; padding-bottom: 10px; position: relative; } .main-superbook .app_Section_Head { position: relative; padding-top: 0; padding-left: 0; margin-bottom: 10px; } */ .main-superbook .grade li { min-width: 120px; margin-right: 10px; } /* .main-superbook .client_superBook_image { min-height: 200px; max-height: 200px; display: -webkit-box; display: flex; } .article-wraper.main-superbook{ flex-direction: column; } */ .subjects li .subj-check{ font-size: 15px; line-height: 17px; } .subjectsIcon{ height: 20px; } .custom-padd{ padding: 40px 20px !important; } .responsive-width{ width: 10% !important; } .payment-modal .c-body-left{ width: 20% ; } .image-content label { margin-bottom: 40px !important; border: 1px solid rgba(0,0,0,.125); } .image-content label .overlay{ position: relative; opacity: 1; padding: 0; max-height: 30px; background-color: rgb(73, 178, 244); } .image-content label { height: 150px; width: 160px; } /* QUIZ CSS MOVED 10-01-2024 */ .plan-container .plan-row{ margin: 0 -10px; } .plan-container .plan-row .colm{ padding: 0 10px; } .plan-box-c{ padding: 26px 16px; } } @media screen and (min-width: 900px) { .page-header.page-header-new:not(.with-shadow){ box-shadow: none; } } @media screen and (max-width: 899px) { .page-tl{ font-size: 30px; line-height: 36px; } .doubts-page-head{ height: 48px; } .doubts-chat-section .left-sec{ position: fixed; top: 48px; left: calc(-100% + 40px); z-index: 2; padding: 45px 0 16px 0; width: calc(100% - 40px); max-width: 100%; height: calc(var(--screen-vh) - 48px); flex: 1; transition: 500ms; border-radius: inherit; } body.hide-main-nav .doubts-chat-section .left-sec .panel-toggle{ display: block; } .show-doubtsPanel .doubts-chat-section .left-sec{ left: 0; } .show-doubtsPanel .doubts-chat-section .left-sec .panel-toggle img{ transform: translate(0,-50%) rotate(0deg); } .doubts-list-c{ height: calc(var(--screen-vh) - 72px); } .show-top-left-bar .sidebar-new .content-wraper .doubts-list-c { height: calc(var(--screen-vh) - 108px); } .message-list-c { height: calc(var(--screen-vh) - 216px); } .show-top-left-bar .sidebar-new .content-wraper .message-list-c { height: calc(var(--screen-vh) - 212px); } .doubts-chat-section{ display: block; } .doubts-chat-section .right-sec{ float: none; max-width: inherit; border-radius: inherit; flex: 0 0 100%; margin: 0 -20px; } .message-list .list:not(:first-child) { margin: 26px 0 0 0; } .body_section.subjectDtls .app_Section { padding-top: 22px; } /* .chat-container{ padding: 20px 0; } */ .doubtCleared{ margin: 0; } .message-type-box-c{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1; padding: 8px 10px 4px 10px; background-color: #e9eaf4; } .show-bottom-menu .message-type-box-c{ bottom: 48px; } .message-type-box-c .bottom-area{ margin: 6px 0 0 0; } .message-type-box .textarea{ height: 44px; } .plan-container .plan-row .colm{ max-width: 50%; flex: 0 0 50%; padding-top: 10px; padding-bottom: 10px; } .plan-container .plan-row .colm:last-child{ max-width: 100%; flex: 1; } /* .plan-container .plan-row .colm .plan-box .expand-detail-section { display: flex; } .plan-container .plan-row .colm .plan-box:not(.show-plan-detail) .body { display: none; } */ .no-chat-section{ display: flex; } .message-list-c.empty-messages { display: none; } } @media screen and (max-width: 800px) { /* .main-superbook .superBook_item { width: 33.33%; } */ .payment-modal .c-body-left{ width: 20%; } .payment-box span{ font-size: 10px; } .c-modal-body .checkout-left, .c-modal-body .checkout-right, .c-modal-body .package-left, .c-modal-body .package-right{ order: inherit; width: 100%; } .c-modal-body .package-right{ flex-flow: inherit; flex-wrap: wrap; } .payment-button-group.payment-btn-group-large-device { display: none; } .payment-button-group .payment-back-btn-sm-device { display: block; } /* .checkout-logo{ display: none; } */ .checkout-right-logo{ display: block; width: 100%; padding: 0; margin: 0 0 14px 0; } .plan-details{ float: left; width: calc(100% - 100px); padding: 0 20px 0 0; } .plan-g-image{ float: left; width: 100px; display: flex; justify-content: flex-end; align-items: flex-end; } .assessment-box{ padding-left: 0; padding-right: 0; } /* .page-container .q-area .scroll-area, .page-container .q-right-panel .scroll-area{ width: 100%; } */ /* QUIZ CSS MOVED 10-01-2024 */ .pdf-preview-page .text-q-container .q-right-info{ height: calc(100% - 48px); } .page-footer{ padding: 4px 0 0 0; height: 40px; } /* .q-pagination-cont{ height: 40px; } .footer-right .q-pagination{ padding: 6px 0 0 0; } .markList .list .listBlock .n, .footer-right .q-pagination .page-no, .footer-right .q-pagination .page-no:hover{ width: 24px; height: 24px; min-width: 24px; font-size: 12px; line-height: 24px; } */ /* QUIZ CSS MOVED 10-01-2024 */ body [hidden].hidden-show{ display: block !important; position: fixed; visibility: hidden; opacity: 0; } /* QUIZ COLUMN RESPONSIVE END */ /* .header-right .user{ padding: 2px; } .header-right .user .name{ display: none; } */ /* .qa-right-arrow{ display: block; transition: 400ms !important; } .show-qnRight .sub-numbering{ right: 0; } .show-qaRight .qa-right-arrow{ right: 86px; } .show-qaRight .q-right-number ~ .qa-right-arrow{ right: 124px; } .show-qaRight .qa-right-arrow img, .show-qnRight .qa-right-arrow img{ transform: translate(-50%,-50%) rotate(180deg); } */ /* .show-qaRight .text-q-container .q-right-info{ right: 0px; } */ /* .show-qaRight .text-q-container .q-right-number{ right: 86px; } .quiz-Next-Prev .go-prev img, .quiz-Next-Prev .go-next img { width: 16px; } .mob-track{ display: block; transition: 400ms; visibility: visible; opacity: 1; } .show-qaRight .mob-track{ visibility: hidden; opacity: 0; } .quiz-main-container{ padding: 0; } .sub-numbering{ height: calc(100vh - 84px); position: fixed; z-index: 3; top: 44px; right: -68px; transition: 500ms; } .show-qaRight .report-btn, .show-qnRight .report-btn{ opacity: 0; visibility: hidden; } */ .content-mid-scroll{ height: calc(var(--screen-vh) - 88px); } /* .page-container{ padding-bottom: 40px; } */ .quiz-Next-Prev{ margin: 16px 0 0 0; } .quiz-Next-Prev .go-prev img, .quiz-Next-Prev .go-next img{ width: 18px; } scrollbar-x{ height: 6px !important; } scrollbar-x .ng-scrollbar-track{ height: 3px !important; } scrollbar-y{ width: 6px !important; } scrollbar-y .ng-scrollbar-track{ width: 3px !important; } } @media only screen and (max-width: 869px) and (min-width: 767px){ .modal-container .payment-modal.c-modal-body .c-body-left{ width: 8% ; } .form-box .field-verified-c{ padding-right: 0; text-align: right; } .form-box .field-verified-c > .btns{ position: static; margin: 4px 0 0 0; display: inline-block; } } @media screen and (max-width: 767px){ /* .menuBarIco{ margin-top: 5px; } */ .modal-container .c-modal-body .c-body-left{ width: 30px; background-image: none; display: none; } .modal-container .c-modal-body .c-body-right .form-box-container .px-30{ padding-left: 18px; padding-right: 18px; } .modal-container .c-modal-body .c-body-left .desc-c{ display: none; } .responsive-width { width: 2% !important; } .custom-padd { padding: 40px 14px !important; } .subscription-container { padding: 10px 4px; } .subject-area{ padding: 16px; } /* .page-container{ padding-bottom: 40px; } .page-container.half-grey:before{ display: none; } .page-container .q-area, .q-right-panel{ padding: 10px 0 24px 0; height: calc(100vh - 84px) !important; } .breadcrumbHead{ padding: 60px 14px 0 14px; margin: 0; flex-wrap: wrap; } .breadcrumbHead li, .breadcrumbHead li.mainTopic{ font-size: 15px; line-height: 20px; max-width: none; white-space: normal; } .breadcrumbHead li .fa{ margin-top: 3px; } */ /* .page-container .q-area .scroll-area, .page-container .q-right-panel .scroll-area{ padding: 0 12px; } */ /* .page-container .q-box{ padding: 0 0 0 34px; } 10-01-2024*/ /* QUIZ CSS MOVED 10-01-2024 */ /* .col-6 .q-help-box .help-steps .step-container .ans-sec{ margin-left: -44px; } */ /* QUIZ CSS MOVED 10-01-2024 */ .page-tl, .n-body-section .page-tl { font-size: 26px; line-height: 32px; } .page-tl .b-arrow, .n-body-section .page-tl .b-arrow{ height: 16px; margin: 0 8px; } .exam-tags .tag{ line-height: 15px; } /* QUIZ CSS MOVED 10-01-2024 */ .page-header-c .head-l{ padding-right: 14px; width: auto; flex: inherit; } .page-header-c .head-l.blank{ display: none; } .page-header-c .head-r{ padding-left: 14px; max-width: 100%; flex: 1; } /* .math-back-btn{ margin-left: 12px !important; } .math-back-btn.sm { padding: 3px 8px; } .page-header.page-header-new{ padding: 12px 0; } .h-logo { margin: 0; } .page-header-c .head-m{ height: 24px; } .h-logo img { height: 24px; } */ /* .q-btn.mid, .ans-btn.mid{ min-width: 1px; width: 200px; max-width: 100%; padding-top: 4px; padding-bottom: 4px; font-size: 14px; } .q-help-box .help-steps .q-btn.mid, .q-help-box .help-steps .ans-btn.mid{ width: 132px; } */ /* .c-header{ padding: 4px 4px 4px 10px; } .n-user .details .nm{ font-size: 14px; line-height: 16px; font-weight: 600; } .n-user .details .badge{ font-size: 76%; } .n-user .photo{ width: 36px; height: 36px; } */ .body_section.subjectDtls .app_Section_Head{ font-size: 18px; line-height: 24px; } .n-btn{ font-size: 14px; line-height: 16px; } .submitAnswerModal .bodyRw{ max-width: 300px; margin-left: auto; margin-right: auto; } .bodyRw .col-R{ width: 100%; max-width: 100%; padding: 0 0px 30px 0; order: inherit; } .bodyRw .col-L{ width: 100%; max-width: 100%; } .bodyRw .col-L img{ width: auto; max-width: 180px; margin: 0 auto; } .submitAnswerModal .buttonset{ justify-content: flex-start; } .small-device-message .msg{ font-size: 18px; line-height: 25px; } .page-timer{ padding: 2px 6px; min-width: 82px; } .page-timer .t{ font-size: 9px; line-height: 10px; } .page-timer .tm{ font-size: 14px; line-height: 14px; } .page-timer:before{ border-right-width: 8px; border-top-width: 16px; } .page-timer:after{ border-left-width: 8px; border-top-width: 16px; } /* .ans-sec{ margin: 16px 0 0 0; } */ .subject-area-scroll{ height: auto; } .subj-bg{ height: 284px; } /* .report-btn{ width: 32px; height: 32px; transition: 500ms; } .report-btn img{ width: 18px; } */ .footer-left{ padding: 0 14px 0 0; } .footer-right{ padding: 0 0 0 14px; } .footer-info-c .colm{ padding: 0 12px 0 0; } .footer-info-c .colm .ico img{ height: 22px; margin: 2px 0 0 0; } .ac-image-c .u-photo, .ac-image-c.with-check .u-photo{ width: 110px; height: 110px; } .ac-image-c .u-photo .change{ width: 38px; height: 38px; font-size: 18px; } body .text-big { /* font-size: 0.86em; */ font-size: 15px; line-height: 16px; } body .placeholder{ padding-top: 1px; padding-bottom: 1px; } .text-view-c h3, .text-view-c .h3 { font-size: 1.3rem; } .text-view-c h4, .text-view-c .h4 { font-size: 1.15rem; } /* FONT END */ /* NEW REGISTER MODAL START */ .custom-modal.n-reg-modal{ padding: 0; overflow: auto; } .custom-modal.n-reg-modal .modal-container, .custom-modal.n-reg-modal .c-modal-body{ height: 100%; } .custom-modal.n-reg-modal .c-body-right{ background-color: #f7f8f8; } .custom-modal.n-reg-modal .c-modal-body-in{ padding-left: 0; padding-right: 0; } .custom-modal.n-reg-modal .reg-panel{ display: flex; flex-flow: column; min-height: 100%; align-items: center; background-color: #613df5; } .custom-modal.n-reg-modal .reg-panel.small-device-login{ display: none; } .custom-modal.n-reg-modal .reg-panel.small-device-login.showNow{ display: flex; } .custom-modal.n-reg-modal .reg-panel .scroll-h-470{ height: auto; } .custom-modal.n-reg-modal .modal-container .c-modal-body .c-body-right{ /* min-height: 100vh !important; */ min-height: 100% !important; padding: 0 !important; width: 100%; } .custom-modal.n-reg-modal .existing-btn{ display: none; } .custom-modal.n-reg-modal .reg-panel form{ display: block; width: 100%; } .reg-panel .login-box{ padding: 0; border: none; background: transparent; } .reg-panel .form-box-container, .reg-panel .form-container{ width: 360px; max-width: 100%; } .reg-panel .form-box-container.form-margin-top-0 { margin-top: 0 !important; } .hide-mobile, .reg-panel .login-box .form-tl.mob-del .no, .reg-panel .login-box .form-tl.hide-mobile{ display: none !important; } .reg-panel .login-box .form-tl.mob-del{ font-size: 0px; border: none; margin: 24px 0 -34px 0; padding: 0; position: relative; z-index: 1; } .reg-panel .login-box .form-tl.mob-del.with-no .btn-xs{ font-size: 0px; width: 22px; height: 22px; position: relative; } .reg-panel .login-box .form-tl.mob-del.with-no .btn-xs i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .reg-panel .login-box .form-box{ padding-left: 0; padding-right: 0; } .reg-panel .login-box .form-box .form-group:not(:last-child) { margin-bottom: 4px; } .reg-panel .login-box .form-box .form-group .col-form-label{ width: 100%; flex: inherit; max-width: 100%; padding-right: 15px; font-size: 13px; line-height: 16px; text-align: left !important; font-weight: 600; } .reg-panel .login-box .form-box .form-group [class*='col-']{ width: 100%; flex: inherit; max-width: 100%; } .form-box .form-group .form-control{ font-size: 13px; } .reg-panel .login-box .form-box .form-group .form-control{ border-radius: 6px; height: 36px; background-color: #f4f5f7; border-color: #f4f5f7; } .reg-panel .login-box .form-box .form-group .form-control:focus{ border-color: #ebecef; } .reg-panel .login-box .form-box .form-group .form-control.c-tag-container, .reg-panel .login-box .form-box .form-group .form-control.c-tag-container:focus{ border-color: #613df5; } .reg-panel .mat-error { font-size: 12px; line-height: 14px; margin: 3px 0 0 0; } .reg-panel .login-box .form-box .form-group.mob-no-tl .col-form-label{ display: none; } .reg-panel .login-box .form-box .form-group.mob-no-tl .col-form-label.show-mob{ display: block; } .reg-panel .login-box .form-box .form-group.mob-no-tl:not(:last-child) { margin-bottom: 18px; } .reg-panel .set-button{ border-radius: 6px !important; min-width: 165px; padding-top: 6px; padding-bottom: 6px; font-size: 12.5px; font-weight: 500; } .reg-panel .mob-btnset{ text-align: center !important; } .reg-panel .mob-btnset.two-btns{ display: flex; width: 100%; justify-content: space-between; align-items: center; } .reg-panel .mob-btnset.two-btns .set-button, .reg-panel .mob-btnset.two-btns .back-button{ width: auto; min-width: 78px; } .reg-panel .mob-btnset.two-btns .spacer{ display: none; } .reg-panel .ng-scrollbar, .no-reg-bottom{ display: none; } .reg-panel .ng-scrollbar-view{ overflow: visible; } .reg-panel .n-reg-body-1 .ng-scrollbar{ display: block; } .reg-panel .n-reg-body-1 .ng-scrollbar .ng-scrollbar-wrapper, .reg-panel .n-reg-body-1 .ng-scrollbar .ng-scroll-viewport-wrapper, .reg-panel .n-reg-body-1 .ng-scrollbar .ng-native-scrollbar-hider, .reg-panel .n-reg-body-1 .ng-scrollbar .ng-scroll-viewport{ position: static; } .reg-panel .n-reg-body-1 .ng-scrollbar .ng-native-scrollbar-hider, .reg-panel .n-reg-body-1 .ng-scrollbar .ng-scroll-viewport{ contain: inherit; } .n-reg-header{ display: flex; align-items: center; padding: 24px 24px 32px 24px; height:209px; } .n-reg-body{ display: flex; flex-flow: column; width: 100%; flex: 1; /* min-height: calc(100vh - 209px); */ justify-content: space-between; margin: 0; padding: 24px 24px 82px 24px; background-color: #fff; border-radius: 34px 34px 0 0; } .reg-panel .mob-text-footer, .mob-form-tl{ display: block; } .mob-form-tl + .login-box{ margin-top: 0; } .hide-mob{ display: none; } .show-mob{ display: block; } .show-mob-inline{ display: inline-block; } .frgt-area.mob{ margin: 6px 0 0 0; text-align: center; } .frgt-area .frgt-link{ color: #613df5; font-size: 13px; line-height: 15px; font-weight: 600; margin: 0; float: left; } .frgt-area.mob .frgt-link{ margin: 34px 0 0 0; } .frgt-area.mob .set-button, .frgt-area.mob .set-button.float-right{ margin: 1.5rem 0 0 0; float: none !important; } .frgt-area .space-mobile{ display: block; height: 1px; clear: both; } .c-radio .li .txt{ font-size: 13px; line-height: 15px; padding: 2px 10px; } /* NEW REGISTER MODAL END */ /* .doubts-page-head{ height: 64px; } */ .doubts-popup{ padding-left: 20px; padding-right: 20px; } .credits .credit-text{ font-size: 15px; line-height: 18px; padding-left: 8px; } .credits .credit-no{ font-size: 16px; line-height: 18px; } .message-list{ padding: 0 16px; } .message-list-c{ height: calc(var(--screen-vh) - 214px); padding: 0; } .message-list .list:not(:first-child) { margin: 14px 0 0 0; } .message-list .list .time{ margin: 0 0 4px 0; } .doubtCleared{ font-size: 13px; line-height: 15px; font-weight: 500; } .subject-list{ max-width: 100%; } .mob-spcl-navs{ display: flex; } .n-body-section .exam-tags .tag{ line-height: 15px; padding: 4px 10px; } .blank-page-area .area-c{ padding-right: 52px; } .blank-page-area .area-c .body-box:after{ border-left-width: 32px; border-top-width: 20px; border-bottom-width: 20px; right: -52px; } .doubts-chat-section .left-sec .panel-toggle img{ width: 14px; right: 3px; } .doubts-chat-section .left-sec .panel-toggle .txt{ font-size: 12px; line-height: 12px; left: 6px; } .go-bottom{ width: 22px; height: 22px; } .go-bottom img{ width: 11px; } } /* TEST PROGRESS */ @media screen and (max-width: 640px){ .c-modal-body .package-left{ padding-left: 20px; padding-right: 20px; } .c-modal-body .checkout-left .sm-tl{ /* background-color: #ae84f2; */ padding: 10px 10px; border-radius: 10px; font-size: 20px; } .mock-exam-boards > .rw > .colm{ width: 100%; } .mockExam-scroll-inner .page-tl, .mark-list-c .mark-list, .mark-list-c h2{ text-align: center; } .mockExam-scroll-inner .exam-tags{ justify-content: center; } .assessment-box-left{ margin: 0 auto; } .assessment-box-right{ width: 100%; margin: 32px 0 0 0; } } @media screen and (max-width: 639px) { .form-box .field-verified-c{ padding-right: 0; text-align: right; } .form-box .field-verified-c > .btns{ position: static; margin: 4px 0 0 0; display: inline-block; } .print-modal-body .content-area{ flex-flow: column; } .print-modal-body .content-area .left-area{ display: flex; justify-content: center; width: 100%; padding: 0 0 30px 0; } .print-modal-body .content-area .left-area img{ max-width: 160px; } .print-modal-body .content-area .right-area{ padding: 0; } } @media screen and (max-width: 599px) { .login-box .col-form-label.text-right{ text-align: left !important; } .form-box-container.reg-sec{ margin-top: 50px; } .main-content{ flex-direction: column; align-items: center; } .main-content-item{ width: 250px; } .payment-box span{ font-size: 12px; } /* .main-superbook .superBook_item { width: 50%; padding-bottom: 22px; } */ .modal-container .c-modal-body .c-body-right{ padding: 28px 18px; } .c-modal-body-in{padding: 0 18px;} .payment-card-cont{margin: 0 auto;} .-vertical{ width: 4px; } .q-left-panel{ width: 260px; } .ac-image-c .u-photo, .ac-image-c.with-check .u-photo{ width: 100px; height: 100px; margin: 0 auto; } .ac-image-c .nm{ font-size: 16px; line-height: 18px; } .subj-bg{padding: 10px;} .body_section.subjectTo .leftNavHead, .body_section:not(.right-panel), .subj-bg, .subject-area, .main-wrapper{ padding-left: 10px; padding-right: 10px; } .leftNavHead .barIco{ margin-right: 9px; } .mockExam-scroll-inner{ padding-left: 14px; padding-right: 14px; } /* .total-ans, */ /* .print-answer-sheet .total-ans{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } */ .ans-paper{ padding: 14px 10px; } .ans-paper .tl{ font-size: 20px; line-height: 24px; } .subj-wrap{ padding: 30px 14px; } .subj-header:not(:last-child) { margin: 0 0 32px 0; } .subj-header:not(:last-child) { margin: 0 0 32px 0; } /* .subj-list-c .title-c { margin: 14px 0 0 0; } .subj-list-c{ flex-flow: column; padding: 16px 14px; } .subj-list-c .image{ float: none; margin: 0 auto; } .subj-list-c .right-c{ padding: 0 0 0 62px; } .subj-list-c .q-listing{ padding: 0 0 0 18px; margin-left: -56px; } .subj-list-c .q-listing .list{ margin: 8px 0 0 0; } .subj-list-c .q-listing .list .sub-lists{ padding: 0 0 0 18px; } .subj-list-c .q-listing .list .list-q{ padding: 6px 8px; } .subj-list-c .q-listing .list .list-q .q{ font-size: 15px; } .subj-list-c .title-c .top-c{ flex-flow: column; } .subj-list-c .title-c .top-c .right-sec{ padding-left: 0; margin: 4px 0 0 0; } .subj-list-c .title-c .top-c .status{ top: -1px; left: -56px; } .subj-list-c .title-c .top-c .status img{ height: 22px; } .subj-list-c .title-c .top-c .no{ font-size: 15px; line-height: 20px; min-width: 20px; height: 20px; } .subj-list-c .q-listing .list .status{ left: -25px; } .subj-list-c .q-listing .list .status > img{ height: 18px; } .subj-list-c .q-listing .list .status-progress, .subj-list-c .q-listing .list .status-progress, .subj-list-c .q-listing .list .status-progress svg{ width: 16px !important; height: 16px !important; } .subj-list-c .q-listing .list .status-progress:before{ width: 12px; height: 12px; } .subj-list-c .q-listing .list:last-child:before{ left: -28px; } */ .doubts-chat-section .right-sec{ margin: 0 -10px; } /* .doubts-list li .list-box{ padding: 10px 14px 10px 30px; min-height: 90px; } .doubts-list li .list-box:before{ border-top-width: 36px; } .doubts-list li .list-box:after{ border-bottom-width: 36px; } */ .plan-container .plan-row .colm:last-child{ max-width: 100%; flex: 1; } .plan-container .plan-row{ flex-flow: column; } .plan-container .plan-row .colm{ width: 100%; max-width: 100%; flex: 1; } .plan-container .plan-row .colm .plan-box .expand-detail-section { display: flex; } .plan-container .plan-row .colm .plan-box:not(.show-plan-detail) .body { display: none; } .n-body-section{ padding: 0 10px; } } @media screen and (max-width: 575px) { .main_Body_Area{ flex-direction: row; } .subjectDtls.in{ left: 0; transition: all .3s; } .processGuide span:after, .processGuide span.done:after, .processGuide span.active:after{ margin-left: 5px; } .processGuide span img { width: 25px; } .numberCarrd { width: 100%; display: inline-block; } .Q_pointItem{ padding: 10px 5px; } .payment-container .col-form-label { text-align: left !important; } .payment-container .year { padding-left: 0 !important; margin-top: 5px; } .payment-container .ccv{ padding-left: 0 !important; } .payment-container .ccv-heading{ padding-left: 0 !important; } .payment-container .ccv-heading .col-form-label{ padding-left: 0 !important; } .subscription-group { display: flex; flex-direction: column; } .subscription-group .btn{ border-radius: 10px !important; margin:2px 0; text-align: left !important; } .subscription-container { padding: 10px 10px; } .custom-border-r{ border-radius: 10px !important; margin: 2px 0; } .c-modal-body .package-left{ padding-left: 4px; padding-right: 4px; } .c-modal-body .checkout-left .sm-tl{ width: calc(100% - 32px); margin-left: auto; margin-right: auto; } .plan-g-image{ display: none; } .plan-details{ padding: 0; width: 100%; } .plan-c{ flex-wrap: wrap; /* padding: 10px 22px; */ padding: 10px 0; text-align: center; } .plan-c .plan-image{ width: 100%; text-align: left; } .plan-c .plan-image img{ width: 80px; max-width: 100%; } .plan-c .plan-desc{ display: block; padding: 16px 0; } .plan-c .plan-prc .prc-box ul, .plan-c .plan-desc .listing{ max-width: 240px; text-align: left; margin-left: auto; margin-right: auto; } .plan-c .plan-prc .prc-box ul{ max-width: 194px; } .plan-c .plan-prc{ width: 100%; padding: 13px 0 0 0; border:none; border-top: 1px solid #ececec; } /* .membership-list-scroll{ height: auto; } */ .membership-list .list{ max-width: 330px; margin-left: auto; margin-right: auto; } .membership-list .list .desc{ flex-wrap: wrap; } .membership-list .list .desc .desc-l, .membership-list .list.with-calculate .desc .desc-l{ width:100%; padding: 0 0 14px 0; } .membership-list .list .desc .desc-r, .membership-list .list.with-calculate .desc .desc-r{ width:100%; padding: 14px 0 0 0; } .membership-list .list.with-calculate .desc .desc-r{ border-left: none; border-top: 1px solid #7d7d7d; } .membership-list .list .saved.with-coupon{ flex-flow: column; } .checkout-coupon{ width: 100%; max-width: 100%; } } @media screen and (max-width: 480px){ .login-box{ padding: 16px; } .form-box .form-group { margin-bottom: 6px; } .modal-container .c-modal-body .c-body-left{ width: 8px; display: none; } .c-body-right.custom-padd{ width: 100%; } .para p{ padding: 0 10px; } .c-body-right .main-title { font-weight: 700; width: 315px; } .payment-success .para p{ font-size: 12px; } .payment-success .text-center h3{ font-size: 12px; } .main-title-account { padding: 11px 10px; } .form-tl.heading-bottom:before { width: 250px; } .ac-row{ flex-direction: column; } .ac-image-c, .ac-image-c.with-check{ width: 50%; margin: 0 auto; padding-bottom: 15px; } .activation-content h4{ font-size: 14px; } .billing-list table th tr{ display: table-column; } .subscription-list, .subscription-list tbody, .subscription-list tr, .subscription-list tr td{ display: block; border: none; text-align: left; box-shadow: none; } .subscription-list tr{ border: 1px solid #dadada; margin: 6px 0; padding: 8px; } .subscription-list tr td{ padding: 3px 0; } .subscription-list tr td .nm{ width: 100%; } .small-device-message img{ width: 68px; } .small-device-message .msg span { font-size: 48px; line-height: 52px; } .no-mockdata, .no-assessmentdata{ min-height: 1px; } .reg-panel .form-box-container:not(.full-w-mob), .reg-panel .form-container:not(.form-box-container.full-w-mob .form-container){ width: 250px; max-width: 100%; } .reg-panel .form-box-container.form-margin-top-0 { margin-top: 0 !important; } .subj-bg{ height: 150px; } .u-subscription .head .tl{ font-size: 15px; } /* .u-subscription .head .tl{ width: 100%; } .u-subscription .head .head-right{ width: 100%; padding: 8px 0 0 0; text-align: right; } */ .doubts-page-head .page-tl{ font-size: 21px; line-height: 28px; } .doubts-page-head .credits .credit-text { font-size: 14px; line-height: 18px; padding: 4px 6px; } .doubts-page-head .credits .credit-text img{ height: 14px; margin: 0 4px 0 0; } .doubts-page-head .credits .credit-no { font-size: 14px; line-height: 16px; padding: 4px 8px; } .mat-dialog-container{ padding-left: 16px; padding-left: 16px; } } @media screen and (max-width:460px){ .subj-list{padding: 4px 6px; margin: 0 0 12px 0;} .subj-list .subj-tl .no{width: 24px; height: 24px; font-size: 14px; line-height: 24px;} .subj-list .subj-tl .t{font-size: 15px; line-height: 19px; padding-right: 0; padding-left: 7px;} .subj-list .status-bar{display: none;} .subj-list .status-bar-show{margin-left: 8px; margin-right: 0px;} .subj-list .subj-tl .status-bar-show{margin-right: 6px;} .subj-list .subj-q-list{padding: 6px;} .u-subscription .head { flex-flow: column; grid-gap: 5px; gap: 5px; } .u-subscription .head .tl{ font-size: 19px; } /* .subj-list-c .image{ width: 100%; height: 160px; margin: 0 auto; } .subj-list-c .image img{ object-fit: contain; } */ } @media screen and (max-width:359px){ /* .total-ans{ -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .total-ans .ans-listing{ width: 100%; } */ .body_section.right-panel{ right: -282px; width: 282px; } } @media only screen and (max-width:375px){ .custom-modal{padding: 10px;} .form-box {padding: 14px 0 0 0;} .Q_pointItem { flex-direction: column; text-align: center; padding-top: 25px; padding-bottom: 25px; } .Q_pointItem > div { padding-left: 10px; padding-right: 10px; margin: 0 auto 20px; } .main-superbook .subjects li a { font-size: 12px; padding: 4px; } .custom-button { font-size: 12px; padding: 2px 12px; margin: 3px 0; } .table-responsive.billing-list{ width: 300px; } /* .app_Section_Body{ margin: 0 -6px; } */ /* .main-superbook .superBook_item { padding: 0 6px 12px 6px; } .superBook_itemCard_c .desc-box{ padding: 7px; } .superBook_itemCard_c .desc-box .text-tl{ font-size: 13.5px; line-height: 15px; } .superBook_itemCard_c .status-bar{ margin: 8px 0 0 0; } */ } @media only screen and (max-width:350px){ .mainNavContainer{ width: 180px; } .sideMenu{ padding: 14px 8px; } /* .body_section.subjectTo{ width: 140px; } .article-wraper.main-superbook .body_section.subjectTo{ left: 180px; } .body_section.subjectTo .main-app{ padding: 0 8px; } */ .custom-button { font-size: 12px; padding: 2px 10px; } .c-body-right .main-title { font-weight: 700; width: 270px; } .plan-c { padding: 10px 12px; } /* .app_Section_Body{ margin: 0 -5px; } */ /* .main-superbook .superBook_item { padding: 0 5px 10px 5px; } */ /* .mob-track{ max-width: 52px; right: 50px; } .mob-track .tm{ font-size: 11px; padding: 1px 3px; } */ /* .header-right{ min-height: 34px; } .header-right .user{ margin: 2px 0 0 0; } .header-right .user .photo{ width: 24px; height: 24px; } */ /* .page-header-c .head-l{ padding-right: 10px; } .page-header-c .head-r{ padding-left: 10px; } */ .math-back-btn { margin-left: 10px !important; padding-left: 4px !important; padding-right: 4px !important; font-size: 13px; } } @media only screen and (max-width:320px){ .c-body-right .main-title { font-weight: 700; width: 270px; } } @media only screen and (max-width:319px){ .body_section.subjectTo .leftNavHead, .body_section:not(.right-panel), .subj-bg, .subject-area, .main-wrapper{ padding-left: 8px; padding-right: 8px; } } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body p,.mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-subtitle,.mat-card-content{font-size:14px}.mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.mat-table{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);-ms-transform:translateY(-1.28125em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);-ms-transform:translateY(-1.28124em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);-ms-transform:translateY(-1.28123em) scale(0.75);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-0.0625em}.mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px}.mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-mdc-focus-indicator{position:relative}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-option{color:rgba(0,0,0,.87)}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#673ab7}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ffd740}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-label{color:rgba(0,0,0,.54)}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox::after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#673ab7}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ffd740}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}.mat-badge{position:relative}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-badge-content{color:#fff;background:#673ab7}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ffd740;color:rgba(0,0,0,.87)}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-bottom-sheet-container{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:transparent}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#673ab7}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ffd740}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#673ab7}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ffd740}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:transparent}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:rgba(0,0,0,.87)}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#673ab7}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ffd740}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone,.mat-button-toggle-group{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{box-shadow:none}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px rgba(0,0,0,.12)}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card:not([class*=mat-elevation-z]){box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-card-subtitle{color:rgba(0,0,0,.54)}.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa !important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#673ab7}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ffd740}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.54)}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#673ab7}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ffd740}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip::after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#673ab7;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ffd740;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}.mat-header-cell{color:rgba(0,0,0,.54)}.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}.mat-calendar-arrow{border-top-color:rgba(0,0,0,.54)}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-table-header,.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:transparent}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range::before{background:rgba(103,58,183,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(103, 58, 183, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(103, 58, 183, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#673ab7;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(103,58,183,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(103,58,183,.3)}.mat-datepicker-content{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,215,64,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 215, 64, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 215, 64, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ffd740;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,215,64,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,215,64,.3)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}.mat-datepicker-content-touch{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-datepicker-toggle-active{color:#673ab7}.mat-datepicker-toggle-active.mat-accent{color:#ffd740}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-dialog-container{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-form-field-label{color:rgba(0,0,0,.6)}.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#673ab7}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ffd740}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ffd740}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#673ab7}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ffd740}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#673ab7}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ffd740}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#673ab7}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ffd740}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.mat-icon.mat-primary{color:#673ab7}.mat-icon.mat-accent{color:#ffd740}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#673ab7}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-form-field.mat-accent .mat-input-element{caret-color:#ffd740}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-item-disabled{background-color:#eee}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-menu-item{background:transparent;color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon{color:rgba(0,0,0,.54)}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#d5cae9}.mat-progress-bar-buffer{background-color:#d5cae9}.mat-progress-bar-fill::after{background-color:#673ab7}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbf1cc}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbf1cc}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ffd740}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#673ab7}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ffd740}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#673ab7}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#673ab7}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ffd740}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ffd740}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#673ab7}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ffd740}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ffd740}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,215,64,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ffd740}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#673ab7}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(103,58,183,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#673ab7}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-primary .mat-slider-track-fill,.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label{background-color:#673ab7}.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-primary .mat-slider-focus-ring{background-color:rgba(103,58,183,.2)}.mat-accent .mat-slider-track-fill,.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label{background-color:#ffd740}.mat-accent .mat-slider-thumb-label-text{color:rgba(0,0,0,.87)}.mat-accent .mat-slider-focus-ring{background-color:rgba(255,215,64,.2)}.mat-warn .mat-slider-track-fill,.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill,.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:rgba(0,0,0,.04)}.mat-step-header:hover[aria-disabled=true]{cursor:default}@media(hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#673ab7;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:rgba(0,0,0,.87)}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ffd740;color:rgba(0,0,0,.87)}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-]>.mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(209,196,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#673ab7}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,229,127,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ffd740}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:rgba(0,0,0,.87)}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(209,196,233,.3)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#673ab7}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,229,127,.3)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ffd740}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:rgba(0,0,0,.87)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#000;opacity:.4}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element{background-color:#000;opacity:.12}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#673ab7;color:#fff}.mat-toolbar.mat-accent{background:#ffd740;color:rgba(0,0,0,.87)}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-simple-snackbar-action{color:#ffd740}html, body { height: 100%; }body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }.pointer-none { pointer-events: none; }:root { --screen-vh: 100vh; }.page-header { display: flex; flex-wrap: wrap; padding: 7px 0; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04); position: relative; z-index: 3; width: 100%; min-height: 48px; }.page-header .main-wrapper { width: 100%; }.page-header .page-header-c { display: flex; flex-wrap: wrap; align-items: center; }.page-header .page-header-c .head-l, .page-header .page-header-c .head-r { display: flex; flex-wrap: wrap; align-items: center; float: left; width: 100%; padding: 0 20px 0 0; flex: 1; min-height: 26px; }.page-header .page-header-c .head-l { position: relative; }.page-header .page-header-c .head-l .math-back-btn { margin: 0 0 0 8px !important; background: transparent; border: none; color: #007bff; cursor: pointer; }.page-header .page-header-c .head-l .math-back-btn:first-child { margin-top: 0 !important; margin-left: 0 !important; padding-left: 0; }.page-header .page-header-c .head-l .math-back-btn:hover { text-decoration: none; }.page-header .page-header-c .head-l .breadcrumbHead { padding: 0; margin: 0; position: absolute; left: 112px; width: calc(100% - 132px); }.page-header .page-header-c .head-l .breadcrumbHead:first-child { left: 0; width: 100%; margin-left: 0 !important; padding: 0; }.page-header .page-header-c .head-l .breadcrumbHead li { max-width: 50%; }@media (max-width: 430px) { .page-header .page-header-c .head-l { width: auto; flex: inherit; padding: 0 10px 0 0; } }.page-header .page-header-c .head-r { padding: 0 0 0 20px; justify-content: flex-end; }@media (max-width: 319px) { .page-header .page-header-c .head-r { padding: 0 0 0 10px; } }.page-header .page-header-c .login-btn { display: none; float: right; align-items: center; justify-content: center; margin: 0; padding: 0.04rem 0.3rem; }.page-header .page-header-c .login-btn img { display: inline-block; vertical-align: top; height: 13px !important; max-height: 13px !important; width: auto; filter: brightness(0) invert(1); position: relative; margin: 0 3px 0 0 !important; }.page-header .page-header-c .login-btn.signup img { height: 14px !important; max-height: 14px !important; }@media (max-width: 599px) { .page-header .page-header-c .login-btn { width: 30px; height: 30px; font-size: 0px; border-radius: 100px; } .page-header .page-header-c .login-btn img { height: 14px !important; max-height: 14px !important; margin: 0 !important; } .page-header .page-header-c .login-btn.signup img { height: 16px !important; max-height: 16px !important; } }@media (max-width: 319px) { .page-header .page-header-c .login-btn { width: 26px; height: 26px; } .page-header .page-header-c .login-btn img { height: 12px !important; max-height: 12px !important; } .page-header .page-header-c .login-btn.signup img { height: 14px !important; max-height: 14px !important; } }.page-header .page-header-c .head-m { display: flex; float: left; height: 32px; align-items: center; /* width: 92px; */ }.page-header .page-header-c .h-logo { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 2px 0; }.page-header .page-header-c .h-logo img { display: block; height: 22px; }@media screen and (max-width: 767px) { .page-header .page-header-c .math-back-btn { margin-left: 12px; } .page-header .page-header-c .math-back-btn.sm { padding: 3px 8px; } }.page-header.page-header-new { position: fixed; top: 0; left: 0; padding: 8px 0; height: 48px; }.page-header.sticky { position: sticky; top: 0; z-index: 3; }.page-header .navClick { display: block; float: left; width: 22px; height: 14px; position: relative; text-decoration: none !important; margin: 0; }.page-header .navClick:before, .page-header .navClick:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #E03B3B; transition: 600ms; }.page-header .navClick:after { top: auto; bottom: 0; }.page-header .navClick .line { display: block; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; height: 2px; background-color: #E03B3B; transition: 800ms; opacity: 1; }.show-left-panel .navClick { width: 18px; }.show-left-panel .navClick .line { left: -100%; opacity: 0; }.show-left-panel .navClick:before { transform: rotate(45deg); transform-origin: top left; }.show-left-panel .navClick:after { transform: rotate(-45deg); transform-origin: bottom left; }.header-right { display: block; float: right; }.header-right .user { display: block; float: left; padding: 2px 2px 2px 10px; border: 1px solid #ddd; border-radius: 100px; }@media (max-width: 800px) { .header-right .user { padding: 0; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; } }.header-right .user .name { display: block; float: left; padding: 5px 9px 0 0; font-size: 14px; line-height: 16px; font-weight: 500; color: #6b6b6b; }@media (max-width: 800px) { .header-right .user .name { display: none; } }.header-right .user .photo { display: block; width: 26px; height: 26px; overflow: hidden; border-radius: 100px; border: 1px solid #ffbaba; }.header-right .user .photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }.menuBarIco { display: none; float: left; width: 16px; height: 15px; margin: 0; position: relative; text-decoration: none !important; cursor: pointer; transition: 400ms; }.menuBarIco:before, .menuBarIco:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1.6px; background-color: #511cd9; transition: 600ms; transform: rotate(-25deg); transform-origin: top right; }.menuBarIco:after { top: auto; bottom: 0; transform: rotate(25deg); transform-origin: bottom right; }.menuBarIco .line { display: block; position: absolute; top: 50%; left: -100%; opacity: 0; transform: translate(0, -50%); width: 100%; height: 1.6px; background-color: #511cd9; transition: 800ms; }@media (max-width: 1023px) { .menuBarIco { display: block; } }.hide-main-nav .menuBarIco:before, .hide-main-nav .menuBarIco:after { transform: rotate(0deg); }.hide-main-nav .menuBarIco .line { left: 0; opacity: 1; }.hide-main-nav .overlay-superbook { display: none; }.guest-mode .page-header .page-header-c .login-btn { display: flex; }.right-panel-toggle { display: none; position: absolute; top: 50%; right: 100%; transform: translate(0, -50%); width: 38px; height: 200px; overflow: hidden; cursor: pointer; border-radius: 200px 0 0 200px; }.right-panel-toggle:before { content: ""; display: block; width: 272px; height: 300px; background-color: #e4bc2b; position: absolute; top: 50%; left: 2px; transform: translate(0, -50%); z-index: 1; border-radius: 200px 0 0 200px; }.right-panel-toggle img { display: block; width: 16px; position: absolute; top: 50%; left: 1px; transform: translate(0, -50%); z-index: 2; transition: 400ms; }.right-panel-toggle .txt { display: block; position: absolute; top: 50%; transform: translate(0, -50%); right: 5px; width: 10px; z-index: 1; word-break: break-all; font-size: 14px; line-height: 13px; font-weight: 600; text-align: center; text-transform: uppercase; color: #000; }.right-panel-toggle .txt span { display: inline-block; margin: 9px 0 0 0; vertical-align: top; }@media screen and (max-width: 1023px) { .right-panel-toggle { display: block; } }@media screen and (max-width: 767px) { .right-panel-toggle img { width: 14px; left: 3px; } .right-panel-toggle .txt { font-size: 12px; line-height: 12px; right: 6px; } }.right-panel.dark .right-panel-toggle:before { background-color: #ecca9f; }.right-panel.pink .right-panel-toggle:before { background-color: #feb5c9; }.n-body-right .right-panel-toggle:before { background-color: #fff; box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.2); }.n-body-right.yellow .right-panel-toggle:before { background-color: #f3d158; box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.2); }.show-rightPanel .n-body-right .right-panel-toggle img { transform: translate(0, -50%) rotate(180deg); }@media (max-width: 1279px) { .n-body-right:not(.sm-view):not(.lg-view) .right-panel-toggle { display: block; } }@media (max-width: 1124px) { .n-body-right.lg-view .right-panel-toggle { display: block; } }.c-header { display: flex; position: fixed; z-index: 9; align-items: center; top: 4px; right: 4px; padding: 6px 6px 6px 8px; border-radius: 20px 0 20px 0; background-color: rgba(255, 255, 255, 0.88); box-shadow: 0 1px 3px 0px rgba(56, 55, 121, 0.3); }@media (max-width: 767px) { .c-header .c-header { padding: 4px 4px 4px 10px; } }.c-header .count { display: flex; flex-flow: column; align-items: flex-start; padding: 0 12px 0 0; }.c-header .count .list { display: inline-block; color: #424242; font-size: 14px; line-height: 16px; font-weight: 500; padding: 0; border-radius: 4px; margin: 4px 0 0 0; }.c-header .count .list:first-child { margin: 0; }.c-header .n-user { display: flex; flex-wrap: wrap; align-items: center; cursor: pointer; margin-left: auto; position: relative; }.c-header .n-user .details { display: block; float: left; width: 100%; flex: 1; padding: 0 8px 0 0; text-align: center; }.c-header .n-user .details .nm { display: block; color: #222; font-size: 18px; line-height: 22px; font-weight: 700; }@media (max-width: 767px) { .c-header .n-user .details .nm { font-size: 14px; line-height: 16px; font-weight: 600; } }.c-header .n-user .details .badge { padding-top: 0.08em; padding-bottom: 0.15em; font-size: 11px; line-height: 11px; font-weight: 600; position: relative; top: -2px; }.c-header .n-user .details .badge.badge-danger { background-color: #fe182e; }@media (max-width: 1023px) { .c-header .n-user .details { margin-top: -2px; } }@media (max-width: 319px) { .c-header .n-user .details { padding: 0; margin: 0; } .c-header .n-user .details .nm { display: none; } .c-header .n-user .details .badge { font-size: 0px !important; padding: 0; margin: 0; width: 18px; height: 18px; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: absolute; top: 16px; left: -10px; } .c-header .n-user .details .badge:before { content: ""; display: block; width: 10px; height: 10px; background: url('refresh.svg') no-repeat center center; background-size: 100% auto; filter: brightness(0) invert(1); } }.c-header .n-user .photo { display: block; float: left; width: 44px; height: 44px; border-radius: 100px; overflow: hidden; border: 1px solid #c5c5c5; }.c-header .n-user .photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }.c-header.c-header-new { top: 0; background: transparent; border-radius: inherit; box-shadow: none; padding-top: 0; padding-bottom: 0px; min-height: 48px; }.c-header.c-header-new .n-user .details .nm { font-size: 15px; line-height: 17px; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }@media (max-width: 767px) { .c-header.c-header-new .n-user .details .nm { max-width: 120px; } }@media (max-width: 639px) { .c-header.c-header-new .n-user .details .nm { max-width: 78px; } }@media (max-width: 430px) { .c-header.c-header-new .n-user .details .nm { max-width: 64px; } }.c-header.c-header-new .n-user .details .nm .s-id { display: block; font-size: 11px; line-height: 9px; font-weight: 600; color: #767676; }.c-header.c-header-new .n-user .photo { width: 40px; height: 40px; }@media (max-width: 1023px) { .c-header.c-header-new { padding-top: 1px; } }@media screen and (max-width: 767px) { .c-header.c-header-new .n-user .photo { width: 30px; height: 30px; } .c-header.c-header-new .n-user .details .nm { font-size: 13px; line-height: 15px; font-weight: 600; } .c-header.c-header-new .n-user .details .badge { font-size: 76%; } }@media (max-width: 319px) { .c-header.c-header-new { padding-top: 0; } }.n-body-section { display: block; float: left; flex: 1; padding: 0 0 0 24px; background-color: #f5f5f5; overflow: auto; height: calc(var(--screen-vh) - 58px); margin: 10px 0 0 0; }.n-body-section .n-body-view { display: block; padding: 0 24px 0 0; }.n-body-section .n-body-view .n-body-head { display: block; padding-bottom: 8px; border-bottom: 1px solid #B4B4B4; margin-bottom: 16px; }@media (min-width: 768px) { .n-body-section .n-body-view .n-body-head.sticky { position: sticky; top: 0; z-index: 2; background-color: #e8e7eb; } }.n-body-section .ng-scrollbar-wrapper .scrollbar-control { display: none; }.n-body-section .ng-scrollbar.x-scroll-show scrollbar-x.scrollbar-control { display: flex; }.n-body-section .ng-scrollbar-wrapper .event-list-popup .scrollbar-control { display: block; }.n-body-section .filter-data-area { display: block; height: 100%; }.n-body-section .flex-1 { flex: 1; }.n-body-section.height-calc { display: flex; flex-flow: column; }.n-body-section.height-calc .n-body-view { display: flex; flex-flow: column; height: 100%; }@media (max-width: 767px) { .n-body-section.mob-m-0 { margin: 0; } .n-body-section.mob-p-0 { padding-left: 0; padding-right: 0; } .n-body-section.mobile-scrollable { padding: 0; } .n-body-section.mobile-scrollable .ng-scrollbar:not(.chat-scrollbar) { height: auto; } .n-body-section.mobile-scrollable .ng-scrollbar:not(.chat-scrollbar) .ng-scrollbar-wrapper { position: static; } .n-body-section.mobile-scrollable .ng-scrollbar:not(.chat-scrollbar) .ng-scrollbar-wrapper .ng-scroll-viewport-wrapper { position: static; overflow: visible; } .n-body-section.mobile-scrollable .ng-scrollbar:not(.chat-scrollbar) .ng-scrollbar-wrapper .ng-scroll-viewport-wrapper .ng-scroll-viewport { position: static; overflow: visible; contain: none; will-change: inherit; } .n-body-section.mobile-scrollable .n-body-view { overflow: auto; padding: 0 16px 10px 16px; } .n-body-section.mobile-scrollable .n-body-view .filter-data-area { height: auto !important; position: relative; z-index: 0; } .n-body-section.mobile-scrollable .n-body-view.mob-p-0 { padding: 0; } }.page-tl { display: flex; flex-wrap: wrap; align-items: center; font-size: 34px; line-height: 38px; color: #000; font-weight: 700; margin: 0 0 16px 0; }.page-tl .b-arrow { display: inline-block; vertical-align: middle; height: 22px; width: auto; transform: rotate(180deg); margin: 0 16px; }.page-tl .info { display: flex; justify-content: center; align-items: center; cursor: pointer; background-color: #fff; border-radius: 100px; width: auto; margin: 0 0 0 10px; color: #6222ee; font-size: 13px; line-height: 15px; font-weight: 600; padding: 3px 3px 3px 8px; border: 1px solid #6222ee; transition: 500ms; }.page-tl .info img { display: block; width: 16px; height: auto; margin: 0 0 0 4px; transition: 500ms; }.page-tl .info.m-l-auto { margin-left: auto; }.page-tl .info:hover { background-color: #6222ee; color: #fff; }.page-tl .info:hover img { filter: brightness(0) invert(1); }.page-tl-info { display: flex; flex-wrap: wrap; margin: 6px 0 0 0; }.page-tl-info.left-gap { position: relative; z-index: 2; margin-left: 298px; }.page-tl-info .info-list { display: block; float: left; font-size: 17px; line-height: 21px; font-weight: 600; margin: 0; }.page-tl-info .info-list:not(:last-child) { margin: 0 24px 0 0; }* .infos { display: block; margin: 0; }* .infos.align-center { display: inline-flex; align-items: center; }* .infos:not(:first-child) { margin-top: 4px; }* .infos .info { display: flex; flex-wrap: wrap; font-size: 11px; line-height: 13px; color: #818181; font-weight: 600; }* .infos .info .d-block { width: 100%; }* .infos .info .d-block, * .infos .info .d-inline-block, * .infos .info .d-inline-flex { color: #000; }* .infos .info .d-block .data-list, * .infos .info .d-inline-block .data-list, * .infos .info .d-inline-flex .data-list { display: block; }* .infos .info .d-block.ellipsis .data-list, * .infos .info .d-inline-block.ellipsis .data-list, * .infos .info .d-inline-flex.ellipsis .data-list { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }* .infos .info .d-inline-block, * .infos .info .d-inline-flex { padding-left: 3px; max-width: 100%; overflow: hidden; flex: 1; }* .infos .info .count { display: inline-flex; float: left; justify-content: center; align-items: center; min-height: 14px; min-width: 13px; color: #6222ee; font-size: 11px; line-height: 10px; font-weight: 700; border-radius: 40px; margin: 0 0 0 6px; cursor: pointer; padding: 0; left: -3px; position: relative; }* .infos .info .circle-no { display: inline-flex; justify-content: center; align-items: center; min-width: 18px; min-height: 18px; vertical-align: top; background-color: #fff; color: #ff0808; font-size: 11px; line-height: 12px; font-weight: 700; border: 1px solid #4476fa; border-radius: 100px; margin: -1px 0 0 3px; }* .infos .info-tag { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #511cd9; color: #fff; font-size: 11.5px; line-height: 14px; font-weight: 600; padding: 2px 4px; border-radius: 4px; margin: 2px 0; border: none; }* .infos .info-tag img { display: block; float: left; max-height: 14px; margin: 0 4px 0 0; }* .infos .info-tag:not(:last-child) { margin-right: 3px; }* .infos .info-tag.md { font-size: 12.5px; line-height: 16px; }* .infos .info-tag.gray { background-color: #e2e0e8; color: #353535; }* .infos .info-tag.pink { background-color: #dc00c3; color: #fff; }* .infos .info-tag.pink img { filter: brightness(0) invert(1); }* .infos .info-tag.green { background-color: #33b725; color: #fff; }* .infos .info-tag.green img { filter: brightness(0) invert(1); }* .infos .info-tag.blue { background-color: #1b91f5; color: #fff; }* .infos .info-tag.blue img { filter: brightness(0) invert(1); }* .infos .info-tag.red, * .infos .info-tag.live { background-color: #ed1328; color: #fff; }* .infos .info-tag.red img, * .infos .info-tag.live img { filter: brightness(0) invert(1); }* .infos .info-tag.live { animation: livebtnanimation 1.8s infinite; }* .infos .info-tag.live:before { content: ""; display: block; float: left; width: 4px; height: 4px; background-color: #fff; border-radius: 100px; margin: 0 3px 0 0; }* .infos .info-tag.orange { background-color: #ff9b2d; color: #fff; }* .infos .info-tag.orange img { filter: brightness(0) invert(1); }* .infos .info-tag.orange:hover { background-color: #fe921c; }* .infos .info-tag.white { background-color: #ffffff; border-color: #ffffff; font-size: 12px; color: #222; }* .infos .info-tag.course_type { background-color: #ff970a; color: #fff; }@keyframes livebtnanimation { 0% { background-color: #ed1328; } 50% { background-color: #ff6f7d; } 100% { background-color: #ed1328; } }* .infos .rw { display: flex; flex-wrap: wrap; margin: -2px; }* .infos .rw .colm { display: block; max-width: 40%; flex: 0 0 40%; padding: 2px; }* .infos .rw .colm:nth-child(2n) { max-width: 60%; flex: 0 0 60%; }* .infos .rw .colm.full { max-width: 100%; flex: 0 0 100%; }* .infos .rw.colm-3 .colm:not(.full) { max-width: 30%; flex: 0 0 30%; }* .infos .rw.colm-3 .colm:not(.full):nth-child(3n) { max-width: 40%; flex: 0 0 40%; }* .tag-nav-tl { display: flex; align-items: center; float: left; color: #7f99ae; font-size: 13px; line-height: 15px; font-weight: 600; margin: 0; padding-bottom: 2px; width: 100%; }* .tag-nav-tl.dark { color: #222; }* .tag-nav { display: inline-flex; max-width: 100%; flex-wrap: wrap; }* .tag-nav:not(:last-child) { margin-right: 6px; }* .tag-nav .tag-nav-tl { margin: 2px 4px 2px 0; }* .tag-nav .tl { display: inline-flex; align-items: center; float: left; color: #7f99ae; font-size: 13px; line-height: 15px; font-weight: 600; margin: 2px 4px 2px 0; padding-bottom: 2px; }* .tag-nav .tl.dark { color: #222; }* .tag-nav .tl.light { color: #fff; }* .tag-nav .n-tag { display: block; float: left; color: #fff; font-size: 12px; line-height: 14px; padding: 3px 6px; border-radius: 0 12px 0 12px; background-color: #a1a1a1; border: 1px solid #a1a1a1; margin: 2px 4px 2px 0; min-width: 36px; }* .tag-nav .n-tag.active { background-color: #40a4f8; border-color: #468af6; }* .tag-nav .n-tag.purlple { background-color: #511cd9; border-color: #4113b8; }* .tag-nav .n-tag.magenta { background-color: #dd0fce; border-color: #b007a4; }* .tag-nav .n-tag.white { background-color: #ffffff; border-color: #ffffff; color: #222; }* .tag-nav button.n-tag { cursor: pointer; }* .tag-nav button.n-tag.active:hover { background-color: #468af6; border-color: #468af6; }* .tag-nav.sm .tl { margin-top: 1px; margin-bottom: 0; }* .tag-nav.sm .n-tag { font-size: 11px; line-height: 13px; padding: 2px 5px; }* .tag-nav .count { display: none; }* .tag-nav .n-txt { display: block; float: left; color: #222; font-size: 14px; line-height: 18px; font-weight: 600; margin: 2px 0; }* .tag-nav .tag-nav-data { display: inline-flex; max-width: 100%; flex-wrap: wrap; }* .tag-nav.ellipsis, * .tag-nav .tag-nav-data.ellipsis { overflow: hidden; flex-wrap: nowrap; position: relative; padding-right: 34px; }* .tag-nav.ellipsis .tl, * .tag-nav.ellipsis .n-txt, * .tag-nav .tag-nav-data.ellipsis .tl, * .tag-nav .tag-nav-data.ellipsis .n-txt { white-space: nowrap; }* .tag-nav.ellipsis .n-tag, * .tag-nav .tag-nav-data.ellipsis .n-tag { min-width: auto; white-space: nowrap; }* .tag-nav.ellipsis .count, * .tag-nav .tag-nav-data.ellipsis .count { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; z-index: 1; width: 30px; height: 100%; background-color: #fff; font-size: 11.5px; line-height: 13px; font-weight: 700; color: #511cd9; cursor: pointer; }* .tag-nav.ellipsis .count .n, * .tag-nav .tag-nav-data.ellipsis .count .n { display: block; float: left; border: 1px solid #511cd9; padding: 1px 2px; border-radius: 2px; transition: 500ms; }* .tag-nav.ellipsis .count:hover .n, * .tag-nav .tag-nav-data.ellipsis .count:hover .n { color: #fff; background-color: #511cd9; }* .tag-nav.purple-bg .tl { color: #fff; }* .tag-nav.purple-bg .n-tag { font-size: 12px; font-weight: 600; }* .tag-nav.purple-bg .ellipsis .count { background-color: #6447b4; }* .tag-nav.purple-bg .ellipsis .count .n { color: #fff; border-color: #fff; }* .tag-nav.sm { padding-top: 2px; padding-bottom: 2px; }* .tag-nav.sm .ellipsis { padding-right: 26px; }* .tag-nav.full-tl { flex-flow: column; }.list-data-menu { min-height: 1px !important; }.list-data-menu .mat-menu-content { padding: 0px !important; }.list-data-menu .mat-menu-content .list-menu { display: flex; flex-wrap: nowrap; align-items: center; color: #222; width: 100%; border: none; background: transparent; padding: 8px 8px; height: auto; font-size: 13px; line-height: 15px; font-weight: 600; transition: 400ms; cursor: pointer; }.list-data-menu .mat-menu-content .list-menu:first-child { border-radius: 4px 4px 0 0; }.list-data-menu .mat-menu-content .list-menu:last-child { border-radius: 0 0 4px 4px; }.list-data-menu .mat-menu-content .list-menu .ico { display: flex; float: left; width: 16px; height: auto; justify-content: center; align-items: center; margin: 0 6px 0 0; }.list-data-menu .mat-menu-content .list-menu .ico img { display: block; float: left; max-height: 15px; width: auto; }.list-data-menu .mat-menu-content .list-menu .ico .material-icons { font-size: 18px; color: #511cd9; }.list-data-menu .mat-menu-content .list-menu .ico.sm img { max-height: 15px; }.list-data-menu .mat-menu-content .list-menu:hover { background: rgba(0, 0, 0, 0.07); }@media (max-width: 767px) { .cdk-overlay-pane { padding: 0 16px; max-width: 100vw !important; } .product-switch-overlay { background: rgba(0, 0, 0, 0.32); } .product-switch-overlay ~ .cdk-global-overlay-wrapper .cdk-overlay-pane { padding: 0; } }.add-class-modal { max-width: calc(100% - 20px) !important; }@media (min-width: 1800px) { .add-class-modal.xl { width: 1400px !important; } }@media (min-width: 1921px) { .add-class-modal.xl { width: 1600px !important; } }.add-class-modal.full-screen { width: calc(100% - 20px) !important; height: calc(100% - 20px) !important; }.add-class-modal .mat-dialog-container { padding: 24px 0px; }.add-class-modal .mat-dialog-container .mat-dialog-content { display: flex; margin: 0; padding: 0; flex-flow: column; }.add-class-modal .mat-dialog-container .mat-dialog-content > .row > .col-6 { max-height: 100%; }.add-class-modal.quiz-preview-container { opacity: 0.8; }.add-class-modal.quiz-preview-container .mat-dialog-container { padding-bottom: 0; }.add-class-modal .mat-form-field { width: 100%; }.add-class-modal .mat-dialog-content { padding-right: 0; }.add-class-modal .mat-dialog-actions { justify-content: center; }.quiz-preview-modal .mat-dialog-container { padding-bottom: 0; }.add-class-modal .mat-dialog-container, .view-class-modal .mat-dialog-container { padding-top: 0px; }.add-class-modal .mat-dialog-title, .view-class-modal .mat-dialog-title { font-family: "Source Sans Pro", sans-serif; font-size: 20px; line-height: 24px; font-weight: 600; padding: 10px 0; border-bottom: 1px solid #ddd; position: relative; }.add-class-modal .mat-dialog-title small, .view-class-modal .mat-dialog-title small { font-weight: 600; }.add-class-modal .mat-dialog-title .close, .view-class-modal .mat-dialog-title .close { display: block; position: absolute; top: 12px; right: 6px; background: url('close.svg') no-repeat center center; background-size: 14px auto; width: 28px; height: 28px; opacity: 1; }.warning-msg-modal .mat-dialog-container { padding-top: 36px; padding-bottom: 36px; }.warning-msg-modal .warning-modal-c { display: flex; align-items: center; flex-flow: column; max-width: 400px; margin: 0 auto; }.warning-msg-modal .warning-modal-c .ico { display: block; float: left; margin: 0 0 20px 0; }.warning-msg-modal .warning-modal-c .ico img { display: block; width: 54px; height: auto; }.warning-msg-modal .warning-modal-c .ico.edit { background-color: #e1f0ff; width: 92px; height: 92px; border-radius: 100px; display: flex; justify-content: center; align-items: center; }.warning-msg-modal .warning-modal-c .ico.edit img { width: 48px; height: auto; }.warning-msg-modal .warning-modal-c p { display: block; font-size: 15px; line-height: 25px; text-align: center; font-weight: 600; color: #656565; }.warning-msg-modal .warning-modal-c .actions { display: block; text-align: center; margin: 20px 0 0 0; }.warning-msg-modal .warning-modal-c .actions .btn { margin: 0 4px; }.add-subject-container .mat-dialog-actions { min-height: 42px; padding: 4px 0; border-top: 1px solid #ddd; }.add-subject-container .border-right { border-right: 1px solid #ddd; }.add-class-form-c { display: flex; flex-flow: column; width: 100%; height: 600px; max-height: 65vh; padding: 16px 0 0 0; }.product-switch-modal { background-color: #fff; border-radius: 26px 26px 0 0; padding: 24px 16px; }:root { --gray-600: #4b5563; --amber-500: #f59e0b; }.warning-msg-modal .mat-dialog-container { padding-top: 36px; padding-bottom: 36px; }.warning-msg-modal .warning-modal-c { display: flex; align-items: center; flex-flow: column; max-width: 400px; margin: 0 auto; }.warning-msg-modal .warning-modal-c .ico { display: block; float: left; margin: 0 0 20px 0; }.warning-msg-modal .warning-modal-c .ico img { display: block; width: 54px; max-width: 100%; height: auto; }.warning-msg-modal .warning-modal-c .ico.lg img { width: 84px; }.warning-msg-modal .warning-modal-c .ico.edit, .warning-msg-modal .warning-modal-c .ico.primary, .warning-msg-modal .warning-modal-c .ico.danger, .warning-msg-modal .warning-modal-c .ico.green, .warning-msg-modal .warning-modal-c .ico.blue, .warning-msg-modal .warning-modal-c .ico.purple, .warning-msg-modal .warning-modal-c .ico.gray { background-color: #e1f0ff; width: 92px; height: 92px; border-radius: 100px; display: flex; justify-content: center; align-items: center; }.warning-msg-modal .warning-modal-c .ico.edit.danger, .warning-msg-modal .warning-modal-c .ico.primary.danger, .warning-msg-modal .warning-modal-c .ico.danger.danger, .warning-msg-modal .warning-modal-c .ico.green.danger, .warning-msg-modal .warning-modal-c .ico.blue.danger, .warning-msg-modal .warning-modal-c .ico.purple.danger, .warning-msg-modal .warning-modal-c .ico.gray.danger { background-color: #ffebeb; }.warning-msg-modal .warning-modal-c .ico.edit.green, .warning-msg-modal .warning-modal-c .ico.primary.green, .warning-msg-modal .warning-modal-c .ico.danger.green, .warning-msg-modal .warning-modal-c .ico.green.green, .warning-msg-modal .warning-modal-c .ico.blue.green, .warning-msg-modal .warning-modal-c .ico.purple.green, .warning-msg-modal .warning-modal-c .ico.gray.green { background-color: #c8ffc3; }.warning-msg-modal .warning-modal-c .ico.edit.blue, .warning-msg-modal .warning-modal-c .ico.primary.blue, .warning-msg-modal .warning-modal-c .ico.danger.blue, .warning-msg-modal .warning-modal-c .ico.green.blue, .warning-msg-modal .warning-modal-c .ico.blue.blue, .warning-msg-modal .warning-modal-c .ico.purple.blue, .warning-msg-modal .warning-modal-c .ico.gray.blue { background-color: #e5f4ff; }.warning-msg-modal .warning-modal-c .ico.edit.purple, .warning-msg-modal .warning-modal-c .ico.primary.purple, .warning-msg-modal .warning-modal-c .ico.danger.purple, .warning-msg-modal .warning-modal-c .ico.green.purple, .warning-msg-modal .warning-modal-c .ico.blue.purple, .warning-msg-modal .warning-modal-c .ico.purple.purple, .warning-msg-modal .warning-modal-c .ico.gray.purple { background-color: #e9dffa; }.warning-msg-modal .warning-modal-c .ico.edit.gray, .warning-msg-modal .warning-modal-c .ico.primary.gray, .warning-msg-modal .warning-modal-c .ico.danger.gray, .warning-msg-modal .warning-modal-c .ico.green.gray, .warning-msg-modal .warning-modal-c .ico.blue.gray, .warning-msg-modal .warning-modal-c .ico.purple.gray, .warning-msg-modal .warning-modal-c .ico.gray.gray { background-color: #e7e7e7; }.warning-msg-modal .warning-modal-c .ico.edit img, .warning-msg-modal .warning-modal-c .ico.primary img, .warning-msg-modal .warning-modal-c .ico.danger img, .warning-msg-modal .warning-modal-c .ico.green img, .warning-msg-modal .warning-modal-c .ico.blue img, .warning-msg-modal .warning-modal-c .ico.purple img, .warning-msg-modal .warning-modal-c .ico.gray img { width: 48px; height: auto; }.warning-msg-modal .warning-modal-c .ico.edit.md img, .warning-msg-modal .warning-modal-c .ico.primary.md img, .warning-msg-modal .warning-modal-c .ico.danger.md img, .warning-msg-modal .warning-modal-c .ico.green.md img, .warning-msg-modal .warning-modal-c .ico.blue.md img, .warning-msg-modal .warning-modal-c .ico.purple.md img, .warning-msg-modal .warning-modal-c .ico.gray.md img { width: 60px; }.warning-msg-modal .warning-modal-c p { display: block; font-size: 15px; line-height: 25px; text-align: center; font-weight: 600; color: #656565; }.warning-msg-modal .warning-modal-c .actions { display: block; text-align: center; margin: 20px 0 0 0; }.warning-msg-modal .warning-modal-c .actions .btn { margin: 0 4px; }.warning-msg-modal .warning-modal-c.detailed-warning-view .title-container { display: flex; align-items: center; grid-gap: 0.5rem; gap: 0.5rem; margin-bottom: 0.5rem; width: 100%; }.warning-msg-modal .warning-modal-c.detailed-warning-view .warning-icon { width: 20px; height: 20px; color: var(--amber-500); }.warning-msg-modal .warning-modal-c.detailed-warning-view .warning-title { font-size: 1.125rem; font-weight: 600; margin: 0; }.warning-msg-modal .warning-modal-c.detailed-warning-view .warning-description { color: black; font-size: 1rem; margin: 0; line-height: 1.5; text-align: left; font-weight: 500; width: 100%; }.warning-msg-modal .warning-modal-c.detailed-warning-view .warning-secondary-text { color: var(--gray-600); margin-top: 0.5rem; }.modern-material-form .mat-form-field { width: 100%; }.modern-material-form .mat-form-field .mat-form-field-wrapper { padding-top: 1.6em; padding-bottom: 1em; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex { border: 1px solid #cbced4; background-color: #fff; border-radius: 4px; position: relative; z-index: 2; transition: 600ms; padding: 0; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix { border: none; padding: 0.5em 0; max-width: 100%; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element { padding-left: 10px; padding-right: 10px; font-size: 14px; box-sizing: border-box; -webkit-box-sizing: border-box; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element[type=number]::-webkit-inner-spin-button { appearance: none; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:after { display: none; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper { padding-left: 6px; padding-right: 6px; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper .mat-input-element { padding-left: 0; padding-right: 0; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip, .modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon { padding: 4px 8px; min-height: 22px; font-size: 12px; line-height: 18px; margin: 2px; background-color: #1b71f5; color: #fff; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon, .modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon.mat-chip-with-trailing-icon { padding-right: 3px; max-width: calc(100% - 4px); }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip .mat-chip-custom-content, .modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon .mat-chip-custom-content { display: block; max-width: calc(100% - 26px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip .mat-chip-remove, .modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon .mat-chip-remove { color: #fff; opacity: 1; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip .mat-chip-remove .mat-icon, .modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon .mat-chip-remove .mat-icon { font-size: 16px; line-height: 20px; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip:hover, .modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon:hover { background-color: #1864d8; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip:after, .modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon:after { display: none; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper { padding: 0; height: auto; top: auto; bottom: 100%; margin: 0 0 6px 0; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label { color: #222; font-size: 14px; line-height: 16px; font-weight: 600; transform: inherit; margin: 0; position: static; width: 100%; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select { padding-left: 10px; padding-right: 5px; font-size: 14px; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-arrow-wrapper { transform: inherit; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .color_fild_box .color_show input { padding: 0; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix { font-size: 14px; padding-right: 10px; }.modern-material-form .mat-form-field .mat-form-field-wrapper .mat-form-field-underline { display: none !important; }.modern-material-form .mat-form-field:not(.mat-form-field-invalid).mat-focused .mat-form-field-wrapper .mat-form-field-flex { border-color: #323fe5; box-shadow: 0 0 0 2px rgba(50, 63, 229, 0.1); }.modern-material-form .mat-form-field.mat-form-field-invalid .mat-form-field-wrapper .mat-form-field-flex { border-color: #f44336; box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.1); }.modern-material-form .mat-form-field.w-100 .mat-form-field-infix { width: 100%; }.modern-material-form .mat-form-field.focus-textarea .mat-form-field-wrapper .mat-form-field-flex { border: 1px solid #ddd; box-shadow: none; }.modern-material-form .mat-form-field.focus-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix { position: relative; padding-right: 48px; }.modern-material-form .mat-form-field.focus-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element { resize: none; transition: 500ms; color: #212529; }.modern-material-form .mat-form-field.focus-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element::-webkit-input-placeholder { color: #212529; }.modern-material-form .mat-form-field.focus-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element::-moz-placeholder { color: #212529; }.modern-material-form .mat-form-field.focus-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:-ms-input-placeholder { color: #212529; }.modern-material-form .mat-form-field.focus-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:-moz-placeholder { color: #212529; }.modern-material-form .mat-form-field.focus-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .save-btn { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 10px; right: 10px; width: 26px; height: 26px; border-radius: 100px; cursor: pointer; visibility: hidden; opacity: 0; transition: 500ms; }.modern-material-form .mat-form-field.focus-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .save-btn img { display: block; width: 13px; height: auto; margin: 0; }.modern-material-form .mat-form-field.focus-textarea.mat-focused .mat-form-field-wrapper .mat-form-field-flex, .modern-material-form .mat-form-field.focus-textarea.not-saved .mat-form-field-wrapper .mat-form-field-flex { border-color: #1b91f5; box-shadow: none; }.modern-material-form .mat-form-field.focus-textarea.mat-focused .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element, .modern-material-form .mat-form-field.focus-textarea.not-saved .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element { padding-left: 10px; padding-right: 10px; }.modern-material-form .mat-form-field.focus-textarea.mat-focused .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .save-btn, .modern-material-form .mat-form-field.focus-textarea.not-saved .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .save-btn { opacity: 1; visibility: visible; }.modern-material-form.sm-field .mat-form-field .mat-form-field-wrapper { padding-top: 1.4em; }.modern-material-form.sm-field .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix { padding: 0.2em 0; min-height: 24px; }.modern-material-form.sm-field .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label { font-size: 13px; line-height: 15px; }.modern-material-form.sm-field .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select { font-size: 12px; padding-left: 5px; padding-right: 2px; }.modern-material-form.sm-field .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-arrow { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; margin: 0 2px; }.modern-material-form.sm-field .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-chip-list .mat-chip-list-wrapper .mat-input-element { min-height: 18px; font-size: 12px; }.modern-material-form.sm-field .radio-group-c .g-tl { font-size: 13px !important; line-height: 15px !important; margin-bottom: 6px; }.modern-material-form.field-p-b-0 .mat-form-field .mat-form-field-wrapper { padding-bottom: 0; }.modern-material-form.field-p-t-0 .mat-form-field .mat-form-field-wrapper { padding-top: 0; }.modern-material-form .mat-slide-toggle { padding-bottom: 0.4em; height: auto; }.modern-material-form .mat-slide-toggle .mat-slide-toggle-content { color: #222; font-size: 14px; line-height: 16px; font-weight: 600; font-family: "Source Sans Pro", sans-serif; }.modern-material-form .radio-group-c { margin-bottom: 1em !important; }.modern-material-form .radio-group-c .g-tl { color: #222 !important; font-size: 14px !important; line-height: 16px !important; font-weight: 600 !important; }.modern-material-form .radio-group-c .mat-radio-button .mat-radio-label { border: 1px solid #cbced4; border-radius: 4px; padding: 4px 8px 4px 5px; min-height: 30px; transition: 600ms; font-size: 12.5px; font-weight: 600; color: #626262; }.modern-material-form .radio-group-c .mat-radio-button .mat-radio-label .mat-radio-container, .modern-material-form .radio-group-c .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-outer-circle, .modern-material-form .radio-group-c .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-inner-circle { width: 14px; height: 14px; }.modern-material-form .radio-group-c .mat-radio-button.mat-radio-checked .mat-radio-label { border-color: #323fe5; box-shadow: 0 0 0 2px rgba(50, 63, 229, 0.1); }.modern-material-form .radio-group-c .mat-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-outer-circle { border-color: #323fe5; }.modern-material-form .radio-group-c .mat-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-inner-circle { background-color: #323fe5; }.modern-material-form .radio-group-c .mat-radio-button:active .mat-radio-persistent-ripple { background-color: #323fe5; }.modern-material-form .color-switch .mat-radio-button { padding-right: 0 !important; }.modern-material-form .color-switch .mat-radio-button .mat-radio-label { margin-bottom: 0 !important; box-shadow: none !important; border-radius: 0px !important; border-color: #cbced4 !important; overflow: hidden; position: relative; }.modern-material-form .color-switch .mat-radio-button .mat-radio-label .mat-radio-container { display: none; }.modern-material-form .color-switch .mat-radio-button .mat-radio-label .mat-radio-label-content { padding-left: 0; position: relative; z-index: 2; }.modern-material-form .color-switch .mat-radio-button .mat-radio-label:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 0px; height: 100%; background-color: #323fe5; z-index: 1; transition: 500ms; }.modern-material-form .color-switch .mat-radio-button.active .mat-radio-label:before { background-color: #03cf07; }.modern-material-form .color-switch .mat-radio-button.warning .mat-radio-label:before { background-color: #ffa617; }.modern-material-form .color-switch .mat-radio-button.danger .mat-radio-label:before { background-color: #fd636a; }.modern-material-form .color-switch .mat-radio-button.mat-radio-checked .mat-radio-label:before { width: 100%; }.modern-material-form .color-switch .mat-radio-button.mat-radio-checked .mat-radio-label .mat-radio-label-content { color: #fff; }.modern-material-form .color-switch .mat-radio-button:not(:first-child) .mat-radio-label { border-left: none; }.modern-material-form .color-switch .mat-radio-button:first-child .mat-radio-label { border-radius: 4px 0 0 4px !important; }.modern-material-form .color-switch .mat-radio-button:last-child .mat-radio-label { border-radius: 0 4px 4px 0 !important; }.modern-material-form .upload-image-sec { height: 120px; width: 200px; margin: auto; margin-bottom: 15px; position: relative; max-width: 100%; }.modern-material-form .upload-image-sec .upload-img { position: relative; margin: 0; border: 2px dashed #f1f1f1; border-radius: 5px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; overflow: hidden; }.modern-material-form .upload-image-sec .upload-img input { position: absolute; opacity: 0; width: 1000px; height: 1000px; right: 0; top: 0; }.modern-material-form .upload-image-sec .upload-img > div span { color: red; }.modern-material-form .upload-wraper { padding: 0; border: none; border-radius: 6px; }.modern-material-form .upload-wraper .upload-image-sec { width: 100%; margin: 0; height: 160px; }.modern-material-form .upload-wraper .upload-image-sec .upload-img { border-color: #cbced4; background-color: #fff; }.modern-material-form .upload-wraper .upload-image-sec .upload-img .font-style { font-size: 14px; color: #6a6a6a; font-weight: 500; text-align: center; }.modern-material-form .upload-wraper .upload-image-sec .upload-img .font-style:before { content: ""; display: block; width: 100%; height: 46px; background: url('upload.svg') no-repeat center center; background-size: auto 100%; margin: 0 0 4px 0; opacity: 0.7; }.modern-material-form .upload-wraper .upload-image-sec .upload-img .font-style .t { display: block; color: #414755; font-size: 16px; line-height: 18px; font-weight: 600; margin: 6px 0 0; }.modern-material-form .upload-wraper .upload-image-sec .upload-img .font-style .sm-t { display: block; color: #9098ac; font-size: 13px; line-height: 15px; font-weight: 400; margin: 8px 0 0; }.modern-material-form .upload-wraper .upload-image-sec .upload-img .font-style .btn-sm { margin: 5px 0 0; font-size: 12px; line-height: 14px; padding: 3px 6px; color: #fff !important; }.modern-material-form .upload-wraper .upload-image-sec .img-remove-btn { display: flex; justify-content: center; align-items: center; border: none; background-color: #fe5f5f; padding: 0; position: absolute; z-index: 2; right: 2px; top: 2px; opacity: 0; cursor: pointer; width: 24px; height: 24px; border-radius: 100px; }.modern-material-form .upload-wraper .upload-image-sec .img-remove-btn .material-icons { color: #fff; font-size: 16px; }.modern-material-form .upload-wraper .upload-image-sec .img-remove-btn:hover { background-color: #fb3838; }.modern-material-form .upload-wraper .upload-image-sec .loader-center-page, .modern-material-form .upload-wraper .upload-image-sec .loader-center-page.h-100 { min-height: 100%; border-radius: 6px; }.modern-material-form .upload-wraper .upload-image-sec .loader-center-page .mat-progress-spinner, .modern-material-form .upload-wraper .upload-image-sec .loader-center-page.h-100 .mat-progress-spinner { width: 42px !important; height: 42px !important; }.modern-material-form .upload-wraper .upload-image-sec .loader-center-page .mat-progress-spinner svg, .modern-material-form .upload-wraper .upload-image-sec .loader-center-page.h-100 .mat-progress-spinner svg { width: 100% !important; height: 100% !important; }.modern-material-form .upload-wraper .upload-image-sec:hover .img-remove-btn { opacity: 1; }.modern-material-form .upload-wraper .upload-image-sec.video-uploaded { height: auto; width: 400px; max-width: 100%; margin: 0 auto; }.modern-material-form .upload-wraper .upload-image-sec.video-uploaded .upload-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }.modern-material-form .upload-wraper .upload-image-sec.video-uploaded .view-upload-img { position: relative; top: auto; left: auto; right: auto; bottom: auto; }.modern-material-form .upload-wraper.rounded .upload-image-sec { height: auto; }.modern-material-form .upload-wraper.rounded .upload-image-sec .upload-img { padding-top: 32px; padding-bottom: 32px; border-radius: 16px; border: 1px solid #edeff2; }.modern-material-form .upload-wraper.rounded .upload-image-sec .loader-center-page { border-radius: 16px; }.modern-material-form .upload-wraper.sm .upload-image-sec { width: 40px; height: 40px; border: 1px solid #ddd; border-radius: 4px; }.modern-material-form .upload-wraper.sm .upload-image-sec .upload-img { border: none; }.modern-material-form .upload-wraper.sm .upload-image-sec .upload-img .font-style { font-size: 0px; }.modern-material-form .upload-wraper.sm .upload-image-sec .upload-img .font-style:before { width: 24px; height: 24px; margin: 0; }.modern-material-form .upload-wraper.sm .upload-image-sec .view-upload-img { padding: 0; width: calc(100% + 2px); height: calc(100% + 2px); top: -1px; left: -1px; transition: 600ms; border: 1px solid #ddd; border-radius: 4px; z-index: 2; }.modern-material-form .upload-wraper.sm .upload-image-sec .view-upload-img img { border-radius: 4px; }.modern-material-form .upload-wraper.sm .upload-image-sec .view-upload-img:hover { width: 180px; height: 180px; }.modern-material-form .upload-wraper.sm .upload-image-sec .loader-center-page, .modern-material-form .upload-wraper.sm .upload-image-sec .loader-center-page.h-100 { min-height: 100%; }.modern-material-form .upload-wraper.sm .upload-image-sec .loader-center-page .mat-progress-spinner, .modern-material-form .upload-wraper.sm .upload-image-sec .loader-center-page.h-100 .mat-progress-spinner { width: 20px !important; height: 20px !important; }.modern-material-form .upload-wraper.sm.xs-preview .upload-image-sec .view-upload-img:hover { width: 100px; height: 100px; }.modern-material-form .upload-wraper.sm.left-preview .upload-image-sec .view-upload-img { top: auto; left: auto; bottom: -1px; right: -1px; }.modern-material-form .upload-wraper.sm.attachment { opacity: 0.7; }.modern-material-form .upload-wraper.sm.attachment .upload-image-sec { width: 30px; height: 25px; border: none; }.modern-material-form .upload-wraper.sm.attachment .upload-image-sec .upload-img { background-color: transparent; }.modern-material-form .upload-wraper.sm.attachment .upload-image-sec .upload-img .font-style:before { font-size: 0px !important; width: 18px; height: 18px; background: url('attachments.png') no-repeat 0 0; background-size: 100% auto; }.modern-material-form .upload-wraper.sm.attachment .upload-image-sec .upload-img .font-style .t { display: none; }.modern-material-form .upload-wraper.sm.attachment:hover { opacity: 1; }.modern-material-form .upload-wraper.sm.attachment:hover .upload-image-sec .upload-img .font-style:before { background-position: 0 -18px; }.modern-material-form .view-upload-img { position: absolute; top: 1px; left: 1px; /* width: 100%; */ /* height: 100%; */ padding: 10px; background: #fff; right: 2px; bottom: 2px; }.modern-material-form .view-upload-img img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }.modern-material-form .view-upload-img video { display: block; width: 100%; height: auto; }.modern-material-form .c-slider-input label { display: block; margin: 0 0 6px 0; color: #222; font-size: 14px; line-height: 16px; font-weight: 600; }.modern-material-form .c-slider-input label[class*=pr-] { padding-right: 0 !important; }.modern-material-form .c-slider-input .range-wrap { margin: 0 !important; position: relative; }.modern-material-form .c-slider-input .range-wrap[class*=mb-] { margin-bottom: 0 !important; }.modern-material-form .c-slider-input .range-wrap .mat-slider-horizontal { height: 32px; padding: 0; }.modern-material-form .c-slider-input .range-wrap .mat-slider-horizontal .mat-slider-wrapper { top: 16px; }.modern-material-form .c-slider-input .range-wrap .mat-slider-horizontal .mat-slider-wrapper .mat-slider-thumb { transform: scale(0.7) !important; background-color: #673ab7 !important; }.modern-material-form .c-slider-input .range-wrap .range-label { position: absolute; background: #716aca; color: #fff; width: 37px; height: 22px; display: flex; justify-content: center; align-items: center; top: 6px; left: 100%; font-size: 13px; line-height: 15px; margin: 0 0 0 5px; }.modern-material-form .c-slider-input .range-wrap .range-label:after { content: ""; width: 10px; height: 10px; background: #716aca; transform: rotate(45deg); left: -5px; position: absolute; }.c-mat-tree { background: #fff; padding: 10px; }.c-mat-tree > .cdk-tree-node { background-color: #f3f0ff; border-radius: 4px; padding: 0 4px; }.c-mat-tree > .cdk-tree-node > .cdk-tree-node > .mat-tree-node .mat-checkbox-layout .mat-checkbox-label { font-size: 15px; font-weight: 600; line-height: 24px; }.c-mat-tree .cdk-tree-node { display: block; margin: 8px 0 0 0; }.c-mat-tree .cdk-tree-node .cdk-tree-node { margin: 4px 0 0 0; }.c-mat-tree .cdk-tree-node .cdk-tree-node:last-child { padding-bottom: 10px; }.c-mat-tree .cdk-tree-node .mat-tree-node { min-height: 30px; }.c-mat-tree .cdk-tree-node .mat-icon-button { width: 20px; height: 20px; line-height: 20px; margin-right: 4px; background-color: #ffffff; border-radius: 100px; }.c-mat-tree .cdk-tree-node .mat-icon-button .mat-icon { font-size: 20px; line-height: 18px; width: 21px; height: 20px; }.c-mat-tree .cdk-tree-node .mat-checkbox .mat-checkbox-ripple { width: 22px; height: 22px; left: calc(50% - 11px); top: calc(50% - 11px); }.c-mat-tree .cdk-tree-node .mat-checkbox .mat-checkbox-layout { margin: 0; }.c-mat-tree .cdk-tree-node .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container { width: 14px; height: 14px; }.c-mat-tree .cdk-tree-node .mat-checkbox.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .c-mat-tree .cdk-tree-node .mat-checkbox.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .c-mat-tree .cdk-tree-node .mat-checkbox.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .c-mat-tree .cdk-tree-node .mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #613df5; border-radius: 100px; }.c-mat-tree .cdk-tree-node .group-list { padding-left: 46px; }.modern-material-form .upload-progress { display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }.add-filter-list { min-width: 182px !important; }.add-filter-list .list-bx { display: flex; flex-wrap: wrap; align-items: center; transition: 500ms; padding: 9px 10px; font-size: 14px; line-height: 16px; font-weight: 500; color: #424242; cursor: pointer; }.add-filter-list .list-bx img { display: block; float: left; width: 16px; max-height: 18px; object-fit: contain; object-position: top center; margin: 0 10px 0 0; filter: grayscale(100%); transition: 500ms; opacity: 0.9; }.add-filter-list .list-bx:hover, .add-filter-list .list-bx.active { background-color: #ded3ff7d; }.add-filter-list .list-bx:hover img, .add-filter-list .list-bx.active img { filter: inherit; opacity: 1 !important; }.add-filter-list .list-bx.global:hover, .add-filter-list .list-bx.global.active { color: #ff4900; }.add-filter-list .filter-list-tl { display: block; padding: 12px 10px 7px 10px; color: #8c8c8c; font-size: 13px; line-height: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2px; }.add-filter-list .filter-list-tl:first-child { padding-top: 0px; }.add-filter-list.purple .list-bx img { opacity: 0.66; }.add-filter-list.purple .list-bx:hover, .add-filter-list.purple .list-bx.active { color: #511cd9; }.add-filter-list.sm { min-width: 132px !important; }.add-filter-list.sm .list-bx { line-height: 14px; font-size: 13px; padding: 4px 10px; }.add-filter-list.sm .list-bx img { width: 12px; max-height: 14px; }.add-filter-list.action-list { border: 1px solid #e7e7e7; box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.08); }.add-filter-list.action-list .list-bx { line-height: 1.25; padding: 0.75em 1em; }.add-filter-list.action-list .list-bx img { width: 1.3em; max-height: 1.3em; height: auto; }.add-filter-list.emoji-list.mat-menu-panel { min-width: auto; max-width: none; }.add-filter-list.emoji-list.mat-menu-panel { min-height: 1px; border-radius: 10px !important; }.add-filter-list.emoji-list .mat-menu-content { padding: 0; }.add-filter-list.emoji-list .emoji-flex { font-size: 20px; line-height: 1.5; align-items: center; }.add-filter-list.emoji-list .emoji-flex > * { cursor: pointer; transform: scale(1); transition: transform 0.15s linear; }.add-filter-list.emoji-list .emoji-flex > *:hover { transform: scale(0.9); }.add-filter-list.emoji-list .emoji-flex .list-bx { font-size: 18px; line-height: 20px; padding: 0; }.add-filter-list.emoji-list .emoji-flex .list-bx:not(:first-child) { margin-left: 0.5em; }.add-filter-list.emoji-picker-list { max-width: unset; }.add-filter-list.emoji-picker-list .mat-menu-content { padding: 0; width: unset; }.emoji-mart-category-label span { font-size: 14px; margin-top: 1em; }.emoji-mart { display: block !important; margin-left: auto; margin-right: auto; }.emoji-mart-category.emoji-mart-category .emoji-mart-emoji span { cursor: pointer; }.emoji-mart-category.emoji-mart-category .emoji-mart-emoji:hover::before { background-color: rgba(35, 35, 35, 0.319); }.filter-nav-listing .field-area, .filter-nav-listing .c-search-field { display: block; padding: 10px 10px; background: #d0cbdf; position: relative; }.filter-nav-listing .field-area .field, .filter-nav-listing .c-search-field .field { display: block; width: 100%; border: 1px solid #cbced4; background-color: #fff; border-radius: 4px; color: #222; height: 30px; padding: 6px 10px; outline: none !important; }.filter-nav-listing .field-area .mat-progress-spinner, .filter-nav-listing .c-search-field .mat-progress-spinner { display: block; position: absolute; top: 50%; right: 14px; transform: translate(0, -50%); z-index: 1; }.filter-nav-listing .field-area .reset, .filter-nav-listing .c-search-field .reset { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 14px; transform: translate(0, -50%); z-index: 1; width: 18px; height: 30px; background: transparent; border: none; cursor: pointer; }.filter-nav-listing .field-area .reset img, .filter-nav-listing .c-search-field .reset img { display: block; width: 10px; height: auto; }.filter-nav-listing { min-width: 182px !important; max-height: 280px !important; border-radius: 10px !important; }.filter-nav-listing.syllabus-skills { min-width: 330px !important; max-height: 476px !important; }.filter-nav-listing.syllabus-skills .list-c { height: 440px; }.filter-nav-listing.members-selection-listing { min-width: 182px !important; max-height: 350px !important; border: solid 1px #ccc; border-radius: 0 !important; margin-top: -6px; }.filter-nav-listing.members-selection-listing .list-c { height: 300px; }.filter-nav-listing.members-selection-listing .nm { font-weight: 600; color: #222; }.filter-nav-listing.members-selection-listing .txt { color: #8d8d8d; font-size: 13px; }.filter-nav-listing.members-selection-listing .list { width: auto; border-bottom: 1px dashed #e1e1e1; margin-left: 1em; margin-right: 1em; padding: 0.5em; }.filter-nav-listing.members-selection-listing .list:not(:first-child) .mat-checkbox-inner-container { margin: 2px 8px 0 0 !important; transform: translateY(4px); }.filter-nav-listing.md { min-width: 210px !important; }.filter-nav-listing.md .list-c { height: 224px; }.filter-nav-listing .tl { display: flex; flex-wrap: wrap; align-items: center; padding: 7px 10px; width: 100%; background-color: #fff; border-bottom: 1px solid #ddd; }.filter-nav-listing .tl h3 { display: block; float: left; font-size: 15px; line-height: 17px; font-weight: 600; margin: 0; padding: 0; }.filter-nav-listing .tl .btns { display: flex; float: left; flex-wrap: wrap; align-items: center; margin-left: auto; }.filter-nav-listing .tl .btns .btn:not(:first-child) { margin-left: 4px; }.filter-nav-listing .tl .btn.ico-only, .filter-nav-listing .tl .btn.ico-txt { display: inline-flex; justify-content: center; align-items: center; width: 22px; height: 22px; border-radius: 100px; padding: 0; font-size: 12px; }.filter-nav-listing .tl .btn.ico-only.ico-txt, .filter-nav-listing .tl .btn.ico-txt.ico-txt { width: auto; padding-left: 5px; padding-right: 5px; height: 20px; }.filter-nav-listing .tl .btn.ico-only.ico-txt img, .filter-nav-listing .tl .btn.ico-txt.ico-txt img { margin: 0 1px 0 0; max-height: 11px; }.filter-nav-listing .tl .btn.ico-only.ico-txt.ico-8 img, .filter-nav-listing .tl .btn.ico-txt.ico-txt.ico-8 img { margin: 0 3px 0 0; max-height: 8px; }.filter-nav-listing .tl .btn.ico-only.ico-txt.ico-10 img, .filter-nav-listing .tl .btn.ico-txt.ico-txt.ico-10 img { margin: 0 3px 0 0; max-height: 10px; }.filter-nav-listing .tl .btn img { margin: 0; max-height: 14px; }.filter-nav-listing .mat-menu-content { padding-top: 0 !important; }.filter-nav-listing .list-c { display: block; height: 144px; }.filter-nav-listing .list-c:first-child { margin-top: 5px; }.filter-nav-listing .list-c.list-1 { height: 41px; }.filter-nav-listing .list-c.list-2 { height: 77px; }.filter-nav-listing .list-c.list-3 { height: 113px; }.filter-nav-listing .list-c.list-4 { height: 192px; }.filter-nav-listing .list-c.height-50-px.list-1 { height: 60px; }.filter-nav-listing .list-c.height-50-px.list-2 { height: 110px; }.filter-nav-listing .list-c.height-50-px.list-3 { height: 160px; }.filter-nav-listing .list-c.height-50-px.list-4 { height: 210px; }.filter-nav-listing .list { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; transition: 500ms; padding: 6px 10px; min-height: 36px; font-size: 14px; line-height: 24px; cursor: pointer; color: #424242; font-weight: 500; }.filter-nav-listing .list:not(.list-loader):hover, .filter-nav-listing .list:not(.list-loader).active { background-color: #e8e7eb; }.filter-nav-listing .list.list-loader { display: flex; flex-wrap: wrap; align-items: center; padding: 0; justify-content: center; cursor: default; }.filter-nav-listing .list-loader { display: flex; flex-wrap: wrap; align-items: center; padding: 0; justify-content: center; cursor: default; }.members-selection-listing .cdk-drag-preview { box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }.members-selection-listing .cdk-drag-placeholder { opacity: 0; }.members-selection-listing .cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); }.members-selection-listing.cdk-drop-list-dragging .list:not(.cdk-drag-placeholder) { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); }.saved-filter-list { min-width: 182px !important; }.saved-filter-list .list-bx { display: flex; flex-wrap: wrap; align-items: center; transition: 500ms; margin: 1px 0 0 0; }.saved-filter-list .list-bx .nm { display: block; float: left; width: 100%; flex: 1; padding: 10px 10px; color: #424242; font-size: 14px; line-height: 16px; font-weight: 500; cursor: pointer; transition: 500ms; }.saved-filter-list .list-bx .nm input { display: block; width: 100%; height: 26px; background-color: #fff; border: 1px solid #cdcbd1; color: #424242; font-size: 14px; line-height: 16px; font-weight: 500; outline: none !important; padding: 2px 6px; }.saved-filter-list .list-bx .nm input:read-only { cursor: pointer; background-color: transparent; border: 1px solid transparent; }.saved-filter-list .list-bx .actions { display: flex; flex-wrap: nowrap; float: left; padding: 0 10px 0 0; }.saved-filter-list .list-bx .actions .act-btn { display: flex; float: left; justify-content: center; align-items: center; width: 22px; height: 22px; background-color: #f3f3f3; border-radius: 100px; padding: 0; border: none; cursor: pointer; transition: 500ms; }.saved-filter-list .list-bx .actions .act-btn:not(:first-child) { margin-left: 3px; }.saved-filter-list .list-bx .actions .act-btn img { display: block; float: left; width: 12px; height: auto; transition: 500ms; }.saved-filter-list .list-bx .actions .act-btn.del img { width: 9px; }.saved-filter-list .list-bx:hover, .saved-filter-list .list-bx.active, .saved-filter-list .list-bx.default { background-color: #e8e7eb; }.saved-filter-list .list-bx:hover .nm, .saved-filter-list .list-bx.active .nm, .saved-filter-list .list-bx.default .nm { color: #1b71f5; }.saved-filter-list .list-bx:hover .actions .act-btn, .saved-filter-list .list-bx.active .actions .act-btn, .saved-filter-list .list-bx.default .actions .act-btn { background-color: #fff; }.saved-filter-list .list-bx:hover .actions .act-btn:hover, .saved-filter-list .list-bx.active .actions .act-btn:hover, .saved-filter-list .list-bx.default .actions .act-btn:hover { background-color: #1b71f5; }.saved-filter-list .list-bx:hover .actions .act-btn:hover img, .saved-filter-list .list-bx.active .actions .act-btn:hover img, .saved-filter-list .list-bx.default .actions .act-btn:hover img { filter: brightness(0) invert(1); }.saved-filter-list .list-bx:hover .actions .act-btn.del:hover, .saved-filter-list .list-bx.active .actions .act-btn.del:hover, .saved-filter-list .list-bx.default .actions .act-btn.del:hover { background-color: #FE5E5E; }.saved-filter-list .list-bx:hover .actions .act-btn.del:hover img, .saved-filter-list .list-bx.active .actions .act-btn.del:hover img, .saved-filter-list .list-bx.default .actions .act-btn.del:hover img { filter: brightness(0) invert(1); }.saved-filter-list .list-bx.active .nm, .saved-filter-list .list-bx.default .nm { position: relative; background: url('check-blue.svg') no-repeat left 10px center; background-size: 10px auto; padding-left: 26px; }.org-members { display: block; width: 200px; position: relative; }.org-members .tl { display: flex; flex-wrap: wrap; align-items: center; padding: 7px 10px; width: 100%; background-color: #fff; border-bottom: 1px solid #ddd; }.org-members .tl h3 { display: block; float: left; font-size: 17px; line-height: 19px; font-weight: 600; margin: 0; padding: 0; }.org-members .tl .btns { display: flex; float: left; flex-wrap: wrap; align-items: center; margin-left: auto; }.org-members .tl .btns .btn:not(:first-child) { margin-left: 4px; }.org-members .tl .btn.ico-only { width: 22px; height: 22px; border-radius: 100px; padding: 0; }.org-members .tl .btn img { margin: 0; }.org-members .list-body { display: block; width: 100%; }.org-members .list { display: flex; flex-wrap: nowrap; align-items: center; padding: 4px 10px; width: 100%; cursor: default; transition: 500ms; }.org-members .list:hover { background-color: #f2f2f2; }.org-members .list:first-child { border-radius: 10px 10px 0 0; }.org-members .list:last-child { border-radius: 0 0 10px 10px; }.org-members .list.member--card { padding: 1em; border-radius: 0.5em !important; margin-bottom: 1rem; background-color: #ffffff !important; }.org-members .list .nm { display: block; float: left; padding: 0 0 0 10px; font-weight: 500; color: #222; flex: 1; }.org-members .list .details { display: block; float: left; padding: 0 0 0 10px; flex: 1; position: relative; }.org-members .list .details .nm { padding: 0; font-weight: 600; float: none; }.org-members .list .details .desc { display: flex; flex-flow: column; position: relative; padding: 0 30px 0 0; grid-gap: 0.3em; gap: 0.3em; margin-top: 0.3em; }.org-members .list .details .desc .info-tags { display: flex; flex-wrap: wrap; margin: 2px -2px 0 -2px; }.org-members .list .details .desc .info-tags .info-tag { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #511cd9; color: #fff; font-size: 11px; font-weight: 600; padding: 0.3em 1em; border-radius: 10px; line-height: 1; margin: 2px; border: none; }.org-members .list .details .desc .info-tags .info-tag.blue { background-color: #1b91f5; color: #fff; }.org-members .list .details .desc .info-tags .info-tag.danger { background-color: #ed1328; color: #fff; }.org-members .list .details .desc .txt { display: block; color: #222; font-size: 12px; line-height: 14px; }.org-members .list .details .view, .org-members .list .details .edit, .org-members .list .details .online-status, .org-members .list .details .delete, .org-members .list .details .block, .org-members .list .details .unblock { display: inline-flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); width: 24px; height: 24px; background-color: var(--btnBgClr, rgba(0, 0, 0, 0.08)); color: var(--btnClr); border: none; border-radius: 100px; cursor: pointer; transition: 500ms; }.org-members .list .details .view img, .org-members .list .details .edit img, .org-members .list .details .online-status img, .org-members .list .details .delete img, .org-members .list .details .block img, .org-members .list .details .unblock img { display: block; width: 16px; height: auto; transition: 500ms; }.org-members .list .details .view svg, .org-members .list .details .edit svg, .org-members .list .details .online-status svg, .org-members .list .details .delete svg, .org-members .list .details .block svg, .org-members .list .details .unblock svg { width: auto; height: auto; }.org-members .list .details .view:hover, .org-members .list .details .edit:hover, .org-members .list .details .online-status:hover, .org-members .list .details .delete:hover, .org-members .list .details .block:hover, .org-members .list .details .unblock:hover { background-color: var(--btnClr, #1b91f5); color: #fff; }.org-members .list .details .view:hover img, .org-members .list .details .edit:hover img, .org-members .list .details .online-status:hover img, .org-members .list .details .delete:hover img, .org-members .list .details .block:hover img, .org-members .list .details .unblock:hover img { filter: brightness(0) invert(1); }.org-members .list .details .edit { right: 30px; }.org-members .list .details .online-status { right: 60px; }.org-members .list .details.member--details-grid { display: grid; justify-content: space-between; grid-auto-flow: column; align-items: end; grid-gap: 1em; gap: 1em; }.org-members .list .details.member--details-grid .member--actions { display: grid; justify-content: space-between; grid-auto-flow: column; grid-gap: 0.5em; gap: 0.5em; }.org-members .list .details.member--details-grid .view, .org-members .list .details.member--details-grid .edit, .org-members .list .details.member--details-grid .online-status, .org-members .list .details.member--details-grid .delete, .org-members .list .details.member--details-grid .block, .org-members .list .details.member--details-grid .unblock { position: static; transform: none; width: 30px; height: 30px; }.org-members .list .details.member--details-grid .block, .org-members .list .details.member--details-grid .unblock { padding: 0.5em; }.org-members .list .details.member--details-grid .block { --btnBgClr: rgb(247 0 0 / 7%); --btnClr: rgb(247 0 0); border: 1px solid rgba(230, 30, 30, 0.22); }.org-members .list .details.member--details-grid .unblock { --btnBgClr: #04ff541f; --btnClr: #008203e3; border: 1px solid #0045161f; }.org-members .list .details.member--details-grid .delete { --btnBgClr: rgb(255 163 163 / 33%); --btnClr: rgb(255 97 97); }.org-members .list .details.member--details-grid .edit { --btnBgClr: rgb(0 53 255 / 16%); --btnClr: rgb(4 37 221); }.org-members.with-desc { width: 244px; }.org-members.with-desc .list { align-items: flex-start; padding-top: 7px; padding-bottom: 7px; border-radius: 0px; }.org-members.with-desc .list:not(:first-child) { border-top: 1px solid #ddd; }.org-members .member-details { display: none; width: 100%; height: 100%; background-color: #fff; position: absolute; top: 0; left: 0; }.org-members .member-details .course-box { overflow: visible; position: inherit; }.org-members .member-details .course-box .desc { padding-bottom: 4px; min-height: 156px; }.org-members .member-details .course-box .course-footer { position: sticky; bottom: 0; left: 0; background-color: #fff; padding: 0; z-index: 1; }.org-members .member-details .course-box .course-footer .footer-actions { border: none; }.org-members .member-details .course-box .course-footer .footer-actions .colm { border-top: 1px solid #d2d2d2; }.org-members .list-c { position: relative; }.inn-gap-0 .mat-menu-content:not(:empty) { padding: 0; }.matmenu-body { display: block; padding: 10px; }.matmenu-body .min-max-field-rw { display: flex; flex-wrap: wrap; margin: 0 -5px; }.matmenu-body .min-max-field-rw .field-colm { display: block; float: left; max-width: 50%; flex: 0 0 50%; padding: 0 5px; }.matmenu-body .min-max-field-rw .field-colm.full { max-width: 100%; flex: 0 0 100%; }body .mat-menu-content:not(:empty) { padding-top: 0; padding-bottom: 0; }.mat-menu-status-list img { filter: none !important; }.course-det-right-tab { margin: 0 0 10px 0; }.course-det-right-tab .mat-tab-link { min-width: 68px; min-height: 32px; height: auto; padding: 4px 7px; color: #353535; font-size: 13px; font-weight: 600; background-color: #fff; border-radius: 6px 6px 0 0; margin: 0 4px 0 0; opacity: 1; transition: 500ms; font-family: "Source Sans Pro", sans-serif !important; }.course-det-right-tab .mat-tab-link img { display: inline-block; vertical-align: top; max-height: 18px; width: auto; margin: 0 4px 0 0; transition: 500ms; }.course-det-right-tab .mat-tab-link:hover { text-decoration: none; background-color: #f4eeff; }.course-det-right-tab .mat-tab-link.mat-tab-label-active { text-decoration: none; color: #ffffff; background-color: #511cd9; }.course-det-right-tab .mat-tab-link.mat-tab-label-active img { filter: brightness(0) invert(1); }.course-det-right-tab .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); }.course-det-right-tab .mat-ink-bar { display: none; background-color: #250086 !important; }.mat-auto-complete-panel-c .mat-autocomplete-scroll { display: block; height: 192px; }.mat-auto-complete-panel-c .mat-autocomplete-scroll.list-1 { height: 48px; }.mat-auto-complete-panel-c .mat-autocomplete-scroll.list-2 { height: 96px; }.mat-auto-complete-panel-c .mat-autocomplete-scroll.list-3 { height: 144px; }.mat-auto-complete-panel-c .mat-autocomplete-scroll .list-loader { display: flex; align-items: center; justify-content: center; min-height: 48px; }.mat-auto-complete-field-c .mat-form-field-infix { position: relative; }.mat-auto-complete-field-c .mat-form-field-infix .mat-field-loader { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); height: 28px; width: 26px; }.mat-auto-complete-field-c .mat-form-field-infix .mat-field-loader .reset { display: block; height: 28px; width: 18px; background: transparent; border: none; cursor: pointer; }.mat-auto-complete-field-c .mat-form-field-infix .mat-field-loader .reset img { display: block; width: 10px; height: auto; }.mat-snack-bar-container.c-snackbar { background: transparent; opacity: 0.9 !important; box-shadow: none; border: none; margin: 0 !important; }.mat-snack-bar-container.c-snackbar > div { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; }.mat-snack-bar-container.c-snackbar.c-snackbar-warn > div { background: #fff2e2; border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; opacity: 1; }.mat-snack-bar-container.c-snackbar.c-snackbar-warn > div .closer_notification_bell { color: #cc8925; }.mat-snack-bar-container.c-snackbar.c-snackbar-info > div { background: #e9e9ff; border: solid #696cff; border-width: 0 0 0 6px; color: #696cff; opacity: 1; }.mat-snack-bar-container.c-snackbar.c-snackbar-info > div .closer_notification_bell { color: #696cff; }.mat-snack-bar-container.c-snackbar.c-snackbar-success > div { background: #e4f8f0; border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; opacity: 1; }.mat-snack-bar-container.c-snackbar.c-snackbar-success > div .closer_notification_bell { color: #1ea97c; }.mat-snack-bar-container.c-snackbar.c-snackbar-error > div { background: #ffe7e6; border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; opacity: 1; }.mat-snack-bar-container.c-snackbar.c-snackbar-error > div .closer_notification_bell { color: #ff5757; }.mat-snack-bar-container.c-snackbar.c-snackbar-custom > div { background-color: #e1cfe7; border: solid #8A427A; border-width: 0 0 0 6px; color: #2c1e30; opacity: 1; }.mat-snack-bar-container.c-snackbar.c-snackbar-custom > div .closer_notification_bell { color: #2c1e30; }.snackbar-notification { display: flex; padding: 1rem; align-items: flex-start; }.snackbar-notification .snackbar-messages { display: block; float: left; width: 100%; flex: 1; padding: 0 16px 0 0; }.snackbar-notification .snackbar-messages h3 { display: block; font-size: 18px; line-height: 24px; margin: 0; font-weight: 600; }.snackbar-notification .snackbar-messages p { display: block; font-size: 15px; line-height: 17px; margin: 6px 0 0 0; }.snackbar-notification .closer_notification_bell { display: flex; float: left; justify-content: center; align-items: center; background: transparent; padding: 0; margin: 0; border: none; border-radius: 100px; outline: none; width: 28px; height: 28px; cursor: pointer; }.snackbar-notification .closer_notification_bell .material-icons { font-size: 20px; }.snackbar-notification .closer_notification_bell:hover { background: rgba(255, 255, 255, 0.5); }.modern-material-form .form-group { margin-bottom: 0.3em; }.modern-material-form .mat-error { margin: 0; }.modern-material-form .tl-search { width: 300px; max-width: 100%; }.modern-material-form .tl-search .mat-form-field .mat-form-field-wrapper { padding: 0 !important; }.modern-material-form .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.7; }.step-tl { display: flex; flex-wrap: nowrap; align-items: center; margin: 0px 0 6px 0; /* background-color: #f2f2f2; */ /* padding: 4px 8px; */ }.step-tl:first-child { margin-top: 6px; }.step-tl .n { display: inline-flex; float: left; align-items: center; justify-content: center; width: 26px; height: 26px; background-color: #1b91f5; color: #ffffff; font-size: 16px; line-height: 22px; font-weight: 600; border-radius: 100px; position: relative; z-index: 2; }.step-tl .txt { display: block; float: left; /* background-color: #89939c; */ color: #454f58; padding: 0 0 0 6px; position: relative; z-index: 1; margin: 0; font-size: 20px; line-height: 26px; font-weight: 600; border-radius: 0 24px 20px 0; min-width: 90px; }.recorded-video-dialog .mat-dialog-container { padding: 10px; position: relative; }.recorded-video-dialog .mat-dialog-container .actions { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; z-index: 1; }.recorded-video-dialog .mat-dialog-container .actions .fullscreen { display: flex; align-items: center; justify-content: center; float: left; height: 26px; background-color: #6222ee; border: none; padding: 0 6px; cursor: pointer; transition: 500ms; }.recorded-video-dialog .mat-dialog-container .actions .fullscreen:hover { background-color: #8148ff; }.recorded-video-dialog .mat-dialog-container .actions .fullscreen:before { content: ""; display: block; float: left; width: 16px; height: 16px; background: url('full-screen.svg') no-repeat center; background-size: 100% auto; filter: brightness(0) invert(1); }.recorded-video-dialog .mat-dialog-container .actions .fullscreen:after { content: "Full Screen"; display: block; float: left; color: #fff; font-size: 12px; line-height: 16px; text-transform: uppercase; font-weight: 600; margin: 0 0 0 5px; }.recorded-video-dialog .mat-dialog-container .actions .close { display: flex; align-items: center; width: auto; height: 26px; padding: 0 8px; opacity: 1 !important; background-color: #fe5e5e; color: #fff !important; font-size: 12px; line-height: 16px; font-weight: 600; text-transform: uppercase; cursor: pointer; text-shadow: none !important; transition: 500ms; }.recorded-video-dialog .mat-dialog-container .actions .close:hover { background-color: #ed0e0e; }.recorded-video-fullscreen .recorded-video-dialog .mat-dialog-container .recorded-video-show .video-box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: #000; }.recorded-video-fullscreen .recorded-video-dialog .mat-dialog-container .recorded-video-show .video-box video { position: fixed; top: 0; left: 0; width: 100%; height: var(--screen-vh) !important; }.recorded-video-fullscreen .recorded-video-dialog .mat-dialog-container .actions { position: fixed; z-index: 2; }.recorded-video-fullscreen .recorded-video-dialog .mat-dialog-container .actions .close { display: none; }.recorded-video-fullscreen .recorded-video-dialog .mat-dialog-container .actions .fullscreen:before { background: url('exit-full-screen.svg') no-repeat center; background-size: 100% auto; }.recorded-video-fullscreen .recorded-video-dialog .mat-dialog-container .actions .fullscreen:after { content: "Exit"; font-size: 14px; }.videoBgDialog .mat-dialog-container { padding: 0; }.videoBgDialog .mat-dialog-container .mat-dialog-title { font-size: 17px; line-height: 21px; padding: 10px 16px; margin: 0; border-bottom: 1px solid #ddd; position: relative; }.videoBgDialog .mat-dialog-container .mat-dialog-title .close { display: block; position: absolute; top: 6px; right: 6px; background: url('close.svg') no-repeat center center; background-size: 14px auto; width: 28px; height: 28px; opacity: 1; }.videoBgDialog .mat-dialog-container .mat-dialog-content { margin: 0; padding: 16px; }.videoBgDialog .mat-dialog-container .mat-dialog-content .selected-bg-preview { display: block; width: 100%; }.videoBgDialog .mat-dialog-container .mat-dialog-content .selected-bg-preview img { display: block; width: 100%; height: auto; }.videoBgDialog .mat-dialog-container .mat-dialog-content .selected-bg-preview.no-image { min-height: 236px; background-color: #e9e9e9; position: relative; }.videoBgDialog .mat-dialog-container .mat-dialog-content .selected-bg-preview.no-image:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 28px; height: 100%; background: url('block-icon.svg') no-repeat center; background-size: 100% auto; opacity: 0.4; }.videoBgDialog .mat-dialog-container .mat-dialog-content .sm-txt-tl { display: block; font-size: 16px; line-height: 18px; font-weight: 600; margin: 10px 0 6px 0; }.videoBgDialog .mat-dialog-container .mat-dialog-content .bg-image-list { display: flex; flex-wrap: wrap; margin: 0 -4px; }.videoBgDialog .mat-dialog-container .mat-dialog-content .bg-image-list .list { display: block; float: left; max-width: 20%; flex: 0 0 20%; padding: 4px; }.videoBgDialog .mat-dialog-container .mat-dialog-content .bg-image-list .list .bx { display: flex; width: 100%; height: auto; position: relative; border-radius: 3px; overflow: hidden; min-height: 44px; cursor: pointer; }.videoBgDialog .mat-dialog-container .mat-dialog-content .bg-image-list .list .bx.no-image { background-color: #e9e9e9; }.videoBgDialog .mat-dialog-container .mat-dialog-content .bg-image-list .list .bx.no-image:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16px; height: 100%; background: url('block-icon.svg') no-repeat center; background-size: 100% auto; opacity: 0.4; }.videoBgDialog .mat-dialog-container .mat-dialog-content .bg-image-list .list .bx:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3px; border: 2px solid transparent; transition: 500ms; z-index: 1; }.videoBgDialog .mat-dialog-container .mat-dialog-content .bg-image-list .list .bx img { display: block; width: 100%; height: auto; }.videoBgDialog .mat-dialog-container .mat-dialog-content .bg-image-list .list.active .bx:before { border-color: #511cd9; }.videoBgDialog .mat-dialog-container .mat-dialog-content .buttonset { display: block; margin: 20px 0 0 0; text-align: center; }.videoBgDialog .mat-dialog-container .mat-dialog-actions { margin: 0; min-height: 38px; }.superBook_items_c:not(.single-item) .superBook_item:not(.item-w-200):not(.item-w-160) { width: 7.69%; padding-bottom: 20px; }@media (max-width: 4096px) { .superBook_items_c:not(.single-item) .superBook_item:not(.item-w-200):not(.item-w-160) { width: 8.333333%; } }@media (max-width: 3840px) { .superBook_items_c:not(.single-item) .superBook_item:not(.item-w-200):not(.item-w-160) { width: 9.09%; } }@media (max-width: 2560px) { .superBook_items_c:not(.single-item) .superBook_item:not(.item-w-200):not(.item-w-160) { width: 12.5%; } }@media (max-width: 1920px) { .superBook_items_c:not(.single-item) .superBook_item:not(.item-w-200):not(.item-w-160) { width: 20%; } }@media (max-width: 1440px) { .superBook_items_c:not(.single-item) .superBook_item:not(.item-w-200):not(.item-w-160) { width: 25%; } }@media (max-width: 1365px) { .superBook_items_c:not(.single-item) .superBook_item:not(.item-w-200):not(.item-w-160) { width: 33.333333%; } }@media (max-width: 1100px) { .superBook_items_c:not(.single-item) .superBook_item:not(.item-w-200):not(.item-w-160) { width: 50%; } }@media (min-width: 1024px) and (max-width: 1100px) { .superBook_items_c:not(.single-item) .superBook_item:not(.item-w-200):not(.item-w-160) { padding: 0 6px 12px 6px; } }@media (max-width: 1023px) { .superBook_items_c:not(.single-item) .superBook_item:not(.item-w-200):not(.item-w-160) { width: 20%; } }@media (max-width: 899px) { .superBook_items_c:not(.single-item) .superBook_item:not(.item-w-200):not(.item-w-160) { width: 25%; } }@media (max-width: 639px) { .superBook_items_c:not(.single-item) .superBook_item:not(.item-w-200):not(.item-w-160) { width: 33.333333%; } }@media (max-width: 479px) { .superBook_items_c:not(.single-item) .superBook_item:not(.item-w-200):not(.item-w-160) { width: 50%; } }@media (max-width: 375px) { .superBook_items_c:not(.single-item) .superBook_item:not(.item-w-200):not(.item-w-160) { padding: 0 6px 12px 6px; } }.n-body-right { display: flex; flex-flow: column; background-color: #fff; padding: 16px; width: 500px; position: relative; transition: 400ms; }.n-body-right .ng-scrollbar-wrapper .scrollbar-control { display: none; }.n-body-right .n-body-right-c { display: flex; flex-flow: column; height: 100%; }@media (max-width: 1679px) { .n-body-right { width: 360px; } }@media (max-width: 1279px) { .n-body-right:not(.sm-view):not(.lg-view):not(.xl-view) { width: 320px; right: -320px; padding: 8px; position: fixed; top: 48px; height: calc(var(--screen-vh) - 48px); z-index: 2; } }@media (max-width: 359px) { .n-body-right { width: 282px; right: -282px; } .n-body-right:not(.sm-view), .n-body-right:not(.sm-view):not(.lg-view):not(.xl-view) { width: 282px; right: -282px; } }.n-body-right .scroll-area { display: block; height: 100%; }.n-body-right.sm-view { width: 288px; height: calc(var(--screen-vh) - 48px); z-index: 9; }.n-body-right.sm-view.pt { padding: 10px 0; }@media (min-width: 1680px) { .n-body-right.sm-view { width: 468px; max-width: 28%; } }@media (max-width: 1023px) { .n-body-right.sm-view { position: fixed; top: 48px; right: -288px; height: calc(var(--screen-vh) - 48px); } }@media (max-width: 359px) { .n-body-right.sm-view { right: -282px; width: 282px; } }.n-body-right.sm-view .subj-body { padding: 6px 16px 12px 16px; }.n-body-right.lg-view { width: 480px; height: calc(var(--screen-vh) - 48px); z-index: 9; }@media (max-width: 1679px) { .n-body-right.lg-view { width: 400px; } }@media (max-width: 1366px) { .n-body-right.lg-view { width: 360px; } }@media (max-width: 1299px) { .n-body-right.lg-view.messaging-right-panel { position: fixed; top: 58px; right: -400px; height: calc(100% - 58px); z-index: 1; transition: 400ms; padding: 20px 16px; background-color: #fff; margin: 0; width: inherit; transform: translateX(calc(100% + 20px)); } }@media (max-width: 1124px) { .n-body-right.lg-view { width: 400px; position: fixed; top: 48px; right: -400px; height: calc(100% - 48px); z-index: 1; transition: 400ms; padding: 20px 16px; background-color: #fff; margin: 0; } }@media (max-width: 767px) { .n-body-right.lg-view.messaging-right-panel { top: 95px; right: 0 !important; left: 0; width: auto !important; height: calc(100% - 95px) !important; z-index: 1 !important; border-radius: 0; border: none; padding: 10px; } }@media (max-width: 460px) { .n-body-right.lg-view { width: 320px; right: -320px; } }@media (max-width: 359px) { .n-body-right.lg-view { width: 280px; right: -280px; } }.n-body-right.xl-view { width: 580px; height: calc(var(--screen-vh) - 48px); z-index: 9; }@media (min-width: 2560px) { .n-body-right.xl-view { width: 700px; } }@media (min-width: 3840px) { .n-body-right.xl-view { width: 800px; } }@media (max-width: 1679px) { .n-body-right.xl-view { width: 520px; } }@media (max-width: 1366px) { .n-body-right.xl-view { width: 460px; } }@media (max-width: 1279px) { .n-body-right.xl-view { width: 500px; position: fixed; top: 48px; right: -500px; z-index: 1; transition: 400ms; padding: 10px; background-color: #fff; margin: 0; } .n-body-right.xl-view.rounded-corner { right: -508px; } }@media (max-width: 539px) { .n-body-right.xl-view { width: 320px; right: -320px; } .n-body-right.xl-view.rounded-corner { right: -328px; } }@media (max-width: 359px) { .n-body-right.xl-view { width: 280px; right: -280px; } .n-body-right.xl-view.rounded-corner { right: -288px; } }.n-body-right.yellow { background-color: #f5d76d; background-image: linear-gradient(to bottom right, #f1c72f, #f5d76d, #f1c72f); }.n-body-right.n-body-right { background-color: #f5d76d; background-image: linear-gradient(to right, #f4cf4c, #f5d76d); }.n-body-right.red { background-color: #ffafaf; }.n-body-right.red .right-panel-toggle:before { background-color: #ffafaf; }.n-body-right.dark-red { background-color: #f7b188; }.n-body-right.dark-red .right-panel-toggle:before { background-color: #f7b188; }.n-body-right.purple { background-color: #dcbfff; }.n-body-right.purple .right-panel-toggle:before { background-color: #dcbfff; }.n-body-right.gray { background-color: #f1eff8; }.n-body-right.gray .right-panel-toggle:before { background-color: #f1eff8; }.n-body-right.inactive { display: none !important; }.n-body-right.rounded-corner { border-radius: 10px; margin: 10px 8px 10px 0; height: calc(var(--screen-vh) - 68px); }.n-body-right.rounded-corner-10px { border-radius: 10px; overflow: hidden; border: 1px solid #d7d7d7; }.n-body-right.white { background-image: none; background-color: #ffffff; }.n-body-right.white .right-panel-toggle:before { background-color: #f1eff8; }.n-body-right .tab-body-view { display: block; width: 100%; height: 100%; flex: 1; }.n-body-right .right-tab-data-area { display: block; }.n-body-right .right-tab-data-area.hidden-height { height: calc(var(--screen-vh) - 148px); overflow: hidden; }.n-body-right .right-tab-data-c { display: block; }.n-body-right .right-tab-data-c:not(:first-child) { margin: 20px 0 0 0; }.n-body-right .right-tab-data-c:last-child { margin-bottom: 16px; }.n-body-right .right-tab-data-c h3 { display: block; color: #222; font-size: 18px; line-height: 20px; font-weight: 600; margin: 0 0 12px 0; padding: 0; }.show-channel-right-panel .n-body-right, .show-rightPanel .n-body-right { right: 0 !important; z-index: 8 !important; }.show-channel-right-panel .messaging-right-panel, .show-rightPanel .messaging-right-panel { transform: translateX(0%) !important; }@media (max-width: 1299px) and (min-width: 768px) { .show-channel-right-panel .channel-head-info::after, .show-rightPanel .channel-head-info::after { content: ""; position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 3; } }.messaging-right-panel { margin: 10px 0; height: calc(100vh - 68px) !important; }.messaging-right-panel .mat-tab-nav-bar.mat-tab-header-pagination-controls-enabled { margin-left: -1rem; margin-right: -1rem; }.messaging-right-panel .mat-tab-nav-bar, .messaging-right-panel .mat-tab-header { border-bottom: none; }.messaging-right-panel .mat-tab-links { grid-gap: 0.25em; gap: 0.25em; }.messaging-right-panel .course-det-right-tab .mat-tab-link { min-width: auto; min-height: auto; line-height: 1; font-size: 14px; padding: 0.75em 1.25em; border-radius: 0.25em; margin: 0; background-color: transparent; }@media (max-width: 1550px) { .messaging-right-panel .course-det-right-tab .mat-tab-link { font-size: 0.825rem; } }.messaging-right-panel .course-det-right-tab.messaging-tab .mat-tab-link-container .mat-tab-links .mat-tab-link { flex-grow: 1; flex-shrink: 1; }.messaging-right-panel .course-det-right-tab.messaging-tab .mat-tab-link-container .mat-tab-links .mat-tab-link.mat-tab-label-active { background-color: #ffffff; color: #511cd9; border-radius: 1000px; box-shadow: 0 2px 0px 0 #3232321c; }.messaging-right-panel .course-det-right-tab .mat-tab-header-pagination { box-shadow: none !important; }.messaging-right-panel .mat-tab-link-container { padding: 0.5em; background: #e9e9e9; border-radius: 0.25em; border-radius: 1000px; }.messaging-right-panel .wh-box-view { padding: 1em; box-shadow: 0px 2px 15px 0px #6e6d6d1f; border: 1px solid #6e6d6d29; border-radius: 0.5em; }@media (min-width: 1300px) { .btn--desktopSidebarTgl { display: inline-block !important; } body.hide-right-panel .messaging-right-panel { display: none; } body.hide-right-panel .btn--desktopSidebarTgl img { transform: scale(-1); } }@media (min-width: 1300px) { .show-on-tabL { display: none !important; } }.mainNavContainer { display: block; transition: 400ms; /* height: 100vh; */ padding: 10px 0; margin-top: 58px; margin-left: 8px; height: calc(var(--screen-vh) - 68px); border-radius: 10px 0 0 10px; width: 72px; background-color: #511CD9 !important; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04); }.mainNavContainer .ng-scrollbar-wrapper .scrollbar-control { display: none; }.mainNavContainer .mainNavScrollArea { display: block; height: 100%; }.mainNavContainer .mainNavScrollArea .ng-scrollbar, .mainNavContainer .mainNavScrollArea .ng-scroll-content { height: 100% !important; max-width: 100%; }.mainNavContainer .mainNavScrollArea .sideMenu_Area { display: block; height: 100%; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .logoBox { height: 40px; color: #fd8f8f; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .menu_toggle { width: 100%; padding: 10px; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .menu_toggle > i { margin-right: 10px; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu { display: flex; flex-flow: column; margin: 0; padding: 0; width: 100%; min-height: 100%; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li { display: block; margin: 0 0 2px 0; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li:last-child { margin: 0; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li.foot { margin-top: auto; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li a { display: flex; flex-flow: column; align-items: center; width: 100%; padding: 11px 10px; color: #fff; text-align: center; font-weight: 500; position: relative; transition: 500ms; border-radius: inherit; min-height: 40px; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li a:before { content: ""; display: block; position: absolute; top: 4px; left: 50%; transform: translate(-50%, 0); width: 36px; height: 36px; border-radius: 100px; background-color: #fff; transition: 500ms; opacity: 0; visibility: visible; z-index: 0; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li a:after { content: ""; display: block; position: absolute; top: 16px; right: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 8px solid #ffffff; transition: 500ms; opacity: 0; visibility: visible; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li a .menuImg { display: inline-block; vertical-align: top; margin: 0; transition: 400ms; filter: brightness(0) invert(1); height: 22px; width: auto; position: relative; z-index: 1; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li a .widthimage22 { height: 22px; width: 22px; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li a .no-inv { filter: none !important; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li a .txt { display: block; font-size: 11px; line-height: 13px; margin: 8px 0 0 0; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li a .notifyNo { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: absolute; top: 3px; right: 3px; color: #fff; background-color: #f2308a; min-width: 18px; height: 18px; border-radius: 100px; font-size: 12px; line-height: 16px; font-weight: 600; padding: 0 3px; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li a:hover, .mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li.active a { text-decoration: none; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li a:hover:before, .mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li.active a:before { opacity: 1; visibility: visible; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li a:hover .menuImg, .mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li.active a .menuImg { filter: brightness(0) invert(1); }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li a:hover:not(.n-nav) .menuImg, .mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li.active a:not(.n-nav) .menuImg { filter: none; }.mainNavContainer .mainNavScrollArea .sideMenu_Area .sideMenu li.active a:after { opacity: 1; visibility: visible; }.rounded-radius .mainNavContainer { border-radius: 10px; }@media screen and (max-width: 1023px) { .mainNavContainer { position: fixed; top: 53px; left: 5px; z-index: 8; transition: 400ms; /* padding: 0; */ background-color: #fff; height: calc(100% - 58px); margin: 0; } .hide-main-nav .mainNavContainer { left: -555px; } }.subjectTo { width: 280px; max-width: 280px; padding: 20px 0 20px 0; margin: 0; background-color: #fff; border-radius: 0 10px 10px 0; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04); height: calc(var(--screen-vh) - 68px); margin-top: 10px; position: relative; z-index: 1; transition: 400ms; }@media screen and (max-width: 1679px) { .subjectTo { width: 250px; max-width: 250px; } }.subjectTo .ng-scrollbar-wrapper .scrollbar-control { display: none; }.subjectTo .subjectToScrollarea { display: block; width: 100%; height: 100%; background-color: #fff; border-radius: 10px; }.subjectTo .subjectToScrollarea .main-app-back { display: flex; justify-content: flex-end; padding: 0 10px; position: relative; /* top: -12px; */ background-color: #fff; z-index: 2; min-height: 10px; }.subjectTo .subjectToScrollarea .main-app-back .btn { position: absolute; top: -16px; right: 10px; }.subjectTo .subjectToScrollarea .main-app-c { display: block; padding: 0 12px 0 10px; }.subjectTo .subjectToScrollarea .main-app-c .main-app { display: block; padding: 0; border-radius: 10px; position: relative; }.subjectTo .subjectToScrollarea .main-app-c .main-app:not(:first-child) { margin: 18px 0 0 0; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section { display: block; position: relative; padding: 0; margin: 0; border: none; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Head { display: block; color: #000; font-size: 16px; line-height: 20px; font-weight: 600; min-height: 20px; padding: 0; margin: 0 0 8px 0; position: relative; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Head .plus { display: flex; float: right; /* width: 20px; */ height: 20px; justify-content: center; align-items: center; background-color: #ff9398; border-radius: 100px; padding: 5px; position: relative; /* top: -2px; */ transition: 400ms; color: #fff; font-size: 10px; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Head .plus img { display: block; width: 10px; height: auto; margin-right: 5px; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body { display: block; margin: 0; }@media (max-width: 1023px) { .subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body { height: calc(100% - 55px); } }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade { display: flex; flex-wrap: wrap; margin: 0 -2px; padding: 0; list-style-type: none; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li { display: block; float: left; min-width: 1px; margin: 0; padding: 2px; max-width: 100%; border-radius: inherit; overflow: hidden; position: relative; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li .grade-li-bx { display: inline-block; vertical-align: top; position: relative; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li input { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer; border-radius: 8px; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li input ~ .grade-check { padding-right: 28px; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li input ~ .grade-check:after { content: ""; display: block; background: url('check-icon.svg') no-repeat center center; background-size: 100% auto; position: absolute; right: 8px; top: 0; width: 15px; height: 100%; opacity: 0; transition: 500ms; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li input:checked ~ .grade-check { background-color: #fd636a !important; color: #fff; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li input:checked ~ .grade-check img { filter: brightness(0) invert(1); }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li input:checked ~ .grade-check:after { opacity: 1; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li a, .subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li .grade-check { display: block; font-size: 14px; line-height: 20px; font-weight: 500; margin: 0; transition: 400ms; padding: 5px 8px; border-radius: 10px 10px 10px 0px; position: relative; text-decoration: none; border: none; background-color: #f4edfd; color: #7E7E7E; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li a span, .subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li .grade-check span { word-break: break-all; display: inline-block; vertical-align: top; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li a img, .subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li .grade-check img { display: block; float: left; height: 18px; margin: 0 6px 0 0; filter: brightness(0.3); transition: 400ms; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li a:hover, .subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li a.active, .subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li .grade-check:hover, .subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li .grade-check.active { background-color: #fd636a !important; color: #fff; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li a:hover img, .subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li a.active img, .subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li .grade-check:hover img, .subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade li .grade-check.active img { filter: brightness(0) invert(1); }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade.grade_ul_list li { margin: 2px 0 0 0; width: 100%; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade.grade_ul_list li a:not(.active), .subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .app_Section_Body .grade.grade_ul_list li .grade-check:not(.active) { background: transparent; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .syllabus-tl { display: flex; justify-content: space-between; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .syllabus-tl.sticky { background-color: #fff; position: sticky; top: -2px; z-index: 1; padding-bottom: 4px; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .syllabus-tl .app_Section_Head { display: block; float: left; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .syllabus-tl .btns { display: block; float: left; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .syllabus-tl .btns:not(:first-child) { margin: 0 0 0 10px; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .syllabus-tl .btns .btn { font-size: 0.8rem; font-weight: 400; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .syllabus-tl .btns .btn:not(:first-child) { margin: 0 0 0 4px; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .syllabus-tl .btns .btn.btn-primary:not(.purple) { background-color: #511cd9 !important; border-color: #511cd9 !important; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .syllabus-tl .btns .btn.btn-primary:not(.purple):hover { background-color: #6f38ff !important; border-color: #6f38ff !important; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .syllabus-tl .btns .btn img { display: inline-block; vertical-align: top; width: 14px; height: auto; margin: 2px 0 0 2px; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .syllabus-tl .btns .btn.icon-only { width: 22px; height: 22px; padding: 0; border-radius: 100px; display: inline-flex; align-items: center; justify-content: center; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .syllabus-tl .btns .btn.icon-only img { width: 8px; display: block; margin: 0; }.subjectTo .subjectToScrollarea .main-app-c .main-app .app_Section .subj-lists { display: block; margin: 8px 0 0 0; }@media screen and (max-width: 1679px) { .subjectTo { width: 250px; max-width: 250px; } .subjectTo.sm { width: 160px; max-width: 160px; } }@media screen and (max-width: 1023px) { .subjectTo { position: fixed; left: 61px; top: 53px; max-height: 100% !important; height: calc(var(--screen-vh) - 58px) !important; z-index: 8; transition: 400ms; overflow: inherit; padding: 20px 0 20px 10px; margin: 0; } }@media screen and (max-width: 1023px) { .show-main-nav.hide-main-nav .subjectTo { left: -280px; } }.app-nav-container { display: flex; flex-flow: column; transition: 400ms; margin-top: 58px; margin-left: 8px; height: calc(var(--screen-vh) - 68px); border-radius: 10px; width: 212px; background-color: #ffffff; padding: 8px; position: relative; }.app-nav-container .nav-collapse-arrow { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #511cd9; border: 6px solid #e8e7eb; border-radius: 100px; position: absolute; top: -6px; right: -6px; width: 32px; height: 32px; z-index: 3; }.app-nav-container .nav-collapse-arrow:before { content: ""; display: block; position: absolute; background-color: rgba(81, 28, 217, 0.5); width: 100%; height: 100%; border-radius: 50%; animation: blinkOpacity 2s ease-in-out infinite; z-index: -1; }@keyframes blinkOpacity { 0% { transform: scale(1, 1); } 100% { transform: scale(2.5, 2.5); background-color: rgba(81, 28, 217, 0); } }.app-nav-container .nav-collapse-arrow .arrow { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; overflow: hidden; }.app-nav-container .nav-collapse-arrow .arrow:before, .app-nav-container .nav-collapse-arrow .arrow:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: brightness(0) invert(1); }.app-nav-container .nav-collapse-arrow .arrow:before { background: url('left-arrow.svg') no-repeat center center; background-size: 11px auto; animation: moveleft 3s infinite ease-in-out; }.app-nav-container .nav-collapse-arrow .arrow:after { background: url('right-arrow.svg') no-repeat center center; background-size: 11px auto; animation: moveright 3s infinite ease-in-out; display: none; }@keyframes moveleft { 0%, 100% { transform: translate(0, 0); opacity: 1; } 60% { transform: translate(0, 0); opacity: 1; } 78% { transform: translate(-100%, 0); opacity: 1; } 79% { transform: translate(-100%, 0); opacity: 0; } 80% { transform: translate(100%, 0); opacity: 0; } 81% { transform: translate(100%, 0); opacity: 1; } }@keyframes moveright { 0%, 100% { transform: translate(0, 0); opacity: 1; } 60% { transform: translate(0, 0); opacity: 1; } 78% { transform: translate(100%, 0); opacity: 1; } 79% { transform: translate(100%, 0); opacity: 0; } 80% { transform: translate(-100%, 0); opacity: 0; } 81% { transform: translate(-100%, 0); opacity: 1; } }.app-nav-container .app-nav-head { display: flex; padding: 0 0 8px 0; }.app-nav-container .ng-scrollbar-wrapper .scrollbar-control { display: none; }.app-nav-container .app-nav-area { display: block; height: 100%; flex: 1; }@media (min-width: 1024px) { .app-nav-container.app-nav-collapse { width: 64px; padding-left: 0; padding-right: 0; padding-top: 26px; } .app-nav-container.app-nav-collapse .nav-collapse-arrow .arrow:before { display: none; } .app-nav-container.app-nav-collapse .nav-collapse-arrow .arrow:after { display: block; } .app-nav-container.app-nav-collapse .app-nav-head { display: none; } .app-nav-container.app-nav-collapse .app-main-nav > li { padding-left: 8px; padding-right: 8px; } .app-nav-container.app-nav-collapse .app-main-nav > li.drop-menu-item-set { display: none; } .app-nav-container.app-nav-collapse .app-main-nav > li.drop-menu-item-set.sm-view { display: block; } .app-nav-container.app-nav-collapse .app-main-nav > li > a, .app-nav-container.app-nav-collapse .app-main-nav > li > .nav-a { font-size: 0px; text-indent: -999999em; justify-content: center; padding-left: 14px; padding-right: 14px; } .app-nav-container.app-nav-collapse .app-main-nav > li > a img, .app-nav-container.app-nav-collapse .app-main-nav > li > .nav-a img { margin: 0; } .app-nav-container.app-nav-collapse .app-main-nav > li > a .drop-arrow, .app-nav-container.app-nav-collapse .app-main-nav > li > .nav-a .drop-arrow { background: url('arrow-next.svg') no-repeat center center; background-size: 5px auto; width: 6px; height: 6px; right: -4px; opacity: 0.55; top: 100%; transform: translate(0, -50%) rotate(45deg); } .app-nav-container.app-nav-collapse .app-main-nav > li > a:hover .drop-arrow, .app-nav-container.app-nav-collapse .app-main-nav > li > .nav-a:hover .drop-arrow { filter: inherit; } .app-nav-container.app-nav-collapse .app-main-nav > li ul li a, .app-nav-container.app-nav-collapse .app-main-nav > li ul li .nav-a { font-size: 0px; text-indent: -999999em; justify-content: center; padding-left: 14px; padding-right: 14px; } .app-nav-container.app-nav-collapse .app-main-nav > li ul li a img, .app-nav-container.app-nav-collapse .app-main-nav > li ul li .nav-a img { margin: 0; } .app-nav-container.app-nav-collapse .app-main-nav > li.active > a .drop-arrow, .app-nav-container.app-nav-collapse .app-main-nav > li.active > .nav-a .drop-arrow { filter: inherit; transform: translate(0, -50%) rotate(45deg); } }@media (min-width: 2560px) { .app-nav-container { width: 260px; } }@media (min-width: 3840px) { .app-nav-container { width: 300px; } }@media (max-width: 1023px) { .app-nav-container { position: absolute; top: 0; left: 0; z-index: 2; transition: 600ms; } .app-nav-container .nav-collapse-arrow { display: none; } }.app-main-nav { display: flex; flex-flow: column; margin: 0; padding: 0; }.app-main-nav.p-t { padding-top: 10px; background-color: #fff; position: relative; z-index: 0; }.app-main-nav > li { display: block; padding: 2px 0; position: relative; }.app-main-nav > li:last-child { padding-bottom: 0; }.app-main-nav > li.sm-view { display: none; }.app-main-nav > li a, .app-main-nav > li .nav-a { display: flex; align-items: center; width: 100%; color: #222; background: transparent; font-size: 15px; line-height: 17px; font-weight: 600; padding: 6px 10px; min-height: 38px; border-radius: 10px; transition: 600ms; border: none; cursor: pointer; }.app-main-nav > li a img, .app-main-nav > li .nav-a img { display: block; float: left; max-height: 18px; width: auto; margin: 0 6px 0 0; transition: 600ms; opacity: 0.55; filter: brightness(0); }.app-main-nav > li a:hover, .app-main-nav > li .nav-a:hover { text-decoration: none; }.app-main-nav > li a .notifyCount, .app-main-nav > li .nav-a .notifyCount { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #fff; background-color: #f2308a; min-width: 18px; height: 18px; border-radius: 100px; font-size: 12px; line-height: 16px; font-weight: 600; padding: 0 3px; }.app-main-nav > li:not(.show-menu):not(.disabled):hover > .drop-arrow, .app-main-nav > li:not(.show-menu):not(.disabled):hover > .menu-a > .drop-arrow { filter: brightness(0) invert(1); }.app-main-nav > li.disabled > a, .app-main-nav > li.disabled > .drop-arrow, .app-main-nav > li.disabled > .nav-a, .app-main-nav > li.disabled > .menu-a > a, .app-main-nav > li.disabled > .menu-a > .nav-a { color: #c1c1c1 !important; cursor: not-allowed; pointer-events: none; }.app-main-nav > li.disabled > a img, .app-main-nav > li.disabled > a .drop-arrow, .app-main-nav > li.disabled > .drop-arrow img, .app-main-nav > li.disabled > .drop-arrow .drop-arrow, .app-main-nav > li.disabled > .nav-a img, .app-main-nav > li.disabled > .nav-a .drop-arrow, .app-main-nav > li.disabled > .menu-a > a img, .app-main-nav > li.disabled > .menu-a > a .drop-arrow, .app-main-nav > li.disabled > .menu-a > .nav-a img, .app-main-nav > li.disabled > .menu-a > .nav-a .drop-arrow { opacity: 0.35 !important; }.app-main-nav > li.active:not(.disabled) > a, .app-main-nav > li.active:not(.disabled) > .nav-a, .app-main-nav > li.active:not(.disabled) > .menu-a > a, .app-main-nav > li.active:not(.disabled) > .menu-a > .nav-a, .app-main-nav > li:not(.show-menu):not(.disabled):hover > a, .app-main-nav > li:not(.show-menu):not(.disabled):hover > .nav-a, .app-main-nav > li:not(.show-menu):not(.disabled):hover > .menu-a > a, .app-main-nav > li:not(.show-menu):not(.disabled):hover > .menu-a > .nav-a { text-decoration: none; background-color: #511cd9; color: #fff; }.app-main-nav > li.active:not(.disabled) > a img, .app-main-nav > li.active:not(.disabled) > .nav-a img, .app-main-nav > li.active:not(.disabled) > .menu-a > a img, .app-main-nav > li.active:not(.disabled) > .menu-a > .nav-a img, .app-main-nav > li:not(.show-menu):not(.disabled):hover > a img, .app-main-nav > li:not(.show-menu):not(.disabled):hover > .nav-a img, .app-main-nav > li:not(.show-menu):not(.disabled):hover > .menu-a > a img, .app-main-nav > li:not(.show-menu):not(.disabled):hover > .menu-a > .nav-a img, .app-main-nav > li.active:not(.disabled) > a .drop-arrow, .app-main-nav > li.active:not(.disabled) > .nav-a .drop-arrow, .app-main-nav > li:not(.show-menu):not(.disabled):hover > a .drop-arrow, .app-main-nav > li:not(.show-menu):not(.disabled):hover > .nav-a .drop-arrow { filter: brightness(0) invert(1); opacity: 1; }.app-main-nav > li.active:not(.disabled) > a .notifyCount, .app-main-nav > li.active:not(.disabled) > .nav-a .notifyCount, .app-main-nav > li:not(.show-menu):not(.disabled):hover > a .notifyCount, .app-main-nav > li:not(.show-menu):not(.disabled):hover > .nav-a .notifyCount { background-color: #fff; color: #f2308a; }.app-main-nav > li > a, .app-main-nav > li > .nav-a, .app-main-nav > li > .menu-a > a, .app-main-nav > li > .menu-a > .nav-a { position: relative; padding-right: 28px; }.app-main-nav > li > .drop-arrow, .app-main-nav > li > .menu-a > .drop-arrow { display: flex; flex-wrap: wrap; align-items: center; float: left; width: 28px; height: 38px; position: absolute; top: 2px; right: 0; transition: 600ms; cursor: pointer; padding: 0 0 0 4px; }.app-main-nav > li > .drop-arrow:before, .app-main-nav > li > .menu-a > .drop-arrow:before { content: ""; display: block; width: 10px; height: 10px; background: url('arrow-down.svg') no-repeat center; background-size: 10px auto; transition: 600ms; }@media (max-width: 319px) { .app-main-nav > li > .drop-arrow, .app-main-nav > li > .menu-a > .drop-arrow { height: 32px; } }.app-main-nav > li .app-sub-nav { display: none; padding: 8px 0 8px 20px; }.app-main-nav > li.active:not(.disabled) > .drop-arrow, .app-main-nav > li.active:not(.disabled) > .menu-a > .drop-arrow { filter: brightness(0) invert(1); }.app-main-nav > li.show-menu:not(.active) > a, .app-main-nav > li.show-menu:not(.active) > .menu-a > a { background-color: #e8e7eb; }.app-main-nav > li.show-menu > a .drop-arrow, .app-main-nav > li.show-menu > .nav-a .drop-arrow, .app-main-nav > li.show-menu > .menu-a > a .drop-arrow, .app-main-nav > li.show-menu > .menu-a > .nav-a .drop-arrow { transform: translate(0, -50%) rotate(-180deg); }.app-main-nav > li.show-menu > .drop-arrow:before, .app-main-nav > li.show-menu > .menu-a > .drop-arrow:before { transform: rotate(-180deg); }.app-main-nav > li.show-menu > ul, .app-main-nav > li.show-menu > .menu-a > ul { display: block; }@media (max-width: 1023px) { .app-main-nav > li a, .app-main-nav > li .nav-a { font-size: 14px; line-height: 16px; min-height: 36px; } .app-main-nav > li a img, .app-main-nav > li .nav-a img { max-height: 16px; } }@media (max-width: 1023px) and (max-width: 319px) { .app-main-nav > li a img, .app-main-nav > li .nav-a img { max-height: 15px; } }@media (max-width: 1023px) { .app-main-nav > li a .drop-arrow, .app-main-nav > li .nav-a .drop-arrow { width: 15px; height: 15px; background-size: 9px auto; } }@media (max-width: 1023px) { .app-main-nav > li a .app-sub-nav a, .app-main-nav > li a .app-sub-nav .nav-a, .app-main-nav > li .nav-a .app-sub-nav a, .app-main-nav > li .nav-a .app-sub-nav .nav-a { font-size: 13px; line-height: 15px; padding-top: 6px; padding-bottom: 6px; } }@media (max-width: 1023px) and (max-width: 319px) { .app-main-nav > li a, .app-main-nav > li .nav-a { font-size: 13px; line-height: 15px; min-height: 30px; } .app-main-nav > li a .app-sub-nav a, .app-main-nav > li a .app-sub-nav .nav-a, .app-main-nav > li .nav-a .app-sub-nav a, .app-main-nav > li .nav-a .app-sub-nav .nav-a { font-size: 12px; line-height: 14px; } }.app-sub-nav { display: block; width: 100%; padding: 0; margin: 0; }.app-sub-nav li { display: block; padding: 3px 0 3px 16px; position: relative; }.app-sub-nav li:last-child { padding-bottom: 0; }.app-sub-nav li:not(:last-child):before { content: ""; display: block; position: absolute; z-index: 0; top: 14px; left: 0; width: 7px; height: 100%; border-right: 3px solid #d9d7dd; }.app-sub-nav li:after { content: ""; display: block; position: absolute; z-index: 1; top: 14px; left: 0; width: 12px; height: 12px; }.app-sub-nav li a, .app-sub-nav li .nav-a { display: flex; align-items: center; width: 100%; font-size: 14px; line-height: 16px; color: #000; font-weight: 600; padding: 7px 10px; position: relative; overflow: visible; min-height: 1px; height: auto; border-radius: 10px; transition: 600ms; border: none; cursor: pointer; }.app-sub-nav li a:before, .app-sub-nav li .nav-a:before { content: ""; display: block; position: absolute; z-index: 1; top: 8px; left: -16px; width: 12px; height: 12px; border-radius: 100px; border: 3px solid #d9d7dd; background-color: #fff; transition: 600ms; }@media (max-width: 319px) { .app-sub-nav li a, .app-sub-nav li .nav-a { font-size: 12px; line-height: 14px; padding-top: 5px; padding-bottom: 5px; } }.app-sub-nav li.disabled > a, .app-sub-nav li.disabled > .nav-a { color: #c1c1c1 !important; cursor: not-allowed; pointer-events: none; }.app-sub-nav li:not(.disabled) a:hover, .app-sub-nav li:not(.disabled) .nav-a:hover, .app-sub-nav li.active:not(.disabled) a, .app-sub-nav li.active:not(.disabled) .nav-a { text-decoration: none; background-color: #ff587e; color: #fff; }.app-sub-nav li:not(.disabled) a:hover:before, .app-sub-nav li:not(.disabled) .nav-a:hover:before, .app-sub-nav li.active:not(.disabled) a:before, .app-sub-nav li.active:not(.disabled) .nav-a:before { background-color: #ff587e; border-color: #fff; }.app-sub-nav li:not(.disabled) a:hover img, .app-sub-nav li:not(.disabled) .nav-a:hover img, .app-sub-nav li.active:not(.disabled) a img, .app-sub-nav li.active:not(.disabled) .nav-a img { filter: brightness(0) invert(1); opacity: 1; }.app-sub-nav li:not(.disabled) a:hover .notifyCount, .app-sub-nav li:not(.disabled) .nav-a:hover .notifyCount, .app-sub-nav li.active:not(.disabled) a .notifyCount, .app-sub-nav li.active:not(.disabled) .nav-a .notifyCount { background-color: #fff; color: #f2308a; }.nav-level { display: flex; align-items: center; color: #232323; font-size: 13.5px; line-height: 16px; font-weight: 600; }.nav-level span { display: block; float: left; padding-right: 4px; }.nav-level strong { display: inline-flex; align-items: center; color: #1b71f5; font-weight: 600; }.nav-level img { display: block; float: left; max-height: 12px; margin: 0 4px 0 0; }@media (max-width: 1023px) { .hide-main-nav .app-nav-container { left: -220px; } }.navbar-schoolInfo .navbar-schoolInfoInner { padding: 1rem 1rem 1.5rem 1rem; background: #ffffff; margin: 0 -8px; margin-bottom: 0.5em; box-shadow: 0 10px 10px 0px #511cd90d; }.navbar-schoolInfo .navbar-schoolInfoInner img { max-width: 12rem; max-height: 8rem; display: block; }.navbar-schoolInfo .navbar-schoolInfoInner h6 { font-weight: 600; margin-top: 1em; color: #383838; }.navbar-schoolInfo .navbar-schoolInfoFooter span { font-size: 14px; }.navbar-schoolInfo .navbar-schoolInfoFooter button { display: inline-block; font-size: 11px; font-weight: 600; border-radius: 0.25em; padding: 0.25em 0.4em; cursor: pointer; background-color: #fe182e; color: #fff; border: none; }.navbar-schoolInfo .navbar-schoolInfoFooter button:hover { background-color: #1b71f5; }.photo { display: flex; align-items: center; justify-content: center; float: left; width: 27px; height: 27px; border-radius: 100px; color: #fff; font-size: 12px; line-height: 21px; background-color: transparent; position: relative; }.photo.purple-pic { background-color: #511cd9; }.photo.lg-pic { width: 45px !important; height: 45px !important; }@media (min-width: 768px) { .photo.md-pic { width: 38px !important; height: 38px !important; font-size: 14px; } .photo.md-pic .member--status { width: 16px; height: 16px; right: 0; } }.photo .member--status { width: 14px; height: 14px; border-radius: 50%; position: absolute; top: -5px; right: -5px; border: 2px solid #fff; background-color: #fff; }.photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: 50%; }.photo.remaing-profile-pic-count { background-color: #e9dfff; color: #000; }.btn { font-weight: 600; transition: 500ms; display: inline-flex; align-items: center; justify-content: center; outline: none !important; box-shadow: none !important; text-decoration: none !important; }.btn img { display: inline-block; vertical-align: top; margin-right: 4px; }.btn span { display: inline-flex; align-items: center; justify-content: center; margin-left: 4px; }.btn span img:last-child { margin: 0; }.btn.btn-primary:not(.purple) { color: #ffffff !important; background-color: #1b91f5 !important; border-color: #1b91f5 !important; }.btn.btn-primary:not(.purple):hover, .btn.btn-primary:not(.purple):focus, .btn.btn-primary:not(.purple):active { color: #ffffff !important; background-color: #40a4f8 !important; border-color: #40a4f8 !important; }.btn.btn-info { background-color: #00DEBE !important; color: #000 !important; border-color: #00DEBE !important; }.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active { background-color: #04f1ce !important; color: #000 !important; border-color: #04f1ce !important; }.btn.btn-warning { color: #ffffff !important; background-color: #ff9541 !important; border-color: #ff9541 !important; }.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active { color: #ffffff !important; background-color: #ff9f53 !important; border-color: #ff9f53 !important; }.btn.btn-danger { color: #ffffff !important; background-color: #ff5353 !important; border-color: #ff5353 !important; }.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active { color: #ffffff !important; background-color: #ff6868 !important; border-color: #ff6868 !important; }.btn.btn-purple { color: #ffffff !important; background-color: #6222ee !important; border-color: #6222ee !important; }.btn.btn-purple:hover, .btn.btn-purple:focus, .btn.btn-purple:active { color: #ffffff !important; background-color: #8148ff !important; border-color: #8148ff !important; }.btn.btn-purple2 { color: #ffffff !important; background-color: #511cd9 !important; border-color: #511cd9 !important; }.btn.btn-purple2:hover, .btn.btn-purple2:focus, .btn.btn-purple2:active { color: #ffffff !important; background-color: #8148ff !important; border-color: #8148ff !important; }.btn.btn-grey { background-color: #b2afbb !important; color: #fff !important; border-color: #b2afbb !important; }.btn.btn-grey:hover, .btn.btn-grey:focus, .btn.btn-grey:active { background-color: #9996a1 !important; color: #fff !important; border-color: #9996a1 !important; }.btn.btn-pink { color: #ffffff !important; background-color: #e623c5 !important; border-color: #e623c5 !important; }.btn.btn-pink:hover, .btn.btn-pink:focus, .btn.btn-pink:active { color: #ffffff !important; background-color: #ff4be1 !important; border-color: #ff4be1 !important; }.btn.btn-wh { color: #511cd9 !important; background-color: #fff !important; border-color: #fff !important; }.btn.btn-sm img { display: inline-block; vertical-align: middle; max-height: 14px; width: auto; margin: 0 1px 0 0; }.btn.btn-sm { padding: 0.375rem 0.5rem; font-size: 0.9rem; line-height: 1.2; }.btn.btn-sm img { max-height: 11px; }.btn.btn-sm img.ico-more-btn, .btn.btn-sm img.ico-emoji-btn { max-height: none; opacity: 0.6; }.btn.btn-sm img.ico-more-btn { width: 19px; }.btn.btn-sm img.ico-emoji-btn { width: 18px; }.btn.btn-sm:hover img.ico-more-btn, .btn.btn-sm:hover img.ico-emoji-btn { opacity: 1; }.btn.btn-xs { padding: 0.2rem 0.3rem; border-radius: 0.2rem; font-size: 12px; line-height: 1.2; font-weight: 500; }.btn.btn-xs i { font-size: 0.7rem; }.btn.btn-xs img { display: inline-block; vertical-align: middle; max-height: 9px; width: auto; margin-left: 0; margin-right: 4px; }.btn.btn-xs img.md { max-height: 12px; margin-top: -2px; }.btn.btn-xs img.ico-rgt { margin-left: 4px; margin-right: 0; }.btn.btn-primary img, .btn.btn-info img, .btn.btn-warning img, .btn.btn-danger img, .btn.btn-success img, .btn.btn-purple img { filter: brightness(0) invert(1); }.btn.btn-circle, .btn.btn-rounded { border-radius: 100px; }.btn.btn-circle.icon-only, .btn.btn-rounded.icon-only { padding: 0; }.btn.btn-circle.icon-only.btn-sm, .btn.btn-rounded.icon-only.btn-sm { min-width: 24px; min-height: 24px; display: inline-flex; justify-content: center; align-items: center; padding: 0.25rem 0.25rem; }.btn.btn-circle.icon-only.btn-sm img, .btn.btn-rounded.icon-only.btn-sm img { height: 16px; width: auto; max-height: inherit; margin: 0; }.btn.btn-circle.icon-only.btn-sm i, .btn.btn-rounded.icon-only.btn-sm i { font-size: 17px; }.btn.set-button { background-color: #4876f0; border-color: #4876f0; color: #fff; font-weight: 600; }.btn.set-button:hover, .btn.set-button:focus, .btn.set-button:active { background-color: #618dff; border-color: #618dff; color: #fff; }.btn.set-button.btn-secondary { background-color: #01debd; border-color: #01debd; color: #4a4a4a; }.btn.set-button.btn-secondary:hover, .btn.set-button.btn-secondary:focus, .btn.set-button.btn-secondary:active { background-color: #17fbd9; border-color: #17fbd9; color: #4a4a4a; }.btn.set-button.btn-success { background-color: #09ab14; border-color: #09ab14; color: #fff; }.btn.set-button.btn-success:hover, .btn.set-button.btn-success:focus, .btn.set-button.btn-success:active { background-color: #11cc1e; border-color: #11cc1e; color: #fff; }.btn.set-button.purple { background-color: #613df5; border-color: #613df5; color: #fff; font-weight: 600; box-shadow: 0 2px 4px 0px #d4d4d4 !important; }.btn.set-button.purple:hover, .btn.set-button.purple:focus, .btn.set-button.purple:active { background-color: #7452ff !important; border-color: #7452ff !important; color: #fff; }.btn.set-button.dark-blue { background-color: #2528e6; border-color: #2528e6; color: #fff; font-weight: 600; /* box-shadow: 0 2px 4px 0px #585afd !important; */ }.btn.set-button.dark-blue:hover, .btn.set-button.dark-blue:focus, .btn.set-button.dark-blue:active { background-color: #585afd !important; border-color: #585afd !important; color: #fff; }.btn.set-button.pink { background-color: #e632a8; border-color: #e632a8; color: #fff; font-weight: 600; box-shadow: 0 2px 4px 0px #d4d4d4 !important; }.btn.set-button.pink:hover, .btn.set-button.pink:focus, .btn.set-button.pink:active { background-color: #fb62c6 !important; border-color: #fb62c6 !important; color: #fff; }.btn.set-button img { display: inline-block; vertical-align: middle; height: 13px; margin: 0 0 0 2px; filter: brightness(0) invert(1); }.btn.math-back-btn { background: #7577fe; color: #fff; padding: 5px 15px; border-radius: 6px; border: 1px solid #8a8cff; font-size: 14px; position: relative; z-index: 3; transition: 400ms; }.btn.math-back-btn:hover { text-decoration: none; color: #fff; background: #8a8cff; }.btn.login-btn { display: none; float: right; margin: 3px 0 0 0; padding: 0.03rem 0.3rem; }.btn.login-btn img { display: inline-flex; vertical-align: top; height: 14px; width: auto; filter: brightness(0) invert(1); margin: 0 3px 0 0; }.btn.login-btn.signup img { top: 2px; height: 16px; }.btn.upload { position: relative; overflow: hidden; }.btn.upload input { display: block; opacity: 0; position: absolute; top: 0; right: 0; width: 300%; min-width: 200px; height: 100%; cursor: pointer; }@media (max-width: 767px) { .btn.sm-icon-only.btn-sm, .btn.sm-icon-only.btn-xs { min-width: 24px; min-height: 24px; border-radius: 100px; padding: 0.25rem 0.25rem; font-size: 0; text-indent: -99999em; } .btn.sm-icon-only.btn-xs { min-width: 22px; min-height: 22px; } .btn.sm-icon-only img { margin: 0; } }.guest-mode .login-btn { display: inline-flex; }.buttonset { display: block; margin-left: -2px; margin-right: -2px; }.buttonset .btn { margin-left: 2px; margin-right: 2px; }.buttonset.bset-flex { display: flex; flex-wrap: wrap; align-items: center; margin: 20px 0 0 0; }.btn--link-dropdown { display: inline-block; font-size: 13px; font-weight: 500; line-height: 1; padding: 0; border: none; outline: none; padding-bottom: 0.1em; border-bottom: 1px dashed #6f7cb5; background-color: transparent; color: #1836bd; }.btn--link-dropdown img { width: 0.65em; margin-left: 0.2em; opacity: 0.5; }.btn--link-dropdown.modified { font-size: 14px; font-weight: 600; }.btn--link-dropdown.modified-2 { width: 1.5em; height: 1.5em; padding-bottom: 0; border-bottom: none; }.btn--link-dropdown.modified-2 img { width: 0.75em; }.mat-checkbox.list { padding: 0; }.mat-checkbox.list .mat-checkbox-layout { margin: 0; width: 100%; max-width: 100%; padding: 6px 10px; }.mat-checkbox.list .mat-checkbox-layout .mat-checkbox-inner-container { margin-left: 0; }.mat-checkbox.list .mat-checkbox-layout .mat-checkbox-label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.mat-checkbox.list.mat-checkbox-checked .mat-checkbox-inner-container .mat-checkbox-background { background-color: #511cd9; }.preview-chip-c { display: flex; flex-wrap: wrap; padding: 6px 27px 6px 10px; position: relative; border-bottom: 1px solid #d0cbdf; }.preview-chip-c .preview-chip-lists { display: flex; flex-wrap: nowrap; overflow: hidden; width: 100%; }.preview-chip-c .preview-chip { display: flex; float: left; background-color: #1b91f5; color: #ffffff; font-size: 11.5px; line-height: 14px; font-weight: 600; padding: 2px 4px; border-radius: 4px; margin: 2px 4px 2px 0; align-items: center; max-width: calc(100% - 30px); }.preview-chip-c .preview-chip.count { cursor: pointer; }.preview-chip-c .preview-chip span { display: block; float: left; max-width: calc(100% - 18px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.preview-chip-c .preview-chip .remove { display: flex; float: left; justify-content: center; align-items: center; background-color: #fff; border: none; outline: none; padding: 0; margin: 0 0 0 4px; width: 14px; height: 14px; border-radius: 100px; cursor: pointer; }.preview-chip-c .preview-chip .remove img { display: block; width: 6px !important; height: auto; }.preview-chip-c .preview-chip.clear { background-color: #ff5f5f; cursor: pointer; border: none; }.preview-chip-c .preview-chip.clear img { display: block; float: left; height: 8px; width: auto; margin: 0 4px 0 0; filter: brightness(0) invert(1); }.preview-chip-c .preview-chip.clear:hover { background-color: #fc3636; }.preview-chip-c .apply { display: flex; width: 20px; height: 20px; justify-content: center; align-items: center; background-color: #24c012; border: none; outline: none; border-radius: 100px; position: absolute; bottom: 7px; right: 3px; cursor: pointer; }.preview-chip-c .apply img { display: block; width: 11px; height: auto; }.second-nav .selected-filter-item-preview .preview-chip-c { border: none; padding: 7px 8px 0px 8px; }.second-nav .selected-filter-item-preview .preview-chip-c .preview-chip-lists { overflow: inherit; flex-wrap: wrap; }body.show-filter .filter-section:not(.filter-section-local) .filter-down { background-color: #e8eef8 !important; }body.show-filter .filter-section:not(.filter-section-local) .filter-down img { transform: rotate(180deg); }body.show-filter .filter-section:not(.filter-section-local) .filter-tags { flex-wrap: wrap !important; justify-content: start !important; }body.show-filter .filter-section:not(.filter-section-local) .filter-tags:before { display: none !important; }body.show-local-filter .filter-section-local .filter-down { background-color: #e8eef8 !important; }body.show-local-filter .filter-section-local .filter-down img { transform: rotate(180deg); }body.show-local-filter .filter-section-local .filter-tags { flex-wrap: wrap !important; justify-content: start !important; }body.show-local-filter .filter-section-local .filter-tags:before { display: none !important; }body.show-filter-panel .filter-section:not(.filter-section-local) { left: 0; }body.show-filter-panel .filter-section:not(.filter-section-local) .left-panel-toggle img { transform: translate(0, -50%) rotate(0deg) !important; }@media (max-width: 1023px) { body .right-panel-toggle { transition: 500ms; opacity: 0; visibility: hidden; } body .filter-section .left-panel-toggle { transition: 500ms; opacity: 0; visibility: hidden; } body.hide-main-nav .filter-section .left-panel-toggle { opacity: 1; visibility: visible; } body.hide-main-nav .right-panel-toggle { opacity: 1; visibility: visible; } }.product-navcontainer { display: flex; float: left; flex-wrap: nowrap; margin: 58px 0 0 8px; height: calc(var(--screen-vh) - 68px); }.product-navcontainer .mainNavContainer { margin: 0; height: 100%; position: static; }.product-navcontainer .product-subnav { display: flex; float: left; width: 248px; height: 100%; transition: 800ms; overflow: hidden; }.product-navcontainer .product-subnav .app-nav-container, .product-navcontainer .product-subnav .app-nav-second-container { display: flex; float: left; flex-wrap: wrap; flex-flow: column; background-color: #fff; border-radius: 0 10px 10px 0; padding: 8px; margin: 0; height: 100%; width: 248px; flex: 0 0 248px; transition: 800ms; position: static; }.product-navcontainer .product-subnav .app-nav-container.app-nav-container, .product-navcontainer .product-subnav .app-nav-second-container.app-nav-container { margin-right: 8px; }.product-navcontainer .product-subnav .app-nav-container.app-nav-container.inactive, .product-navcontainer .product-subnav .app-nav-second-container.app-nav-container.inactive { margin-left: -256px; }@media (max-width: 360px) { .product-navcontainer .product-subnav .app-nav-container.app-nav-container.inactive, .product-navcontainer .product-subnav .app-nav-second-container.app-nav-container.inactive { margin-left: -238px; } }@media (max-width: 319px) { .product-navcontainer .product-subnav .app-nav-container.app-nav-container.inactive, .product-navcontainer .product-subnav .app-nav-second-container.app-nav-container.inactive { margin-left: -200px; } }.product-navcontainer .product-subnav .app-nav-container .app-nav-second-menu, .product-navcontainer .product-subnav .app-nav-second-container .app-nav-second-menu { display: block; width: 100%; height: 100%; flex: 1; }.product-navcontainer .product-subnav .subjectTo { width: 100%; background: transparent; padding: 0; height: 100% !important; position: static; }.product-navcontainer .product-subnav .app-main-nav, .product-navcontainer .product-subnav .app-main-nav.p-t { background: transparent; }@media (max-width: 360px) { .product-navcontainer .product-subnav { width: 230px; } .product-navcontainer .product-subnav .app-nav-container, .product-navcontainer .product-subnav .app-nav-second-container { width: 230px; flex: 0 0 230px; } }@media (max-width: 319px) { .product-navcontainer .product-subnav { width: 192px; } .product-navcontainer .product-subnav .app-nav-container, .product-navcontainer .product-subnav .app-nav-second-container { width: 192px; flex: 0 0 192px; } }.product-navcontainer .product-subnav.sm { width: 160px; }.product-navcontainer .product-subnav.sm .app-nav-second-container { width: 160px; flex: 0 0 160px; }.product-navcontainer .product-subnav.inactive { display: none; }.product-navcontainer .body_section.subjectTo { box-shadow: none; margin: 0; }.product-navcontainer .body_section.subjectTo .subjectToScrollarea { background: transparent; }.product-navcontainer .body_section.subjectTo .main-app-c { padding: 0 !important; }.app-nav-breadcrumb-container { display: block; padding: 0 0 8px 0; }.app-nav-breadcrumb-container ul { display: flex; align-items: center; flex-wrap: wrap; padding: 0; margin: 0; }.app-nav-breadcrumb-container ul li { display: block; float: left; color: #511cd9; font-size: 14px; line-height: 16px; font-weight: 600; cursor: pointer; }.app-nav-breadcrumb-container ul li:first-child { display: inline-flex; justify-content: center; align-items: center; height: 26px; width: 26px; border-radius: 100px; margin: 0; }.app-nav-breadcrumb-container ul li:first-child:not(.active) { background-color: #511cd9; }.app-nav-breadcrumb-container ul li:first-child:not(.active) img { filter: brightness(0) invert(1); }.app-nav-breadcrumb-container ul li:not(:first-child) { position: relative; margin: 0 0 0 6px; padding: 0 0 0 14px; }.app-nav-breadcrumb-container ul li:not(:first-child):before { content: ""; display: block; position: absolute; top: 3px; left: 0; width: 9px; height: 9px; background: url('drop-arrow-purple.svg') no-repeat center center; background-size: 100% auto; transform: rotate(-90deg); }.app-nav-breadcrumb-container ul li img { display: block; width: 16px; height: auto; }.app-nav-breadcrumb-container ul li.back-btn img { width: 13px; transform: rotate(180deg); }@media (max-width: 319px) { .app-nav-breadcrumb-container ul li { font-size: 13px; line-height: 15px; } .app-nav-breadcrumb-container ul li:first-child { width: 22px; height: 22px; } .app-nav-breadcrumb-container ul li.back-btn img { width: 11px; } }@media (max-width: 1023px) { .product-navcontainer { position: fixed; top: 58px; left: 8px; z-index: 8; margin: 0; transition: 800ms; } .hide-main-nav .product-navcontainer { left: -340px; } }/* CKEditor 5 (v12.3.1) content styles. [START] *//*! * @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */.ck.ck-placeholder:before, .ck .ck-placeholder:before { content: attr(data-placeholder); pointer-events: none; }.ck.ck-read-only .ck-placeholder:before { display: none; }.ck.ck-placeholder:before, .ck .ck-placeholder:before { cursor: text; color: var(--ck-color-engine-placeholder-text); }.ck-hidden { display: none !important; }.ck.ck-reset, .ck.ck-reset_all, .ck.ck-reset_all * { box-sizing: border-box; width: auto; height: auto; position: static; }:root { --ck-z-default:1; --ck-z-modal:calc(var(--ck-z-default) + 999); --ck-color-base-foreground:#fafafa; --ck-color-base-background:#fff; --ck-color-base-border:#c4c4c4; --ck-color-base-action:#61b045; --ck-color-base-focus:#6cb5f9; --ck-color-base-text:#333; --ck-color-base-active:#198cf0; --ck-color-base-active-focus:#0e7fe1; --ck-color-base-error:#db3700; --ck-color-focus-border:#1f89e5; --ck-color-focus-outer-shadow:#bcdefb; --ck-color-focus-disabled-shadow:rgba(119,186,248,0.3); --ck-color-focus-error-shadow:rgba(255,64,31,0.3); --ck-color-text:var(--ck-color-base-text); --ck-color-shadow-drop:rgba(0,0,0,0.15); --ck-color-shadow-drop-active:rgba(0,0,0,0.2); --ck-color-shadow-inner:rgba(0,0,0,0.1); --ck-color-button-default-background:transparent; --ck-color-button-default-hover-background:#e6e6e6; --ck-color-button-default-active-background:#d9d9d9; --ck-color-button-default-active-shadow:#bfbfbf; --ck-color-button-default-disabled-background:transparent; --ck-color-button-on-background:#dedede; --ck-color-button-on-hover-background:#c4c4c4; --ck-color-button-on-active-background:#bababa; --ck-color-button-on-active-shadow:#a1a1a1; --ck-color-button-on-disabled-background:#dedede; --ck-color-button-action-background:var(--ck-color-base-action); --ck-color-button-action-hover-background:#579e3d; --ck-color-button-action-active-background:#53973b; --ck-color-button-action-active-shadow:#498433; --ck-color-button-action-disabled-background:#7ec365; --ck-color-button-action-text:var(--ck-color-base-background); --ck-color-button-save:#008a00; --ck-color-button-cancel:#db3700; --ck-color-switch-button-off-background:#b0b0b0; --ck-color-switch-button-off-hover-background:#a3a3a3; --ck-color-switch-button-on-background:var(--ck-color-button-action-background); --ck-color-switch-button-on-hover-background:#579e3d; --ck-color-switch-button-inner-background:var(--ck-color-base-background); --ck-color-switch-button-inner-shadow:rgba(0,0,0,0.1); --ck-color-dropdown-panel-background:var(--ck-color-base-background); --ck-color-dropdown-panel-border:var(--ck-color-base-border); --ck-color-input-background:var(--ck-color-base-background); --ck-color-input-border:#c7c7c7; --ck-color-input-error-border:var(--ck-color-base-error); --ck-color-input-text:var(--ck-color-base-text); --ck-color-input-disabled-background:#f2f2f2; --ck-color-input-disabled-border:#c7c7c7; --ck-color-input-disabled-text:#5c5c5c; --ck-color-list-background:var(--ck-color-base-background); --ck-color-list-button-hover-background:var(--ck-color-button-default-hover-background); --ck-color-list-button-on-background:var(--ck-color-base-active); --ck-color-list-button-on-background-focus:var(--ck-color-base-active-focus); --ck-color-list-button-on-text:var(--ck-color-base-background); --ck-color-panel-background:var(--ck-color-base-background); --ck-color-panel-border:var(--ck-color-base-border); --ck-color-toolbar-background:var(--ck-color-base-foreground); --ck-color-toolbar-border:var(--ck-color-base-border); --ck-color-tooltip-background:var(--ck-color-base-text); --ck-color-tooltip-text:var(--ck-color-base-background); --ck-color-engine-placeholder-text:#707070; --ck-color-upload-bar-background:#6cb5f9; --ck-color-link-default:#0000f0; --ck-color-link-selected-background:rgba(31,177,255,0.1); --ck-disabled-opacity:.5; --ck-focus-outer-shadow-geometry:0 0 0 3px; --ck-focus-outer-shadow:var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow); --ck-focus-disabled-outer-shadow:var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow); --ck-focus-error-outer-shadow:var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow); --ck-focus-ring:1px solid var(--ck-color-focus-border); --ck-font-size-base:13px; --ck-line-height-base:1.84615; --ck-font-face:Helvetica,Arial,Tahoma,Verdana,Sans-Serif; --ck-font-size-tiny:0.7em; --ck-font-size-small:0.75em; --ck-font-size-normal:1em; --ck-font-size-big:1.4em; --ck-font-size-large:1.8em; --ck-ui-component-min-height:2.3em; }.ck.ck-reset, .ck.ck-reset_all, .ck.ck-reset_all * { margin: 0; padding: 0; border: 0; background: transparent; text-decoration: none; vertical-align: middle; transition: none; word-wrap: break-word; }.ck.ck-reset_all, .ck.ck-reset_all * { border-collapse: collapse; font: normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face); color: var(--ck-color-text); text-align: left; white-space: nowrap; cursor: auto; float: none; }.ck.ck-reset_all .ck-rtl * { text-align: right; }.ck.ck-reset_all iframe { vertical-align: inherit; }.ck.ck-reset_all textarea { white-space: pre-wrap; }.ck.ck-reset_all input[type=password], .ck.ck-reset_all input[type=text], .ck.ck-reset_all textarea { cursor: text; }.ck.ck-reset_all input[type=password][disabled], .ck.ck-reset_all input[type=text][disabled], .ck.ck-reset_all textarea[disabled] { cursor: default; }.ck.ck-reset_all fieldset { padding: 10px; border: 2px groove #dfdee3; }.ck.ck-reset_all button::-moz-focus-inner { padding: 0; border: 0; }.ck[dir=rtl], .ck[dir=rtl] .ck { text-align: right; }:root { --ck-border-radius:2px; --ck-inner-shadow:2px 2px 3px var(--ck-color-shadow-inner) inset; --ck-drop-shadow:0 1px 2px 1px var(--ck-color-shadow-drop); --ck-drop-shadow-active:0 3px 6px 1px var(--ck-color-shadow-drop-active); --ck-spacing-unit:0.6em; --ck-spacing-large:calc(var(--ck-spacing-unit)*1.5); --ck-spacing-standard:var(--ck-spacing-unit); --ck-spacing-medium:calc(var(--ck-spacing-unit)*0.8); --ck-spacing-small:calc(var(--ck-spacing-unit)*0.5); --ck-spacing-tiny:calc(var(--ck-spacing-unit)*0.3); --ck-spacing-extra-tiny:calc(var(--ck-spacing-unit)*0.16); }.ck.ck-editor__editable:not(.ck-editor__nested-editable) { border-radius: 0; }.ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable), .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-rounded-corners { border-radius: var(--ck-border-radius); }.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused { outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-inner-shadow), 0 0; }.ck.ck-editor__editable_inline { overflow: auto; padding: 0 var(--ck-spacing-standard); border: 1px solid transparent; }.ck.ck-editor__editable_inline[dir=ltr] { text-align: left; }.ck.ck-editor__editable_inline[dir=rtl] { text-align: right; }.ck.ck-editor__editable_inline > :first-child { margin-top: var(--ck-spacing-large); }.ck.ck-editor__editable_inline > :last-child { margin-bottom: var(--ck-spacing-large); }.ck.ck-balloon-panel.ck-toolbar-container[class*=arrow_n]:after { border-bottom-color: var(--ck-color-base-foreground); }.ck.ck-balloon-panel.ck-toolbar-container[class*=arrow_s]:after { border-top-color: var(--ck-color-base-foreground); }:root { --ck-balloon-panel-arrow-z-index:calc(var(--ck-z-default) - 3); }.ck.ck-balloon-panel { display: none; position: absolute; z-index: var(--ck-z-modal); }.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after, .ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before { content: ""; position: absolute; }.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before { z-index: var(--ck-balloon-panel-arrow-z-index); }.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after { z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1); }.ck.ck-balloon-panel[class*=arrow_n]:before { z-index: var(--ck-balloon-panel-arrow-z-index); }.ck.ck-balloon-panel[class*=arrow_n]:after { z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1); }.ck.ck-balloon-panel[class*=arrow_s]:before { z-index: var(--ck-balloon-panel-arrow-z-index); }.ck.ck-balloon-panel[class*=arrow_s]:after { z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1); }.ck.ck-balloon-panel.ck-balloon-panel_visible { display: block; }:root { --ck-balloon-arrow-offset:2px; --ck-balloon-arrow-height:10px; --ck-balloon-arrow-half-width:8px; }.ck.ck-balloon-panel { border-radius: 0; }.ck-rounded-corners .ck.ck-balloon-panel, .ck.ck-balloon-panel.ck-rounded-corners { border-radius: var(--ck-border-radius); }.ck.ck-balloon-panel { box-shadow: var(--ck-drop-shadow), 0 0; min-height: 15px; background: var(--ck-color-panel-background); border: 1px solid var(--ck-color-panel-border); }.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after, .ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before { width: 0; height: 0; border-style: solid; }.ck.ck-balloon-panel[class*=arrow_n]:after, .ck.ck-balloon-panel[class*=arrow_n]:before { border-left-width: var(--ck-balloon-arrow-half-width); border-bottom-width: var(--ck-balloon-arrow-height); border-right-width: var(--ck-balloon-arrow-half-width); border-top-width: 0; }.ck.ck-balloon-panel[class*=arrow_n]:before { border-bottom-color: var(--ck-color-panel-border); }.ck.ck-balloon-panel[class*=arrow_n]:after, .ck.ck-balloon-panel[class*=arrow_n]:before { border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; }.ck.ck-balloon-panel[class*=arrow_n]:after { border-bottom-color: var(--ck-color-panel-background); margin-top: var(--ck-balloon-arrow-offset); }.ck.ck-balloon-panel[class*=arrow_s]:after, .ck.ck-balloon-panel[class*=arrow_s]:before { border-left-width: var(--ck-balloon-arrow-half-width); border-bottom-width: 0; border-right-width: var(--ck-balloon-arrow-half-width); border-top-width: var(--ck-balloon-arrow-height); }.ck.ck-balloon-panel[class*=arrow_s]:before { border-top-color: var(--ck-color-panel-border); }.ck.ck-balloon-panel[class*=arrow_s]:after, .ck.ck-balloon-panel[class*=arrow_s]:before { border-left-color: transparent; border-bottom-color: transparent; border-right-color: transparent; }.ck.ck-balloon-panel[class*=arrow_s]:after { border-top-color: var(--ck-color-panel-background); margin-bottom: var(--ck-balloon-arrow-offset); }.ck.ck-balloon-panel.ck-balloon-panel_arrow_n:after, .ck.ck-balloon-panel.ck-balloon-panel_arrow_n:before { left: 50%; margin-left: calc(-1*var(--ck-balloon-arrow-half-width)); top: calc(-1*var(--ck-balloon-arrow-height)); }.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:after, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:before { left: calc(2*var(--ck-balloon-arrow-half-width)); top: calc(-1*var(--ck-balloon-arrow-height)); }.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:after, .ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:before { right: calc(2*var(--ck-balloon-arrow-half-width)); top: calc(-1*var(--ck-balloon-arrow-height)); }.ck.ck-balloon-panel.ck-balloon-panel_arrow_s:after, .ck.ck-balloon-panel.ck-balloon-panel_arrow_s:before { left: 50%; margin-left: calc(-1*var(--ck-balloon-arrow-half-width)); bottom: calc(-1*var(--ck-balloon-arrow-height)); }.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:after, .ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:before { left: calc(2*var(--ck-balloon-arrow-half-width)); bottom: calc(-1*var(--ck-balloon-arrow-height)); }.ck.ck-balloon-panel.ck-balloon-panel_arrow_se:after, .ck.ck-balloon-panel.ck-balloon-panel_arrow_se:before { right: calc(2*var(--ck-balloon-arrow-half-width)); bottom: calc(-1*var(--ck-balloon-arrow-height)); }.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:after, .ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:before { right: 25%; margin-right: calc(2*var(--ck-balloon-arrow-half-width)); bottom: calc(-1*var(--ck-balloon-arrow-height)); }.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:after, .ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:before { left: 25%; margin-left: calc(2*var(--ck-balloon-arrow-half-width)); bottom: calc(-1*var(--ck-balloon-arrow-height)); }.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:after, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:before { right: 25%; margin-right: calc(2*var(--ck-balloon-arrow-half-width)); top: calc(-1*var(--ck-balloon-arrow-height)); }.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:after, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:before { left: 25%; margin-left: calc(2*var(--ck-balloon-arrow-half-width)); top: calc(-1*var(--ck-balloon-arrow-height)); }.ck.ck-dropdown { display: inline-block; position: relative; }.ck.ck-dropdown .ck-dropdown__arrow { pointer-events: none; z-index: var(--ck-z-default); }.ck.ck-dropdown .ck-button.ck-dropdown__button { width: 100%; }.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on .ck-tooltip { display: none; }.ck.ck-dropdown .ck-dropdown__panel { -webkit-backface-visibility: hidden; display: none; z-index: var(--ck-z-modal); position: absolute; }.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible { display: inline-block; }.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw { bottom: 100%; }.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw { top: 100%; bottom: auto; }.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se { left: 0; }.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw { right: 0; }:root { --ck-dropdown-arrow-size:calc(0.5*var(--ck-icon-size)); }.ck.ck-dropdown { font-size: inherit; }.ck.ck-dropdown .ck-dropdown__arrow { width: var(--ck-dropdown-arrow-size); }[dir=ltr] .ck.ck-dropdown .ck-dropdown__arrow { right: var(--ck-spacing-standard); margin-left: var(--ck-spacing-small); }[dir=rtl] .ck.ck-dropdown .ck-dropdown__arrow { left: var(--ck-spacing-standard); margin-right: var(--ck-spacing-small); }.ck.ck-dropdown.ck-disabled .ck-dropdown__arrow { opacity: var(--ck-disabled-opacity); }[dir=ltr] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) { padding-left: var(--ck-spacing-small); }[dir=rtl] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) { padding-right: var(--ck-spacing-small); }.ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label { width: 7em; overflow: hidden; text-overflow: ellipsis; }.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label { opacity: var(--ck-disabled-opacity); }.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }.ck.ck-dropdown__panel { border-radius: 0; }.ck-rounded-corners .ck.ck-dropdown__panel, .ck.ck-dropdown__panel.ck-rounded-corners { border-radius: var(--ck-border-radius); }.ck.ck-dropdown__panel { box-shadow: var(--ck-drop-shadow), 0 0; background: var(--ck-color-dropdown-panel-background); border: 1px solid var(--ck-color-dropdown-panel-border); bottom: 0; min-width: 100%; }.ck.ck-dropdown__panel.ck-dropdown__panel_se { border-top-left-radius: 0; }.ck.ck-dropdown__panel.ck-dropdown__panel_sw { border-top-right-radius: 0; }.ck.ck-dropdown__panel.ck-dropdown__panel_ne { border-bottom-left-radius: 0; }.ck.ck-dropdown__panel.ck-dropdown__panel_nw { border-bottom-right-radius: 0; }.ck.ck-icon { vertical-align: middle; }:root { --ck-icon-size:calc(var(--ck-line-height-base)*var(--ck-font-size-normal)); }.ck.ck-icon { width: var(--ck-icon-size); height: var(--ck-icon-size); font-size: 0.8333350694em; will-change: transform; }.ck.ck-icon, .ck.ck-icon * { color: inherit; cursor: inherit; }.ck.ck-icon :not([fill]) { fill: currentColor; }.ck.ck-tooltip, .ck.ck-tooltip .ck-tooltip__text:after { position: absolute; pointer-events: none; -webkit-backface-visibility: hidden; }.ck.ck-tooltip { visibility: hidden; opacity: 0; display: none; z-index: var(--ck-z-modal); }.ck.ck-tooltip .ck-tooltip__text { display: inline-block; }.ck.ck-tooltip .ck-tooltip__text:after { content: ""; width: 0; height: 0; }:root { --ck-tooltip-arrow-size:5px; }.ck.ck-tooltip { left: 50%; top: 0; transition: opacity 0.2s ease-in-out 0.2s; }.ck.ck-tooltip .ck-tooltip__text { border-radius: 0; }.ck-rounded-corners .ck.ck-tooltip .ck-tooltip__text, .ck.ck-tooltip .ck-tooltip__text.ck-rounded-corners { border-radius: var(--ck-border-radius); }.ck.ck-tooltip .ck-tooltip__text { font-size: 0.9em; line-height: 1.5; color: var(--ck-color-tooltip-text); padding: var(--ck-spacing-small) var(--ck-spacing-medium); background: var(--ck-color-tooltip-background); position: relative; left: -50%; }.ck.ck-tooltip .ck-tooltip__text:after { transition: opacity 0.2s ease-in-out 0.2s; border-style: solid; left: 50%; }.ck.ck-tooltip.ck-tooltip_s { bottom: calc(-1*var(--ck-tooltip-arrow-size)); transform: translateY(100%); }.ck.ck-tooltip.ck-tooltip_s .ck-tooltip__text:after { top: calc(-1*var(--ck-tooltip-arrow-size)); transform: translateX(-50%); border-left-color: transparent; border-bottom-color: var(--ck-color-tooltip-background); border-right-color: transparent; border-top-color: transparent; border-left-width: var(--ck-tooltip-arrow-size); border-bottom-width: var(--ck-tooltip-arrow-size); border-right-width: var(--ck-tooltip-arrow-size); border-top-width: 0; }.ck.ck-tooltip.ck-tooltip_n { top: calc(-1*var(--ck-tooltip-arrow-size)); transform: translateY(-100%); }.ck.ck-tooltip.ck-tooltip_n .ck-tooltip__text:after { bottom: calc(-1*var(--ck-tooltip-arrow-size)); transform: translateX(-50%); border-left-color: transparent; border-bottom-color: transparent; border-right-color: transparent; border-top-color: var(--ck-color-tooltip-background); border-left-width: var(--ck-tooltip-arrow-size); border-bottom-width: 0; border-right-width: var(--ck-tooltip-arrow-size); border-top-width: var(--ck-tooltip-arrow-size); }.ck.ck-button, a.ck.ck-button { -webkit-user-select: none; user-select: none; }.ck.ck-button .ck-tooltip, a.ck.ck-button .ck-tooltip { display: block; }@media (hover: none) { .ck.ck-button .ck-tooltip, a.ck.ck-button .ck-tooltip { display: none; } }.ck.ck-button, a.ck.ck-button { position: relative; display: inline-flex; align-items: center; justify-content: left; }.ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label { display: none; }.ck.ck-button.ck-button_with-text .ck-button__label, a.ck.ck-button.ck-button_with-text .ck-button__label { display: inline-block; }.ck.ck-button:not(.ck-button_with-text), a.ck.ck-button:not(.ck-button_with-text) { justify-content: center; }.ck.ck-button:hover .ck-tooltip, a.ck.ck-button:hover .ck-tooltip { visibility: visible; opacity: 1; }.ck.ck-button:focus:not(:hover) .ck-tooltip, a.ck.ck-button:focus:not(:hover) .ck-tooltip { display: none; }.ck.ck-button, a.ck.ck-button { background: var(--ck-color-button-default-background); }.ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover { background: var(--ck-color-button-default-hover-background); }.ck.ck-button:not(.ck-disabled):active, a.ck.ck-button:not(.ck-disabled):active { background: var(--ck-color-button-default-active-background); box-shadow: inset 0 2px 2px var(--ck-color-button-default-active-shadow); }.ck.ck-button.ck-disabled, a.ck.ck-button.ck-disabled { background: var(--ck-color-button-default-disabled-background); }.ck.ck-button, a.ck.ck-button { border-radius: 0; }.ck-rounded-corners .ck.ck-button, .ck-rounded-corners a.ck.ck-button, .ck.ck-button.ck-rounded-corners, a.ck.ck-button.ck-rounded-corners { border-radius: var(--ck-border-radius); }.ck.ck-button, a.ck.ck-button { white-space: nowrap; cursor: default; vertical-align: middle; padding: var(--ck-spacing-tiny); text-align: center; min-width: var(--ck-ui-component-min-height); min-height: var(--ck-ui-component-min-height); line-height: 1; font-size: inherit; border: 1px solid transparent; transition: box-shadow 0.2s ease-in-out, border 0.2s ease-in-out; -webkit-appearance: none; }.ck.ck-button:active, .ck.ck-button:focus, a.ck.ck-button:active, a.ck.ck-button:focus { outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-focus-outer-shadow), 0 0; }.ck.ck-button .ck-button__icon use, .ck.ck-button .ck-button__icon use *, a.ck.ck-button .ck-button__icon use, a.ck.ck-button .ck-button__icon use * { color: inherit; }.ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label { font-size: inherit; font-weight: inherit; color: inherit; cursor: inherit; vertical-align: middle; }[dir=ltr] .ck.ck-button .ck-button__label, [dir=ltr] a.ck.ck-button .ck-button__label { text-align: left; }[dir=rtl] .ck.ck-button .ck-button__label, [dir=rtl] a.ck.ck-button .ck-button__label { text-align: right; }.ck.ck-button .ck-button__keystroke, a.ck.ck-button .ck-button__keystroke { color: inherit; }[dir=ltr] .ck.ck-button .ck-button__keystroke, [dir=ltr] a.ck.ck-button .ck-button__keystroke { margin-left: var(--ck-spacing-large); }[dir=rtl] .ck.ck-button .ck-button__keystroke, [dir=rtl] a.ck.ck-button .ck-button__keystroke { margin-right: var(--ck-spacing-large); }.ck.ck-button .ck-button__keystroke, a.ck.ck-button .ck-button__keystroke { font-weight: 700; opacity: 0.7; }.ck.ck-button.ck-disabled:active, .ck.ck-button.ck-disabled:focus, a.ck.ck-button.ck-disabled:active, a.ck.ck-button.ck-disabled:focus { box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0; }.ck.ck-button.ck-disabled .ck-button__icon, a.ck.ck-button.ck-disabled .ck-button__icon { opacity: var(--ck-disabled-opacity); }.ck.ck-button.ck-disabled .ck-button__label, a.ck.ck-button.ck-disabled .ck-button__label { opacity: var(--ck-disabled-opacity); }.ck.ck-button.ck-disabled .ck-button__keystroke, a.ck.ck-button.ck-disabled .ck-button__keystroke { opacity: 0.3; }.ck.ck-button.ck-button_with-text, a.ck.ck-button.ck-button_with-text { padding: var(--ck-spacing-tiny) var(--ck-spacing-standard); }[dir=ltr] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir=ltr] a.ck.ck-button.ck-button_with-text .ck-button__icon { margin-left: calc(-1*var(--ck-spacing-small)); margin-right: var(--ck-spacing-small); }[dir=rtl] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir=rtl] a.ck.ck-button.ck-button_with-text .ck-button__icon { margin-right: calc(-1*var(--ck-spacing-small)); margin-left: var(--ck-spacing-small); }.ck.ck-button.ck-button_with-keystroke .ck-button__label, a.ck.ck-button.ck-button_with-keystroke .ck-button__label { flex-grow: 1; }.ck.ck-button.ck-on, a.ck.ck-button.ck-on { background: var(--ck-color-button-on-background); }.ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):hover { background: var(--ck-color-button-on-hover-background); }.ck.ck-button.ck-on:not(.ck-disabled):active, a.ck.ck-button.ck-on:not(.ck-disabled):active { background: var(--ck-color-button-on-active-background); box-shadow: inset 0 2px 2px var(--ck-color-button-on-active-shadow); }.ck.ck-button.ck-on.ck-disabled, a.ck.ck-button.ck-on.ck-disabled { background: var(--ck-color-button-on-disabled-background); }.ck.ck-button.ck-button-save, a.ck.ck-button.ck-button-save { color: var(--ck-color-button-save); }.ck.ck-button.ck-button-cancel, a.ck.ck-button.ck-button-cancel { color: var(--ck-color-button-cancel); }.ck.ck-button-action, a.ck.ck-button-action { background: var(--ck-color-button-action-background); }.ck.ck-button-action:not(.ck-disabled):hover, a.ck.ck-button-action:not(.ck-disabled):hover { background: var(--ck-color-button-action-hover-background); }.ck.ck-button-action:not(.ck-disabled):active, a.ck.ck-button-action:not(.ck-disabled):active { background: var(--ck-color-button-action-active-background); box-shadow: inset 0 2px 2px var(--ck-color-button-action-active-shadow); }.ck.ck-button-action.ck-disabled, a.ck.ck-button-action.ck-disabled { background: var(--ck-color-button-action-disabled-background); }.ck.ck-button-action, a.ck.ck-button-action { color: var(--ck-color-button-action-text); }.ck.ck-button-bold, a.ck.ck-button-bold { font-weight: 700; }.ck.ck-list { -webkit-user-select: none; user-select: none; display: flex; flex-direction: column; }.ck.ck-list .ck-list__item, .ck.ck-list .ck-list__separator { display: block; }.ck.ck-list .ck-list__item > :focus { position: relative; z-index: var(--ck-z-default); }.ck.ck-list { border-radius: 0; }.ck-rounded-corners .ck.ck-list, .ck.ck-list.ck-rounded-corners { border-radius: var(--ck-border-radius); }.ck.ck-list { list-style-type: none; background: var(--ck-color-list-background); }.ck.ck-list__item { cursor: default; min-width: 12em; }.ck.ck-list__item .ck-button { min-height: unset; width: 100%; text-align: left; border-radius: 0; padding: calc(0.2*var(--ck-line-height-base)*var(--ck-font-size-base)) calc(0.4*var(--ck-line-height-base)*var(--ck-font-size-base)); }.ck.ck-list__item .ck-button .ck-button__label { line-height: calc(1.2*var(--ck-line-height-base)*var(--ck-font-size-base)); }.ck.ck-list__item .ck-button:active { box-shadow: none; }.ck.ck-list__item .ck-button.ck-on { background: var(--ck-color-list-button-on-background); color: var(--ck-color-list-button-on-text); }.ck.ck-list__item .ck-button.ck-on:active { box-shadow: none; }.ck.ck-list__item .ck-button.ck-on:hover:not(.ck-disabled) { background: var(--ck-color-list-button-on-background-focus); }.ck.ck-list__item .ck-button.ck-on:focus:not(.ck-disabled) { border-color: var(--ck-color-base-background); }.ck.ck-list__item .ck-button:hover:not(.ck-disabled) { background: var(--ck-color-list-button-hover-background); }.ck.ck-list__item .ck-switchbutton.ck-on { background: var(--ck-color-list-background); color: inherit; }.ck.ck-list__item .ck-switchbutton.ck-on:hover:not(.ck-disabled) { background: var(--ck-color-list-button-hover-background); color: inherit; }.ck.ck-list__separator { height: 1px; width: 100%; background: var(--ck-color-base-border); }.ck.ck-button.ck-switchbutton .ck-button__toggle, .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner { display: block; }:root { --ck-switch-button-toggle-width:2.6153846154em; --ck-switch-button-toggle-inner-size:1.0769230769em; --ck-switch-button-toggle-spacing:1px; --ck-switch-button-translation:1.3846153847em; }[dir=ltr] .ck.ck-button.ck-switchbutton .ck-button__label { margin-right: calc(2*var(--ck-spacing-large)); }[dir=rtl] .ck.ck-button.ck-switchbutton .ck-button__label { margin-left: calc(2*var(--ck-spacing-large)); }.ck.ck-button.ck-switchbutton .ck-button__toggle { border-radius: 0; }.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle, .ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners { border-radius: var(--ck-border-radius); }[dir=ltr] .ck.ck-button.ck-switchbutton .ck-button__toggle { margin-left: auto; }[dir=rtl] .ck.ck-button.ck-switchbutton .ck-button__toggle { margin-right: auto; }.ck.ck-button.ck-switchbutton .ck-button__toggle { transition: background 0.4s ease; width: var(--ck-switch-button-toggle-width); background: var(--ck-color-switch-button-off-background); }.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner { border-radius: 0; }.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner, .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners { border-radius: var(--ck-border-radius); border-radius: calc(0.5*var(--ck-border-radius)); }.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner { margin: var(--ck-switch-button-toggle-spacing); width: var(--ck-switch-button-toggle-inner-size); height: var(--ck-switch-button-toggle-inner-size); background: var(--ck-color-switch-button-inner-background); transition: all 0.3s ease; }.ck.ck-button.ck-switchbutton .ck-button__toggle:hover { background: var(--ck-color-switch-button-off-hover-background); }.ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner { box-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow); }.ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle { opacity: var(--ck-disabled-opacity); }.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle { background: var(--ck-color-switch-button-on-background); }.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover { background: var(--ck-color-switch-button-on-hover-background); }[dir=ltr] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner { transform: translateX(var(--ck-switch-button-translation)); }[dir=rtl] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner { transform: translateX(calc(-1*var(--ck-switch-button-translation))); }.ck.ck-toolbar-dropdown .ck.ck-toolbar .ck.ck-toolbar__items { flex-wrap: nowrap; }.ck.ck-toolbar-dropdown .ck-dropdown__panel .ck-button:focus { z-index: calc(var(--ck-z-default) + 1); }.ck.ck-toolbar-dropdown .ck-toolbar { border: 0; }.ck.ck-dropdown .ck-dropdown__panel .ck-list { border-radius: 0; }.ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list, .ck.ck-dropdown .ck-dropdown__panel .ck-list.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; }.ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:first-child .ck-button { border-radius: 0; }.ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:first-child .ck-button, .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:first-child .ck-button.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }.ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:last-child .ck-button { border-radius: 0; }.ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:last-child .ck-button, .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:last-child .ck-button.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; }.ck.ck-toolbar { -webkit-user-select: none; user-select: none; display: flex; flex-flow: row nowrap; align-items: center; }.ck.ck-toolbar > .ck-toolbar__items { display: flex; flex-flow: row wrap; align-items: center; flex-grow: 1; }.ck.ck-toolbar .ck.ck-toolbar__separator { display: inline-block; }.ck.ck-toolbar .ck.ck-toolbar__separator:first-child, .ck.ck-toolbar .ck.ck-toolbar__separator:last-child { display: none; }.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items { flex-wrap: nowrap; }.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items { flex-direction: column; }.ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items { flex-wrap: nowrap; }.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow { display: none; }.ck.ck-toolbar { border-radius: 0; }.ck-rounded-corners .ck.ck-toolbar, .ck.ck-toolbar.ck-rounded-corners { border-radius: var(--ck-border-radius); }.ck.ck-toolbar { background: var(--ck-color-toolbar-background); padding: 0 var(--ck-spacing-small); border: 1px solid var(--ck-color-toolbar-border); }.ck.ck-toolbar .ck.ck-toolbar__separator { align-self: stretch; width: 1px; min-width: 1px; margin-top: 0; margin-bottom: 0; background: var(--ck-color-toolbar-border); }.ck.ck-toolbar > .ck-toolbar__items > * { margin-top: var(--ck-spacing-small); margin-bottom: var(--ck-spacing-small); margin-right: var(--ck-spacing-small); }.ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator { display: none; }.ck.ck-toolbar > .ck-toolbar__items > *, .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown { margin-top: var(--ck-spacing-small); margin-bottom: var(--ck-spacing-small); }.ck.ck-toolbar.ck-toolbar_vertical { padding: 0; }.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck { width: 100%; margin: 0; border-radius: 0; border: 0; }.ck.ck-toolbar.ck-toolbar_compact { padding: 0; }.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > * { margin: 0; }.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > :not(:first-child):not(:last-child) { border-radius: 0; }.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button { padding-left: var(--ck-spacing-tiny); }.ck-toolbar-container .ck.ck-toolbar { border: 0; }.ck.ck-toolbar[dir=rtl] > .ck-toolbar__items > .ck, [dir=rtl] .ck.ck-toolbar > .ck-toolbar__items > .ck { margin-right: 0; }.ck.ck-toolbar[dir=rtl]:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck, [dir=rtl] .ck.ck-toolbar:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck { margin-left: var(--ck-spacing-small); }.ck.ck-toolbar[dir=rtl] > .ck-toolbar__items > .ck:last-child, [dir=rtl] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child { margin-left: 0; }.ck.ck-toolbar[dir=rtl].ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, [dir=rtl] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }.ck.ck-toolbar[dir=rtl].ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, [dir=rtl] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }.ck.ck-toolbar[dir=rtl] > .ck.ck-toolbar__separator, [dir=rtl] .ck.ck-toolbar > .ck.ck-toolbar__separator { margin-left: var(--ck-spacing-small); }.ck.ck-toolbar[dir=rtl].ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), [dir=rtl] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child) { margin-left: var(--ck-spacing-small); }.ck.ck-toolbar[dir=ltr] > .ck-toolbar__items > .ck:last-child, [dir=ltr] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child { margin-right: 0; }.ck.ck-toolbar[dir=ltr].ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, [dir=ltr] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }.ck.ck-toolbar[dir=ltr].ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, [dir=ltr] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }.ck.ck-toolbar[dir=ltr] > .ck.ck-toolbar__separator, [dir=ltr] .ck.ck-toolbar > .ck.ck-toolbar__separator { margin-right: var(--ck-spacing-small); }.ck.ck-toolbar[dir=ltr].ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), [dir=ltr] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child) { margin-right: var(--ck-spacing-small); }.ck.ck-color-grid { display: grid; }:root { --ck-color-grid-tile-size:24px; --ck-color-color-grid-check-icon:#000; }.ck.ck-color-grid { grid-gap: 5px; padding: 8px; }.ck.ck-color-grid__tile { width: var(--ck-color-grid-tile-size); height: var(--ck-color-grid-tile-size); min-width: var(--ck-color-grid-tile-size); min-height: var(--ck-color-grid-tile-size); padding: 0; transition: box-shadow 0.2s ease; border: 0; }.ck.ck-color-grid__tile.ck-disabled { cursor: unset; transition: unset; }.ck.ck-color-grid__tile.ck-color-table__color-tile_bordered { box-shadow: 0 0 0 1px var(--ck-color-base-border); }.ck.ck-color-grid__tile .ck.ck-icon { display: none; color: var(--ck-color-color-grid-check-icon); }.ck.ck-color-grid__tile.ck-on { box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text); }.ck.ck-color-grid__tile.ck-on .ck.ck-icon { display: block; }.ck.ck-color-grid__tile.ck-on, .ck.ck-color-grid__tile:focus:not(.ck-disabled), .ck.ck-color-grid__tile:hover:not(.ck-disabled) { border: 0; }.ck.ck-color-grid__tile:focus:not(.ck-disabled), .ck.ck-color-grid__tile:hover:not(.ck-disabled) { box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border); }.ck.ck-color-grid__label { padding: 0 var(--ck-spacing-standard); }.ck.ck-label { display: block; }.ck.ck-voice-label { display: none; }.ck.ck-label { font-weight: 700; }.ck .ck-button.ck-color-table__remove-color { display: flex; align-items: center; width: 100%; }label.ck.ck-color-grid__label { font-weight: unset; }.ck .ck-button.ck-color-table__remove-color { padding: calc(var(--ck-spacing-standard)/2) var(--ck-spacing-standard); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }.ck .ck-button.ck-color-table__remove-color:not(:focus) { border-bottom: 1px solid var(--ck-color-base-border); }[dir=ltr] .ck .ck-button.ck-color-table__remove-color .ck.ck-icon { margin-right: var(--ck-spacing-standard); }[dir=rtl] .ck .ck-button.ck-color-table__remove-color .ck.ck-icon { margin-left: var(--ck-spacing-standard); }.text-tiny { font-size: 0.7em; }.text-small { font-size: 0.85em; }.text-big { font-size: 1.4em; }.text-huge { font-size: 1.8em; }.ck-content blockquote { overflow: hidden; padding-right: 1.5em; padding-left: 1.5em; margin-left: 0; margin-right: 0; font-style: italic; border-left: 5px solid #ccc; }.ck-content[dir=rtl] blockquote { border-left: 0; border-right: 5px solid #ccc; }:root { --ck-color-resizer:var(--ck-color-focus-border); --ck-resizer-size:10px; --ck-resizer-border-width:1px; --ck-resizer-border-radius:2px; --ck-resizer-offset:calc(var(--ck-resizer-size)/-2 - 2px); --ck-resizer-tooltip-offset:10px; --ck-color-resizer-tooltip-background:#262626; --ck-color-resizer-tooltip-text:#f2f2f2; }.ck .ck-widget.ck-widget_with-selection-handle { position: relative; }.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle { position: absolute; }.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon { display: block; }.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected .ck-widget__selection-handle, .ck .ck-widget.ck-widget_with-selection-handle:hover .ck-widget__selection-handle { visibility: visible; }.ck .ck-size-view { background: var(--ck-color-resizer-tooltip-background); color: var(--ck-color-resizer-tooltip-text); border: 1px solid var(--ck-color-resizer-tooltip-text); border-radius: var(--ck-resizer-border-radius); font-size: var(--ck-font-size-tiny); display: block; padding: var(--ck-spacing-small); }.ck .ck-size-view.ck-orientation-bottom-left, .ck .ck-size-view.ck-orientation-bottom-right, .ck .ck-size-view.ck-orientation-top-left, .ck .ck-size-view.ck-orientation-top-right { position: absolute; }.ck .ck-size-view.ck-orientation-top-left { top: var(--ck-resizer-tooltip-offset); left: var(--ck-resizer-tooltip-offset); }.ck .ck-size-view.ck-orientation-top-right { top: var(--ck-resizer-tooltip-offset); right: var(--ck-resizer-tooltip-offset); }.ck .ck-size-view.ck-orientation-bottom-right { bottom: var(--ck-resizer-tooltip-offset); right: var(--ck-resizer-tooltip-offset); }.ck .ck-size-view.ck-orientation-bottom-left { bottom: var(--ck-resizer-tooltip-offset); left: var(--ck-resizer-tooltip-offset); }:root { --ck-widget-outline-thickness:3px; --ck-widget-handler-icon-size:16px; --ck-widget-handler-animation-duration:200ms; --ck-widget-handler-animation-curve:ease; --ck-color-widget-blurred-border:#dedede; --ck-color-widget-hover-border:#ffc83d; --ck-color-widget-editable-focus-background:var(--ck-color-base-background); --ck-color-widget-drag-handler-icon-color:var(--ck-color-base-background); }.ck .ck-widget { outline-width: var(--ck-widget-outline-thickness); outline-style: solid; outline-color: transparent; transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); }.ck .ck-widget.ck-widget_selected, .ck .ck-widget.ck-widget_selected:hover { outline: var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border); }.ck .ck-widget:hover { outline-color: var(--ck-color-widget-hover-border); }.ck .ck-editor__nested-editable { border: 1px solid transparent; }.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck .ck-editor__nested-editable:focus { outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-inner-shadow), 0 0; background-color: var(--ck-color-widget-editable-focus-background); }.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle { padding: 4px; box-sizing: border-box; background-color: transparent; opacity: 0; transition: background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0; transform: translateY(-100%); left: calc(0px - var(--ck-widget-outline-thickness)); }.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon { width: var(--ck-widget-handler-icon-size); height: var(--ck-widget-handler-icon-size); color: var(--ck-color-widget-drag-handler-icon-color); }.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator { opacity: 0; transition: opacity 0.3s var(--ck-widget-handler-animation-curve); }.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator { opacity: 1; }.ck .ck-widget.ck-widget_with-selection-handle:hover .ck-widget__selection-handle { opacity: 1; background-color: var(--ck-color-widget-hover-border); }.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected .ck-widget__selection-handle, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover .ck-widget__selection-handle { opacity: 1; background-color: var(--ck-color-focus-border); }.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator { opacity: 1; }.ck-editor__editable > .ck-widget.ck-widget_with-selection-handle:first-child, .ck-editor__editable blockquote > .ck-widget.ck-widget_with-selection-handle:first-child { margin-top: calc(1em + var(--ck-widget-handler-icon-size)); }.ck[dir=rtl] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle { left: auto; right: calc(0px - var(--ck-widget-outline-thickness)); }.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected, .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover { outline-color: var(--ck-color-widget-blurred-border); }.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle .ck-widget__selection-handle, .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle .ck-widget__selection-handle:hover, .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover.ck-widget_with-selection-handle .ck-widget__selection-handle, .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover.ck-widget_with-selection-handle .ck-widget__selection-handle:hover { background: var(--ck-color-widget-blurred-border); }.ck-editor__editable.ck-read-only .ck-widget { --ck-widget-outline-thickness:0; }.ck.ck-labeled-input .ck-labeled-input__status { font-size: var(--ck-font-size-small); margin-top: var(--ck-spacing-small); white-space: normal; }.ck.ck-labeled-input .ck-labeled-input__status_error { color: var(--ck-color-base-error); }:root { --ck-input-text-width:18em; }.ck.ck-input-text { border-radius: 0; }.ck-rounded-corners .ck.ck-input-text, .ck.ck-input-text.ck-rounded-corners { border-radius: var(--ck-border-radius); }.ck.ck-input-text { box-shadow: var(--ck-inner-shadow), 0 0; background: var(--ck-color-input-background); border: 1px solid var(--ck-color-input-border); padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium); min-width: var(--ck-input-text-width); min-height: var(--ck-ui-component-min-height); transition: box-shadow 0.2s ease-in-out, border 0.2s ease-in-out; }.ck.ck-input-text:focus { outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-focus-outer-shadow), var(--ck-inner-shadow); }.ck.ck-input-text[readonly] { border: 1px solid var(--ck-color-input-disabled-border); background: var(--ck-color-input-disabled-background); color: var(--ck-color-input-disabled-text); }.ck.ck-input-text[readonly]:focus { box-shadow: var(--ck-focus-disabled-outer-shadow), var(--ck-inner-shadow); }.ck.ck-input-text.ck-error { border-color: var(--ck-color-input-error-border); animation: ck-text-input-shake 0.3s ease both; }.ck.ck-input-text.ck-error:focus { box-shadow: var(--ck-focus-error-outer-shadow), var(--ck-inner-shadow); }@keyframes ck-text-input-shake { 20% { transform: translateX(-2px); } 40% { transform: translateX(2px); } 60% { transform: translateX(-1px); } 80% { transform: translateX(1px); } }.ck.ck-text-alternative-form { display: flex; flex-direction: row; flex-wrap: nowrap; }.ck.ck-text-alternative-form .ck-labeled-input { display: inline-block; }.ck.ck-text-alternative-form .ck-label { display: none; }@media screen and (max-width: 600px) { .ck.ck-text-alternative-form { flex-wrap: wrap; } .ck.ck-text-alternative-form .ck-labeled-input { flex-basis: 100%; } .ck.ck-text-alternative-form .ck-button { flex-basis: 50%; } }.ck.ck-text-alternative-form { padding: var(--ck-spacing-standard); }.ck.ck-text-alternative-form:focus { outline: none; }[dir=ltr] .ck.ck-text-alternative-form > :not(:first-child), [dir=rtl] .ck.ck-text-alternative-form > :not(:last-child) { margin-left: var(--ck-spacing-standard); }@media screen and (max-width: 600px) { .ck.ck-text-alternative-form { padding: 0; width: calc(0.8*var(--ck-input-text-width)); } .ck.ck-text-alternative-form .ck-labeled-input { margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0; } .ck.ck-text-alternative-form .ck-labeled-input .ck-input-text { min-width: 0; width: 100%; } .ck.ck-text-alternative-form .ck-button { padding: var(--ck-spacing-standard); margin-top: var(--ck-spacing-standard); border-radius: 0; border: 0; border-top: 1px solid var(--ck-color-base-border); } [dir=ltr] .ck.ck-text-alternative-form .ck-button { margin-left: 0; } [dir=ltr] .ck.ck-text-alternative-form .ck-button:first-of-type { border-right: 1px solid var(--ck-color-base-border); } [dir=rtl] .ck.ck-text-alternative-form .ck-button { margin-left: 0; } [dir=rtl] .ck.ck-text-alternative-form .ck-button:last-of-type { border-right: 1px solid var(--ck-color-base-border); } }.ck .ck-balloon-rotator__navigation { display: flex; align-items: center; justify-content: center; }.ck .ck-balloon-rotator__content .ck-toolbar { justify-content: center; }.ck .ck-balloon-rotator__navigation { background: var(--ck-color-toolbar-background); border-bottom: 1px solid var(--ck-color-toolbar-border); padding: 0 var(--ck-spacing-small); }.ck .ck-balloon-rotator__navigation > * { margin-right: var(--ck-spacing-small); margin-top: var(--ck-spacing-small); margin-bottom: var(--ck-spacing-small); }.ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter { margin-right: var(--ck-spacing-standard); margin-left: var(--ck-spacing-small); }.ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper { box-shadow: none; }.ck .ck-fake-panel { position: absolute; z-index: calc(var(--ck-z-modal) - 1); }.ck .ck-fake-panel div { position: absolute; }.ck .ck-fake-panel div:first-child { z-index: 2; }.ck .ck-fake-panel div:nth-child(2) { z-index: 1; }:root { --ck-balloon-fake-panel-offset-horizontal:6px; --ck-balloon-fake-panel-offset-vertical:6px; }.ck .ck-fake-panel div { box-shadow: var(--ck-drop-shadow), 0 0; min-height: 15px; background: var(--ck-color-panel-background); border: 1px solid var(--ck-color-panel-border); border-radius: var(--ck-border-radius); width: 100%; height: 100%; }.ck .ck-fake-panel div:first-child { margin-left: var(--ck-balloon-fake-panel-offset-horizontal); margin-top: var(--ck-balloon-fake-panel-offset-vertical); }.ck .ck-fake-panel div:nth-child(2) { margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal)*2); margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical)*2); }.ck .ck-fake-panel div:nth-child(3) { margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal)*3); margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical)*3); }.ck .ck-balloon-panel_arrow_s + .ck-fake-panel, .ck .ck-balloon-panel_arrow_se + .ck-fake-panel, .ck .ck-balloon-panel_arrow_sw + .ck-fake-panel { --ck-balloon-fake-panel-offset-vertical:-6px; }.ck-content .image { display: table; clear: both; text-align: center; margin: 1em auto; }.ck-content .image > img { display: block; margin: 0 auto; max-width: 100%; min-width: 50px; }.ck.ck-editor__editable .image { position: relative; }.ck.ck-editor__editable .image .ck-progress-bar { position: absolute; top: 0; left: 0; }.ck.ck-editor__editable .image.ck-appear { animation: fadeIn 0.7s; }.ck.ck-editor__editable .image .ck-progress-bar { height: 2px; width: 0; background: var(--ck-color-upload-bar-background); transition: width 0.1s; }@keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } }.ck-image-upload-complete-icon { display: block; position: absolute; top: 10px; right: 10px; border-radius: 50%; }.ck-image-upload-complete-icon:after { content: ""; position: absolute; }:root { --ck-color-image-upload-icon:#fff; --ck-color-image-upload-icon-background:#008a00; --ck-image-upload-icon-size:20px; --ck-image-upload-icon-width:2px; }.ck-image-upload-complete-icon { width: var(--ck-image-upload-icon-size); height: var(--ck-image-upload-icon-size); opacity: 0; background: var(--ck-color-image-upload-icon-background); animation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide; animation-fill-mode: forwards, forwards; animation-duration: 0.5s, 0.5s; font-size: var(--ck-image-upload-icon-size); animation-delay: 0ms, 3s; }.ck-image-upload-complete-icon:after { left: 25%; top: 50%; opacity: 0; height: 0; width: 0; transform: scaleX(-1) rotate(135deg); transform-origin: left top; border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon); border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon); animation-name: ck-upload-complete-icon-check; animation-duration: 0.5s; animation-delay: 0.5s; animation-fill-mode: forwards; box-sizing: border-box; }@keyframes ck-upload-complete-icon-show { 0% { opacity: 0; } to { opacity: 1; } }@keyframes ck-upload-complete-icon-hide { 0% { opacity: 1; } to { opacity: 0; } }@keyframes ck-upload-complete-icon-check { 0% { opacity: 1; width: 0; height: 0; } 33% { width: 0.3em; height: 0; } to { opacity: 1; width: 0.3em; height: 0.45em; } }.ck .ck-upload-placeholder-loader { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 0; }.ck .ck-upload-placeholder-loader:before { content: ""; position: relative; }:root { --ck-color-upload-placeholder-loader:#b3b3b3; --ck-upload-placeholder-loader-size:32px; }.ck .ck-image-upload-placeholder { width: 100%; margin: 0; }.ck .ck-upload-placeholder-loader { width: 100%; height: 100%; }.ck .ck-upload-placeholder-loader:before { width: var(--ck-upload-placeholder-loader-size); height: var(--ck-upload-placeholder-loader-size); border-radius: 50%; border-top: 3px solid var(--ck-color-upload-placeholder-loader); border-right: 2px solid transparent; animation: ck-upload-placeholder-loader 1s linear infinite; }@keyframes ck-upload-placeholder-loader { to { transform: rotate(1turn); } }.ck.ck-heading_heading1 { font-size: 20px; }.ck.ck-heading_heading2 { font-size: 17px; }.ck.ck-heading_heading3 { font-size: 14px; }.ck[class*=ck-heading_heading] { font-weight: 700; }.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label { width: 8em; }.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item { min-width: 18em; }.ck-content .image > figcaption { display: table-caption; caption-side: bottom; word-break: break-word; color: #333; background-color: #f7f7f7; padding: 0.6em; font-size: 0.75em; outline-offset: -1px; }:root { --ck-image-style-spacing:1.5em; }.ck-content .image-style-align-center, .ck-content .image-style-align-left, .ck-content .image-style-align-right, .ck-content .image-style-side { max-width: 50%; }.ck-content .image-style-side { float: right; margin-left: var(--ck-image-style-spacing); }.ck-content .image-style-align-left { float: left; margin-right: var(--ck-image-style-spacing); }.ck-content .image-style-align-center { margin-left: auto; margin-right: auto; }.ck-content .image-style-align-right { float: right; margin-left: var(--ck-image-style-spacing); }.ck .ck-link_selected { background: var(--ck-color-link-selected-background); }.ck.ck-link-form { display: flex; }.ck.ck-link-form .ck-label { display: none; }@media screen and (max-width: 600px) { .ck.ck-link-form { flex-wrap: wrap; } .ck.ck-link-form .ck-labeled-input { flex-basis: 100%; } .ck.ck-link-form .ck-button { flex-basis: 50%; } }.ck.ck-link-form_layout-vertical { display: block; }.ck.ck-link-form { padding: var(--ck-spacing-standard); }.ck.ck-link-form:focus { outline: none; }[dir=ltr] .ck.ck-link-form > :not(:first-child), [dir=rtl] .ck.ck-link-form > :not(:last-child) { margin-left: var(--ck-spacing-standard); }@media screen and (max-width: 600px) { .ck.ck-link-form { padding: 0; width: calc(0.8*var(--ck-input-text-width)); } .ck.ck-link-form .ck-labeled-input { margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0; } .ck.ck-link-form .ck-labeled-input .ck-input-text { min-width: 0; width: 100%; } .ck.ck-link-form .ck-button { padding: var(--ck-spacing-standard); margin-top: var(--ck-spacing-standard); border-radius: 0; border: 0; border-top: 1px solid var(--ck-color-base-border); } [dir=ltr] .ck.ck-link-form .ck-button { margin-left: 0; } [dir=ltr] .ck.ck-link-form .ck-button:first-of-type { border-right: 1px solid var(--ck-color-base-border); } [dir=rtl] .ck.ck-link-form .ck-button { margin-left: 0; } [dir=rtl] .ck.ck-link-form .ck-button:last-of-type { border-right: 1px solid var(--ck-color-base-border); } }.ck.ck-link-form_layout-vertical { padding: 0; min-width: var(--ck-input-text-width); }.ck.ck-link-form_layout-vertical .ck-labeled-input { margin: var(--ck-spacing-standard) var(--ck-spacing-standard) var(--ck-spacing-small); }.ck.ck-link-form_layout-vertical .ck-labeled-input .ck-input-text { min-width: 0; width: 100%; }.ck.ck-link-form_layout-vertical .ck-button { padding: var(--ck-spacing-standard); margin: 0; border-radius: 0; border: 0; border-top: 1px solid var(--ck-color-base-border); width: 50%; }[dir=ltr] .ck.ck-link-form_layout-vertical .ck-button { margin-left: 0; }[dir=ltr] .ck.ck-link-form_layout-vertical .ck-button:first-of-type { border-right: 1px solid var(--ck-color-base-border); }[dir=rtl] .ck.ck-link-form_layout-vertical .ck-button { margin-left: 0; }[dir=rtl] .ck.ck-link-form_layout-vertical .ck-button:last-of-type { border-right: 1px solid var(--ck-color-base-border); }.ck.ck-link-form_layout-vertical .ck.ck-list { margin-left: 0; }.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton { border: 0; width: 100%; }.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover { background: none; }.ck.ck-link-actions { display: flex; flex-direction: row; flex-wrap: nowrap; }.ck.ck-link-actions .ck-link-actions__preview { display: inline-block; }.ck.ck-link-actions .ck-link-actions__preview .ck-button__label { overflow: hidden; }@media screen and (max-width: 600px) { .ck.ck-link-actions { flex-wrap: wrap; } .ck.ck-link-actions .ck-link-actions__preview { flex-basis: 100%; } .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) { flex-basis: 50%; } }.ck.ck-link-actions { padding: var(--ck-spacing-standard); }.ck.ck-link-actions .ck-button.ck-link-actions__preview { padding-left: 0; padding-right: 0; }.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label { padding: 0 var(--ck-spacing-medium); color: var(--ck-color-link-default); text-overflow: ellipsis; cursor: pointer; max-width: var(--ck-input-text-width); min-width: 3em; text-align: center; }.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label:hover { text-decoration: underline; }.ck.ck-link-actions .ck-button.ck-link-actions__preview, .ck.ck-link-actions .ck-button.ck-link-actions__preview:active, .ck.ck-link-actions .ck-button.ck-link-actions__preview:focus, .ck.ck-link-actions .ck-button.ck-link-actions__preview:hover { background: none; }.ck.ck-link-actions .ck-button.ck-link-actions__preview:active { box-shadow: none; }.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus .ck-button__label { text-decoration: underline; }.ck.ck-link-actions:focus { outline: none; }[dir=ltr] .ck.ck-link-actions .ck-button:not(:first-child), [dir=rtl] .ck.ck-link-actions .ck-button:not(:last-child) { margin-left: var(--ck-spacing-standard); }@media screen and (max-width: 600px) { .ck.ck-link-actions { padding: 0; width: calc(0.8*var(--ck-input-text-width)); } .ck.ck-link-actions .ck-button.ck-link-actions__preview { margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0; } .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label { min-width: 0; max-width: 100%; } .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) { padding: var(--ck-spacing-standard); margin-top: var(--ck-spacing-standard); border-radius: 0; border: 0; border-top: 1px solid var(--ck-color-base-border); } [dir=ltr] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) { margin-left: 0; } [dir=ltr] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview):first-of-type { border-right: 1px solid var(--ck-color-base-border); } [dir=rtl] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) { margin-left: 0; } [dir=rtl] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview):last-of-type { border-right: 1px solid var(--ck-color-base-border); } }.ck-media__wrapper .ck-media__placeholder { display: flex; flex-direction: column; align-items: center; }.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-tooltip { display: block; }@media (hover: none) { .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-tooltip { display: none; } }.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url { max-width: 100%; position: relative; }.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url:hover .ck-tooltip { visibility: visible; opacity: 1; }.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-media__placeholder__url__text { overflow: hidden; display: block; }.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck-media__placeholder__icon * { display: none; }.ck-editor__editable:not(.ck-read-only) .ck-media__wrapper > :not(.ck-media__placeholder), .ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder { pointer-events: none; }:root { --ck-media-embed-placeholder-icon-size:3em; --ck-color-media-embed-placeholder-url-text:#757575; --ck-color-media-embed-placeholder-url-text-hover:var(--ck-color-base-text); }.ck-media__wrapper { margin: 0 auto; }.ck-media__wrapper .ck-media__placeholder { padding: calc(3*var(--ck-spacing-standard)); background: var(--ck-color-base-foreground); }.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon { min-width: var(--ck-media-embed-placeholder-icon-size); height: var(--ck-media-embed-placeholder-icon-size); margin-bottom: var(--ck-spacing-large); background-position: 50%; background-size: cover; }.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon { width: 100%; height: 100%; }.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text { color: var(--ck-color-media-embed-placeholder-url-text); white-space: nowrap; text-align: center; font-style: italic; text-overflow: ellipsis; }.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover { color: var(--ck-color-media-embed-placeholder-url-text-hover); cursor: pointer; text-decoration: underline; }.ck-media__wrapper[data-oembed-url*="open.spotify.com"] { max-width: 300px; max-height: 380px; }.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0yMDYuNDc3IDI2MC45bC0yOC45ODcgMjguOTg3YTUuMjE4IDUuMjE4IDAgMDAzLjc4IDEuNjFoNDkuNjIxYzEuNjk0IDAgMy4xOS0uNzk4IDQuMTQ2LTIuMDM3eiIgZmlsbD0iIzVjODhjNSIvPjxwYXRoIGQ9Ik0yMjYuNzQyIDIyMi45ODhjLTkuMjY2IDAtMTYuNzc3IDcuMTctMTYuNzc3IDE2LjAxNC4wMDcgMi43NjIuNjYzIDUuNDc0IDIuMDkzIDcuODc1LjQzLjcwMy44MyAxLjQwOCAxLjE5IDIuMTA3LjMzMy41MDIuNjUgMS4wMDUuOTUgMS41MDguMzQzLjQ3Ny42NzMuOTU3Ljk4OCAxLjQ0IDEuMzEgMS43NjkgMi41IDMuNTAyIDMuNjM3IDUuMTY4Ljc5MyAxLjI3NSAxLjY4MyAyLjY0IDIuNDY2IDMuOTkgMi4zNjMgNC4wOTQgNC4wMDcgOC4wOTIgNC42IDEzLjkxNHYuMDEyYy4xODIuNDEyLjUxNi42NjYuODc5LjY2Ny40MDMtLjAwMS43NjgtLjMxNC45My0uNzk5LjYwMy01Ljc1NiAyLjIzOC05LjcyOSA0LjU4NS0xMy43OTQuNzgyLTEuMzUgMS42NzMtMi43MTUgMi40NjUtMy45OSAxLjEzNy0xLjY2NiAyLjMyOC0zLjQgMy42MzgtNS4xNjkuMzE1LS40ODIuNjQ1LS45NjIuOTg4LTEuNDM5LjMtLjUwMy42MTctMS4wMDYuOTUtMS41MDguMzU5LS43Ljc2LTEuNDA0IDEuMTktMi4xMDcgMS40MjYtMi40MDIgMi01LjExNCAyLjAwNC03Ljg3NSAwLTguODQ0LTcuNTExLTE2LjAxNC0xNi43NzYtMTYuMDE0eiIgZmlsbD0iI2RkNGIzZSIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48ZWxsaXBzZSByeT0iNS41NjQiIHJ4PSI1LjgyOCIgY3k9IjIzOS4wMDIiIGN4PSIyMjYuNzQyIiBmaWxsPSIjODAyZDI3IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0xOTAuMzAxIDIzNy4yODNjLTQuNjcgMC04LjQ1NyAzLjg1My04LjQ1NyA4LjYwNnMzLjc4NiA4LjYwNyA4LjQ1NyA4LjYwN2MzLjA0MyAwIDQuODA2LS45NTggNi4zMzctMi41MTYgMS41My0xLjU1NyAyLjA4Ny0zLjkxMyAyLjA4Ny02LjI5IDAtLjM2Mi0uMDIzLS43MjItLjA2NC0xLjA3OWgtOC4yNTd2My4wNDNoNC44NWMtLjE5Ny43NTktLjUzMSAxLjQ1LTEuMDU4IDEuOTg2LS45NDIuOTU4LTIuMDI4IDEuNTQ4LTMuOTAxIDEuNTQ4LTIuODc2IDAtNS4yMDgtMi4zNzItNS4yMDgtNS4yOTkgMC0yLjkyNiAyLjMzMi01LjI5OSA1LjIwOC01LjI5OSAxLjM5OSAwIDIuNjE4LjQwNyAzLjU4NCAxLjI5M2wyLjM4MS0yLjM4YzAtLjAwMi0uMDAzLS4wMDQtLjAwNC0uMDA1LTEuNTg4LTEuNTI0LTMuNjItMi4yMTUtNS45NTUtMi4yMTV6bTQuNDMgNS42NmwuMDAzLjAwNnYtLjAwM3oiIGZpbGw9IiNmZmYiIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTIxNS4xODQgMjUxLjkyOWwtNy45OCA3Ljk3OSAyOC40NzcgMjguNDc1YTUuMjMzIDUuMjMzIDAgMDAuNDQ5LTIuMTIzdi0zMS4xNjVjLS40NjkuNjc1LS45MzQgMS4zNDktMS4zODIgMi4wMDUtLjc5MiAxLjI3NS0xLjY4MiAyLjY0LTIuNDY1IDMuOTktMi4zNDcgNC4wNjUtMy45ODIgOC4wMzgtNC41ODUgMTMuNzk0LS4xNjIuNDg1LS41MjcuNzk4LS45My43OTktLjM2My0uMDAxLS42OTctLjI1NS0uODc5LS42Njd2LS4wMTJjLS41OTMtNS44MjItMi4yMzctOS44Mi00LjYtMTMuOTE0LS43ODMtMS4zNS0xLjY3My0yLjcxNS0yLjQ2Ni0zLjk5LTEuMTM3LTEuNjY2LTIuMzI3LTMuNC0zLjYzNy01LjE2OWwtLjAwMi0uMDAzeiIgZmlsbD0iI2MzYzNjMyIvPjxwYXRoIGQ9Ik0yMTIuOTgzIDI0OC40OTVsLTM2Ljk1MiAzNi45NTN2LjgxMmE1LjIyNyA1LjIyNyAwIDAwNS4yMzggNS4yMzhoMS4wMTVsMzUuNjY2LTM1LjY2NmExMzYuMjc1IDEzNi4yNzUgMCAwMC0yLjc2NC0zLjkgMzcuNTc1IDM3LjU3NSAwIDAwLS45ODktMS40NCAzNS4xMjcgMzUuMTI3IDAgMDAtLjk1LTEuNTA4Yy0uMDgzLS4xNjItLjE3Ni0uMzI2LS4yNjQtLjQ4OXoiIGZpbGw9IiNmZGRjNGYiIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTIxMS45OTggMjYxLjA4M2wtNi4xNTIgNi4xNTEgMjQuMjY0IDI0LjI2NGguNzgxYTUuMjI3IDUuMjI3IDAgMDA1LjIzOS01LjIzOHYtMS4wNDV6IiBmaWxsPSIjZmZmIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjwvZz48L3N2Zz4=); }.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder { background: #4268b3; }.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05NjcuNDg0IDBINTYuNTE3QzI1LjMwNCAwIDAgMjUuMzA0IDAgNTYuNTE3djkxMC45NjZDMCA5OTguNjk0IDI1LjI5NyAxMDI0IDU2LjUyMiAxMDI0SDU0N1Y2MjhINDE0VjQ3M2gxMzNWMzU5LjAyOWMwLTEzMi4yNjIgODAuNzczLTIwNC4yODIgMTk4Ljc1Ni0yMDQuMjgyIDU2LjUxMyAwIDEwNS4wODYgNC4yMDggMTE5LjI0NCA2LjA4OVYyOTlsLTgxLjYxNi4wMzdjLTYzLjk5MyAwLTc2LjM4NCAzMC40OTItNzYuMzg0IDc1LjIzNlY0NzNoMTUzLjQ4N2wtMTkuOTg2IDE1NUg3MDd2Mzk2aDI2MC40ODRjMzEuMjEzIDAgNTYuNTE2LTI1LjMwMyA1Ni41MTYtNTYuNTE2VjU2LjUxNUMxMDI0IDI1LjMwMyA5OTguNjk3IDAgOTY3LjQ4NCAwIiBmaWxsPSIjRkZGRkZFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=); }.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text { color: #cdf; }.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover { color: #fff; }.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder { background: linear-gradient(-135deg, #1400c8, #b900b4, #f50000); }.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTA0IiBoZWlnaHQ9IjUwNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIC4xNTloNTAzLjg0MVY1MDMuOTRIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48cGF0aCBkPSJNMjUxLjkyMS4xNTljLTY4LjQxOCAwLTc2Ljk5Ny4yOS0xMDMuODY3IDEuNTE2LTI2LjgxNCAxLjIyMy00NS4xMjcgNS40ODItNjEuMTUxIDExLjcxLTE2LjU2NiA2LjQzNy0zMC42MTUgMTUuMDUxLTQ0LjYyMSAyOS4wNTYtMTQuMDA1IDE0LjAwNi0yMi42MTkgMjguMDU1LTI5LjA1NiA0NC42MjEtNi4yMjggMTYuMDI0LTEwLjQ4NyAzNC4zMzctMTEuNzEgNjEuMTUxQy4yOSAxNzUuMDgzIDAgMTgzLjY2MiAwIDI1Mi4wOGMwIDY4LjQxNy4yOSA3Ni45OTYgMS41MTYgMTAzLjg2NiAxLjIyMyAyNi44MTQgNS40ODIgNDUuMTI3IDExLjcxIDYxLjE1MSA2LjQzNyAxNi41NjYgMTUuMDUxIDMwLjYxNSAyOS4wNTYgNDQuNjIxIDE0LjAwNiAxNC4wMDUgMjguMDU1IDIyLjYxOSA0NC42MjEgMjkuMDU3IDE2LjAyNCA2LjIyNyAzNC4zMzcgMTAuNDg2IDYxLjE1MSAxMS43MDkgMjYuODcgMS4yMjYgMzUuNDQ5IDEuNTE2IDEwMy44NjcgMS41MTYgNjguNDE3IDAgNzYuOTk2LS4yOSAxMDMuODY2LTEuNTE2IDI2LjgxNC0xLjIyMyA0NS4xMjctNS40ODIgNjEuMTUxLTExLjcwOSAxNi41NjYtNi40MzggMzAuNjE1LTE1LjA1MiA0NC42MjEtMjkuMDU3IDE0LjAwNS0xNC4wMDYgMjIuNjE5LTI4LjA1NSAyOS4wNTctNDQuNjIxIDYuMjI3LTE2LjAyNCAxMC40ODYtMzQuMzM3IDExLjcwOS02MS4xNTEgMS4yMjYtMjYuODcgMS41MTYtMzUuNDQ5IDEuNTE2LTEwMy44NjYgMC02OC40MTgtLjI5LTc2Ljk5Ny0xLjUxNi0xMDMuODY3LTEuMjIzLTI2LjgxNC01LjQ4Mi00NS4xMjctMTEuNzA5LTYxLjE1MS02LjQzOC0xNi41NjYtMTUuMDUyLTMwLjYxNS0yOS4wNTctNDQuNjIxLTE0LjAwNi0xNC4wMDUtMjguMDU1LTIyLjYxOS00NC42MjEtMjkuMDU2LTE2LjAyNC02LjIyOC0zNC4zMzctMTAuNDg3LTYxLjE1MS0xMS43MUMzMjguOTE3LjQ0OSAzMjAuMzM4LjE1OSAyNTEuOTIxLjE1OXptMCA0NS4zOTFjNjcuMjY1IDAgNzUuMjMzLjI1NyAxMDEuNzk3IDEuNDY5IDI0LjU2MiAxLjEyIDM3LjkwMSA1LjIyNCA0Ni43NzggOC42NzQgMTEuNzU5IDQuNTcgMjAuMTUxIDEwLjAyOSAyOC45NjYgMTguODQ1IDguODE2IDguODE1IDE0LjI3NSAxNy4yMDcgMTguODQ1IDI4Ljk2NiAzLjQ1IDguODc3IDcuNTU0IDIyLjIxNiA4LjY3NCA0Ni43NzggMS4yMTIgMjYuNTY0IDEuNDY5IDM0LjUzMiAxLjQ2OSAxMDEuNzk4IDAgNjcuMjY1LS4yNTcgNzUuMjMzLTEuNDY5IDEwMS43OTctMS4xMiAyNC41NjItNS4yMjQgMzcuOTAxLTguNjc0IDQ2Ljc3OC00LjU3IDExLjc1OS0xMC4wMjkgMjAuMTUxLTE4Ljg0NSAyOC45NjYtOC44MTUgOC44MTYtMTcuMjA3IDE0LjI3NS0yOC45NjYgMTguODQ1LTguODc3IDMuNDUtMjIuMjE2IDcuNTU0LTQ2Ljc3OCA4LjY3NC0yNi41NiAxLjIxMi0zNC41MjcgMS40NjktMTAxLjc5NyAxLjQ2OS02Ny4yNzEgMC03NS4yMzctLjI1Ny0xMDEuNzk4LTEuNDY5LTI0LjU2Mi0xLjEyLTM3LjkwMS01LjIyNC00Ni43NzgtOC42NzQtMTEuNzU5LTQuNTctMjAuMTUxLTEwLjAyOS0yOC45NjYtMTguODQ1LTguODE1LTguODE1LTE0LjI3NS0xNy4yMDctMTguODQ1LTI4Ljk2Ni0zLjQ1LTguODc3LTcuNTU0LTIyLjIxNi04LjY3NC00Ni43NzgtMS4yMTItMjYuNTY0LTEuNDY5LTM0LjUzMi0xLjQ2OS0xMDEuNzk3IDAtNjcuMjY2LjI1Ny03NS4yMzQgMS40NjktMTAxLjc5OCAxLjEyLTI0LjU2MiA1LjIyNC0zNy45MDEgOC42NzQtNDYuNzc4IDQuNTctMTEuNzU5IDEwLjAyOS0yMC4xNTEgMTguODQ1LTI4Ljk2NiA4LjgxNS04LjgxNiAxNy4yMDctMTQuMjc1IDI4Ljk2Ni0xOC44NDUgOC44NzctMy40NSAyMi4yMTYtNy41NTQgNDYuNzc4LTguNjc0IDI2LjU2NC0xLjIxMiAzNC41MzItMS40NjkgMTAxLjc5OC0xLjQ2OXoiIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjYikiLz48cGF0aCBkPSJNMjUxLjkyMSAzMzYuMDUzYy00Ni4zNzggMC04My45NzQtMzcuNTk2LTgzLjk3NC04My45NzMgMC00Ni4zNzggMzcuNTk2LTgzLjk3NCA4My45NzQtODMuOTc0IDQ2LjM3NyAwIDgzLjk3MyAzNy41OTYgODMuOTczIDgzLjk3NCAwIDQ2LjM3Ny0zNy41OTYgODMuOTczLTgzLjk3MyA4My45NzN6bTAtMjEzLjMzOGMtNzEuNDQ3IDAtMTI5LjM2NSA1Ny45MTgtMTI5LjM2NSAxMjkuMzY1IDAgNzEuNDQ2IDU3LjkxOCAxMjkuMzY0IDEyOS4zNjUgMTI5LjM2NCA3MS40NDYgMCAxMjkuMzY0LTU3LjkxOCAxMjkuMzY0LTEyOS4zNjQgMC03MS40NDctNTcuOTE4LTEyOS4zNjUtMTI5LjM2NC0xMjkuMzY1ek00MTYuNjI3IDExNy42MDRjMCAxNi42OTYtMTMuNTM1IDMwLjIzLTMwLjIzMSAzMC4yMy0xNi42OTUgMC0zMC4yMy0xMy41MzQtMzAuMjMtMzAuMjMgMC0xNi42OTYgMTMuNTM1LTMwLjIzMSAzMC4yMy0zMC4yMzEgMTYuNjk2IDAgMzAuMjMxIDEzLjUzNSAzMC4yMzEgMzAuMjMxIiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==); }.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text { color: #ffe0fe; }.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover { color: #fff; }.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder { background: linear-gradient(90deg, #71c6f4, #0d70a5); }.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48cGF0aCBkPSJNNDAwIDIwMGMwIDExMC41LTg5LjUgMjAwLTIwMCAyMDBTMCAzMTAuNSAwIDIwMCA4OS41IDAgMjAwIDBzMjAwIDg5LjUgMjAwIDIwMHpNMTYzLjQgMzA1LjVjODguNyAwIDEzNy4yLTczLjUgMTM3LjItMTM3LjIgMC0yLjEgMC00LjItLjEtNi4yIDkuNC02LjggMTcuNi0xNS4zIDI0LjEtMjUtOC42IDMuOC0xNy45IDYuNC0yNy43IDcuNiAxMC02IDE3LjYtMTUuNCAyMS4yLTI2LjctOS4zIDUuNS0xOS42IDkuNS0zMC42IDExLjctOC44LTkuNC0yMS4zLTE1LjItMzUuMi0xNS4yLTI2LjYgMC00OC4yIDIxLjYtNDguMiA0OC4yIDAgMy44LjQgNy41IDEuMyAxMS00MC4xLTItNzUuNi0yMS4yLTk5LjQtNTAuNC00LjEgNy4xLTYuNSAxNS40LTYuNSAyNC4yIDAgMTYuNyA4LjUgMzEuNSAyMS41IDQwLjEtNy45LS4yLTE1LjMtMi40LTIxLjgtNnYuNmMwIDIzLjQgMTYuNiA0Mi44IDM4LjcgNDcuMy00IDEuMS04LjMgMS43LTEyLjcgMS43LTMuMSAwLTYuMS0uMy05LjEtLjkgNi4xIDE5LjIgMjMuOSAzMy4xIDQ1IDMzLjUtMTYuNSAxMi45LTM3LjMgMjAuNi01OS45IDIwLjYtMy45IDAtNy43LS4yLTExLjUtLjcgMjEuMSAxMy44IDQ2LjUgMjEuOCA3My43IDIxLjgiIGZpbGw9IiNmZmYiLz48L3N2Zz4=); }.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text { color: #b8e6ff; }.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover { color: #fff; }.ck.ck-media-form { display: flex; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; }.ck.ck-media-form .ck-labeled-input { display: inline-block; }.ck.ck-media-form .ck-label { display: none; }@media screen and (max-width: 600px) { .ck.ck-media-form { flex-wrap: wrap; } .ck.ck-media-form .ck-labeled-input { flex-basis: 100%; } .ck.ck-media-form .ck-button { flex-basis: 50%; } }.ck.ck-media-form { padding: var(--ck-spacing-standard); }.ck.ck-media-form:focus { outline: none; }[dir=ltr] .ck.ck-media-form > :not(:first-child), [dir=rtl] .ck.ck-media-form > :not(:last-child) { margin-left: var(--ck-spacing-standard); }@media screen and (max-width: 600px) { .ck.ck-media-form { padding: 0; width: calc(0.8*var(--ck-input-text-width)); } .ck.ck-media-form .ck-labeled-input { margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0; } .ck.ck-media-form .ck-labeled-input .ck-input-text { min-width: 0; width: 100%; } .ck.ck-media-form .ck-labeled-input .ck-labeled-input__error { white-space: normal; } .ck.ck-media-form .ck-button { padding: var(--ck-spacing-standard); margin-top: var(--ck-spacing-standard); border-radius: 0; border: 0; border-top: 1px solid var(--ck-color-base-border); } [dir=ltr] .ck.ck-media-form .ck-button { margin-left: 0; } [dir=ltr] .ck.ck-media-form .ck-button:first-of-type { border-right: 1px solid var(--ck-color-base-border); } [dir=rtl] .ck.ck-media-form .ck-button { margin-left: 0; } [dir=rtl] .ck.ck-media-form .ck-button:last-of-type { border-right: 1px solid var(--ck-color-base-border); } }.ck-content .media { clear: both; margin: 1em 0; display: block; min-width: 15em; }:root { --ck-color-table-focused-cell-background:rgba(158,207,250,0.3); }.ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck-widget.table td.ck-editor__nested-editable:focus, .ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck-widget.table th.ck-editor__nested-editable:focus { background: var(--ck-color-table-focused-cell-background); border-style: none; outline: 1px solid var(--ck-color-focus-border); outline-offset: -1px; }.ck .ck-insert-table-dropdown__grid { display: flex; flex-direction: row; flex-wrap: wrap; }:root { --ck-insert-table-dropdown-padding:10px; --ck-insert-table-dropdown-box-height:11px; --ck-insert-table-dropdown-box-width:12px; --ck-insert-table-dropdown-box-margin:1px; }.ck .ck-insert-table-dropdown__grid { width: calc(var(--ck-insert-table-dropdown-box-width)*10 + var(--ck-insert-table-dropdown-box-margin)*20 + var(--ck-insert-table-dropdown-padding)*2); padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0; }.ck .ck-insert-table-dropdown__label { text-align: center; }.ck .ck-insert-table-dropdown-grid-box { width: var(--ck-insert-table-dropdown-box-width); height: var(--ck-insert-table-dropdown-box-height); margin: var(--ck-insert-table-dropdown-box-margin); border: 1px solid var(--ck-color-base-border); border-radius: 1px; }.ck .ck-insert-table-dropdown-grid-box.ck-on { border-color: var(--ck-color-focus-border); background: var(--ck-color-focus-outer-shadow); }:root { --ck-table-selected-cell-background:#cee5fd; }.ck.ck-editor__editable .table table td.ck-editor__editable_selected, .ck.ck-editor__editable .table table th.ck-editor__editable_selected { background-color: var(--ck-table-selected-cell-background) !important; caret-color: transparent; outline: unset; box-shadow: unset; }.ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection, .ck.ck-editor__editable .table table th.ck-editor__editable_selected ::selection { background-color: transparent; }.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget_selected, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget_selected { outline: unset; }.ck-content .table { margin: 1em auto; display: table; }.ck-content .table table { border-collapse: collapse; border-spacing: 0; width: 100%; height: 100%; border: 1px double #b3b3b3; }.ck-content .table table td, .ck-content .table table th { min-width: 2em; padding: 0.4em; border-color: #bfbfbf; }.ck-content .table table th { font-weight: 700; background: rgba(0, 0, 0, 0.05); }.ck.ck-labeled-view .ck-labeled-view__status { font-size: var(--ck-font-size-small); margin-top: var(--ck-spacing-small); white-space: normal; }.ck.ck-labeled-view .ck-labeled-view__status_error { color: var(--ck-color-base-error); }.ck.ck-labeled-view > .ck.ck-label { width: 100%; text-overflow: ellipsis; overflow: hidden; }.ck.ck-input-color { width: 100%; display: flex; }.ck.ck-input-color > input.ck.ck-input-text { min-width: auto; flex-grow: 1; }.ck.ck-input-color > input.ck.ck-input-text:active, .ck.ck-input-color > input.ck.ck-input-text:focus { z-index: var(--ck-z-default); }.ck.ck-input-color > div.ck.ck-dropdown { min-width: auto; }.ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow { display: none; }.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview { position: relative; overflow: hidden; }.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator { position: absolute; display: block; }[dir=ltr] .ck.ck-input-color > .ck.ck-input-text { border-top-right-radius: 0; border-bottom-right-radius: 0; }[dir=rtl] .ck.ck-input-color > .ck.ck-input-text { border-top-left-radius: 0; border-bottom-left-radius: 0; }.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-input-color__button { padding: 0; }[dir=ltr] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-input-color__button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }[dir=rtl] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-input-color__button { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -1px; }.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-input-color__button.ck-disabled { background: var(--ck-color-input-disabled-background); }.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-input-color__button > .ck.ck-input-color__button__preview { border-radius: 0; }.ck-rounded-corners .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-input-color__button > .ck.ck-input-color__button__preview, .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-input-color__button > .ck.ck-input-color__button__preview.ck-rounded-corners { border-radius: var(--ck-border-radius); }.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-input-color__button > .ck.ck-input-color__button__preview { width: 20px; height: 20px; border: 1px solid var(--ck-color-input-border); }.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-input-color__button > .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator { top: -30%; left: 50%; height: 150%; width: 8%; background: red; border-radius: 2px; transform: rotate(45deg); transform-origin: 50%; }.ck.ck-input-color .ck.ck-input-color__remove-color { width: 100%; border-bottom: 1px solid var(--ck-color-input-border); padding: calc(var(--ck-spacing-standard)/2) var(--ck-spacing-standard); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }[dir=ltr] .ck.ck-input-color .ck.ck-input-color__remove-color { border-top-right-radius: 0; }[dir=rtl] .ck.ck-input-color .ck.ck-input-color__remove-color { border-top-left-radius: 0; }.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon { margin-right: var(--ck-spacing-standard); }[dir=rtl] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon { margin-right: 0; margin-left: var(--ck-spacing-standard); }.ck.ck-form__row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }.ck.ck-form__row > :not(.ck-label) { flex-grow: 1; }.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel, .ck.ck-form__row.ck-table-form__action-row .ck-button-save { justify-content: center; }.ck.ck-form__row { padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0; }[dir=ltr] .ck.ck-form__row > :not(.ck-label) + * { margin-left: var(--ck-spacing-large); }[dir=rtl] .ck.ck-form__row > :not(.ck-label) + * { margin-right: var(--ck-spacing-large); }.ck.ck-form__row > .ck-label { width: 100%; min-width: 100%; }.ck.ck-form__row.ck-table-form__action-row { margin-top: var(--ck-spacing-large); }.ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label { color: var(--ck-color-text); }:root { --ck-table-form-header-height:38px; }.ck.ck-form__header { padding: 0 var(--ck-spacing-large); height: var(--ck-table-form-header-height); line-height: var(--ck-table-form-header-height); border-bottom: 1px solid var(--ck-color-base-border); }.ck.ck-form__header .ck-form__header__label { font-weight: 700; }.ck.ck-form { padding: 0 0 var(--ck-spacing-large); }.ck.ck-form:focus { outline: none; }.ck.ck-form .ck.ck-input-text { min-width: 100%; width: 0; }.ck.ck-form .ck.ck-dropdown { min-width: 100%; }.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) { border: 1px solid var(--ck-color-base-border); }.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label { width: 100%; }.ck.ck-table-form .ck-form__row.ck-table-form__border-row { flex-wrap: wrap; }.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-view { display: flex; flex-direction: column-reverse; }.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-view .ck.ck-dropdown, .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style, .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width { flex-grow: 0; }.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row { flex-wrap: wrap; align-items: center; }.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-view { display: flex; flex-direction: column-reverse; align-items: center; }.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-view .ck.ck-dropdown, .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator { flex-grow: 0; }.ck.ck-table-form .ck.ck-labeled-view { position: relative; }.ck.ck-table-form .ck.ck-labeled-view .ck.ck-labeled-view__status { position: absolute; left: 50%; bottom: calc(-1*var(--ck-table-properties-error-arrow-size)); transform: translate(-50%, 100%); z-index: 1; }.ck.ck-table-form .ck.ck-labeled-view .ck.ck-labeled-view__status:after { content: ""; position: absolute; top: calc(-1*var(--ck-table-properties-error-arrow-size)); left: 50%; transform: translateX(-50%); }:root { --ck-table-properties-error-arrow-size:6px; --ck-table-properties-min-error-width:150px; }.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-view > .ck-label { font-size: var(--ck-font-size-tiny); text-align: center; }.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style { width: 80px; min-width: 80px; }.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width { width: 50px; min-width: 50px; }.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row { padding: 0; }.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-view > .ck-label { font-size: 10px; text-align: center; }.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height, .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width { margin: 0; }.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator { align-self: start; display: inline-block; height: var(--ck-ui-component-min-height); line-height: var(--ck-ui-component-min-height); margin: 0 var(--ck-spacing-small); }.ck.ck-table-form .ck.ck-labeled-view .ck.ck-labeled-view__status { border-radius: 0; }.ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-view .ck.ck-labeled-view__status, .ck.ck-table-form .ck.ck-labeled-view .ck.ck-labeled-view__status.ck-rounded-corners { border-radius: var(--ck-border-radius); }.ck.ck-table-form .ck.ck-labeled-view .ck.ck-labeled-view__status { background: var(--ck-color-base-error); color: var(--ck-color-base-background); padding: var(--ck-spacing-small) var(--ck-spacing-medium); min-width: var(--ck-table-properties-min-error-width); text-align: center; }.ck.ck-table-form .ck.ck-labeled-view .ck.ck-labeled-view__status:after { border-left: var(--ck-table-properties-error-arrow-size) solid transparent; border-bottom: var(--ck-table-properties-error-arrow-size) solid var(--ck-color-base-error); border-right: var(--ck-table-properties-error-arrow-size) solid transparent; border-top: 0 solid transparent; }.ck.ck-table-form .ck.ck-labeled-view .ck.ck-labeled-view__status { animation: ck-table-form-labeled-view-status-appear 0.15s ease both; }.ck.ck-table-form .ck.ck-labeled-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-view__status { display: none; }@keyframes ck-table-form-labeled-view-status-appear { 0% { opacity: 0; } to { opacity: 1; } }.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row { flex-wrap: wrap; flex-basis: 0; align-content: baseline; }.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items { flex-wrap: nowrap; }.ck.ck-table-properties-form { width: 320px; }.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row { padding: 0; }.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar { background: none; }.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * { width: 40px; }.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row { flex-wrap: wrap; }.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar { flex-grow: 0; }.ck.ck-table-cell-properties-form { width: 320px; }.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row { padding: 0; width: 35%; }.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar { background: none; }.ck .ck-widget_with-resizer { position: relative; }.ck .ck-widget__resizer { display: none; position: absolute; pointer-events: none; left: 0; top: 0; outline: 1px solid var(--ck-color-resizer); }.ck-focused .ck-widget_with-resizer.ck-widget_selected > .ck-widget__resizer { display: block; }.ck .ck-widget__resizer__handle { position: absolute; pointer-events: all; width: var(--ck-resizer-size); height: var(--ck-resizer-size); background: var(--ck-color-focus-border); border: var(--ck-resizer-border-width) solid #fff; border-radius: var(--ck-resizer-border-radius); }.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left { top: var(--ck-resizer-offset); left: var(--ck-resizer-offset); cursor: nwse-resize; }.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right { top: var(--ck-resizer-offset); right: var(--ck-resizer-offset); cursor: nesw-resize; }.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right { bottom: var(--ck-resizer-offset); right: var(--ck-resizer-offset); cursor: nwse-resize; }.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left { bottom: var(--ck-resizer-offset); left: var(--ck-resizer-offset); cursor: nesw-resize; }.ck-content .image.image_resized { max-width: 100%; display: block; box-sizing: border-box; }.ck-content .image.image_resized img { width: 100%; }.ck-content .image.image_resized > figcaption { display: block; }.ck.ck-splitbutton { font-size: inherit; }.ck.ck-splitbutton .ck-splitbutton__action:focus { z-index: calc(var(--ck-z-default) + 1); }.ck.ck-splitbutton.ck-splitbutton_open > .ck-button .ck-tooltip { display: none; }:root { --ck-color-split-button-hover-background:#ebebeb; --ck-color-split-button-hover-border:#b3b3b3; }[dir=ltr] .ck.ck-splitbutton > .ck-splitbutton__action { border-top-right-radius: unset; border-bottom-right-radius: unset; }[dir=rtl] .ck.ck-splitbutton > .ck-splitbutton__action { border-top-left-radius: unset; border-bottom-left-radius: unset; }.ck.ck-splitbutton > .ck-splitbutton__arrow { min-width: unset; }[dir=ltr] .ck.ck-splitbutton > .ck-splitbutton__arrow { border-radius: 0; }.ck-rounded-corners [dir=ltr] .ck.ck-splitbutton > .ck-splitbutton__arrow, [dir=ltr] .ck.ck-splitbutton > .ck-splitbutton__arrow.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: unset; border-bottom-left-radius: unset; }[dir=rtl] .ck.ck-splitbutton > .ck-splitbutton__arrow { border-top-right-radius: unset; border-bottom-right-radius: unset; }.ck.ck-splitbutton > .ck-splitbutton__arrow svg { width: var(--ck-dropdown-arrow-size); }.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover), .ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) { background: var(--ck-color-split-button-hover-background); }[dir=ltr] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled), [dir=ltr] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled) { border-left-color: var(--ck-color-split-button-hover-border); }[dir=rtl] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled), [dir=rtl] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled) { border-right-color: var(--ck-color-split-button-hover-border); }.ck.ck-splitbutton.ck-splitbutton_open { border-radius: 0; }.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners { border-radius: var(--ck-border-radius); }.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__action { border-bottom-left-radius: 0; }.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__arrow { border-bottom-right-radius: 0; }:root { --ck-highlight-marker-yellow:#fdfd77; --ck-highlight-marker-green:#63f963; --ck-highlight-marker-pink:#fc7999; --ck-highlight-marker-blue:#72cdfd; --ck-highlight-pen-red:#e91313; --ck-highlight-pen-green:#180; }.ck-content .marker-yellow { background-color: var(--ck-highlight-marker-yellow); }.ck-content .marker-green { background-color: var(--ck-highlight-marker-green); }.ck-content .marker-pink { background-color: var(--ck-highlight-marker-pink); }.ck-content .marker-blue { background-color: var(--ck-highlight-marker-blue); }.ck-content .pen-red { color: var(--ck-highlight-pen-red); background-color: transparent; }.ck-content .pen-green { color: var(--ck-highlight-pen-green); background-color: transparent; }.ck-editor__editable .ck-horizontal-line { overflow: hidden; }.ck-content hr { border: solid #5e5e5e; border-width: 1px 0 0; margin: 0; }.ck-editor__editable .ck-horizontal-line { padding: 5px 0; }.placeholder { background: #ff0; padding: 4px 2px; outline-offset: -2px; line-height: 1em; margin: 0 1px; }.placeholder::selection { display: none; }.dash { background: rgba(255, 255, 0, 0); padding: 0 2px; outline-offset: -2px; line-height: 1em; margin: 0 1px; border-bottom: 1px solid #000; }.dash::selection { display: block; }.wrs_modal_overlay { position: fixed; font-family: arial, sans-serif; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 999998; opacity: 0.65; pointer-events: auto; }.wrs_modal_overlay.wrs_modal_android, .wrs_modal_overlay.wrs_modal_ios { visibility: hidden; display: none; }.wrs_modal_overlay.wrs_modal_ios.moodle { position: fixed; }.wrs_modal_overlay.wrs_modal_desktop.wrs_stack { background: transparent; display: none; }.wrs_modal_overlay.wrs_modal_desktop.wrs_maximized { background: rgba(0, 0, 0, 0.8); }.wrs_modal_overlay.wrs_modal_desktop.wrs_closed, .wrs_modal_overlay.wrs_modal_desktop.wrs_minimized { background: transparent; display: none; }.wrs_modal_title { color: #fff; padding: 5px 0 5px 10px; -webkit-user-select: none; user-select: none; text-align: left; }.wrs_modal_close_button { background-repeat: no-repeat; }.wrs_modal_close_button, .wrs_modal_minimize_button { float: right; cursor: pointer; color: #fff; padding: 5px 10px 5px 0; margin: 10px 7px 0 0; }.wrs_modal_minimize_button { top: inherit; }.wrs_modal_stack_button { float: right; cursor: pointer; color: #fff; margin: 10px 7px 0 0; padding: 5px 10px 5px 0; top: inherit; }.wrs_modal_stack_button.wrs_minimized, .wrs_modal_stack_button.wrs_stack { visibility: hidden; margin: 0; padding: 0; }.wrs_modal_maximize_button { float: right; cursor: pointer; color: #fff; margin: 10px 7px 0 0; padding: 5px 10px 5px 0; top: inherit; }.wrs_modal_maximize_button.wrs_maximized { visibility: hidden; margin: 0; padding: 0; }.wrs_modal_wrapper { display: block; }.wrs_modal_title_bar { display: block; background-color: #778e9a; }.wrs_modal_dialogContainer { border: none; background: #fafafa; z-index: 999999; }.wrs_modal_dialogContainer.wrs_modal_desktop { font-size: 14px; }.wrs_modal_dialogContainer.wrs_modal_desktop.wrs_maximized { position: fixed; }.wrs_modal_dialogContainer.wrs_modal_desktop.wrs_minimized { position: fixed; top: inherit; margin: 0 10px 0 0; }.wrs_modal_dialogContainer.wrs_closed { visibility: hidden; display: none; opacity: 0; }.wrs_modal_dialogContainer.wrs_modal_desktop.wrs_stack { position: fixed; bottom: 0; right: 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); }.wrs_modal_dialogContainer.wrs_drag, .wrs_modal_dialogContainer.wrs_modal_desktop.wrs_drag { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); }.wrs_modal_dialogContainer.wrs_modal_android { width: 99%; height: 99%; }.wrs_modal_dialogContainer.wrs_modal_android, .wrs_modal_dialogContainer.wrs_modal_ios { margin: auto; overflow: hidden; transform: translate(50%, -50%); top: 50%; right: 50% !important; position: fixed; }.wrs_modal_dialogContainer.wrs_modal_ios { width: 100%; height: 100%; }.wrs_content_container.wrs_minimized { display: none; }.wrs_content_container.wrs_modal_android { width: 100%; flex-grow: 1; display: flex; flex-direction: column; }.wrs_content_container.wrs_modal_android > div:first-child, .wrs_content_container.wrs_modal_desktop > div:first-child, .wrs_content_container.wrs_modal_ios > div:first-child { flex-grow: 1; }.wrs_modal_wrapper.wrs_modal_android { margin: auto; display: flex; flex-direction: column; height: 100%; width: 100%; }.wrs_content_container.wrs_modal_desktop, .wrs_content_container.wrs_modal_ios { width: 100%; flex-grow: 1; display: flex; flex-direction: column; }.wrs_modal_wrapper.wrs_modal_ios { margin: auto; display: flex; flex-direction: column; height: 100%; width: 100%; }.wrs_virtual_keyboard { height: 100%; width: 100%; top: 0; left: 50%; transform: translate(-50%); }@media (orientation: portrait) { .wrs_modal_dialogContainer.wrs_modal_mobile { width: 100vmin; height: 100vmin; margin: auto; border-width: 0; } .wrs_modal_wrapper.wrs_modal_mobile { width: 100vmin; height: 100vmin; margin: auto; } }@media (orientation: landscape) { .wrs_modal_dialogContainer.wrs_modal_mobile { width: 100vmin; height: 100vmin; margin: auto; border-width: 0; } .wrs_modal_wrapper.wrs_modal_mobile { width: 100vmin; height: 100vmin; margin: auto; } }.wrs_modal_dialogContainer.wrs_modal_badStock, .wrs_modal_wrapper.wrs_modal_badStock { width: 100%; height: 280px; margin: 0 auto; border-width: 0; }.wrs_noselect { -khtml-user-select: none; }.wrs_bottom_right_resizer, .wrs_noselect { -webkit-user-select: none; user-select: none; }.wrs_bottom_right_resizer { width: 10px; height: 10px; color: #778e9a; position: absolute; right: 4px; bottom: 8px; cursor: se-resize; }.wrs_bottom_left_resizer { width: 15px; height: 15px; color: #778e9a; position: absolute; left: 0; top: 0; cursor: se-resize; }.wrs_modal_controls { height: 42px; margin: 3px 0; overflow: hidden; line-height: normal; }.wrs_modal_links { margin: 10px auto 0; font-family: arial, sans-serif; padding: 6px; display: inline; float: right; text-align: right; }.wrs_modal_links > a { text-decoration: none; color: #778e9a; font-size: 16px; }.wrs_modal_button_cancel, .wrs_modal_button_cancel:active, .wrs_modal_button_cancel:focus, .wrs_modal_button_cancel:hover, .wrs_modal_button_cancel:visited { min-width: 80px; font-size: 14px; border-radius: 3px; border: 1px solid #778e9a; padding: 6px 8px; margin: 10px auto 0 5px; cursor: pointer; font-family: arial, sans-serif; background-color: #ddd; height: 32px; }.wrs_modal_button_accept, .wrs_modal_button_accept:active, .wrs_modal_button_accept:focus, .wrs_modal_button_accept:hover, .wrs_modal_button_accept:visited { min-width: 80px; font-size: 14px; border-radius: 3px; border: 1px solid #778e9a; padding: 6px 8px; margin: 10px 5px 0 auto; color: #fff; background: #778e9a; cursor: pointer; font-family: arial, sans-serif; height: 32px; }.wrs_editor_vertical_bar { height: 20px; float: right; background: none; width: 20px; cursor: pointer; }.wrs_modal_buttons_container { display: inline; float: left; }.wrs_modal_buttons_container.wrs_modalAndroid { padding-left: 6px; }.wrs_modal_buttons_container.wrs_modalDesktop { padding-left: 0; }.wrs_modal_buttons_container > button { line-height: normal; background-image: none; }.wrs_modal_wrapper { margin: 6px; display: flex; flex-direction: column; }.wrs_modal_wrapper.wrs_modal_desktop.wrs_minimized { display: none; }@media only screen and (max-device-width: 480px) and (orientation: portrait) { #wrs_modal_wrapper { width: 140%; } }.wrs_popupmessage_overlay_envolture { display: none; width: 100%; }.wrs_popupmessage_overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 4; cursor: pointer; }.wrs_popupmessage_panel { top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; background: #fff; max-width: 500px; width: 75%; border-radius: 2px; padding: 20px; font-family: sans-serif; font-size: 15px; text-align: left; color: #2e2e2e; z-index: 5; max-height: 75%; overflow: auto; }.wrs_popupmessage_button_area { margin: 10px 0 0; }.wrs_panelContainer * { border: 0; }.wrs_button_cancel, .wrs_button_cancel:active, .wrs_button_cancel:focus, .wrs_button_cancel:hover, .wrs_button_cancel:visited { min-width: 80px; font-size: 14px; border-radius: 3px; border: 1px solid #778e9a; padding: 6px 8px; margin: 10px auto 0 5px; cursor: pointer; font-family: arial, sans-serif; background-color: #ddd; background-image: none; height: 32px; }.wrs_button_accept, .wrs_button_accept:active, .wrs_button_accept:focus, .wrs_button_accept:hover, .wrs_button_accept:visited { min-width: 80px; font-size: 14px; border-radius: 3px; border: 1px solid #778e9a; padding: 6px 8px; margin: 10px 5px 0 auto; color: #fff; background: #778e9a; cursor: pointer; font-family: arial, sans-serif; height: 32px; }.wrs_editor button { box-shadow: none; }.wrs_editor .wrs_header button { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }.wrs_modal_overlay.wrs_modal_desktop.wrs_stack.wrs_overlay_active { display: block; }.wrs_toolbar tr:focus, .wrs_toolbar tr:hover { background: none; }.wrs_modal_rtl .wrs_modal_button_cancel { margin-right: 5px; margin-left: 0; }.wrs_modal_rtl .wrs_modal_button_accept { margin-right: 0; margin-left: 5px; }.wrs_modal_rtl .wrs_button_cancel { margin-right: 5px; margin-left: 0; }.wrs_modal_rtl .wrs_button_accept { margin-right: 0; margin-left: 5px; }/*# sourceMappingURL=styles.css.map*//* CKEditor 5 (v12.3.1) content styles. [END] */:root { --ck-inner-shadow: none; }.ck.ck-editor__editable_inline { background-color: #fbfbfb; border: 1px solid #cbced4; }.ck.ck-toolbar-w-400 .ck-balloon-panel.ck-toolbar-container { width: 400px; }.ck.ck-reset_all, .ck.ck-reset_all * { font-family: var(--ff); }.ck.ck-balloon-panel.ck-toolbar-container { z-index: 1001 !important; }.ck-rounded-corners .ck.ck-balloon-panel, .ck.ck-balloon-panel.ck-rounded-corners { z-index: 1002; }p[data-placeholder="Type a message"] { padding-top: var(--ck-spacing-large); padding-bottom: var(--ck-spacing-large); margin-top: 0 !important; margin-bottom: 0 !important; }.ck-mentions .ck-mention-list-item .photo { display: flex !important; align-items: center !important; justify-content: center !important; float: left !important; width: 27px !important; height: 27px !important; border-radius: 100px !important; color: #fff !important; font-size: 12px !important; line-height: 21px !important; background-color: #511cd9 !important; position: relative !important; }.ck-mentions .ck-mention-list-item .photo.md-pic { width: 38px !important; height: 38px !important; font-size: 14px !important; }.ck-mentions .ck-mention-list-item .photo .member--status { width: 14px; height: 14px; border-radius: 50%; position: absolute; top: -5px; right: -5px; border: 2px solid #fff; background-color: #fff; }.ck-mentions .ck-mention-list-item .photo img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; border-radius: 50% !important; }.ck-mentions { min-width: 250px !important; max-height: 280px !important; }.ck-mentions .ck-mention-list-item { display: block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; width: 100% !important; transition: 500ms !important; padding: 6px 10px !important; min-height: 36px !important; font-size: 14px !important; line-height: 24px !important; cursor: pointer !important; color: #424242 !important; font-weight: 500 !important; }.ck-mentions .ck-mention-list-item:hover, .ck-mentions .ck-mention-list-item.active { background-color: #e8e7eb !important; }.ck-mentions .ck-mention-list-item.ck-button.ck-on { background-color: #e8e7eb !important; }.ck-mentions .ck-mention-list-item .nm { font-weight: 600 !important; color: #222 !important; }.ck-mentions .ck-mention-list-item .txt { color: #8d8d8d !important; font-size: 13px !important; }.editor-data h3, .editor-data h4, .editor-data h5, .editor-data h6 { display: block; color: #222; font-size: 30px; line-height: 34px; font-weight: 600; margin: 0; }.editor-data h3:not(:first-child), .editor-data h4:not(:first-child), .editor-data h5:not(:first-child), .editor-data h6:not(:first-child) { margin: 24px 0 0 0; }@media (max-width: 1023px) { .editor-data h3, .editor-data h4, .editor-data h5, .editor-data h6 { font-size: 26px; line-height: 30px; } }.editor-data h4 { font-size: 26px; line-height: 30px; }.editor-data a { color: #5b2ada; }.editor-data a:hover { color: #5b2ada; }.editor-data ul, .editor-data ol { display: block; position: relative; padding: 0; }.editor-data ul:not(:first-child), .editor-data ol:not(:first-child) { margin: 20px 0 0 0; }.editor-data ul li, .editor-data ol li { display: block; color: #222; font-size: 16px; line-height: 22px; padding: 0 0 0 24px; position: relative; }.editor-data ul li:not(:first-child), .editor-data ol li:not(:first-child) { margin: 10px 0 0 0; }.editor-data ul li ul, .editor-data ul li ol, .editor-data ol li ul, .editor-data ol li ol { margin: 8px 0 24px 0; }.editor-data ul li:before { content: ""; display: block; position: absolute; top: 8px; left: 5px; width: 6px; height: 6px; background-color: #5b2ada; border-radius: 100px; }.editor-data ol { counter-reset: ol_counter; }.editor-data ol li { padding: 0 0 0 30px; }.editor-data ol li:before { counter-increment: ol_counter; content: counter(ol_counter, decimal-leading-zero); position: absolute; top: 1px; left: 0; color: #5b2ada; font-size: 17px; line-height: 19px; font-weight: 700; }.editor-data img { display: block; width: auto; max-width: 100%; height: auto; }.editor-data img:not(:first-child) { margin: 24px 0 0 0; }.editor-data h2 { font-size: 28px; line-height: 32px; font-weight: 700; }.editor-data h2:not(:first-child) { margin: 16px 0 0 0; }@media (max-width: 1023px) { .editor-data h2 { font-size: 24px; line-height: 28px; } }.editor-data p { display: block; color: #222; font-size: 16px; line-height: 22px; margin: 0; }.editor-data p:not(:first-child) { margin: 12px 0 0 0; }.table-of-content .editor-data ul:before { content: ""; display: block; position: absolute; top: 4px; left: 5px; z-index: 1; width: 2px; height: calc(100% - 4px); border-right: 2px solid #dcdddd; }.table-of-content .editor-data ul li:before { position: absolute; top: 4px; left: 0; width: 12px; height: 12px; background-color: #fff; border: 2px solid #511cd9; border-radius: 100px; z-index: 2; }.table-of-content .editor-data ul li:last-child:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; z-index: 2; width: 12px; height: calc(100% - 16px); background-color: #ffffff; }.table-of-content .editor-data ol { padding-left: 4px; }.table-of-content .editor-data ol li { padding: 0 0 0 32px; }.table-of-content .editor-data ol li:before { display: flex; justify-content: center; align-items: center; position: absolute; top: 1px; left: 0; min-width: 24px; height: 20px; background-color: #5b2ada; border-radius: 3px; transform: skewX(-20deg); color: #fff; font-size: 14px; line-height: 16px; font-weight: 600; }.editor-banner .editor-data { margin: 16px 0 0 0 !important; }.editor-banner .editor-data img { display: block; width: 100%; height: auto; }.course-det-sec-tab { margin: 24px 0 0 0; }.course-det-sec-tab.sticky .mat-tab-header { position: sticky; top: -1px; }.course-det-sec-tab.top-164 .mat-tab-header { top: 164px; }@media (max-width: 1023px) { .course-det-sec-tab.top-164 .mat-tab-header { top: 48px; } }.course-det-sec-tab.top-170 .mat-tab-header { top: 170px; }.course-det-sec-tab.top-120 .mat-tab-header { top: 120px; }@media (max-width: 1023px) { .course-det-sec-tab.top-120 .mat-tab-header { top: 48px; } }.course-det-sec-tab .mat-tab-header { margin-bottom: 16px; background-color: #fff; z-index: 2; padding: 8px 0 0 0; border: none; }.course-det-sec-tab .mat-tab-header .mat-tab-label-container { border-bottom: 2px solid #5b2ada; }.course-det-sec-tab .mat-tab-label { min-width: 60px; height: 38px; padding: 0 12px; font-size: 16px; line-height: 20px; font-weight: 600; border-radius: 8px 8px 0 0; opacity: 1; border: 2px solid transparent; transition: 600ms; }.course-det-sec-tab .mat-tab-label.mat-tab-label-active { background-color: #e8dfff; }.course-det-sec-tab .mat-tab-label img { display: block; float: left; margin: 0 6px 0 0; max-height: 28px; width: auto; }@media (max-width: 1023px) { .course-det-sec-tab .mat-tab-label { height: 30px; padding: 0 8px; font-size: 14px; line-height: 18px; } .course-det-sec-tab .mat-tab-label img { max-height: 20px; } }.course-det-sec-tab .mat-ink-bar { display: none; height: 3px; min-width: 93px; }.mobile-footer-nav { display: none; flex-wrap: nowrap; justify-content: center; height: 48px; position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; border-top: 1px solid #d2d2d2; z-index: 1; }.mobile-footer-nav .mf-btn { display: flex; flex-flow: column; justify-content: center; align-items: center; flex: 1; max-width: 100%; border: none; border-top: 2px solid transparent; border-bottom: 2px solid transparent; box-shadow: none; background: transparent; margin: 0; padding: 0 2px; transition: 500ms; text-align: center; }.mobile-footer-nav .mf-btn img { display: block; width: 20px; transition: 500ms; height: auto; }.mobile-footer-nav .mf-btn img.sel { display: none; }.mobile-footer-nav .mf-btn:not(.switch) img { filter: grayscale(1); opacity: 0.9; }.mobile-footer-nav .mf-btn.switch .txt { color: #511cd9; }.mobile-footer-nav .mf-btn.switch.doer-do .txt { color: #fe2d04; }.mobile-footer-nav .mf-btn.switch.doer-code .txt { color: #ff7334; }.mobile-footer-nav .mf-btn.switch.doer-spark .txt { color: #1d8ca8; }.mobile-footer-nav .mf-btn.switch.doer-math .txt { color: #25c10a; }.mobile-footer-nav .mf-btn.switch.doer-talk .txt { color: #ff5a5f; }.mobile-footer-nav .mf-btn.switch.doer-campus .txt { color: #100e04; }.mobile-footer-nav .mf-btn.switch.doer-aeiser .txt { color: #5d2ace; }.mobile-footer-nav .mf-btn .txt { display: block; width: 100%; font-size: 11px; line-height: 13px; font-weight: 600; margin: 3px 0 0 0; color: #636363; }.mobile-footer-nav .mf-btn:hover { text-decoration: none; }.mobile-footer-nav .mf-btn.active:not(.switch) { border-top-color: #511cd9; }.mobile-footer-nav .mf-btn.active:not(.switch) .txt { color: #511cd9; }.mobile-footer-nav .mf-btn.active:not(.switch) img { filter: inherit; opacity: 1; display: none; }.mobile-footer-nav .mf-btn.active:not(.switch) img.sel { display: block; }@media (max-width: 380px) { .mobile-footer-nav .mf-btn img { width: 18px; } .mobile-footer-nav .mf-btn .txt { font-size: 10.8px; line-height: 11px; margin: 1px 0 0 0; } }@media (max-width: 1023px) { .show-bottom-menu .mobile-footer-nav { display: flex; } }.loader-center-page { display: flex; justify-content: center; align-items: center; height: calc(var(--screen-vh) - 80px); flex-direction: column; }.loader-center-page.negative-160 { height: calc(var(--screen-vh) - 160px); }.loader-center-page.negative-180 { height: calc(var(--screen-vh) - 160px); }.loader-center-page.negative-90 { height: calc(var(--screen-vh) - 90px); }.loader-center-page.negative-210 { height: calc(var(--screen-vh) - 210px); }.loader-center-page.negative-250 { height: calc(var(--screen-vh) - 250px); }.loader-center-page.absolute-position { position: absolute; top: 0; width: 100%; z-index: 1; }.loader-center-page.h-100 { height: 100%; min-height: 110px; }.loader-center-page.with-bg { background-color: rgba(255, 255, 255, 0.7); }.loader-center-page.with-gray-bg { background-color: #e8e7eb; }.bg-transparent-white { background: rgba(255, 255, 255, 0.8); }.subject-loader { display: flex; flex-flow: column; align-items: center; padding: 20px 0 0 0; }.disable-scroll { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }.topic-loader { padding: 20px 0; display: flex; flex-flow: column; align-items: center; }.overlay-loader-c { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; z-index: 1; }.overlay-loader-c:not(.static-loader) { position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.7); }.no-lv-course-data { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0 0 16px 0; background-color: transparent; padding: 14px 10px; min-height: 100px; border-radius: 6px; }.no-lv-course-data.gray { background-color: #d9d6e4; }img { max-width: 100%; }.c-radio .li input:checked ~ .txt, .c-tag-container .txt { background-color: #4876f0; color: #fff; }.c-radio .li input.mandatory:checked ~ .txt { background-color: #FD4343; color: #fff; }.sel-list-box .options .list-option input.mandatory:checked ~ .bx { background-color: #FD4343; color: #fff; }.c-tag-container .txt { border-radius: 4px; background-color: #40a4f8 !important; }/* Modal design for new registration */.msg-popup .modal-container { width: 400px; }.msg-popup .modal-container .c-modal-body { padding: 20px 16px; }.msg-popup .modal-container .msg { display: block; width: 100%; text-align: center; }.msg-popup .modal-container .msg h3 { font-size: 20px; line-height: 24px; font-weight: 600; margin: 0; }.msg-popup .modal-container .msg .btnset { display: block; margin: 30px 0 0 0; }.msg-popup .modal-container .msg .btnset .btn { display: inline-block; vertical-align: top; margin: 2px 3px; }.form-group .mat-form-field { display: block; }.form-box .form-group .form-control.border-mob { border-color: transparent; }.form-box .form-group .form-control { box-sizing: border-box; }.c-tag-container .txt { margin-top: 2px; margin-bottom: 2px; }.mat-gap-sm .mat-form-field-wrapper { padding-bottom: 4px; }.mat-gap-sm .mat-form-field-wrapper .mat-form-field-underline { bottom: 4px; }.sidemenu-logo img { height: 24px; }.leftNavHead .navLogo img { height: 22px; }.body_section.subjectTo .leftNavHead .barIco { margin-top: 0 !important; }@media screen and (max-width: 1023px) { .body_section.subjectTo .leftNavHead { display: flex; align-items: center; } }@media screen and (max-width: 767px) { .reg-panel .n-reg-body-1 .ng-scrollbar { display: block; } .custom-modal.n-reg-modal .reg-panel .scroll-h-432 { height: auto; } .reg-panel .login-box .form-box .form-group .form-control { box-sizing: border-box; } }.show-all-whiteboard .whiteboard-listing-overlay { visibility: visible !important; opacity: 1 !important; }.show-all-whiteboard .whiteboard-listing-box { right: 0 !important; }.show-whboard-student-listing .whiteboard-listing-overlay { visibility: visible !important; opacity: 1 !important; }.show-whboard-student-listing .whiteboard-student-listing { right: 0 !important; }.show-image-upload .whiteboard-listing-overlay { visibility: visible !important; opacity: 1 !important; }.tools-list-menu { display: block; width: 148px; margin-left: 36px; }.tools-list-menu .mat-menu-content { padding: 6px !important; }.tools-list-menu .tools-sublist { display: flex; flex-wrap: wrap; }.tools-list-menu .tools-sublist .colm { display: block; float: left; max-width: 25%; flex: 0 0 25%; padding: 2px; }.tools-list-menu .tools-sublist .colm .color-select { display: block; border-radius: 100px; border: 1px solid transparent; position: relative; margin: 4px auto; padding: 2px; width: 28px; cursor: pointer; }.tools-list-menu .tools-sublist .colm .color-select:not(.active) { border-color: transparent !important; }.tools-list-menu .tools-sublist .colm .color-select span { display: block; width: 22px; height: 22px; border-radius: 100px; }.tools-list-menu .tools-tl { display: block; font-size: 14px; line-height: 16px; font-weight: 600; margin: 0 0 3px 0; }.tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; cursor: pointer; width: 30px; height: 30px; border-radius: 100px; transition: 500ms; }.tools:not(:first-child) { margin-top: 6px; }.tools img { display: block; height: 14px; transition: 500ms; }.tools.rotate-45deg img { transform: rotate(45deg); }.tools.color-tools .color-bx { display: block; width: 16px; height: 16px; border-radius: 100px; border: 1px solid #c2c2c2; }.tools:not(.color-tools):hover, .tools:not(.color-tools).active { background-color: #511cd9; }.tools:not(.color-tools):hover img, .tools:not(.color-tools).active img { filter: brightness(0) invert(1); }.color-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 30px; height: 30px; cursor: pointer; }.color-tools:not(:first-child) { margin-top: 6px; }.color-tools .color-bx { display: block; width: 16px; height: 16px; border-radius: 100px; border: 1px solid #222; }.tools, .color-tools { position: relative; }.tools.with-sub:after, .color-tools.with-sub:after { content: ""; display: block; position: absolute; bottom: 0; right: 0; border-right: 6px solid #8454ff; border-top: 6px solid transparent; }.border-width { display: block; width: 100%; margin: 0 0 10px 0; }.border-width .mat-slider { padding: 0 !important; height: 20px !important; width: 100% !important; }.border-width .mat-slider-track-fill, .border-width .mat-slider-thumb-label { background-color: #511cd9 !important; }.border-width .mat-slider-thumb-label-text { color: #fff !important; }.border-width .mat-slider-wrapper:after, .border-width .mat-slider-ticks-container { display: none !important; }.border-width .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.14) !important; }.border-width .mat-slider.mat-slider-horizontal .mat-slider-wrapper { top: 0px; }.border-width .mat-slider.mat-slider-horizontal .mat-slider-track-wrapper { height: 18px; border-radius: 0px; }.border-width .mat-slider.mat-slider-horizontal .mat-slider-track-background, .border-width .mat-slider.mat-slider-horizontal .mat-slider-track-fill { height: 100%; }.border-width .mat-slider.mat-slider-horizontal .mat-slider-track-fill { background-color: #511cd9; }.border-width .mat-slider-wrapper:before { content: ""; display: block; position: absolute; top: -5px; left: -2px; width: 103%; height: 32px; background: url('border-width-mask.svg') no-repeat 0 0; background-size: 100% 100%; z-index: 1; }.border-width .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { background-color: white; }.border-width .mat-slider-thumb-container .mat-slider-thumb { right: -7px !important; bottom: -28px !important; box-sizing: border-box !important; width: 14px !important; height: 36px !important; border-radius: 3px !important; border: 2px solid #777777 !important; background-color: #fff !important; transform: scale(0.7) !important; }.whiteboard-fullscreen .whiteboard { position: fixed !important; top: 0; left: 0; z-index: 999999 !important; }.exit-fullscreen { display: block; min-width: 30px; justify-content: center; align-items: center; border: none; cursor: pointer; transition: 500ms; font-size: 13px; line-height: 16px; padding: 4px 6px; border-radius: 2px; background-color: #dadada; box-shadow: 0 3px 6px 1px #5c5c5c; position: fixed; top: -60px; left: 50%; transform: translate(-50%, 0); z-index: 9999992; opacity: 0; visibility: hidden; transition: 500ms; }.exit-fullscreen img { display: block; float: left; height: 15px; width: auto; opacity: 0.85; transition: 400ms; margin: 0 6px 0 0; }.exit-fullscreen:hover { background-color: #f4f0ff; }.leftpanel-fullscreen:hover .exit-fullscreen { display: flex !important; opacity: 1; visibility: visible; top: 10px; }.leftpanel-fullscreen .video-page-container .video-body .video-left-panel { position: fixed !important; top: 0; left: 0; z-index: 999999 !important; padding: 0 !important; }.leftpanel-fullscreen .video-page-container .video-body .video-left-panel .whiteboard, .leftpanel-fullscreen .video-page-container .video-body .video-left-panel .whboard-quiz-view, .leftpanel-fullscreen .video-page-container .video-body .video-left-panel .choose-whiteboard { border-radius: inherit !important; }.leftpanel-fullscreen .video-page-container .video-body.teacher-video-center .video-right-panel .right-panel-c .u-photo.teacher-u-photo { position: fixed !important; width: 100% !important; z-index: 9999991; }.video-body .video-left-panel .video-panel .ng-native-scrollbar-hider { border-radius: 16px; }.c-menu.mat-menu-panel { min-height: 1px; border-radius: 10px !important; }.c-menu .mat-menu-content { padding: 0 !important; }.c-menu .c-menu-list .li { display: flex; flex-wrap: wrap; padding: 6px 10px; align-items: center; cursor: pointer; font-size: 14px; line-height: 16px; border: none; background: transparent; }.c-menu .c-menu-list .li:hover { background-color: #f6f4f9; }.lv-nav-tab { display: block; margin: 10px 0 0 0; }.lv-nav-tab .mat-tab-group .mat-tab-nav-bar, .lv-nav-tab .mat-tab-group .mat-tab-header { border: none !important; }.lv-nav-tab .mat-tab-group .mat-tab-label { min-width: 1px; padding: 0 16px; opacity: 1; color: #8e8d8d; font-size: 16px; line-height: 18px; font-weight: 600; height: 38px; }.lv-nav-tab .mat-tab-group .mat-tab-label.mat-tab-label-active { color: #000; }.lv-nav-tab .mat-tab-group .mat-ink-bar { background-color: #ff8c05; height: 3px; }.lv-nav-tab .mat-tab-group .mat-ripple.mat-tab-header-pagination { padding: 0; min-width: 24px; }.lv-nav-tab .mat-tab-nav-bar, .lv-nav-tab .mat-tab-header { border: none !important; }.lv-nav-tab .mat-tab-list .mat-tab-link { min-width: 1px; padding: 0 16px; opacity: 1; color: #8e8d8d; font-size: 16px; line-height: 18px; font-weight: 600; height: 38px; transition: 500ms; }.lv-nav-tab .mat-tab-list .mat-tab-link:hover, .lv-nav-tab .mat-tab-list .mat-tab-link.mat-tab-label-active { color: #000; text-decoration: none; }.lv-nav-tab .mat-tab-list .mat-ink-bar { background-color: #ff8c05; height: 3px; }.g-course-colm .cal-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell { min-height: 52px; }.gradeDataC .mat-menu-content { padding: 10px !important; }.gradeDataC .mat-menu-content .infos .info span:first-child { display: inline-flex; float: left; align-items: center; margin: 0 4px 0 0; color: #222; }.superBook-items .superBook_item.item-xl .upcoming-class-list .date-sec { width: 104px; }.superBook-items .superBook_item.item-xl .upcoming-class-list .desc { max-width: calc(100% - 104px); }@media (max-width: 2559px) { .superBook-items .superBook_item.item-xl .upcoming-class-list .date-sec { width: 86px; } .superBook-items .superBook_item.item-xl .upcoming-class-list .desc { max-width: calc(100% - 86px); } }.subj-list-c .mat-checkbox .mat-checkbox-inner-container { width: 14px; height: 14px; background-color: #fff; }.subj-list-c .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame { border-width: 1px; border-color: #B9B9B9; }.subj-list-c .mat-checkbox.mat-checkbox-checked .mat-checkbox-background { background-color: #169F45; }.subj-list-c .mat-checkbox-indeterminate .mat-checkbox-background { background-color: #ff706c; }.ng-scroll-content { max-width: 100%; }@media (min-width: 1024px) { .right-panel-lv-course-infos .ng-scroll-content { overflow: hidden; } }.sec-sm-tl { display: block; font-size: 18px; line-height: 20px; font-weight: 700; margin: 0 0 6px 0; }.p-b-10 { padding-bottom: 10px !important; }.p-b-16 { padding-bottom: 16px !important; }.c-select { display: inline-flex; align-self: center; margin: 8px 8px 0 0; }.c-select .c-select-btn { display: flex; flex-wrap: wrap; align-items: center; background-color: #fff; border: 1px solid #b4b4b4; padding: 2px 24px 2px 10px; position: relative; height: auto; min-height: 26px; color: #222; font-size: 13px; line-height: 16px; border-radius: 100px; min-width: 96px; cursor: pointer; transition: 500ms; }.c-select .c-select-btn .ovr-tl { display: flex; align-items: center; justify-content: center; min-height: 14px; position: absolute; top: 0; left: 8px; color: #222; background-color: #fff; padding: 0 6px; border-radius: 100px; font-size: 10px; line-height: 12px; font-weight: 600; border: 1px solid #ad8dff; opacity: 0; visibility: hidden; transition: 500ms; }.c-select .c-select-btn:after { content: ""; background: url('down-arrow-purple.svg') no-repeat center center; background-size: 100% auto; width: 10px; height: 10px; position: absolute; top: 50%; right: 7px; transform: translate(0, -50%); opacity: 0.7; transition: 500ms; filter: grayscale(100%); }.c-select .c-select-btn:hover, .c-select .c-select-btn[aria-expanded=true] { border: 1px solid #511cd9; color: #511cd9; }.c-select .c-select-btn:hover:after, .c-select .c-select-btn[aria-expanded=true]:after { filter: inherit; }.c-select .c-select-btn.active { border: 1px solid #511cd9; background-color: #511cd9; color: #fff; }.c-select .c-select-btn.active:after { filter: brightness(0) invert(1); }.c-select .c-select-btn.active .ovr-tl { top: -10px; opacity: 1; visibility: visible; }@media (max-width: 479px) { .c-select { margin: 5px 5px 0 0; } .c-select .c-select-btn { min-height: 22px; font-size: 12px; line-height: 14px; min-width: 90px; padding-left: 6px; padding-right: 20px; } .c-select .c-select-btn:after { right: 5px; } .c-select .c-select-btn .ovr-tl { padding: 0 5px; min-height: 13px; font-size: 9.5px; line-height: 11px; } }.c-select-list { display: flex; flex-flow: column; padding: 0; margin: 0; }.c-select-list .c-list { display: block; padding: 0; margin: 0; }.c-select-list .c-list .grade-li-bx { display: block; position: relative; cursor: pointer; }.c-select-list .c-list .grade-li-bx input { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; cursor: pointer; opacity: 0; }.c-select-list .c-list .grade-li-bx input:checked { cursor: default; }.c-select-list .c-list .grade-li-bx input:checked ~ .grade-check { background: transparent; padding-left: 26px; cursor: default; }.c-select-list .c-list .grade-li-bx input:checked ~ .grade-check:after { opacity: 1; visibility: visible; }.c-select-list .c-list .grade-li-bx .grade-check { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; transition: 500ms; padding: 6px 10px; min-height: 32px; font-size: 14px; line-height: 18px; cursor: pointer; color: #424242; font-weight: 500; position: relative; }.c-select-list .c-list .grade-li-bx .grade-check:after { content: ""; display: block; position: absolute; top: 50%; left: 6px; transform: translate(0, -50%); background: url('check-white-bold.svg') no-repeat center center; background-size: 8px auto; width: 14px; height: 14px; opacity: 0; visibility: hidden; transition: 500ms; border: 2px solid #fd636a; border-radius: 100px; background-color: #fd636a; }.c-select-list .c-list .grade-li-bx .grade-check img { display: block; float: left; height: 16px; margin: 0 6px 0 0; filter: brightness(0.3); transition: 400ms; }.c-select-list .c-list .grade-li-bx .grade-check span { display: block; float: left; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }.c-select-list .c-list .grade-li-bx:hover input:not(:checked) ~ .grade-check { background-color: #fd636a; color: #fff; }.c-select-list .c-list .grade-li-bx:hover input:not(:checked) ~ .grade-check img { filter: brightness(0) invert(1); }.book-infos .ng-scrollbar-wrapper .scrollbar-control, .subj-lists .ng-scrollbar-wrapper .scrollbar-control { display: none; }.book-infos .ng-scrollbar.x-scroll-show scrollbar-x.scrollbar-control, .subj-lists .ng-scrollbar.x-scroll-show scrollbar-x.scrollbar-control { display: flex; }.markList { display: flex; flex-wrap: nowrap; height: -moz-fit-content; height: fit-content; margin: 6px 0 0 0; }@media (max-width: 800px) { .markList { margin: 5px 0 0 0; } }.markList .list { display: block; float: left; margin: 0 30px 0 0; }.markList .list:last-child { margin-right: 0; }.markList .list .listBlock { display: flex; flex-wrap: nowrap; white-space: nowrap; }.markList .list .listBlock .t { display: flex; float: left; align-items: center; font-size: 14px; line-height: 22px; font-weight: 600; padding: 0 10px 0 0; }.markList .list .listBlock .n-cont { display: flex; flex-wrap: nowrap; }.markList .list .listBlock .n { display: block; float: left; width: 30px; height: 30px; background-color: #9E9E9E; color: #fff; font-size: 15px; line-height: 30px; border-radius: 100px; margin: 0 6px 0 0; text-align: center; position: relative; padding: 0; box-shadow: none; outline: none; border: none; cursor: pointer; }@media (max-width: 800px) { .markList .list .listBlock .n { width: 24px; height: 24px; font-size: 13.5px; line-height: 24px; } }.markList .list .listBlock .n:before { content: ""; display: block; position: absolute; top: -4px; left: -4px; width: calc(100% + 8px); height: calc(100% + 8px); border: 2px solid transparent; border-radius: 100px; }.markList .list .listBlock .n.selected { background-color: #0fc1eb; }.markList .list .listBlock .n.active:before { border-color: #0fc1eb; }.markList .list .listBlock .n.active.light.selected, .markList .list .listBlock .n.light.selected { background-color: rgba(15, 193, 235, 0.7); }.markList .list .listBlock .n.active.light:before { border-color: rgba(15, 193, 235, 0.7); }.markList .list .listBlock .n.success { background-color: #57dc66; }.markList .list .listBlock .n.success.active:before { border-color: #57dc66; }.markList .list .listBlock .n.error { background-color: #ff9541; }.markList .list .listBlock .n.error.active:before { border-color: #ff9541; }.scroll-p-0 > .ng-scrollbar-wrapper > .ng-scroll-viewport-wrapper > .ng-native-scrollbar-hider { padding-right: 0 !important; }.netless-whiteboard .component { z-index: 2 !important; }.bxStyle { background-color: #fff; padding: 1.25rem; border: 1px solid #6e6d6d29; border-radius: 0.5em; }@media (max-width: 767px) { .bxStyle { padding: 1rem; } }.grid-fluid { grid-column: 1/-1; }body.ai-chat-docked-open app-root > section.main_Body_Area { width: calc(100% - var(--ai-chat-width, 450px)) !important; max-width: calc(100% - var(--ai-chat-width, 450px)) !important; overflow-x: hidden; transition: width 0.3s ease, max-width 0.3s ease; }body.ai-chat-docked-open .page-header, body.ai-chat-docked-open .page-header-new { width: calc(100% - var(--ai-chat-width, 450px)) !important; max-width: calc(100% - var(--ai-chat-width, 450px)) !important; transition: width 0.3s ease, max-width 0.3s ease; }body.ai-chat-docked-open .mobile-footer-nav { width: calc(100% - var(--ai-chat-width, 450px)) !important; max-width: calc(100% - var(--ai-chat-width, 450px)) !important; transition: width 0.3s ease, max-width 0.3s ease; }@media (max-width: 768px) { body.ai-chat-docked-open .main_Body_Area, body.ai-chat-docked-open .page-header, body.ai-chat-docked-open .page-header-new, body.ai-chat-docked-open .mobile-footer-nav { width: 100% !important; max-width: 100% !important; } }.cdk-overlay-container { z-index: 10000000 !important; }/* FORCE HEADER ADJUSTMENT FOR DOCKED CHAT */body.ai-chat-docked-open app-top-navbar-default, body.ai-chat-docked-open app-top-navbar-insider, body.ai-chat-docked-open .page-header, body.ai-chat-docked-open .page-header-new, body.ai-chat-docked-open header { width: calc(100% - var(--ai-chat-width, 450px)) !important; max-width: calc(100% - var(--ai-chat-width, 450px)) !important; right: auto !important; left: 0 !important; } /*# sourceMappingURL=styles.css.map*/