/*!
 * 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}@-ms-viewport{width:device-width}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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;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::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.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:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-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:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:0 1 auto;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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn: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{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.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:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;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;-moz-user-select:none;-ms-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=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3E%3Cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z%27/%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=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 4%27%3E%3Cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%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=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3E%3Ccircle r=%273%27 fill=%27%23fff%27/%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=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(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;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler: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{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 30 30%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 7h22M4 15h22M4 23h22%27/%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=%270 0 30 30%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card: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{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion .card: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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-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}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media 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{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{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:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;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:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;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;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #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;-ms-flex-align:center;align-items:center;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-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{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);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{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (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{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.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=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z%27/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 8 8%27%3E%3Cpath d=%27M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z%27/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color: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!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.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}}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(a4a8691ca395136aee47.png)}.ui-widget-header .ui-icon{background-image:url(a4a8691ca395136aee47.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url(0d6de499db574dd313c1.png)}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url(1e360be5458b462df279.png)}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url(e084661154ad58415fa1.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(dc29114100c22b4660e3.png)}.ui-button .ui-icon{background-image:url(853909d9945e29dd80d5.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/*2969 da kaldin*/
:root {
    font-size: 16px;
    height: 100%;
    --top_navbar_height: 53px;
    /*this is serving also as the margin-top of #details_div*/
    --details_div_top_padding: 10px;
    /* this div is the main one which is encapsulating many divs in pages.*/
    --display_div_padding_top: 5px;
    --hr_main_line_height: 1px;
    --hr_line_height: 1px;
    --table_search_div: 41px;
    /*#table_search_div is search input wrapper div on top of tables or side panels including top 10 padding. only used to make minus in small screen size since input div is invisible*/
    --home_page_lg_size: 63px;
    /*calculation includes: top navbar height(--top_navbar_height:53)+(--details_div_top_padding:10)*/
    --home_page_lg_side_panel: 63px;
    /* for home and settings page with navbar*/
    --admin_page_side_panel: 10px;
    /* Admin: just padding, no navbar */
    /*(#table_search_div height:41 including bottom 10 padding (auto-given not set by hand)+calculation includes: top navbar height(--top_navbar_height:53)+(--details_div_top_padding:10))*/
    /*----------------------------------------------*/
    /*--process_page_empty:110px;*/


    --flex_control_btns_single: 60.6px;
    --flex_control_btns_double: 132.6px;
    /*height of #side_details container in different sizes which is including control btns on top after 576 size as flex*/
    --flex_control_btns_triple: 142px;
    /*------------------------------*/
    --top_fieldset_widget_single: 47.9px;
    /*this is automated height given to widget including fieldset on top of home page contacts 47.9*/
    --top_fieldset_widget_tripple: 100.5px;
    /*this is automated height given to widget including fieldset on top of home page sent 100.5*/
    --top_fieldset_widget_four: 126.8px;
    /*this is automated height given to widget including fieldset on top of home page sent 100.5*/
    /*-----------------------------------*/
    --top_selection_btns_lg_div: 40px;
    /*auto given not set by hand and including 4px bottom padding*/
    --top_selection_btns_sm_div: 34px;
    /*auto given not set by hand and including 4px bottom padding*/
    /*displayinnerwindow section top information section*/
    --display_info_section: 59px;
    /*55px is height and 4 px is margin*/
    --li_bottom_margin: 2px;
    --li_border_radius: 3px;
    --close_btn_font_size: 18px;
    /*-----------------------------------*
    /*below are colors used in program*/
    --dark_content_bck: #e6e6e6;
    --medium_content_bck: #ededed;
    --lightest_background_gray: #fbfbfb;
    --light_background_gray: #eaeded;
    --ezinq_theme_color: #03396c;
    --background_color_btn_primary: #474069;
    --background_color_common_hover: #012240;
    --background_color_common_active: #001120;
    --button_text_color: #000000;
    --li_hover_color: lightgray;
    --line_hover_color: #C0C0C0;
    --button_hover_color: #b9d3eb;
    --tr_focused_color: #97bbdb;
    --btn_fill_light: #6495ed;
    --background_color_dark_blue: #3498db;
    --background_color_div_light: #f8f9fb;
    --background_color_div_light_hover: #c6c7c8;
    --background_color_div_light_btn_active: #9e9fa0;
    --public_border: #dfe0e1;
    --list_hover_background_color: #b9d3eb;
    --icon_colors: #a9a9a9;
    --icon_hover: #2ecc71;
    --entry_light_grey: #eff3f4;
    --light_border_grey: #e3eaec;
    --ultra_light_border_grey: #f1f4f5;
    --extreme_light_border_grey: #eef2f3;
    --attention_red: #ffb833;
    --attention_red_hover: #e59809;
    --top_title_darkest: #323232;
    --top_title_dark: #356089;
    --top_title_light: #6788a6;
    --top_title_lightest: #92a4b4;
    --top_title_bottom_border: #6f6f6f;
    --fill_color_gray: #71797E;
    --fill_color_focus_light_blue: #55a9e1;
    --paled_btn_backgrd: #585858;
    --section_color_light_blue: #f0ffff;
    --sidebar-surface: #f9fafb;
    --section_color_light_ivory: #FFFFF0;
    --mild_blue: #00b0eb;
    --light_background_border: #e5e7eb;
    --hint_color: #C7C7CD;
    --focus_input_bck_light_blue: #e8f0fe;
    --close_btn_color: gray;
    --close_btn_active: #AA4A44;
    /*some tbl column width sizes*/
    /*packing list width sizes*/
    --pack_checkbox_col_lg: 5%;
    --pack_img_col_lg: 7%;
    --pack_img_col_sm: 10%;
    --pack_other_col_lg: 4.886%;
    /*18 columns in a row using same*/
    --pack_stretched_col_lg: 11.886%;
    /*img section 10 + pack_other_col_lg 4.72 used in packing title wrapper div stretching to take space of multiple th size*/
    --pack_other_col_sm: 12.14%;
    /*7 columns in a row using same*/
    --pack_stretched_col_sm: 22.14%;
    /*img section 10 + pack_other_col_sm 12.14 used in packing title wrapper div stretching to take space of multiple th size*/
    /*below container page table side column width*/
    --con_other_col_lg: 20%;
    --con_visual_col_lg: 16.66%;
    /*below container page list view column width*/
    --con_list_view_col_lg: 5.88%;
    --con_list_view_stretched_col_lg: 11%;
    --con_list_view_col_sm: 14.28%;
    --con_list_view_stretched_col_sm: 28.56%;

}

* {
    box-sizing: border-box;
    /* scrollbar-width: thin; */
}

body::-webkit-scrollbar {
    width: 12px;
}

body.personal_services_body {
    min-height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
}

html {
    font-size: 16px;
    height: 100%;
}

body {
    /* scrollbar-width: thin; */
    background-color: #ffffff;
    /*font-family: "Helvetica Neue","Arial_unicode_MS";*/
    font-family: Helvetica Neue, Tahoma, Helvetica, Arial, "Microsoft Yahei", "????", STXihei, "????", sans-serif;
    /*font-size:8px;*/
    margin: 0 auto;
    height: 100%;
    height: 100vh;
    overflow: hidden;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.index_body,
body.registration_body {
    height: 100vh;
    overflow-y: auto;
    background-color: var(--entry_light_grey);
}

/* Sidebar Card Section Titles */
.card-section-title {
    margin-bottom: 0.20rem;
    padding-bottom: 0.2rem;
}

.card-section-title h6 {
    font-size: 0.75rem;
    font-weight: normal;
    letter-spacing: 0.5px;
    /* text-transform: uppercase; */
    margin-bottom: 0;
    color: var(--background_color_div_light_btn_active) !important;
}

.light_font {
    font-weight: normal !important;
}

.f_size_14 {
    font-size: 14px;
}

.f_size_12 {
    font-size: 12px;
}

.no_scroll_overflow {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: auto !important;
}

.no_scroll_overflow::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

.p_5 {
    padding: 5px !important;
}

.p_10 {
    padding: 10px !important;
}

.p_25 {
    padding: 25px !important;
}

.pb_25 {
    padding-bottom: 25px !important;
}

.pl_25 {
    padding-left: 25px !important;
}

.pr_25 {
    padding-right: 25px !important;
}

.pt_25 {
    padding-top: 25px !important;
}

.product_row td div:first-child,
.pack_each_data_row .pack_info_wrapper,
.fixed_height_row td div:first-child {
    max-height: 120px !important;
    overflow: hidden;
}

.product_row:hover .control_icons_wrapper {
    display: block !important;
}

.admin_dynamic_filter_section {
    /*admin panel any table search section wrapper*/
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.admin_any_table_search {
    /*each dynamic div in admin panel for any table search section at top*/
    padding: 10px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.admin_any_table_search input {
    width: 100% !important;
}

div[data-hint]:empty:not(:focus):before,
span[data-hint]:empty:not(:focus):before {
    content: attr(data-hint);
    color: var(--hint_color);
}

.top_title_darkest {
    background-color: var(--top_title_darkest)
}

.top_title_dark {
    background-color: var(--top_title_dark);
}

.clr_blue {
    color: blue;
}

.bck_clr_light_blue {
    background-color: var(--section_color_light_blue);
}

.bck_clr_darker_blue {
    background-color: #E0E0E0;
}

.top_title_lightest {
    background-color: var(--top_title_lightest);
}

.top_title_light {
    background-color: var(--top_title_light);
}

.top_title_darkest a {
    color: white;
}

.lightbox {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.no_selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input:disabled:hover,
button:disabled:hover,
textarea:disabled:hover {
    cursor: not-allowed;
    opacity: 0.7;
    background: #f5f5f5;
}

.center_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.content_section {
    width: 100%;
    border: 1 solid var(--light_background_border);
    border-radius: .25rem;
    box-shadow: 2px 2px 2px rgb(211, 211, 211, .4), -2px -2px 2px rgb(211, 211, 211, .4);
}

.content_distinguisher {
    background-color: var(--entry_light_grey);
    border-radius: 0.25rem;
    box-shadow: 2px 2px 2px rgb(211, 211, 211, .4);
}

.footer_wrapper {
    min-height: 70px;
    background-color: #71797E;
    margin-top: 25px;

}

.footer_content_wrapper {
    padding: 10px 7rem 10px 7rem;
    color: white;
    font-size: 12px;
}

.footer_content {
    /* flex: 1; */
    flex-grow: 1;
}

.display_flex {
    display: flex;
}

.flex_hrz_center {
    justify-content: center;
}

.flex_vrt_center {
    align-items: center;

}

.flex_dir_col {
    flex-direction: column;
}

.flex_equal {
    flex: 1;
}

.share_space_half {
    width: 50%;
}

.flex_wrap {
    flex-wrap: wrap;
}

.flex_row_center {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.flex_row_center_no_dimension {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex_column_center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;

}

.flex_column_center_no_dimension {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.length_lg_30_prc {
    width: 30%;
}

.w_md_30 {
    width: 30%;
}

.gap_10 {
    gap: 10px;
}

.w_100 {
    width: 100% !important;
}

.h_20 {
    height: 20px !important;
}

.h_25 {
    height: 25px !important;
}

.h_30 {
    height: 30px !important;
}

.p_r_10 {
    padding-right: 10px;
}

.hidden {
    display: none;
}

.clean_btn {
    outline: none;
    box-shadow: none;
    border: none;
}

.clean_btn:focus {
    outline: none;
}

.link_ul {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    max-height: 300px;
    overflow: auto;
}

.clean_ul {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    max-height: 300px;
    overflow: auto;
    width: 100%;
    border: 1px solid var(--light_border_grey);
    border-radius: 5px;
}

.clean_ul li {
    padding: 5px 7px;
    margin-bottom: 2px;
}

label[for]:hover {
    cursor: pointer;
}

.b_md_right {
    border-right: 1px solid var(--light_background_border);
}

.b_md_bottom {
    border-bottom: 1px solid var(--light_background_border);
}

.p_5 {
    padding: 5px;
}

.p_3 {
    padding: 3px;
}

.max_height_140 {
    max-height: 140px;
    overflow-y: auto;
}

.border_none {
    border: none !important;
    outline: none !important;
}

.hiddenFileInput {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

/* .file_input_wrapper:hover,
.file_input_wrapper.drag-over {
    border-color: #43e97b;
    background: #f0fff4;
} */

.file_input_wrapper .file-upload-icon {
    font-size: 48px;
    color: #43e97b;
    margin-bottom: 15px;
}

.file_val {
    width: 100%;
    font-size: 13px;
    text-indent: 10px;
    line-height: 25px;
    pointer-events: none;
    overflow: hidden;
    height: 25px;
}

.cornered_btn {
    cursor: pointer;
    display: inline-block;
    color: white;
    text-align: center;
    -webkit-transition: 500ms all;
    -moz-transition: 500ms all;
    transition: 500ms all;
    vertical-align: top;
    border-radius: .2rem !important;
}

small.drop_menu:hover {
    cursor: pointer;
}

.link_ul li {
    padding: 14px 14px;
}

.clean_ul li:hover,
.clean_ul li:hover small {
    background-color: var(--tr_focused_color);
    color: white;
    cursor: pointer;
}

.clean_ul li.link_effect:hover {
    background-color: transparent !important;

}

.link_ul li:hover {
    color: white;
}

.clean_anchor {
    text-decoration: none !important;

}

.bck_light {
    background-color: var(--lightest_background_gray);
}

.bck_light_gray {
    background-color: var(--light_background_gray);
}

.bck_selected_active {
    background-color: var(--list_hover_background_color) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.bck_transparent {
    background: transparent;
}

.bck_common_clr {
    background-color: var(--ezinq_theme_color);
}

.bck_warning_clr {
    background-color: pink;
}

.clr_red {
    color: red !important;
}

.clr_black {
    color: black;
}

.underline {
    text-decoration: underline;
}

.clr_white {
    color: white;
}

.clr_gray {
    color: gray;
}

.clr_green {
    color: green !important;
}

.bck_clr_yellow {
    background-color: yellow;
}

.bck_clr_red {
    background-color: red;
}

.clr_light_gray {
    color: var(--light_border_grey);
}

.italic_style {
    font-style: italic;
}

tr.item_invb td {
    font-style: italic;
    color: gray;
}

.tr_line_marker {
    /*used to mark some specific trs for emphasising for the user*/
    background-color: #e3f2fd;
    color: black;
    transition: all 0.2s ease;
}

.tr_line_marker:hover {
    background-color: #bbdefb;
}

.overflow_y_auto {
    overflow-y: auto;
}

a {
    text-decoration: none !important;
    color: black;
}

a:hover {
    text-decoration: none !important;
}

.fnt_size_18 {
    font-size: 18px !important;
}

.fnt_size_24 {
    font-size: 24px !important;
}

.fnt_size_16 {
    font-size: 16px !important;
}

.fnt_size_12 {
    font-size: 12px !important;
}

.fnt_size_14 {
    font-size: 14px !important;
}

.fnt_size_10 {
    font-size: 10px !important;
}

.fnt_weight_thin {
    font-weight: thin;
}

.fnt_weight_normal {
    font-weight: normal;
}

.fnt_weight_bold {
    font-weight: bolder;
}

.p_left_zero {
    padding-left: 0 !important;
}

.p_right_zero {
    padding-right: 0 !important;
}

.p_zero {
    padding: 0 !important;
}

.p_1 {
    padding: 1px !important;
}

.btn_p_sm {
    padding: 0.10rem 0.3rem !important;
}

.text_center {
    text-align: center !important;
    text-align: -moz-center;
    text-align: -webkit-center;
}

.w_10_prct {
    width: 10%;
}

.w_90_prct {
    width: 90%;
}

.w_15_prct {
    width: 15%;
}

.w_50_prct {
    width: 50%;
}

.mrg_zero {
    margin: 0 !important;
}

.mrg_btm_zero {
    margin-bottom: 0 !important;
}

.mrg_top_zero {
    margin-top: 0 !important;
}

.fnt_weight_heavy {
    font-weight: 500 !important;
}

.flt_left {
    float: left;
}

.flt_right {
    float: right;
}

.product_fields_section {
    border-bottom: 1px solid grey;
    padding: 5px;
}

.product_fields_section h6 {
    text-decoration: underline;
}

.pro_each_line {
    height: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.center_alert_success {
    background-color: black;
    color: white;
    border: 1px solid white;
}

.cursorPointer {
    cursor: pointer;
}

.break_all {
    word-wrap: break-word !important;
    -ms-word-break: break-all;
    word-break: break-all;
}

.keepWordIntact {
    word-break: keep-all !important;
}

.sticky_title {
    position: sticky;
    Top: 0;
    background-color: var(--lightest_background_gray);
    z-index: 25;
}

.add_to_custom_line:hover,
.public_dropdown_ul li:hover,
.add_item_modal_ul li:hover {
    background-color: var(--tr_focused_color);
    cursor: pointer;
    color: white;
}

.public_dropdown_ul li:hover div.bck_light_gray {
    background-color: var(--tr_focused_color);
}

.portioned_tbody.display_custom_user_price_tbody td {
    color: black !important;
    font-weight: 500;
}

/* below class is for homepage contacts table two btns (ie details and start chat */
.adminpaneltopinputs {
    padding: 0 10px 0px 5px;
}

.adminpaneltopsearchbtn {
    display: flex;
    align-items: end;
    justify-content: center;
}

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

.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.settings_btn_section {
    height: calc(100vh - var(--home_page_lg_side_panel));
    overflow-y: auto;
    overflow-x: hidden;
}

.old_info_set {
    padding: .25rem .01rem;
    font-size: 0.7rem;
    width: 100%;
    text-align: center;
}

li span {
    white-space: nowrap;
}

.link_effect,
.link_effect_light,
.link_effect_blue {
    padding: .25rem .4rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: .2rem;
    color: black;
    border-color: #0000d8;
    text-decoration: none !important;
}

.link_effect:hover {
    background-color: var(--top_title_darkest);
    color: #fff !important;
    cursor: pointer;
    /* padding: .25rem .4rem; */
}

.link_effect:hover a {
    color: #fff !important;
}

.link_effect_light:hover {
    color: yellow;
}

.link_effect_blue:hover {
    color: dodgerblue;
}

.link_effect_light {
    color: #fff;
}

.link_effect_danger:hover {
    color: red;
}

.link_effect.batch_purchase_single_company {
    font-size: 14px;
}

.dark_contrast_link_effect {
    padding: .15rem .3rem;
    border-radius: .2rem;
}

.dark_contrast_link_effect:hover {
    background-color: white;
    color: black;
}

.home_drop_active_li span {
    font-size: 16px;
}

.dialogTitleCls .ui-dialog-titlebar {
    background-color: orange;

}

.confirmDialog .ui-dialog-titlebar-close {
    /*hiding close btn on confirmation dialogs.*/
    display: none;
}

.btn_attention_danger {
    color: red !important;
}

.btn_attention_success {
    color: #006400 !important;
    font-weight: bold !important;
}

button.btn_attention_danger:hover,
button.btn_attention_success:hover {
    color: white !important;
}

.ui-dialog-buttonset,
.ui-button {
    outline: none !important;
    border: 1px solid transparent !important
}

/*below padding for the button on jquery dialog bottom of the confirmation dialog.*/
.confirmDialog .ui-dialog-buttonpane button {
    padding: 4px 12px !important;
}

/*the section of jquery dialog at the bottom including button*/
.confirmDialog .ui-dialog-buttonpane {
    padding: 0 !important;
}

.confirmDialog .ui-dialog-buttonpane button:hover {
    background-color: var(--light_background_border) !important;
}

.ui-button:hover {
    border: 1px solid #B8B8B8 !important
}

/* dialog styles */

.ui-widget-header,
.ui-state-default,
.ui-button {
    border: 1px solid #B8B8B8;
}

/* custom style for modal content*/

.custom-ui-widget-header-warning {
    background: #EBCCCC;
    font-size: 1em;
}

.custom-ui-widget-header-accessible {
    background: #C2D7E9;
    font-size: 1em;
}

.ui-dialog-titlebar {
    background: #337AB7;
}

/*To get rid of bothering dots around dialog close x icon*/
.ui-dialog-titlebar-close {
    outline: none !important;
    color: black !important;
}

.ui-dialog {
    border-radius: 10px;
}

.ui-dialog-titlebar {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: var(--top_title_darkest);
    color: white !important;
}

.ui-dialog-titlebar-close:hover {
    color: black !important;
    background-color: var(--background_color_div_light_hover) !important;
    border: none !important;
}

.ui-dialog-titlebar-close:hover .ui-icon {
    color: white !important;
}

.dialogTitleCls .ui-dialog-titlebar-close {
    outline: none !important;
}

.chk_size {
    transform: scale(1) !important;
}

.checklabel {
    font-size: 12px;
}

/*custom file initial wrappers*/
.customfile_initial_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    padding: 5px;
    text-align: center;
    font-size: 1em !important;
    background-color: #00b0eb !important;
    border-color: var(--entry_light_grey);
    color: white;
    border-radius: 50%;
    margin-right: 5px;
    min-width: 40px;
    min-height: 40px;
    vertical-align: middle;
}

/*---------------------------*/
/*below those profile images in contact list without image with initials*/
.no_profile_image_cover {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 2px;
    border-radius: 5px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 2em !important;
    background-color: #00b0eb !important;
    border-color: var(--entry_light_grey);
}

.contact_profile_no_image {
    position: relative;
}

/* Below is registration page style */
#registration_form {
    margin: 0 auto;
}

#registration_form div.form-group {
    height: 130px !important;
}

#registration_form label {
    font-weight: bold;
}

.registration_form_modal div.form-group {
    height: 100px !important;
}

.registration_form_modal label {
    font-weight: bold;
}

.registration_form_modal button:not(.ui-datepicker-trigger):not(.close) {
    border-radius: 20px;
}


#index_form label {
    font-weight: bold;
}

.modal.fade.modal-right .modal-dialog {
    transform: translate(125%, 0px);
}

.modal-backdrop.top_backdrop {
    z-index: 1060 !important;
}

.modal.show.modal-right .modal-dialog {
    transform: none;
}

.scrollable_dialog {
    overflow-y: initial !important
}

.scrollable_body {
    min-height: 200px;
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

.scrollable_body_full_height {
    overflow-y: auto;
    margin: 0;
    padding: 0;
    height: 100%;
}

.spec_title_th th {
    background-color: var(--top_title_dark);
    color: white;
}

.spec_title_th td {
    background-color: var(--top_title_light);
    color: white;
}

.packlist_section table,
.title_wrapper label,
#no_item_td h6,
.page_title {
    margin: 0;
}

/* My_page style below:*/
a.nav-link {
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 0.5em;
}

.nav-item {
    color: white;
}

.navbar-nav {
    float: right;
}

.navbar-text {
    color: white;
}

.nav-item a {
    color: white;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 32 32%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%28255,255,255, 0.5%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 8h24M4 16h24M4 24h24%27/%3E%3C/svg%3E");
    font-size: 14px;
}

.small_avatar,
.company_avatar {
    border-radius: 5px;
    width: 42px;
    height: auto;
    align-self: center;
}

input[type=radio] {
    vertical-align: middle;
    margin: 0;
    cursor: pointer;
}

.align_inline_radio_btn {
    vertical-align: middle;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 14px !important;
    height: 14px !important;
    box-sizing: border-box;
    border: 2px solid #0d6efd !important;
    border-radius: 50%;
    background-color: transparent !important;
    position: relative;
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;
}

.align_inline_radio_btn:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 2px solid #0d6efd !important;
    background-color: transparent !important;
}

.align_inline_radio_btn:checked {
    border: 2px solid #0d6efd !important;
    background-color: transparent !important;
}

.align_inline_radio_btn:checked::before {
    /*inner round circle inside the checked state of radio button.*/
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0d6efd;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

li {
    border-left: 1px solid darkblue;
}

a.nav-link:not(.language_menu):hover {
    color: yellow !important;
}

button.close {
    outline: none !important;
    font-size: 18px;
    padding: 8px !important;
    color: black;
    margin: -0.50rem -0.875rem -0.875rem auto !important;
}

button.close:hover {
    background-color: red;
}

button.close:hover span {
    color: white;
}

button.close:active {
    background-color: var(--close_btn_active);
}

button.close:active>span {
    color: white;
}

button.close span {
    font-size: var(--close_btn_font_size);
    color: var(--close_btn_color);
    opacity: 1;
    font-weight: normal !important;
    text-shadow: none !important;
}

.switch {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 30px;
    margin: 0 10px;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
    box-shadow: inset 0 5px 4px rgba(0, 0, 0, 13);

}

.switch input {
    display: none;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 5px;
    bottom: 5px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

input:checked+.slider {
    background-color: #007bff;
}

input:checked+.slider:before {
    transform: translateX(50px);
}

thead {
    position: relative;
    /*z-index: 100;*/
    text-align: center;
}


/* General (except homepage) Status Switch:*/
.active_switch {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 20px;
    margin: 0 auto;
}

.active_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: grey;
    transition: .4s;
    border-radius: 34px;
    box-shadow: inset 0 5px 4px rgba(0, 0, 0, 13);
}

.active_switch input {
    display: none;
}

.active_slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 66px;
    left: 2px;
    bottom: 2px;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

.active_slider:after {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
    box-shadow: 0 2px 5px black;
}

input:checked+.active_slider:before {
    background-color: cornflowerblue;
}

input:checked+.active_slider:after {
    transform: translateX(50px);
}

/* show hide switch button:*/
.show_hide_switch {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 20px;
    margin: 0 auto;

}

.show_hide_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: grey;
    transition: .4s;
    border-radius: 34px;
    box-shadow: inset 0 5px 4px rgba(0, 0, 0, 13);
}

.show_hide_switch input {
    display: none;
}

.show_hide_slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 66px;
    left: 2px;
    bottom: 2px;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

.show_hide_slider:after {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
    box-shadow: 0 2px 5px black;
}

input:checked+.show_hide_slider:before {
    background-color: #ff278c;
}

input:checked+.show_hide_slider:after {
    transform: translateX(50px);
}

[contenteditable]:empty:before {
    content: attr(placeholder);
    /*background-color:orange;*/
    /*display: inline-block; !* For Firefox *!*/
    color: grey;
}

[contenteditable]:empty:hover {
    background-color: white;
}

.toolbar {
    float: left;
}

.navbar li {
    z-index: 1001;
}

#show-hide-columns {
    padding: 3px;
    background-color: cornflowerblue;
    color: white;
    z-index: 1;
    position: relative;
    margin-bottom: 5px;
}

#settings_form,
#sub_user_privilege,
.setting_section {
    background-color: white;
    width: 100%;
}

.settingTitles {
    text-align: center;
    background-color: grey;
    color: white;
}

.entry_forms input {
    border-radius: 20px 20px 20px 20px;
}

.entry_forms select {
    border-radius: 20px 20px 20px 20px;
}

.entry_forms button {
    border-radius: 20px 20px 20px 20px;
}

select {
    outline: none !important;
    box-shadow: none !important;
    font-size: .875rem !important;
}

.iti {
    width: 100%;
}

input:autofill {
    /*this is to remove bothering browser itself autofill color in input fields (index page especiall)*/
    background: #fff;
    /* or any other */
}

.profile_picture_div {
    margin-bottom: 1em;
    width: 100%;
    height: auto;
    position: relative;
    /*padding:0;*/
    opacity: 1;
}

.profile_picture_div::before {
    content: '';
    position: absolute;
    top: 1.25em;
    bottom: 1.25em;
    right: 1.25em;
    left: 1.25em;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    transform: scale(0, 1);
    transition: transform ease-out 250ms;

}

.profile_picture_div::after {
    content: '';
    position: absolute;
    top: 1.25em;
    bottom: 1.25em;
    right: 1.25em;
    left: 1.25em;
    border-left: 1px solid white;
    border-right: 1px solid white;
    transform: scale(1, 0);
    transition: transform ease-out 250ms;
}

.profile_picture_div:hover::before {
    transform: scale(1.05, 1);
    /*opacity:0.4;*/
}

.profile_picture_div:hover::after {
    transform: scale(1, 1.05);
    /*opacity:0.4;*/
}

#upload_avatar_btn {
    position: absolute;
    left: 50%;
    top: 70%;
    box-sizing: border-box;
    background-color: white;
    transform: translate(-50%, -50%);
    display: none;
    padding: 2px;
    border-radius: 3px;
    z-index: 2;
    font-size: 1em;
    cursor: pointer;
    width: 33%;
    text-align: center;
    color: black;
    background-color: white !important;
    border-color: var(--entry_light_grey);
}


.profile_picture_div:hover {
    opacity: 0.8;
    transition: opacity ease-out 250ms;
}

.profile_picture_div:hover #upload_avatar_btn {
    display: inline-block;
}

#upload_avatar_btn:hover {
    background-color: var(--ezinq_theme_color) !important;
    outline: none !important;
    color: white;
}

.delete_gallery_image:hover,
.update_gallery_image:hover,
.update_hot_item:hover,
.remove_hot_item:hover,
#change_logo:hover,
#change_img:hover,
.update_about_us_img:hover,
.remove_about_us_img:hover,
.update_slider_img:hover,
.remove_slider_img:hover,
#change_remote_title:hover {
    cursor: pointer;
    text-decoration: none;
    color: #0000d8;
}

/* below company div class is coming from contacts_handle page to show short info about company
  as after element*/
.company-div[data-info] {
    position: relative;
}

/* below is coming from contacts_handle.php to contacts.php and my_page.php (for contacts tab)
  to show colorful rating bar when hovered on company name with conditions according to rate on db*/
.company-div[data-rating^='1']::before {
    content: attr(data-rating);
    display: block;
    position: absolute;
    border-radius: 20px;
    bottom: 100%;
    left: calc(50% - 35px);
    margin: 0 auto;
    /*margin-left:-25px;*/
    height: 15px;
    line-height: 1;
    width: 70px;
    background: -webkit-linear-gradient(to right, red, white 20%);
    background: -moz-linear-gradient(to right, red, white 20%);
    background: -ms-linear-gradient(to right, red, white 20%);
    background: linear-gradient(to right, red, white 20%);
    transform: scale(0);
    transition: transform ease-out 150ms, bottom ease-out 150ms;
}

.company-div[data-rating^='2']::before {
    content: attr(data-rating);
    display: block;
    position: absolute;
    border-radius: 20px;
    bottom: 100%;
    left: calc(50% - 35px);
    margin: 0 auto;
    /*margin-left:-25px;*/
    height: 15px;
    line-height: 1;
    width: 70px;
    background: -webkit-linear-gradient(to right, red, orange 20%, white 40%);
    background: -moz-linear-gradient(to right, red, orange 20%, white 40%);
    background: -ms-linear-gradient(to right, red, orange 20%, white 40%);
    background: linear-gradient(to right, red, orange 20%, white 40%);
    transform: scale(0);
    transition: transform ease-out 150ms, bottom ease-out 150ms;
}

.company-div[data-rating^='3']::before {
    content: attr(data-rating);
    display: block;
    position: absolute;
    border-radius: 20px;
    bottom: 100%;
    left: calc(50% - 35px);
    margin: 0 auto;
    /*margin-left:-25px;*/
    height: 15px;
    line-height: 1;
    width: 70px;
    background: -webkit-linear-gradient(to right, red, orange 20%, white 70%);
    background: -moz-linear-gradient(to right, red, orange 20%, white 70%);
    background: -ms-linear-gradient(to right, red, orange 20%, white 70%);
    background: linear-gradient(to right, red, orange 20%, white 70%);
    transform: scale(0);
    transition: transform ease-out 150ms, bottom ease-out 150ms;
}

.company-div[data-rating^='4']::before {
    content: attr(data-rating);
    display: block;
    position: absolute;
    border-radius: 20px;
    bottom: 100%;
    left: calc(50% - 35px);
    margin: 0 auto;
    /*margin-left:-25px;*/
    height: 15px;
    line-height: 1;
    width: 70px;
    background: -webkit-linear-gradient(to right, red, orange 20%, gold 70%, white 10%);
    background: -moz-linear-gradient(to right, red, orange 20%, gold 70%, white 10%);
    background: -ms-linear-gradient(to right, red, orange 20%, gold 70%, white 10%);
    background: linear-gradient(to right, red, orange 20%, gold 70%, white 10%);
    transform: scale(0);
    transition: transform ease-out 150ms, bottom ease-out 150ms;
}

.company-div[data-rating='5.0']::before {
    content: attr(data-rating);
    display: inline-block;
    position: absolute;
    border-radius: 20px;
    bottom: 100%;
    left: calc(50% - 35px);
    margin: 0 auto;
    /*margin-left:-25px;*/
    height: 15px;
    line-height: 1;
    width: 70px;
    background: -webkit-linear-gradient(to right, red, orange, gold, green);
    background: -moz-linear-gradient(to right, red, orange, gold, green);
    background: -ms-linear-gradient(to right, red, orange, gold, green);
    background: linear-gradient(to right, red, orange, gold, green);
    transform: scale(0);
    transition: transform ease-out 150ms, bottom ease-out 150ms;
}

.company-div[data-rating^='0']::before {
    content: attr(data-rating);
    display: inline-block;
    position: absolute;
    border-radius: 20px;
    bottom: 100%;
    left: calc(50% - 35px);
    margin: 0 auto;
    /*margin-left:-25px;*/
    height: 15px;
    line-height: 1;
    width: 70px;
    background: -webkit-linear-gradient(to right, red, white 10%);
    background: -moz-linear-gradient(to right, red, white 10%);
    background: -ms-linear-gradient(to right, red, white 10%);
    background: linear-gradient(to right, red, white 10%);
    transform: scale(0);
    transition: transform ease-out 150ms, bottom ease-out 150ms;
}

.company-div[data-rating]:hover::before {
    transform: scale(1);
}

/*----------------------END OF ABOVE CODES-------------------------- */
/* below class is coming from contacts_handle.php for contacts.php (for all radio button only)
 to show num of voters when hovered on company rating bars*/
.contact_page_ratings[data-num_of_voters] {
    position: relative;
}

.contact_page_ratings[data-num_of_voters]::after {
    content: attr(data-num_of_voters);
    display: block;
    position: absolute;
    background-color: grey;
    padding: 0.6em 1em;
    color: white;
    left: 50%;
    margin-left: -25px;
    border-radius: 10px;
    font-size: .8em;
    bottom: 1.7em;
    transform: scale(0);
    transition: transform ease-out 150ms, bottom ease-out 150ms;
}

.contact_page_ratings[data-num_of_voters]:hover::after {
    transform: scale(1);
}

.notification {
    display: inline-block;
    position: relative;
    padding: 0.6em 0.6em;
    background: #3498db;
    border-radius: 0.2em;
    font-size: 1em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    text-decoration: none !important;
}

.notification::before {
    display: block;
    content: "";
    width: 1em;
    height: 1em;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27%3E%3Cpath fill=%27white%27 d=%27M208 16c0-8.8 7.2-16 16-16s16 7.2 16 16V32.8c80.9 8 144 76.2 144 159.2v29.1c0 43.7 17.4 85.6 48.3 116.6l2.8 2.8c8.3 8.3 13 19.6 13 31.3c0 24.5-19.8 44.3-44.3 44.3H44.3C19.8 416 0 396.2 0 371.7c0-11.7 4.7-23 13-31.3l2.8-2.8C46.6 306.7 64 264.8 64 221.1V192c0-83 63.1-151.2 144-159.2V16zm16 48C153.3 64 96 121.3 96 192v29.1c0 52.2-20.7 102.3-57.7 139.2L35.6 363c-2.3 2.3-3.6 5.4-3.6 8.7c0 6.8 5.5 12.3 12.3 12.3H403.7c6.8 0 12.3-5.5 12.3-12.3c0-3.3-1.3-6.4-3.6-8.7l-2.8-2.8c-36.9-36.9-57.7-87-57.7-139.2V192c0-70.7-57.3-128-128-128zM193.8 458.7c4.4 12.4 16.3 21.3 30.2 21.3s25.8-8.9 30.2-21.3c2.9-8.3 12.1-12.7 20.4-9.8s12.7 12.1 9.8 20.4C275.6 494.2 251.9 512 224 512s-51.6-17.8-60.4-42.7c-2.9-8.3 1.4-17.5 9.8-20.4s17.5 1.4 20.4 9.8z%27/%3E%3C/svg%3E");
    transform-origin: top center;
}

.notification::after {
    font-size: 0.7em;
    font-weight: 900;
    position: absolute;
    top: -5px;
    right: -8px;
    padding: 8px 8px 8px 8px;
    display: flex;
    justify-content: center;
    align-self: center;
    line-height: 1%;
    border: 2px #fff solid;
    border-radius: 50%;
    background: deepskyblue;
    opacity: 0;
    content: attr(data-count);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transition: transform, opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.notification.notify::before {
    -webkit-animation: ring 1.5s ease;
    animation: ring 1.5s ease;
}

.notification.show-count::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(35deg);
    }

    12.5% {
        -webkit-transform: rotate(-30deg);
    }

    25% {
        -webkit-transform: rotate(25deg);
    }

    37.5% {
        -webkit-transform: rotate(-20deg);
    }

    50% {
        -webkit-transform: rotate(15deg);
    }

    62.5% {
        -webkit-transform: rotate(-10deg);
    }

    75% {
        -webkit-transform: rotate(5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
    }

    12.5% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    25% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg);
    }

    37.5% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }

    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    62.5% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

/* incoming orders icon handle*/
.incoming,
.outgoing,
.status_change_warning,
.contact_person,
.message_warning,
.signout {
    display: inline-flex;
    /* or flex */
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0.5em;
    background: var(--ezinq_theme_color);
    border-radius: 0.2em;
    font-size: 1.1em;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
}

.incoming::before,
.incoming::after,
.outgoing::before,
.outgoing::after,
.contact_person::before,
.contact_person::after,
.message_warning::before,
.message_warning::after,
.status_change_warning::before,
.status_change_warning::after,
.signout::before,
.signout::after {
    color: white;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.status_change_warning::before,
.incoming::before,
.outgoing::before,
.contact_person::before,
.message_warning::before,
.signout::before {
    display: block;
    content: "";
    width: 1em;
    height: 1em;
    background-size: contain;
    background-repeat: no-repeat;
    transform-origin: bottom center;
    /* Makes SVG white */
    /* Aligns with text/badges */
    margin-top: 0.1em;
}

.contact_person::before,
.message_warning::before {
    width: 1.2em;
    /* Increase size for wider viewBox icons */
    height: 1.2em;
}

.incoming::before,
.outgoing::before {
    width: 1.1em;
    /* Increase size for wider viewBox icons */
    height: 1.1em;
}

.status_change_warning::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27%3E%3Cpath d=%27M208 16c0-8.8 7.2-16 16-16s16 7.2 16 16V32.8c80.9 8 144 76.2 144 159.2v29.1c0 43.7 17.4 85.6 48.3 116.6l2.8 2.8c8.3 8.3 13 19.6 13 31.3c0 24.5-19.8 44.3-44.3 44.3H44.3C19.8 416 0 396.2 0 371.7c0-11.7 4.7-23 13-31.3l2.8-2.8C46.6 306.7 64 264.8 64 221.1V192c0-83 63.1-151.2 144-159.2V16zm16 48C153.3 64 96 121.3 96 192v29.1c0 52.2-20.7 102.3-57.7 139.2L35.6 363c-2.3 2.3-3.6 5.4-3.6 8.7c0 6.8 5.5 12.3 12.3 12.3H403.7c6.8 0 12.3-5.5 12.3-12.3c0-3.3-1.3-6.4-3.6-8.7l-2.8-2.8c-36.9-36.9-57.7-87-57.7-139.2V192c0-70.7-57.3-128-128-128zM193.8 458.7c4.4 12.4 16.3 21.3 30.2 21.3s25.8-8.9 30.2-21.3c2.9-8.3 12.1-12.7 20.4-9.8s12.7 12.1 9.8 20.4C275.6 494.2 251.9 512 224 512s-51.6-17.8-60.4-42.7c-2.9-8.3 1.4-17.5 9.8-20.4s17.5 1.4 20.4 9.8z%27 fill=%27%23FFFFFF%27/%3E%3C/svg%3E");
}

.incoming::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 384 512%27%3E%3Cpath d=%27M320 480H64c-17.7 0-32-14.3-32-32V64c0-17.7 14.3-32 32-32H192V144c0 26.5 21.5 48 48 48H352V448c0 17.7-14.3 32-32 32zM240 160c-8.8 0-16-7.2-16-16V32.5c2.8 .7 5.4 2.1 7.4 4.2L347.3 152.6c2.1 2.1 3.5 4.6 4.2 7.4H240zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V163.9c0-12.7-5.1-24.9-14.1-33.9L254.1 14.1c-9-9-21.2-14.1-33.9-14.1H64zM208 240c0-8.8-7.2-16-16-16s-16 7.2-16 16V361.4l-52.7-52.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l80 80c6.2 6.2 16.4 6.2 22.6 0l80-80c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L208 361.4V240z%27 fill=%27%23FFFFFF%27/%3E%3C/svg%3E");
}

.contact_person::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 512%27%3E%3Cpath d=%27M128 128a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM269.7 336c80 0 145 64.3 146.3 144H32c1.2-79.7 66.2-144 146.3-144h91.4zM224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3zm457-116.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L496 281.4l-52.7-52.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l64 64c6.2 6.2 16.4 6.2 22.6 0l128-128z%27 fill=%27%23FFFFFF%27/%3E%3C/svg%3E");
}

.outgoing::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 384 512%27%3E%3Cpath d=%27M320 480H64c-17.7 0-32-14.3-32-32V64c0-17.7 14.3-32 32-32H192V144c0 26.5 21.5 48 48 48H352V448c0 17.7-14.3 32-32 32zM240 160c-8.8 0-16-7.2-16-16V32.5c2.8 .7 5.4 2.1 7.4 4.2L347.3 152.6c2.1 2.1 3.5 4.6 4.2 7.4H240zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V163.9c0-12.7-5.1-24.9-14.1-33.9L254.1 14.1c-9-9-21.2-14.1-33.9-14.1H64zM208 278.6l52.7 52.7c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6l-80-80c-6.2-6.2-16.4-6.2-22.6 0l-80 80c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L176 278.6V400c0 8.8 7.2 16 16 16s16-7.2 16-16V278.6z%27 fill=%27%23FFFFFF%27/%3E%3C/svg%3E");
}

.message_warning::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 512%27%3E%3Cpath d=%27M202.7 288H352c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32H64C46.3 32 32 46.3 32 64V256c0 17.7 14.3 32 32 32H96c17.7 0 32 14.3 32 32v16l55.5-41.6c5.5-4.2 12.3-6.4 19.2-6.4zM352 320H202.7l-81.1 60.8c-4.8 3.6-11.3 4.2-16.8 1.5s-8.8-8.2-8.8-14.3V352 320H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H352c35.3 0 64 28.7 64 64V256c0 35.3-28.7 64-64 64zM320 448c-35.3 0-64-28.7-64-64V352h32v32c0 17.7 14.3 32 32 32H437.3c6.9 0 13.7 2.2 19.2 6.4L512 464V448c0-17.7 14.3-32 32-32h32c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32H448V128H576c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H544v32 16c0 6.1-3.4 11.6-8.8 14.3s-11.9 2.1-16.8-1.5L437.3 448H320z%27 fill=%27%23FFFFFF%27/%3E%3C/svg%3E");
}

.signout::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cpath d=%27M479.2 254.2c.5 .5 .8 1.1 .8 1.8s-.3 1.4-.8 1.8L347.3 382.2c-1.2 1.2-2.9 1.8-4.6 1.8c-3.7 0-6.7-3-6.7-6.7l0-57.3c0-8.8-7.2-16-16-16l-120 0c-4.4 0-8-3.6-8-8l0-80c0-4.4 3.6-8 8-8l120 0c8.8 0 16-7.2 16-16l0-57.3c0-3.7 3-6.7 6.7-6.7c1.7 0 3.3 .7 4.6 1.8L479.2 254.2zM512 256c0-9.5-3.9-18.6-10.8-25.1L369.2 106.5C362 99.8 352.5 96 342.7 96c-21.4 0-38.7 17.3-38.7 38.7l0 41.3-104 0c-22.1 0-40 17.9-40 40l0 80c0 22.1 17.9 40 40 40l104 0 0 41.3c0 21.4 17.3 38.7 38.7 38.7c9.9 0 19.4-3.8 26.5-10.5L501.2 281.1c6.9-6.5 10.8-15.6 10.8-25.1zM176 64c8.8 0 16-7.2 16-16s-7.2-16-16-16L80 32C35.8 32 0 67.8 0 112L0 400c0 44.2 35.8 80 80 80l96 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-96 0c-26.5 0-48-21.5-48-48l0-288c0-26.5 21.5-48 48-48l96 0z%27 fill=%27%23FFFFFF%27/%3E%3C/svg%3E");
}

.incoming::after,
.status_change_warning::after,
.outgoing::after,
.contact_person::after,
.message_warning::after,
.signout::after {
    /*font-family: Arial;*/
    font-size: 0.7em;
    font-weight: 900;
    position: absolute;
    top: -3px;
    right: -8px;
    padding: 6px 6px 6px 6px;
    display: flex;
    justify-content: center;
    align-self: center;
    line-height: 1%;
    border: 1px red solid;
    border-radius: 3px;
    background: red;
    opacity: 0;
    content: attr(data-count);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transition: transform, opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.incoming.notify::before {
    -webkit-animation: ring 1.5s ease;
    animation: ring 1.5s ease;
}

.incoming.show-count::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* outgoing orders icon handle*/
.outgoing.notify::before {
    -webkit-animation: ring 1.5s ease;
    animation: ring 1.5s ease;
}

.outgoing.show-count::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.contact_person.notify::before {
    -webkit-animation: ring 1.5s ease;
    animation: ring 1.5s ease;
}

.contact_person.show-count::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.message_warning.notify::before {
    -webkit-animation: ring 1.5s ease;
    animation: ring 1.5s ease;
}

.message_warning.show-count::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.status_change_warning.notify::before {
    -webkit-animation: ring 1.5s ease;
    animation: ring 1.5s ease;
}

.status_change_warning.show-count::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Hover states - change fill color in SVG */
.status_change_warning:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27%3E%3Cpath d=%27M208 16c0-8.8 7.2-16 16-16s16 7.2 16 16V32.8c80.9 8 144 76.2 144 159.2v29.1c0 43.7 17.4 85.6 48.3 116.6l2.8 2.8c8.3 8.3 13 19.6 13 31.3c0 24.5-19.8 44.3-44.3 44.3H44.3C19.8 416 0 396.2 0 371.7c0-11.7 4.7-23 13-31.3l2.8-2.8C46.6 306.7 64 264.8 64 221.1V192c0-83 63.1-151.2 144-159.2V16zm16 48C153.3 64 96 121.3 96 192v29.1c0 52.2-20.7 102.3-57.7 139.2L35.6 363c-2.3 2.3-3.6 5.4-3.6 8.7c0 6.8 5.5 12.3 12.3 12.3H403.7c6.8 0 12.3-5.5 12.3-12.3c0-3.3-1.3-6.4-3.6-8.7l-2.8-2.8c-36.9-36.9-57.7-87-57.7-139.2V192c0-70.7-57.3-128-128-128zM193.8 458.7c4.4 12.4 16.3 21.3 30.2 21.3s25.8-8.9 30.2-21.3c2.9-8.3 12.1-12.7 20.4-9.8s12.7 12.1 9.8 20.4C275.6 494.2 251.9 512 224 512s-51.6-17.8-60.4-42.7c-2.9-8.3 1.4-17.5 9.8-20.4s17.5 1.4 20.4 9.8z%27 fill=%27yellow%27/%3E%3C/svg%3E");
}

.incoming:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 384 512%27%3E%3Cpath d=%27M320 480H64c-17.7 0-32-14.3-32-32V64c0-17.7 14.3-32 32-32H192V144c0 26.5 21.5 48 48 48H352V448c0 17.7-14.3 32-32 32zM240 160c-8.8 0-16-7.2-16-16V32.5c2.8 .7 5.4 2.1 7.4 4.2L347.3 152.6c2.1 2.1 3.5 4.6 4.2 7.4H240zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V163.9c0-12.7-5.1-24.9-14.1-33.9L254.1 14.1c-9-9-21.2-14.1-33.9-14.1H64zM208 240c0-8.8-7.2-16-16-16s-16 7.2-16 16V361.4l-52.7-52.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l80 80c6.2 6.2 16.4 6.2 22.6 0l80-80c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L208 361.4V240z%27 fill=%27yellow%27/%3E%3C/svg%3E");
}

.outgoing:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 384 512%27%3E%3Cpath d=%27M320 480H64c-17.7 0-32-14.3-32-32V64c0-17.7 14.3-32 32-32H192V144c0 26.5 21.5 48 48 48H352V448c0 17.7-14.3 32-32 32zM240 160c-8.8 0-16-7.2-16-16V32.5c2.8 .7 5.4 2.1 7.4 4.2L347.3 152.6c2.1 2.1 3.5 4.6 4.2 7.4H240zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V163.9c0-12.7-5.1-24.9-14.1-33.9L254.1 14.1c-9-9-21.2-14.1-33.9-14.1H64zM208 278.6l52.7 52.7c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6l-80-80c-6.2-6.2-16.4-6.2-22.6 0l-80 80c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L176 278.6V400c0 8.8 7.2 16 16 16s16-7.2 16-16V278.6z%27 fill=%27yellow%27/%3E%3C/svg%3E");
}

.contact_person:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 512%27%3E%3Cpath d=%27M128 128a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM269.7 336c80 0 145 64.3 146.3 144H32c1.2-79.7 66.2-144 146.3-144h91.4zM224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3zm457-116.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L496 281.4l-52.7-52.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l64 64c6.2 6.2 16.4 6.2 22.6 0l128-128z%27 fill=%27yellow%27/%3E%3C/svg%3E");
}

.message_warning:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 512%27%3E%3Cpath d=%27M202.7 288H352c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32H64C46.3 32 32 46.3 32 64V256c0 17.7 14.3 32 32 32H96c17.7 0 32 14.3 32 32v16l55.5-41.6c5.5-4.2 12.3-6.4 19.2-6.4zM352 320H202.7l-81.1 60.8c-4.8 3.6-11.3 4.2-16.8 1.5s-8.8-8.2-8.8-14.3V352 320H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H352c35.3 0 64 28.7 64 64V256c0 35.3-28.7 64-64 64zM320 448c-35.3 0-64-28.7-64-64V352h32v32c0 17.7 14.3 32 32 32H437.3c6.9 0 13.7 2.2 19.2 6.4L512 464V448c0-17.7 14.3-32 32-32h32c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32H448V128H576c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H544v32 16c0 6.1-3.4 11.6-8.8 14.3s-11.9 2.1-16.8-1.5L437.3 448H320z%27 fill=%27yellow%27/%3E%3C/svg%3E");
}

.signout:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cpath d=%27M479.2 254.2c.5 .5 .8 1.1 .8 1.8s-.3 1.4-.8 1.8L347.3 382.2c-1.2 1.2-2.9 1.8-4.6 1.8c-3.7 0-6.7-3-6.7-6.7l0-57.3c0-8.8-7.2-16-16-16l-120 0c-4.4 0-8-3.6-8-8l0-80c0-4.4 3.6-8 8-8l120 0c8.8 0 16-7.2 16-16l0-57.3c0-3.7 3-6.7 6.7-6.7c1.7 0 3.3 .7 4.6 1.8L479.2 254.2zM512 256c0-9.5-3.9-18.6-10.8-25.1L369.2 106.5C362 99.8 352.5 96 342.7 96c-21.4 0-38.7 17.3-38.7 38.7l0 41.3-104 0c-22.1 0-40 17.9-40 40l0 80c0 22.1 17.9 40 40 40l104 0 0 41.3c0 21.4 17.3 38.7 38.7 38.7c9.9 0 19.4-3.8 26.5-10.5L501.2 281.1c6.9-6.5 10.8-15.6 10.8-25.1zM176 64c8.8 0 16-7.2 16-16s-7.2-16-16-16L80 32C35.8 32 0 67.8 0 112L0 400c0 44.2 35.8 80 80 80l96 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-96 0c-26.5 0-48-21.5-48-48l0-288c0-26.5 21.5-48 48-48l96 0z%27 fill=%27red%27/%3E%3C/svg%3E");
}

/*below contact_profile and its after element is coming from contact_handle.php for homepage to show
online offline status and unread msg count on top of img*/
.contact_profile {
    position: relative;
}

.contact_profile::after {
    content: attr(data-unread);
    top: 2px;
    right: 2px;
    position: absolute;
    height: 10px;
    width: 5px;
    font-size: 8px;
    padding: 5px 10px 6px 1px;
    line-height: 10%;
    border: 1px #fff solid;
    border-bottom-left-radius: 12px;
    /*border-radius: 10%;*/
    background: var(--ezinq_theme_color);
    opacity: 1;
    color: white;
}

.contact_profile[data-status="Online"]::after {

    background: green;
}

.contact_profile[data-status="Offline"]::after {
    background: grey;
}

#inquiry_details_history {
    display: inline-block;
    overflow-x: hidden;
    white-space: nowrap;
    padding: 5px;
    box-sizing: border-box;
}

/* below past_detail_btn is coming from sent_inquiries and received_inquiries and batch_single batch_single_received
to show more history of conversation to relative pages*/


.btn_redis {
    /*many pages use this as detail expense button which is on the modal window of detail expense*/
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 auto;
    width: 90%;
    transform: translatex(-50%);
}

.past_detail_btn::before,
.past_detail_btn::after {
    color: red;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.past_detail_btn::before {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8rem;
    font-weight: normal;
    position: absolute;
    left: 0;
    /*right: 0;*/
    padding: 0 5px 3px 3px;
    top: 0;
    /*right: 0;*/
    /*padding: 3px 5px 3px 5px;*/
    /*line-height: 10%;*/
    /* border: 1px red solid; */
    border-radius: 50%;
    background: transparent;
    opacity: 0;
    content: attr(data-count);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transition: transform, opacity;
    transform-origin: bottom center;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.past_detail_btn.notify::before {
    -webkit-animation: ring 1.5s ease;
    animation: ring 1.5s ease;
}

.past_detail_btn.show-count::before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* below .info_btn class is used those order_process tables and purchase sale tables
to show extra info about past orders:*/

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(35deg);
    }

    12.5% {
        -webkit-transform: rotate(-30deg);
    }

    25% {
        -webkit-transform: rotate(25deg);
    }

    37.5% {
        -webkit-transform: rotate(-20deg);
    }

    50% {
        -webkit-transform: rotate(15deg);
    }

    62.5% {
        -webkit-transform: rotate(-10deg);
    }

    75% {
        -webkit-transform: rotate(5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
    }

    12.5% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }

    25% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg);
    }

    37.5% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }

    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    62.5% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

}

.chat_history {
    overflow-y: auto;
    padding: 20px;
    height: 200px;

}

.chat_history::-webkit-scrollbar {
    width: 10px;
}

.chat_history::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(0, 0, 0, .1);
}


/*p tag class coming from chat.class.php for chat screen.*/
.chat_message_itself {
    padding: 10px 5px;
    font-size: 0.8rem;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
}

.friend .chat_message_itself {
    background: #1adda4;
    border-radius: 0 5px 5px 5px;

}

.friend .chat_message_itself::after {
    content: "";
    display: inline-block;
    border-width: 7px;
    border-style: solid;
    width: 0;
    height: 0;
    right: 100%;
    top: 0;
    position: absolute;
    z-index: -1;
    border-color: transparent #1adda4 transparent transparent;
}

.yourself .chat_message_column {
    order: -1;
    text-align: right;

}

.yourself .chat_message_itself {
    background: #1ddced;
    border-radius: 5px 0 5px 5px;


}

.yourself .chat_message_itself::after {
    content: "";
    display: inline-block;
    border-width: 7px;
    border-style: solid;
    width: 0;
    height: 0;
    left: 100%;
    top: 0;
    z-index: -1;
    position: absolute;
    border-color: transparent transparent transparent #1ddced;

}

.friend,
.yourself {
    margin-bottom: 10px;
    align-items: flex-start;
    word-break: break-all;
}

.chat_image {
    width: 100%;
    background: #ccc;
    border-radius: 50%;
    overflow: hidden;

}

.chat_content_body {
    word-wrap: break-word;
}

.chat_image_div {
    padding: 0;
    height: 100%;
}

.chat_screen_bottom {
    margin-top: 20px;
}

.chat_window_title_icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.chat_screen_bottom textarea {
    min-height: 100px;
    padding: 0.5rem;
    box-shadow: inset 0 0 0.25rem #ddd;
}

.chat_screen_bottom textarea::-webkit-scrollbar {
    background: var(--background_color_div_light);
    width: 10px;
}

.chat_screen_bottom textarea::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--background_color_div_light);
}

.chat_date_p {
    /*used in both places first: dates in chat history screen and text under textarea which shows character count*/
    font-size: 13px;
    font-style: italic;

}

.chat_history {
    background-color: #FFFFFF;
}

.chat_dialog {
    background-color: #DCDCDC;
}

.chat_dialog .ui-dialog-titlebar {
    padding: 0 !important;
}

.the-count {
    float: left;
    padding: 0.1rem 0 0 0;
    font-size: 0.875rem;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

fieldset {
    border: 1px solid #ddd !important;
    margin: 0;
    padding: 10px !important;
    position: relative;
    border-radius: 4px;
    /*background-color:#f5f5f5;*/
    overflow-wrap: break-word;
}

legend {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 5px 5px 10px;
    background-color: #ffffff;
}


.contact_info_text {
    font-size: 18px;
    font-weight: bold;
    color: grey;
}

.contact_title_text {
    font-size: 18px;
    font-weight: bold;
    line-height: 10px;
}

th,
td {
    text-align: center;
    /*word-break: break-all;*/
}

.calculate_table_tbody tr {
    border-bottom: 1px dotted gray;
}

thead th {
    background: white;
    box-shadow: 0 5px 10px -5px grey;
    z-index: 1;

}

thead th:not(.drop_down_inner) {
    position: sticky;
    top: 0;
}

.homepage_table thead th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}

/* Remove thead sticky for admin sections with action buttons */
.admin_scrollable_section thead th {
    position: static !important;
    top: auto !important;
}

thead th:not(.exception_th) {
    font-size: 12px !important;
    padding: 0 !important;
}

thead.small_sized_head th {
    font-size: 12px !important;
    font-weight: normal !important;
}

.table th {
    border-top: none !important;
    word-break: break-all;
    vertical-align: middle !important;
}

table thead {
    word-break: keep-all !important;
    word-wrap: break-word !important;
}

.table td {
    border-top: none !important;
    vertical-align: middle !important;
}

.unvisible_thead th {
    height: 0 !important;
    line-height: 0;
    overflow: hidden;
    padding: 0;
}

.thead_styled_div {
    display: flex;
    align-items: center;
    padding: 0;
    height: 100%;
    color: white;
    font-size: 12px;
    word-break: break-all;
    padding: 5px 0 5px 0;
}

.thead_styled_div.table_top_title {
    justify-content: center;
}

.thead_styled_div.fourty_height {
    height: 60px !important;
}

.thead_styled_div.single_title {
    /*most outer wrapper there is a title for all nested tables in the packing page*/
    background-color: white;
    color: black;
    font-weight: normal;
}

.ui-selectable-helper {
    pointer-events: none
}

.placeholder_class {
    background-color: red;
    border: 2px solid red;
}

.ui-helper {
    width: 50% !important;
}

#batch_inquiry_reply_table thead th {
    z-index: 100;
}

/*below include table is for those modals which contents table (product table)  */

.include_table_dialog {
    min-height: 380px;
    /* Increased to give more room for all minimum content */
    height: 65vh;

}

.include_table_content {
    min-height: 420px;
    /* Must be larger than sum of all fixed-height elements + modal-body min-height */
    max-height: 65vh;
    /* Ensure this is set: */
    display: flex;
    flex-direction: column;
}

.include_table {
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 10px 0 10px;


}

.modal-dialog {
    overflow-y: initial !important;
    outline: none;
}

/*.display_table_section class is used in some pages as class name of top selection button clicked and related div is displayed and default is hide all*/
.display_table_section {
    display: none;
}

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

.modal_search_div {
    text-align: center;
    display: table;
    width: 100%;
}

.modal_search_inner_div {
    display: table-cell;
    width: 40%;
    vertical-align: middle;
    padding: 15px 15px;
}

.search_on_modal {
    width: 80%;
}

/*below two (.top_middle_search_outer and .top_middle_search_inner) classes are used on search boxes to vertical align on top of tables:*/
.top_middle_search_outer {
    display: table;
    width: 100%;
    text-align: left;
    vertical-align: middle;
}

.top_middle_search_inner {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 10px 3px;
    text-align: left;


}

/*.top_middle_search_outer.modal_header_align{*/

/*}*/
.top_middle_search_inner.include_page_titles {
    /*used in many pages for the left side btn column top page title*/
    text-align: center;
    padding: 0 0 10px 0;
}

.top_middle_search_inner.modal_vertical_middle {
    /*without any padding to vertically centerized*/
    text-align: center;
    padding: 10px 5px 5px 10px;
}

.top_middle_search_inner.image_top_middle_search {
    text-align: left;
    padding: 10px;
}

.top_middle_search_inner.image_top_middle_btn {
    text-align: center;
    padding: 10px;
}

/**************************************/
/*below btw_modal_title is for many modal windows title bar for btw_users*/
.btw_modal_title {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
}

.btw_modal_title_content {
    margin-left: auto;
    outline: none !important;
    cursor: pointer;
}

.modal-title,
.btw_modal_title_content {
    padding-left: 10px;
    font-size: 14px;
    padding-right: 10px;
    overflow-x: hidden;
    white-space: nowrap;
}

.mrg_top_0_bottom_10 {
    margin-top: 0;
    margin-bottom: 10px;
}


#company_info_batch_compare {
    overflow-y: auto;
    max-height: 300px;
}

#details_div {
    margin-top: calc(var(--top_navbar_height));
    padding-top: calc(var(--details_div_top_padding));
    height: calc(100vh - var(--top_navbar_height));
    overflow: hidden;
}

#admin_details_div {
    margin-top: 0;
    /* No navbar in admin */
    padding-top: 10px;
    /* Same as your app's --details_div_top_padding */
    height: 100vh;
    /* Full viewport height */
    overflow: hidden;
}

/*Right side on home page show hide column buttons size*/
#show_hide_columns button {
    font-size: 0.8rem;
    padding: 0.1rem 0.25rem;

}


.modal .modal_warning {
    text-indent: 10px !important;
    font-size: 14px !important;
    color: red;
    padding: 10px;
    text-align: left;
    margin-bottom: 0;
}

.accordion_content,
.accordion_inner_tbl {
    /*display:none;*/
    margin-top: 0;
    width: 100%;
    padding: 0;
    border-bottom: 2px solid var(--top_title_light);
    border-right: 2px solid var(--top_title_light);
    border-left: 2px solid var(--top_title_light);
}

.accordion_inner_tbl {
    border-bottom: 1px solid var(--top_title_dark);
    border-right: 1px solid var(--top_title_dark);
    border-left: 1px solid var(--top_title_dark);
}

/*below webkit and moz-app pseudo  are for input type=nummber hiding numbers spinbox*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
    /* Firefox */
}

.ratings {
    font-size: 0;
    white-space: nowrap;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    position: relative;
    /*background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');*/
    background-image: url(df004b070e2a936fb6f1.svg);
    background-size: contain;
}

.ratings i {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    /*background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');*/
    background-image: url(e8b297f50001051f8f7f.svg);
    background-size: contain;
}

.ratings input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative;
}

.ratings input:hover+i,
.ratings input:checked+i {
    opacity: 1;
}

.ratings {
    width: 100px;
}

.ratings input,
.ratings i {
    width: 20%;
}

.ratings i~i {
    width: 40%;
}

.ratings i~i~i {
    width: 60%;
}

.ratings i~i~i~i {
    width: 80%;
}

.ratings i~i~i~i~i {
    width: 100%;
}

.btn-primary {
    background-color: var(--background_color_btn_primary) !important;
    border-color: var(--background_color_btn_primary) !important;

}

.btn-primary:hover {
    background-color: var(--ezinq_theme_color) !important;
}

.btn-primary:active {
    background-color: var(--background_color_common_active) !important;
}

.btn-primary a {
    color: white;
    padding: 5px;
    border-left: 2px solid white;
}

.btn-primary:focus {
    background-color: var(--background_color_btn_primary) !important;
    border-color: var(--background_color_btn_primary) !important;
}

.btn-default:hover {
    background-color: var(--background_color_div_light_hover) !important;
}

.btn-default:active {
    background-color: var(--background_color_div_light_btn_active) !important;
}

/*----------Start Below is about homepage table width and structure:*/

.homepage_table {
    table-layout: fixed;
    width: 100%;
}

.product_column {
    width: 10% !important;
}

.db_save {
    width: 10% !important;

}

.table_checkbox_column {
    width: 3%;
}

.con_list_view_col {
    width: var(--con_list_view_col_lg);
}

.con_list_view_stretched_col {
    width: var(--con_list_view_stretched_col_lg);
}

.con_tbl_col {
    width: var(--con_other_col_lg) !important;
}

.con_visual_col {
    width: var(--con_visual_col_lg) !important;
}

.pack_checkbox_col {
    width: var(--pack_checkbox_col_lg) !important;
}

.pack_img_col {
    width: var(--pack_img_col_lg) !important;
}

.pack_other_col {
    width: var(--pack_other_col_lg) !important;
}

.pack_other_stretched_col {
    width: var(--pack_stretched_col_lg) !important;
}

.checkbox_column {
    width: 3% !important;
}

.button_column {
    width: 10% !important;
    /*padding-left:0;*/
    /*padding-right:0;*/
}

/*normally below class comes from download contact details and draft details and*/
/*planned to put every page including table but cancelled because it doesnt work unless*/
/*it is inline css and we made it inline*/
.db_save_td,
.portioned_tbody td,
.portioned_tbody td div:not(.progress):not(.haspadding) {
    word-wrap: break-word !important;
    word-break: break-all !important;
    overflow-wrap: break-word;
    padding: 0.5rem;
    font-size: 14px;
}

.portioned_tbody.small_text td div,
.portioned_tbody.small_text td span {
    /*used in companies section of comparable view of batch inquiry all*/
    font-size: 0.7rem !important;
    font-style: normal;
}

.classic_des {
    word-wrap: break-word !important;
    word-break: break-all !important;
    overflow-wrap: break-word;
    font-size: 14px;
    line-height: 1;
}

.portioned_tbody .badge {
    font-size: 12px;
    padding: .30rem .65rem .30rem .65rem !important;
    font-weight: normal !important;
}

.portioned_tbody td div:not(.haspadding) {
    padding: 0 !important;
}

/* Excel-style compact packing list */
.portioned_tbody.excel-compact td {
    padding: 0 !important;
}

/* Excel-style compact packing list 2*/
.portioned_tbody.excel-compact td input,
.portioned_tbody.excel-compact td select,
.portioned_tbody.excel-compact td textarea {
    width: 100%;
    border-radius: 2px;
    padding: 0.25rem 0.35rem;
    font-size: 13px !important;
}

.portioned_tbody.excel-compact td div:not(.progress):not(.haspadding) {
    font-size: 12px !important;
}

/* .portioned_tbody.excel-compact td.db_save_td.packing_list_text,
.portioned_tbody.excel-compact td.db_save_td.packing_list_text .pack_info_wrapper {
    font-size: 8px!important;
} */
.haspadding {
    padding: 20px;
    word-wrap: break-word !important;
    word-break: break-all !important;
    overflow-wrap: break-word;
    font-size: 14px;
}

.info_table_row {
    word-wrap: break-word !important;
    word-break: break-all !important;
    overflow-wrap: break-word;
    padding: 0.2rem;
    font-size: 14px !important;
    text-align: left;
}

.gap_zero_td {
    padding: 0 !important;
    border: none !important;
}

.top_btn_cont {
    background-color: var(--lightest_background_gray);
    border: 1px solid var(--lightest_background_gray);
    border-radius: 2px;
}

.thead_styled_div.single_title {
    background-color: #f3f4f5;
    border-top: 1px solid #f3f4f5;
}

#batch_purchase_side_company .company_detail_image {
    width: 20%;
}

#batch_purchase_side_company .company_detail_company {
    width: 40%;
}

#batch_purchase_side_company .date_column {
    width: 40%;
}

/*below .table_top_titles class is for display_batch_purchase_all.php page coming from
batch_purchase_handle.php*/

/* below #batch_purchase_company_result is coming from batch_purchase_handle.php for display_batch_purchase_all.php
on the left side company table*/

#detail_btn_company_info td {
    font-size: 0.6rem !important;
}

/*below percentages are also for batch_inquiry_handle.php left side but not directly for table
 but the detail button under the table to show more details on dynamic modal table*/
#detail_btn_company_info .company_detail_status {
    width: 8%;
}

#detail_btn_company_info .company_detail_image {
    width: 15%;
}

#detail_btn_company_info .company_detail_company {
    width: 35%;
}

#detail_btn_company_info .product_qty {
    width: 10%;
}

#detail_btn_company_info .product_total {
    /* there are two of this class in thead*/
    width: 11%;
}

#detail_btn_company_info .product_remarks_total {
    width: 10%;
}

.inner_compare_table .inner_status {
    width: 5%;
}

.inner_compare_table .inner_image {
    width: 10%;
}

.inner_compare_table .inner_company {
    width: 20%;
}

.inner_compare_table .inner_price {
    width: 10%;
}

.inner_compare_table .inner_qty {
    width: 13%;
}

.inner_compare_table .inner_target {
    width: 13%;
}

.inner_compare_table .inner_note {
    width: 13%;
}

.inner_compare_table .inner_checkbox {
    width: 6%;
}


.batch_purchase_common .checkbox_column {
    width: 7%;
}

.batch_purchase_common .product_column {
    width: 12%;
}

.inner_compare_table td {
    word-wrap: break-word !important;
    -ms-word-break: break-all;
    word-break: break-all;
}


/*below is the a anchor in table which is showing on the modal to show company detail info
on batch_inquiry_handle.php when it is clicked detail button which is under the left
side company info table*/
#detail_btn_company_info a {
    font-size: 1.3em !important;
    padding: 0.2em !important;
    word-wrap: break-word !important;
    -ms-word-break: break-all;
    word-break: break-all;
}

/*below .comparable_price_fetch class is coming from batch_comparable_price_fetch page
and used on the inner small company tables under big table first td*/
.comparable_price_fetch td {
    padding: 0.2rem !important;
    font-size: 0.8rem !important;
}


/*below is errors hightlight on modal window which is shown while uploading xls or csv file*/
.error_highlight {
    background-color: black;
    color: white;
}

/* below chat window .ui-dialog we set the z-index high otherwise it is behind the
 navigation bar*/
.ui-dialog {
    z-index: 1000 !important;


}

/*below .batch_top_btn class is for batch_order.php page two buttons to change table*/
.batch_top_btn {
    font: normal 12px sans-serif !important;
}

/*****************from here starting top search btn and input styling**********/
/*******************************************************************************/
.searchbox_wrapper {
    display: flex;
    flex-direction: row;
    position: relative;
}

.searchbox_top_wrapper {
    width: 100%;
}

.top_search {
    flex-grow: 2;
    border-radius: 20px 0 0 20px;
}

.top_search.smt_src_fld {
    border-radius: 0 0 0 0;
}

.search_input_btn {
    font: normal 1.0rem sans-serif;
    height: auto;
    border-radius: 0 20px 20px 0;
    border-left: none;
}

.input_attached_right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.small_search_box {
    flex-grow: 2;
    border-radius: 20px 0 0 20px;
    /*border-top:2px solid #03396c;*/
    /*border-bottom:2px solid #03396c;*/
    /*border-left:2px solid #03396c;*/
    /*border-right:none;*/
    outline: none !important;
}

.src_input_btn {
    font: normal 1.0rem sans-serif;
    height: auto;
    border-radius: 0 20px 20px 0;
    border-left: none;
    background-color: #f8f9fb;
    border-color: #dfe0e1;
}

.src_input_btn:hover {
    background-color: var(--background_color_div_light_hover);
}

.src_input_btn:active {
    background-color: var(--background_color_div_light_btn_active);
}

.reset_search_btn_cls {
    font: normal 1.0rem sans-serif;
    height: auto;
    border-radius: 0 0 0 0;
    border-left: none;
    background-color: #f8f9fb;
    border-color: #dfe0e1;
}

.reset_search_btn_cls:hover {
    background-color: var(--background_color_div_light_hover);
}

.reset_search_btn_cls:active {
    background-color: var(--background_color_div_light_btn_active);
}

.select_search_btn {
    border-radius: 20px 0 0 20px;
    font: normal 1.0rem sans-serif;
    height: auto;
    border-left: none;
    background-color: #f8f9fb;
    border-color: #dfe0e1;
}

.select_search_btn:hover {
    background-color: var(--background_color_div_light_hover);
}

.select_search_btn:active {
    background-color: var(--background_color_div_light_btn_active);
}

/*************************ending top search btn and input styling***************/
/*******************************************************************************/
/* below info_btn_td class is used in those tables which includes info_btn*/

.info_btn_td {
    position: relative;
    word-wrap: break-word !important;
    word-break: break-all;
    padding: 10px;

}

/*************************below .image_wrapper class is for the nubmers of gallery imgs*/
/***************************************************************************************/
.image_wrapper {
    position: relative;
}

.image_wrapper::after {
    content: attr(data-gallery_image);
    bottom: 2px;
    right: 2px;
    position: absolute;
    height: 10px;
    width: 10px;
    padding: 8px 10px 10px 3px;
    line-height: 10%;
    border: 2px #fff solid;
    border-radius: 10%;
    background: var(--ezinq_theme_color);
    opacity: 1;
    color: white;

}


.date_message {
    padding: 10px 5px;
    font-size: 0.8rem;
}

.extra_info p {
    margin: 0 0;
}

/*below is for the modal window content for extra information of each item in sent received etc pages when it is clicked
the button which is under the buyer_notes and remarks during inquiry process*/
.extra_info .chat_message_itself {
    font-size: 0.8rem;
    border-bottom: 1px solid black;
}

/*below class is coming from buyer_note_chat_history from batch_inquiry_display_all.php*/

.buyer_note_chat_history,
.btw_users_history,
.order_old_detail_history,
.whatisexpl {
    /* desktop max-height: (Total Modal Height) - (Header Height) - (Input Row Height) - (Footer Height) */
    /* Desktop max-height calculation: */
    max-height: calc(65vh - 60px - 0px - 100px - 50px - 30px);
    /* Simplified example: max-height: calc(65vh - 240px); */
    /* Replace 60px, 0px, 100px, 50px, 30px with YOUR ACTUAL MEASUREMENTS */
    min-height: 180px;
    /* Ensure a minimum visible height for chat area, adjust as needed */
    overflow-y: auto;
    /* Makes the content scrollable */
    padding: 0 0 0 15px !important;
    background-color: var(--background_color_div_light);
    border: 3px solid var(--ultra_light_border_grey);
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;

}

.whatisexpl {
    /*this is modal window body in index.php page for explaining what is easily order.*/
    text-align: justify;
    padding: 0 15px 0 15px !important;
}

.note_inner_div {
    padding: 20px !important;
    height: 100%;
}

/*below note_text is only for batch_order.php page old detail modal */
#note_text {
    width: 100%;
    resize: none;
}

textarea:not(.homeinput) {
    color: #666;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    box-shadow: inset 0 0 0.25rem #ddd;
    background-color: #f5f5f5;
    border-radius: 3px;
    border: 1px solid #ddd;
    outline: none !important;
    resize: none;
    padding: 10px;
    width: 100%;
}

textarea.history_note {
    color: black;
}

input {
    outline: none !important;
    box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus {
    outline: none !important;
    border: 1px solid var(--top_title_light) !important;
    box-shadow: 0 0 10px #719ECE !important;
    background-color: var(--focus_input_bck_light_blue) !important;
}

.input_edit_active {
    border: 1px solid steelblue !important;
}

#buyer_supplier_chat_note_textarea,
#btw_users_textarea {
    min-height: 50px;
    max-height: 150px;
    overflow-y: auto;
    width: 100%;
}


#buyer_supplier_chat_note_textarea::-webkit-scrollbar {
    width: 10px;
}

#buyer_supplier_chat_note_textarea::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(0, 0, 0, .1);
}

.truncate_text {
    width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
}

.remove_modal {
    z-index: 12006;
}

/*-----------------------------------------------------------*/
/*below is a commonly used note entry modal (not chat type for each product but just entry)*/
.info_entry_modal_body {
    /* max-height: 55%; */
    overflow-y: hidden;
    min-height: 55%;
    padding: 5px 15px 5px 15px !important;
    /*background-color:#f5f5f5*/

}

.info_entry_dialog {
    min-height: 270px;
    height: 270px;
}

.info_entry_content {
    height: 100%;
}

.info_entry_textarea {
    height: 80%;
    padding: 0.5rem;
}

.small_info_entry_modal_body {
    padding: 5px 15px 5px 15px !important;
}

/*------------------------------------------------------*/
/*----------------select image file modal window----------------*/
.image_select_modal_body {
    height: 100%;
    overflow-y: auto;
    padding: 10px;
}

/*---------------end of select image modal window---------------*/
.inner_compare_table .price_span {
    font-size: 0.7 rem !important;
    font-weight: normal;
    word-wrap: break-word !important;
    -ms-word-break: break-all !important;
    word-break: break-all !important;
}

input.qty_text,
input.target_prc_text::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: bold;
    color: black;

}

input.qty_text,
input.target_prc_text::-moz-placeholder {
    font-size: 12px;
    font-weight: bold;
    color: black;
}

input.qty_text,
input.target_prc_text::-ms-input-placeholder {
    font-size: 12px;
    font-weight: bold;
    color: black;
}

input.qty_text,
input.target_prc_text:-moz-placeholder {
    font-size: 12px;
    font-weight: bold;
    color: black;
}

input.qty_text::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: bold;
    color: black;
}

input.qty_text::-moz-placeholder {
    font-size: 12px;
    font-weight: bold;
    color: black;
}

input.qty_text::-ms-input-placeholder {
    font-size: 12px;
    font-weight: bold;
    color: black;
}

input.qty_text:-moz-placeholder {
    font-size: 12px;
    font-weight: bold;
    color: black;
}

input.qty_text,
input.target_prc_text {
    font-size: 12px;
}

.qty_div,
.target_price_div,
.price_span,
.qty_text,
.target_prc_text,
.total_price,
.bold_price {
    /*color:black;*/
    font-weight: normal;
    text-align: center;
    word-wrap: break-word !important;
    -ms-word-break: break-all;
    word-break: break-all;
    font-size: 14px;

}

.currency_span {
    text-align: center;
    font-size: 14px;
}

.changed_item {
    color: white;
    background-color: red;
    position: relative;
    cursor: pointer;
    user-select: none;
    /* standard syntax */
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -ms-user-select: none;
    /* IE10+ */
    border-radius: 20px;

}

.changed_item>div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-self: center;

}

.buyer_note_td {
    position: relative;

}

/* .note_div{
    position: absolute;
    top: 20px;
    left: 5px;
    right: 10px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 5px;
    overflow-y: hidden;
    max-height: 90px;
    width: auto;
    margin: 0;
    height: 80px
} */
.table_note_wrapper_td {
    position: relative;
    min-height: 140px;
    vertical-align: top;
}

.note_div::-webkit-scrollbar {
    display: none;
}

.remarks_div::-webkit-scrollbar {
    display: none;
}

.inquiry_note_img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

textarea.note_div::-webkit-scrollbar {
    display: none;
}

textarea.note_div {
    -ms-overflow-style: none;
    scrollbar-width: none;
    resize: none;
    color: black;
    font-weight: bold;
    text-align: center;
    border-radius: 2px !important;
    overflow: auto !important;
    height: 100px !important;
}

/* below .inner_comparable_table and .other_company_quotes_dropdown classes
 are coming from batch_inquiry_handle.php for batch_inquiry_display_all.php
 and their squence (first inner comparable class and second other company class) is important
 otherwise dropdown menu gets its width also from the other class:*/
.inner_compare_table,
.batch_inner_data_table {
    /*batch_inner_data_table class is the each company in batch_inquiry_display_all.php page*/
    width: 100% !important;
    table-layout: fixed;
    margin: 0;
    /*this is for taking the big gap at the bottom of the comparable table in batch_inquiry_display_all.php. otherwise it looks too confusing with many borders*/
}

.other_company_quotes_dropdown {
    width: 40% !important;
    table-layout: fixed;
}

.inner_compare_table th {
    font-size: 0.7em;
    font-weight: normal;
}

.inner_compare_table .qty_text,
.target_prc_text {
    width: 100%;
}

.dropdown-menu {
    z-index: 9999;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

/* dropdown under more button padding handle: */
#batch_inquiry_reply_table .dropdown-menu {
    padding: 0 !important;
}

#batch_products_ordered_table .dropdown-menu {
    padding: 0 !important;
}

div.side_detail_inner .dropdown-menu {
    padding: 0 !important;
}

/*below company_list id is on batch_order.php navbar company list*/
/*company list dropdown */
.company_list_dropdown {
    max-height: 250px !important;
    overflow: auto;
    padding: 8px;
    border-radius: 8px;
    background: white;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/*Company dropdown specific container - SINGLE CLEAN RULE*/
.company_list_dropdown .company-dropdown-item,
.public_dropdown_ul .outestlidiv.company-dropdown-item {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    padding: 8px;
    border-radius: 6px;
    cursor: pointer;
    background: transparent !important;
    transition: none !important;
    animation: none !important;
    transform: none !important;
}

/* Hover state - SINGLE CLEAN RULE */
.company_list_dropdown .company-dropdown-item:hover,
.public_dropdown_ul .outestlidiv.company-dropdown-item:hover {
    background: var(--tr_focused_color);
    transition: none !important;
    animation: none !important;
    transform: none !important;
}

/* Company dropdown specific text */
.company-dropdown-name {
    width: 72%;
    padding: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    color: #374151;
    font-size: 14px;
    font-weight: 500;
}

/* Company dropdown specific image */
.company-dropdown-image img {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    object-fit: cover;
}

/* Count badge for company dropdown */
.company_list_dropdown .company-count-badge,
.public_dropdown_ul .company-count-badge {
    background: #dbeafe !important;
    color: #1e40af !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 2px 6px !important;
    border-radius: 8px !important;
    min-width: 20px !important;
    text-align: center !important;
    line-height: 1.2 !important;
    margin-left: auto !important;
    float: none !important;
    display: inline-block !important;
}

/* Override the hrz_align_right class specifically for badges */
.company-count-badge.hrz_align_right {
    text-align: center !important;
}

/* END OF COMPANY LIST DROPDOWN*/
#warning_messages .dropdown-menu {
    padding: 0 !important;
    ;
}

/*.price_span{*/
/*font-weight: bold;*/
/*font-size:24px!important;*/

/*}*/
/*below warning ul and li are on the batch_inquiry_display_all.php for reply warning dialog*/
/* .warning_ul { 
    display: table;
    width: 100%;
    padding-left:0;
    table-layout: fixed;
 }  */

.warning_ul li {
    /*display: table-cell;*/
    list-style-type: none;
    border: none;
    /*padding-left:0;*/
}

.warning_ul a {
    display: block;
    /*text-align: center;*/


}

/*--------------------------------------------------*/
#company_list_modal_body {
    max-height: 300px;
    overflow-y: auto;
}

/* below banned_companies_list coming from batch_inquiry_display_all.php page for those companiyes
 when you wanna send file and if status id is not allowing these shows a warning modal with a
 list of companies which are banned from sending..*/
#banned_companies_list {
    list-style-type: none;
}

#banned_companies_list li {
    font-weight: bold;
}

.dropdown a {
    text-decoration: none !important;
}

/*----------------------- some pages multiple users dropdown like batch draft and batch inquiry*/
/* Modern company dropdown button */
#company_count_dropdown {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    color: #475569;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
}

#company_count_dropdown:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    text-decoration: none;
    color: #475569;
}

/* Add dropdown arrow */
#company_count_dropdown::after {
    content: "▼";
    font-size: 10px;
    color: #94a3b8;
    transition: transform 0.2s ease;
}

#company_count_dropdown:hover::after {
    color: #64748b;
}

.company-count-badge {
    background: #3b82f6;
    color: white;
    font-size: 11px;
    /* Between 10px and 12px */
    font-weight: 500;
    padding: 2px 5px;
    /* Between (1px 4px) and (2px 6px) */
    border-radius: 9px;
    /* Between 8px and 10px */
    min-width: 17px;
    /* Between 16px and 18px */
    text-align: center;
    line-height: 1.2;
}

/* Refresh button container */
#refresh_button_container {
    margin-left: 12px;
}

/* Refresh notification button */
#refresh_notification_btn {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #f59e0b;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    outline: none;
    box-shadow: none;
    white-space: nowrap;
}

#refresh_notification_btn:hover {
    background: #fde68a;
    border-color: #d97706;
    transform: translateY(-1px);
}

/*------------------------------------------------------*/
.language_dropdown {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.language_ul {
    list-style-type: none;
    z-index: 100;
    padding-bottom: 0;
    margin: 0;
}

.language_ul li {
    border: none;
}

.language_ul a {
    color: black;
}


.flag-icon-zh {
    content: url(5e50b5373d0c033eea0a.png);
}

.flag-icon-tr {
    content: url(3bcca6977c31fd57b439.png);
}

.flag-icon-en {
    content: url(60a183bb54239b314440.png);
}

.flag-icon-es {
    content: url(29705828f41b3efc6d66.png);
}

.flag-icon-ru {
    content: url(007401099c6b54c61a1b.png);
}

.flag-icon-ar {
    content: url(2e669e1f513e889d639b.png);
}

.flag-icon-de {
    content: url(e1b9a66a7b9bae5dd9ae.png);
}

.flag-icon-hi {
    content: url(e50793f97ff6731df2bc.png);
}

.flag-icon-vi {
    content: url(dc5c89312de010f75d23.png);
}

.flag-icon-ur {
    content: url(e02dfd288b55f4d4f285.png);
}

.flag-icon-it {
    content: url(299d67e8e67cae3f3b9a.png);
}

.flag-icon-pt {
    content: url(924718cc50224a6e75e2.png);
}

.flag-icon-ja {
    content: url(fb7bcf16a27767943a66.png);
}

.flag-icon-ko {
    content: url(e9f727bb1e7b2b4831da.png);
}

.flag-icon-id {
    content: url(5de8a264b1200a418d6d.png);
}

.flag-icon-fr {
    content: url(19559fdecb5c655ff6da.png);
}

a.language_menu {
    display: table;
    padding-left: 0;
}

a.language_selection {
    padding: 5px;
}

a.language_menu span {
    display: inline-block;
    vertical-align: middle;
}

/* below is for th width for 5 column modal table */
.homepage_table.modal_thead .status {
    width: 20%;
}

.homepage_table.modal_thead .image {
    width: 15%;
}

.homepage_table.modal_thead .company {
    width: 30%;
}

.homepage_table.modal_thead .date {
    width: 15%;
}

.homepage_table.modal_thead .button {
    width: 20%;
}

/* below editables class is coming from fetch_batch_products.php to batch_order
 to select all editable areas (since they are divided as buyer note div and others)*/
.editables {
    border: solid steelblue 1px;
}

/* below is styling all checkboxes in the program (big size that is for inside td) */
/* Customize the label (the container) */

thead th .checkbox_container {
    display: block;
    position: relative;
    /*padding-left: 25px;*/
    /*margin-bottom: 10px;*/
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label.checkbox_container {
    margin-bottom: 0 !important;
}

.checkbox_container {
    /*display: block;*/
    /*position: relative;*/
    /*!*padding-left: 25px;*!*/
    /*margin-bottom: 1px;*/
    /*cursor: pointer;*/
    /*!*font-size: 15px;*!*/
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none;*/
    display: block;
    position: relative;
    /*padding-left: 15px;*/
    /*margin-bottom: 1px;*/
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox_container input {
    /* position: absolute; causing moving scrollbar*/
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;

}

/* Create a custom checkbox */
.checkbox_span {
    /*position: absolute;*/
    /*left: 50%;*/
    /*!*margin-left: -50px;*!*/
    /*top: 50%;*/
    /*!*margin-top: -50px;*!*/
    /*transform: translate(-50%,-50%);*/
    /*border:1px solid  var(--ezinq_theme_color);*/
    /*border-radius: 50%;*/
    /*height: 20px;*/
    /*width: 20px;*/
    /*background-color: #eee;*/
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid var(--ezinq_theme_color);
    border-radius: 50%;
    height: 17px;
    width: 17px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox_container:hover input~.checkbox_span {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox_container input:checked~.checkbox_span {
    background-color: var(--ezinq_theme_color);
}

.comparible_inquiry_comp_table .checkbox_container input:not(:checked)~.checkbox_span {
    background-color: #808080;
    border: 1px solid dimgrey;
}

.comparible_inquiry_comp_table .checkbox_container.disabled_order_checkbox_container input:checked~.checkbox_span {
    background-color: green;
    border: 1px solid green;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox_span:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox_span:before {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox_container input:checked~.checkbox_span:after {
    display: block;
}

.comparible_inquiry_comp_table input:not(:checked)~.checkbox_span:before {
    display: block;
}

.comparible_inquiry_comp_table .checkbox_container input:checked~.checkbox_span {
    border: 1px solid #03146c;
}

.comparible_inquiry_comp_table .checkbox_container input:not(:checked)~.checkbox_span {
    border: 1px solid #808080;
}

/* Style the checkmark/indicator */
.checkbox_container .checkbox_span:after {
    /*left: 7px;*/
    /*top: 4px;*/
    /*width: 5px;*/
    /*height: 10px;*/
    /*border: solid white;*/
    /*border-width: 0 2px 2px 0;*/
    /*-webkit-transform: rotate(45deg);*/
    /*-ms-transform: rotate(45deg);*/
    /*transform: rotate(45deg);*/
    left: 5px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* end of styling all checkboxes in the program*/
/*below is styling small size checkboxes for inside th */
.small_size_checkbox.checkbox_container {
    display: block;
    position: relative;
    /*padding-left: 15px;*/
    /*margin-bottom: 1px;*/
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* thead th .small_size_checkbox.checkbox_container {
    margin-bottom: 8px;
} */

/* Hide the browser's default checkbox */
.small_size_checkbox.checkbox_container input {
    /* position: absolute; causing scrollbar move*/
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.small_size_checkbox .checkbox_span {
    position: absolute;
    /*left: 50%;*/
    /*top: 50%;*/
    /*transform: translate(-50%,-50%);*/
    border: 1px solid var(--ezinq_theme_color);
    border-radius: 50%;
    height: 14px;
    width: 14px;
    background-color: #eee;
}


/* Style the checkmark/indicator */
.small_size_checkbox.checkbox_container .checkbox_span:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.small_size_checkbox.checkbox_container .checkbox_span:before {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}

/* end of styling all checkboxes in the program*/
/* below are  batch preparation page company table on the left side th classes(waiting tab)*/
#companies_table .checkbox_column {
    width: 15%;
}

#companies_table .count {
    width: 60%;
}

#companies_table .image {
    width: 25%;
}

/* below are  batch preparation page company table on the left side th classes(assigned tab)*/
#companies_table_assigned .count {
    width: 60%;
}

#companies_table_assigned .image {
    width: 25%;
}

/*below left_small_comp_td class is for batch preparation page companies table on the left side:*/
.left_small_comp_td {
    padding: 0 !important;
}

/* below gap for buttons on the right side on many pages */
.top_gap {
    margin-top: 10px;
}

.top_gap label {
    padding-left: 15px;
    font-size: 14px;


}

.checkbox_alignment {
    /*.checkbox_alignment class is used to add new item modal window for keep it checkboxes*/
    padding-left: 10px;
    margin-top: 5px;
}

.checkbox_alignment label {
    /*.checkbox_alignment class is used to add new item modal window for keep it checkboxes*/
    padding-left: 10px;
    font-size: 14px;
}

.top_gap input {
    vertical-align: middle;
}

.controller_specs .checkbox_span {
    left: 0;

}

.label_with_text .checkbox_span {
    left: 10px;
}

.add_item .checkbox_span {
    left: -10px;

}

/*settings page fields div:*/
.setting_field {
    /* border: 1px solid #f5f5f5;*/
    padding: 10px;
}

.setting_field_exceptions {
    background-color: white;
}

/*.top_left_btn class is on some pages to control the height in column style of left btn top height:*/
.top_gap.top_left_btn {
    margin-top: 0;
}

.btn_success,
.btn_danger,
.display_section_btn,
.display_file_section {
    background-color: transparent;
    color: black;
    border: 1px solid transparent;
    border-radius: 25px;
    font-size: 16px;
    outline: none !important;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    box-sizing: border-box;
    text-align: left;
    /*transition: transform, background-color;*/
    /*transition-duration: 0.3s;*/
    /*transition-timing-function: ease-out;*/
}

.top_selection_btn {
    padding: 5px 15px 5px 15px;
    margin-right: 3px;
    border-radius: 2px !important;
}

.btn_success:hover {
    color: white;
    background-color: var(--ezinq_theme_color) !important;
    /*border:1px solid var(--ezinq_theme_color);*/
    /*border-radius: 20px;*/
}

.btn_success.btn:focus,
.btn_success.btn:active {
    outline: none !important;
    /*border:none;*/
    box-shadow: 6px 6px 4px var(--ezinq_theme_color) !important;
}

.btn_danger.btn:focus,
.btn_danger.btn:active {
    outline: none !important;
    /* border: none; */
    box-shadow: 6px 6px 4px red !important;
}

.btn_danger:hover {
    color: white;
    background-color: red !important;
    /* border: 1px solid red;
    border-radius: 20px; */
}

.active_success_btn {
    outline: none !important;
    border: none;
    box-shadow: 6px 6px 4px var(--ezinq_theme_color) !important;
}

.active_danger_btn {
    outline: none !important;
    border: none;
    box-shadow: 6px 6px 4px red !important;
}

.display_section_btn,
.display_file_section {
    border: none !important;
    /*border:1px solid transparent;*/
    font-weight: normal;
    color: var(--button_text_color);
    /*border-bottom:1px solid black;*/
    border-radius: 0;
    /*-webkit-transition : border 1000ms ease-out;*/
    /*-moz-transition : border 1000ms ease-out;*/
    /*-o-transition : border 1000ms ease-out;*/
    /*transition : border 1000ms ease-out;*/
}

.side_display_btn {
    /*special_display btn class is used in admin panel for opening modal before display*/
    /*used to discriminate .display_section_btn effects different from other display section buttons like top selection buttons.*/
    width: 100%;
    text-align: left;
}

.side_sub_btn {
    /*under sections, sub sections, sub button like detail of a sub section also used for displaying*/
    text-align: center;
}

.btn_display_arrow {
    border: solid;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.active_top_sel_btn,
.sel_packing_list_btn_active,
.sel_account_btn_active,
.home_display_active,
.pack_error_active_section,
.active_file_section_btn,
.active_box_section_btn,
.setting_side_active {
    border-bottom: 1px solid var(--ezinq_theme_color);
    outline: none !important;
    box-shadow: 3px 3px 4px var(--ezinq_theme_color), -3px 3px 2px var(--ezinq_theme_color) !important;
    font-weight: bold;
    color: black;
}

.side_display_btn.sel_packing_list_btn_active,
.side_display_btn.sel_account_btn_active,
.side_display_btn.home_display_active,
.side_display_btn.setting_side_active,
.side_display_btn.active_file_section_btn,
.side_display_btn.active_box_section_btn {
    color: white;
    background-color: var(--ezinq_theme_color) !important;
}

.display_section_btn:hover {
    color: #FFFFFF;
    background-color: var(--ezinq_theme_color) !important;
    border: none;
}

.display_file_section:hover {
    color: #FFFFFF;
    background-color: var(--ezinq_theme_color) !important;
    border: none;
}

.display_file_section,
.display_box_section {
    text-align: center;
    box-shadow: 0 0 0 var(--ezinq_theme_color), 0 0 0 var(--ezinq_theme_color) !important;

}

.display_box_section:hover {
    color: #FFFFFF;
    background-color: var(--ezinq_theme_color) !important;

}

/*
 *Class Name: .no-button-effects
 * This class is intended to neutralize styling effects designed for buttons
 * when applied to non-button elements like radio buttons or checkboxes.
 */
.no-button-effects.active_top_sel_btn,
.no-button-effects.sel_packing_list_btn_active,
.no-button-effects.sel_account_btn_active,
.no-button-effects.home_display_active,
.no-button-effects.pack_error_active_section,
.no-button-effects.active_file_section_btn,
.no-button-effects.active_box_section_btn,
.no-button-effects.setting_side_active {
    /* Neutralize the unwanted box shadow */
    box-shadow: none !important;

    /* Neutralize the border-bottom if it looks bad on radio buttons */
    border-bottom: none !important;

    /* Restore or reset other properties to a default radio/input state if needed */
    /* Example: if the background was changed by the original class, you might reset it */
    /* background-color: transparent !important; */

    /* If 'outline' is necessary for accessibility, you might want to reset it
       to a standard focus style instead of removing it, but based on your original
       code, you wanted it removed/neutralized: */
    outline: initial !important;

    /* Reset text-related properties if they interfere with the radio button's appearance */
    font-weight: initial !important;
    color: initial !important;
}

.side_company_table a {
    font-size: 14px;
}

.side_company_table .company_image {
    width: 100%;
    border-radius: 5%;
}

.side_company_table .image_td {
    padding: 3px;
}

.inner_compare_table .company_image {
    width: 100%;
    border-radius: 5%;
}

.inner_compare_table .image_td {
    padding: 3px;
}

.product_image_td {
    padding: 10px !important;
}

.product_image_td img {
    width: 70%;
    border-radius: 10px;

}

/* below #detailed_company_table id and below classes  */
/* below batch_prep prefix classes are coming from fetch_batch_products.php for inner
 table hidden under more btn*/
.detailed_company_in .inner_image {
    width: 20%;
}

.detailed_company_in .inner_company {
    width: 60%;
}

.detailed_company_in .inner_checkbox {
    width: 20%;
}

.inner_in_image {
    padding: 10px !important;
}

.inner_in_image img {
    width: 90% !important;
}

/*---------------------------------------------*/
/*below .drop_down_inner table is for dropdown menu under more button in batch_order.php and batch_inquiry_display_all.php page
coming from fetch_batch_products.php (there are two tables coming from there. this one is under #batch_products_ordered_table)
and coming from batch_inquiry_handle.php and  the .drop_down_pre_inner table is the companies table under .drop_down_inner dropdown-menu
*/
.dropdown_company_tbl_wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.drop_down_inner {
    width: 100% !important;
    padding: 0;

}

.compare_price_dropdown {
    width: 100%;
}

.drop_down_prep_inner {
    width: 100% !important;
    table-layout: fixed;
}

.drop_down_prep_inner th {
    font-size: 0.7em;
    font-weight: normal;
}

.drop_down_prep_inner .inner_image {
    width: 17%;
}

.drop_down_prep_inner .inner_company {
    width: 63%;
}

.drop_down_prep_inner .inner_checkbox {
    width: 20%;
}

/*#detailed_company_in td{*/
/*padding:2px!important;*/
/*}*/

.table_controllers_div {
    padding-left: 20px;
}

.batch_title h3 {
    color: white;
    line-height: 100%;
    font-size: 16px;
}

.batch_title span {
    font-size: 0.7em;
}

/* below top_dropdown_li and top_dropdown and  classes are used in every notification items on nav-bar */
.top_dropdown_li {
    padding-right: 3px;
    position: relative;
}

.table-bordered {
    border-top: none !important;
}

.top_dropdown {
    position: absolute;
}

/* below top_title_div_individual class is for nav title to center vertically */
.top_title_div_individual {
    align-items: center;
    color: white;
}

/* below top_title_div class is for nav title to center vertically */
.top_title_div {
    display: flex;
    align-items: center;
    justify-content: end;
    color: white;
}

.home_page_field:not(.home_radio_btn, .first_display) {
    /*this class is used in homepage to hide the sections and show after related button click*/
    display: none;
    overflow: auto;
}

.table_with_radio,
.single_display_area {
    /*homepage table fields under display fields with radio btns on top (alltogether 3. contacts sent and received)*/
    overflow: auto;
}

.section_with_radio {
    /*homepage display fields with radio btns on top (alltogether 3. contacts sent and received)*/
    display: none;
}

.account_modal_sections,
.pack_error_modal_sections {
    display: none;
}

/* below are homepage contact table */
.home_contact_image {
    width: 7%;
}

.home_contact_company {
    width: 53%;
}

.home_contact_detail {
    width: 20%;
}

.home_contact_chat {
    width: 20%;
}

/* below are homepage sent_inquiry table*/
.home_img {
    width: 3%;
}

.home_comp {
    width: 30%;
}

.inq_no {
    width: 10%;
}

.home_date {
    width: 10%;
}

.home_remark {
    width: 20%;
}

.home_status {
    width: 2%;
}

.home_total_item {
    width: 5%;
}

.home_total_qty {
    width: 10%;
}

/*-----------------------------------*/

/*below are comning from fetch_files.php to homepage for draft section:*/
.home_draft_img {
    width: 6%;
}

.home_draft_comp {
    width: 30%;
}

.home_draft_number {
    width: 14%;
}

.home_draft_date {
    width: 25%;
}

.home_draft_updated {
    width: 25%;
}

/*below info_text class are for created and updated dates and home_sent_comp_td is used at both
 at homepage inquiry tables company td and status info td and status_image class is used at status image in fetch_files.php for homepage
  at homepage tables which come from fetch_files.php*/
.info_text {
    padding: 0.3rem !important;
}

.info_text span {
    font-size: 14px;
    display: inline-block;
    word-wrap: break-word;
    word-break: break-word;
}


/*-----------------------------------*/
#bought_stat_table span,
#sold_stat_table span {
    font-size: 16px;
    display: inline-block;
    word-wrap: break-word;
    word-break: break-word;
}

/*settings page product category section hover each li element and display control buttons like delete,move up move down*/
.setting_product_cat_li {
    position: relative;
}

.settings_cat_control_icons_wrapper {
    position: absolute;
    display: flex;
    justify-content: center;
    top: 1px;
    left: 100%;
    text-wrap: nowrap;
    background-color: white !important;
    display: none !important;
    border-radius: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.settings_control_wrapper_anchor {
    /*in settings_cat_control_icons_wrapper anchor element*/
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

/*---------------------------------------------------------------*/
.status_image {
    padding: 0 !important;
}

.status_image img {
    width: 60%;
}

/*.inq_img_td class and .inq_img_td img are commonly used particularly in homepage different sections like contacts purchases inquiries etc to set img size*/
.inq_img_td {
    padding: .4rem !important;
    position: relative;
}

.inq_img_td.p_1 {
    padding: 1px !important;
}

.prd_ctrl_icons.with_checkbox_text {
    /*on homepage each product control icons activate item or display price checkboxes hiding here*/
    position: relative;
}

.prd_ctrl_icons.with_checkbox_text input[type='checkbox'] {
    /*on homepage each product control icons activate item or display price checkboxes hiding here*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    transition: all .3s linear;
}

.control_icons_wrapper {
    /*in homepage product catalog icons wrapper which are shown when hover on product_row*/
    position: absolute;
    bottom: 5%;
    text-wrap: nowrap;
    background-color: white;
    display: none !important;
    border-radius: 5px;

}

.control_icons_wrapper a:first-child {
    padding-left: 5px;
}

.control_icons_wrapper a:last-child {
    padding-right: 5px;
}

.inq_img_td div {
    display: flex;
    justify-content: center;
}

.inq_img_td img {
    width: 100%;
    border-radius: 5px;
    display: block;
}

.inq_img_td.p_1 img {
    border-radius: 2px;
}

.inq_img_td img:hover:not(.missing_img):not(.not_viewable):not(.holdable) {
    cursor: zoom-in;
}

.inq_img_td img.missing_img:hover {
    cursor: copy;
}

.inq_img_td img.holdable:hover {
    cursor: grab;
}


/* Image wrapper container */
.account_img_td .file_image_wrapper {
    padding: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    /* Fixed height for consistency */
}

/* Keep your existing image styling but make it fixed size */
.account_img_td img {
    width: 80px !important;
    /* Fixed width - no more resizing */
    height: auto;
    /* Maintain aspect ratio */
    max-height: 80px;
    /* Prevent tall images from breaking layout */
    border-radius: 5px;
    object-fit: contain;
    /* Ensures image fits without distortion */
}

/* Button wrapper */
.account_img_td .file_action_wrapper {
    padding: 0.2rem;
    text-align: center;
}

img[src="/assets/no_image.png"] {
    border: 1px solid grey;
}

/*below batch_inq_contact classes are coming from contacts_handle.php action:fetch_for_batch
to give table column sizes in homepage for preparing batch_inquiry under id #batch_inquiry*/
.home_batch_image {
    width: 7%;
}

.home_batch_company {
    width: 50%;
}

.home_batch_status {
    width: 30%;
}

.home_batch_select {
    width: 13%;
}

/*----------------------------------------*/
.btn_writing button {
    font-weight: normal;
    font-size: 16px;
}

.btn_writing button[disabled] {
    font-weight: normal;
}

/*below class also belongs to contacts_handle.php action:fetch_for_batch page to set the size
of status (ongoing inquiry) in badge:*/
.home_contact_status_td {
    padding-left: 10px !important;
    text-align: left;
}

.home_contact_status_td span {
    display: inline-block;
}

/*below batch_title_img,batch_title_comp and batch_title date classes are coming from batch_fetch_my_page.php
for homepage batch #batch_div div to show existing batch top titles*/
.batch_title_img {
    width: 7%;
}

.batch_title_comp {
    width: 43%;
}

.batch_title_date {
    width: 30%;
}

.batch_title_btn {
    width: 20%;
}

/*below batch_title_img,batch_title_comp and batch_title date classes are coming from batch_fetch_my_page.php
for homepage batch #batch_div div to show existing batch below titles*/
.ongoing_batch_img {
    width: 7%;
}

.ongoing_batch_company {
    width: 33%;
}

.ongoing_batch_qty {
    /*used two times on same table as th width*/
    width: 20%;
}

.ongoing_batch_btn {
    width: 15%;
}

.ongoing_batch_remarks {
    width: 20%;
}

.ongoing_batch_icon {
    width: 5%;
}

#batch_prep_table,
#batch_title_table tbody td {
    padding: 0.4rem !important;
    text-align: center;
}

/* below .others_img_modal_td is coming from display_other_batch.php for batch_purchase_handle.php page
 on modal window when clicked on others btn to show other companies in the same batch order*/
/* .others_img_modal_td {
    padding: 0.4rem 0.25rem !important;
}

.others_img_modal_td img {
    width: 70%;
} */

/*below classes until the comment separator are about homepage dropdown item which filled
dynamically either by new inquiry or new contact etc*/
.dropdown_common {
    position: absolute !important;
    max-height: 300px;
    overflow-y: auto;
    width: 250px;
    padding: 0 !important;
}

.dropdown_exception {
    position: absolute !important;
    max-height: 300px;
    overflow-y: auto;
    width: 250px;
    padding: 0 !important;
}

.dropdown_common.single_page {
    width: 250px;
}

.home_dropitem_container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.4rem 0.2rem;
    text-align: center;
}

.home_dropdown_comp {
    width: 72%;
    padding: 1px;
    white-space: pre-wrap;
    /* CSS3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    text-align: center;
    color: black;
    font-size: 14px;
}

/*below single_page specifically for single display sent received or batch sent and received because there
is button extra in addition to homepage dropdown*/
.home_dropdown_comp.single_page {
    width: 75% !important;
}

.home_dropdown_comp.with_qty {
    width: 15% !important;
    display: flex;
    justify-content: center;
}

.home_dropitem_img_div {
    width: 15%;
    padding: 1px;
}

.reset_new_added,
.reset_new_notes {
    position: relative;
    background-color: transparent;
}

.reset_new_added::after {
    /*for putting the plus icon as after element on top of notification area img for adding new item to the file*/
    content: "";
    width: 14px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27%3E%3Cpath fill=%27black%27 d=%27M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16V240H32c-8.8 0-16 7.2-16 16s7.2 16 16 16H208V448c0 8.8 7.2 16 16 16s16-7.2 16-16V272H416c8.8 0 16-7.2 16-16s-7.2-16-16-16H240V64z%27/%3E%3C/svg%3E");
    position: absolute;
    top: -12px;
    left: -8px;
}

.reset_new_notes::after {
    /*for putting the edit icon as after element on top of notification area img for a new note on an item to the file*/
    content: "";
    width: 14px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cpath fill=%27black%27 d=%27M454.6 45.3l12.1 12.1c12.5 12.5 12.5 32.8 0 45.3L440 129.4 382.6 72l26.7-26.7c12.5-12.5 32.8-12.5 45.3 0zM189 265.6l171-171L417.4 152l-171 171c-4.2 4.2-9.6 7.2-15.4 8.6l-65.6 15.1L180.5 281c1.3-5.8 4.3-11.2 8.6-15.4zm197.7-243L166.4 243c-8.5 8.5-14.4 19.2-17.1 30.9l-20.9 90.6c-1.2 5.4 .4 11 4.3 14.9s9.5 5.5 14.9 4.3l90.6-20.9c11.7-2.7 22.4-8.6 30.9-17.1L489.4 125.3c25-25 25-65.5 0-90.5L477.3 22.6c-25-25-65.5-25-90.5 0zM80 64C35.8 64 0 99.8 0 144V432c0 44.2 35.8 80 80 80H368c44.2 0 80-35.8 80-80V304c0-8.8-7.2-16-16-16s-16 7.2-16 16V432c0 26.5-21.5 48-48 48H80c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48H208c8.8 0 16-7.2 16-16s-7.2-16-16-16H80z%27/%3E%3C/svg%3E");
    position: absolute;
    top: -12px;
    left: -8px;
    /*transform: translate(-50%,-50%);*/
    /*padding: 3px 0 0 3px;*/
    /*line-height: 10%;*/
}

.reset_notification_icon_span {
    font-size: 16px;
}

.home_dropitem_img_div img {
    width: 100%;
    border-radius: 10%;
}

/*.home_dropitem_stat_div{*/
/*display:table-cell;*/
/*vertical-align:middle;*/
/*width:30%;*/
/*padding:2px;*/

/*}*/
/*.home_dropitem_stat_div span{*/
/*font-size:12px;*/
/*display:block;*/

/*}*/
.batch_page_comp_dropdown_item_check {
    /*used as company dropdown in batch_inquiry_display_all.js coming from get_company_for_page_loading.php*/
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 0 10px;
    width: 17%;
    background-color: var(--background_color_div_light);
}

div.home_dropitem_container span.status_span {
    color: black;
}

.small_img_in_li {
    width: 10%;
}

.small_img_in_li img {
    width: 100%;
    border-radius: 20%;
}

/*---------------------------------------------------*/
.home_dropitem_stat_img {
    width: 15%;
    font-size: 20px;
    text-align: center;
}

.home_dropitem_stat_img img,
.home_dropitem_stat_img span {
    width: 100%;
    /*border-radius:50%;*/
    padding: 1px;
}

.home_dropitem_stat_img.single_page {
    width: 20% !important;
    display: flex;
    justify-content: center;
}

.home_dropitem_stat_img.single_page span {
    font-size: 14px;
    display: inline-block;
}

.home_dropitem_stat_img.with_qty span,
.home_dropitem_stat_img.with_qty label {
    color: black;
    font-size: 12px;
}

.batch_ordered_img_div {
    width: 20%;
    display: flex;
    justify-content: center;
}

.batch_ordered_num_div {
    width: 80%;
    display: flex;
    justify-content: center;
}

.batch_ordered_num_div span {
    display: inline-block;
    width: 90%;
}

/*below single_page specifically for single display sent received or batch sent and received because there
is button extra in addition to homepage dropdown*/
.dropdown_item_btn.single_page {
    width: 15% !important;
    display: flex;
    justify-content: center;
}

.dropdown_item_btn.single_page span {
    font-size: 16px;
    /*display:inline-block;*/
}

/*below a few classes inside li element are for dropdown ul in notification section especially for warning*/
.public_dropdown_ul div.outestlidiv {
    /*the most outest div wrapping inside dropdown li*/
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    padding: 0;
}

.public_dropdown_ul div.outestlidiv img {
    width: 100%;
}

.public_dropdown_ul div.outestlidiv .home_dropdown_comp {
    width: 72%;
    padding: 1px;
    white-space: pre-wrap;
    /* CSS3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    text-align: center;
    color: black;
    font-size: 14px;
}

.incanchorlidiv {
    /*including the whole a element section inside dropdown li*/
    width: 87%;
    display: flex;
    padding: 0 !important;
}

.incsecondsectionlidiv {
    /*used in inc_first called from get_item_notifications.js for warning to include the second part after anchor div in li element in dropdown*/
    width: 13% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.warning_notf_img {
    /*used in inc_first called from get_item_notifications.js for warning wrapping img inside anchor*/
    width: 20% !important;
    /*padding:5px;*/

}

.warning_notf_img img {
    width: 100%;
    border-radius: 10%;
}

.warning_name_section {
    /*used in inc_first called from get_item_notifications.js for warning wrapping name inside anchor*/
    width: 70% !important;
    padding: 5px;
    /*overflow: hidden;*/
}

.warning_name_section span {
    display: inline-block;
    width: 100%;
    word-break: break-word;
    word-wrap: break-word;
}

.warning_newmsg_section {
    /*used in inc_first called from get_item_notifications.js for warning wrapping last information part inside anchor*/
    width: 15% !important;
    padding: 5px;
}

.warning_newmsg_section span {
    display: block;
    font-size: 12px;
    float: right;
}


/*--------end of dropdown notification li classes----------*/
/*---------------------------------*/
/*.home_dropitem_stat_img img{*/
/*width:100%;*/
/*border-radius:50%;*/
/*padding:1px;*/
/*}*/
body>div>div.dropdown.open:hover {
    position: absolute;
}

.btn_writing {
    overflow-y: auto;
    padding: 0;
    background-color: var(--background_color_div_light);
}

.settings_wrapper {
    height: calc(100vh - var(--home_page_lg_size));
    overflow-y: auto;
    /* border: 1px solid #f0f3f4; */
    padding-bottom: 25px;
    /*overflow-x: hidden;*/
    /*padding-left:5px;*/
    position: relative;
    padding-right: 150px;
}

.btn_writing,
.settings_btn_writing {
    height: calc(100vh - var(--home_page_lg_side_panel));
    overflow-y: auto;
    overflow-x: hidden;
}

/* New admin sidebar */
.admin_btn_writing {
    height: calc(100vh - var(--admin_page_side_panel));
    overflow-y: auto;
    overflow-x: hidden;
}

.left_dropdown {
    position: absolute;

}

#contact_table {
    padding: 0;
    /*border:1px solid #f0f3f4;*/
}

.contact_table {
    padding: 0;
}

#display-div {
    padding: 0 0 0 0;
    z-index: 1;
    background-color: white;
    /*the main reason we have to keep it white, otherwise in the very beginning opening partially it shows its color before page loads and unpleasant appearance*/
    height: 100%;
    text-align: center;
}

#display-div .scrollable_area {
    padding: 0 10px !important;
}

/*below .display_short_colspan class is coming from batch_purchase_handle.php for
   display_batch_purchase_all.php to change title tr into short:*/
.display_short_colspan,
.packing_display_title {
    display: none;
}

.display_short_colspan_batch_all {
    display: none;
}

.display_shorter_colspan {
    display: none;
}

/*.display_short_colspan_batch_single is for batch_single_company.php coming from fetch_batch_single_contact.php*/
.display_short_colspan_batch_single {
    display: none;
}

/* for all label text sizes especially for sides of the page*/
label {
    font-size: 12px;
    margin-bottom: 0 !important;
}

/*at the top of some tables coming to homepage legend padding setting:*/
.home_title_legend {
    padding: 2px 5px;
}

.home_title_legend h4 {
    float: right;
}

.progress_bar_wrapper {
    padding: 5px 0 5px 0;
}

.progress-bar {
    background-color: var(--ezinq_theme_color);
    transition: none;
}

/*below .display_only class is for last four btns on homepage left side to hide unless we display product tab*/
.display_only {
    display: none;
}

.display_only_batch_prep {
    display: none;
}

.hr_class {
    border: 0;
    clear: both;
    display: block;
    width: 96%;
    background-color: var(--ezinq_theme_color);
    height: 1px;
}

.hr_display_all {
    margin-left: 0;
    margin-right: 0;
    border: 0;
    display: block;
    width: 96%;
    background-color: var(--ezinq_theme_color);
    min-height: 1px;
}

.hr_btw_comp {
    border: 0;
    clear: both;
    display: block;
    width: 100%;
    background-color: var(--ezinq_theme_color);
    height: 1px;
    margin-top: 0;
    margin-bottom: 0;
}

.hr_light {
    border: 0;
    clear: both;
    display: block;
    width: 100%;
    margin: 2px 0 2px 0;
    background-color: #e9ecef;
    height: 1px;
}

.hr_main_class {
    border: 0;
    clear: both;
    display: block;
    width: 100%;
    margin: 0;
    background-color: var(--ezinq_theme_color);
    height: 1px;
}

.image_upload_btn,
.home_add_drop_btn {
    width: 80%;
    padding: 0.25rem 0.1rem;
    display: inline-block;
    text-align: center;
    font-size: 0.75rem;
    word-wrap: break-word !important;
    -ms-word-break: break-all;
    word-break: break-all;
    white-space: normal !important;
    vertical-align: top;

}

.image_upload_btn_td {
    padding: 0.25rem 0.4rem;
}

.home_add_drop_btn {
    font-size: 14px !important;
}

/*below is used for sad image which means missing image for gallery and also used for
with image but different size (with image has two different coming according to image size)*/
.individual_gallery_missing {
    width: 20%;
    float: left;
    padding: 5px;
    max-width: 100%;
    text-align: center;
    cursor: pointer;
}

.individual_gallery_image {
    width: 20%;
    height: auto;
    float: left;
    text-align: center;
    max-width: 100%;
}

/*below is coming from download_individual_product_detail.php to individual_product_details.php
for wrapping selecboxes */
.detail_wrap_selectbox {
    /* border: 1px solid black; */
    text-align: center;
    padding: 5px 0 5px 0;
}

div {
    outline: none;
}

table tr {
    outline: none;
}

a {
    outline: none;
}

/************Below .modal_checkbox .modal_image .modal_info directly used in
add_item_list.php for filling the modal for adding new item*****************/
.modal_checkbox {
    width: 3%;
}

.modal_image {
    width: 13%;
}

.modal_info {
    width: 9%;
}

/***************************************************************************
***************************************************************************/
/*below batch_prep_btn_td is in batch_fetch_by_my_page.php coming to my page for
batch_inquiry tab for individual companies button (remove)*/
.batch_prep_btn_td {
    padding: 0 !important;
}

/*below #display_deleted_item_modal is coming from fetch_process_extra.php for received
and sent_inquiries.php pages to show deleted items and classes under them for width of
columns*****************************************************************************/
#display_deleted_item_modal .modal_checkbox {
    width: 4%;
}

#display_deleted_item_modal .modal_image {
    width: 12%;
}

#display_deleted_item_modal .modal_info {
    width: 12%;
}

/**********************************************************************************/
/**********************************************************************************/
/*------------------------------------------------ending individual product page--------------*/

/*below .updated_row class is displaying purchases and sales  pages for those items which
might have been changed and we decide this by checking updated dateds*/

.updated_row {
    position: relative;
}

.updated_row::after {
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27%3E%3Cpath fill=%27%23a9a9a9%27 d=%27M64 64C46.3 64 32 78.3 32 96V416c0 17.7 14.3 32 32 32H384c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zm200 64a24 24 0 1 1 48 0 24 24 0 1 1 -48 0zm-16 64h40c8.8 0 16 7.2 16 16V352h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16h32V256H184c-8.8 0-16-7.2-16-16s7.2-16 16-16z%27/%3E%3C/svg%3E");
    top: 0;
    right: 5px;
    position: absolute;
    opacity: 1;
}

.deleted_row {
    border: 2px solid red;
}

/* New specific class for breadcrumb status area */
.breadcrumb-status-container {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 4px;
    padding: 0 4px;
    flex: 0 0 auto;
}

#random_inq_cust_email {
    height: 16px;
    /* Small height for email */
    font-size: 12px;
    margin-top: 2px;
    flex: 0 0 auto;
}

/* When status_reason shows text content */
#status_reason:not(:empty) {
    padding: 4px 8px;
    background: #f1f5f9;
    color: #475569;
    border-radius: 4px;
    font-weight: 500;
}

#edit_status,
#status_reason {
    font-size: 13px;
    color: #64748b;
}

#status_position {
    font-size: 12px;
}

.dropdown-item:hover,
.custom-control-label:hover {
    cursor: pointer;
}

.modal.in {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transform: translateZ(0);

}

/*below .currency_title class is for all table titles with price th which includes span element
with this classname to show currency:*/
.currency_title {
    font-weight: bolder;
}

#affiliated_comp_ul {
    list-style: none;
    padding: 0;
    border: 1px solid black;
    margin-top: 0;

}

#affiliated_comp_ul li {
    border: none;
    display: block;
}

.company_list_li:hover {
    color: white;
    background-color: #007bff;
    cursor: pointer;
}

/*Below classes starting with contacts* are coming from contacts_handle page for
contacts.php page for th width*/
.contacts_all_image {
    width: 4%;
}

.contacts_all_company {
    width: 27%;
}

.contacts_all_detail {
    width: 13%;
}

.contacts_all_block {
    width: 13%;
}

.contacts_all_chat {
    width: 13%;
}

.contacts_all_rating {
    width: 30%;
}

/*-------------------------------*/
.contacts_off_on_image {
    width: 7%;
}

.contacts_off_on_company {
    width: 33%;
}

.contacts_off_on_detail {
    width: 20%;
}

.contacts_off_on_block {
    width: 20%;
}

.contacts_off_on_chat {
    width: 20%;
}

/*---------------------------------*/
.contacts_block_pending_image {
    width: 7%;
}

.contacts_block_pending_company {
    width: 45%;
}

.contacts_block_pending_unblock {
    width: 24%;
}

.contacts_block_pending_delete {
    width: 24%;
}


/*---------------------------------*/
.contacts_request_image {
    width: 5%;
}

.contacts_request_company {
    width: 65%;
}

.contacts_request_cancel {
    width: 30%;
}

/*below class is settings.php left side ul li control class*/
.settings_ul {
    list-style-type: none;
    padding-left: 0;
    padding-right: 0;
}

.settings_ul li {
    border: none;
    padding-left: 0;

}

.settings_ul a {
    /*display:block;*/
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    font-weight: bold;
}

/* New item notifications on the inquiry files (for other party and own added with different icons and colors 20250816*/
/* Replace background color with icon for own new items */
.marking_color {
    background-color: transparent !important;
    position: relative;
}

.marking_color::before {
    content: "";
    width: 14px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 384 512%27%3E%3Cpath fill=%27%232196F3%27 d=%27M16 512c-8.8 0-16-7.2-16-16s7.2-16 16-16H32l0-44.7c0-31.6 10.4-62.4 29.6-87.5L131.9 256 61.6 164.1C42.4 139 32 108.3 32 76.7V32H16C7.2 32 0 24.8 0 16S7.2 0 16 0H368c8.8 0 16 7.2 16 16s-7.2 16-16 16H352V76.7c0 31.6-10.4 62.4-29.6 87.5L252.1 256l70.2 91.9C341.6 373 352 403.7 352 435.3V480h16c8.8 0 16 7.2 16 16s-7.2 16-16 16H16zm304-32V435.3c0-24.6-8.1-48.5-23-68L219.3 265.7c-4.4-5.7-4.4-13.7 0-19.4L297 144.7c14.9-19.5 23-43.4 23-68V32H64l0 44.7c0 24.6 8.1 48.5 23 68l77.7 101.6c4.4 5.7 4.4 13.7 0 19.4L87 367.3c-14.9 19.5-23 43.4-23 68L64 480H320zM192 208c-4.9 0-9.5-2.2-12.5-6l-64-80c-3.8-4.8-4.6-11.4-1.9-16.9s8.3-9.1 14.4-9.1h64 64c6.2 0 11.8 3.5 14.4 9.1s1.9 12.1-1.9 16.9l-64 80c-3 3.8-7.6 6-12.5 6zm-30.7-80L192 166.4 222.7 128H192 161.3zM144 352h96c6.1 0 11.6 3.4 14.3 8.8l32 64c2.5 5 2.2 10.9-.7 15.6s-8.1 7.6-13.6 7.6H192 112c-5.5 0-10.7-2.9-13.6-7.6s-3.2-10.6-.7-15.6l32-64c2.7-5.4 8.3-8.8 14.3-8.8zm-6.1 64H192h54.1l-16-32H153.9l-16 32z%27/%3E%3C/svg%3E");
    position: absolute;
    top: 2px;
    right: 5px;
    transform: none;
    animation: fadeInSlow 0.8s ease-in;
    z-index: -1;
}

/* Replace background color with icon for other party new items */
.new_item {
    background-color: transparent !important;
    position: relative;
}

.new_item::before {
    content: "";
    width: 14px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27%3E%3Cpath fill=%27%233b5998%27 d=%27M64 64C46.3 64 32 78.3 32 96V416c0 17.7 14.3 32 32 32H384c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM208 352V272H128c-8.8 0-16-7.2-16-16s7.2-16 16-16h80V160c0-8.8 7.2-16 16-16s16 7.2 16 16v80h80c8.8 0 16 7.2 16 16s-7.2 16-16 16H240v80c0 8.8-7.2 16-16 16s-16-7.2-16-16z%27/%3E%3C/svg%3E");
    position: absolute;
    top: 2px;
    right: 5px;
    transform: none;
    animation: fadeInSlow 0.8s ease-in;
}

/* Subtle fade animation */
@keyframes fadeInSlow {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.8);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

/*____________________________________________________________*/
/*below three classes (add_batch_contact_check,add_batch_contact_company,add_batch_contact_name
are for batch_order page adding extra more contacts to batch inquiry)*/
.add_batch_contact_check {
    width: 10%;
}

.add_batch_contact_company {
    width: 50%;
}

.add_batch_contact_name {
    width: 40%;
}

/*.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {*/
/*background-color: var(--ezinq_theme_color);*/
/*}*/
/*.table > tbody > tr.hidden_item > td{*/
/*color:black!important;*/
/*}*/

/* below buyer_item_table_style class is for batch_single_company.php supplier item table*/
.buyer_item_table_style {
    border-bottom: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
}

/*below code is to open bootstrap dropdown menu on hover instead of click:*/
/*.dropdown:hover .dropdown-menu {*/
/*display: block;*/
/*margin-top: 0; !*this margin 0 is added just not to let it close before hover on the dropdown-menu*!*/
/*}*/
/*below .history_result_title class is for many pages modal window which is opened by clicking price_detail_btn
 on the button with text history*/
.history_result_title {
    font-size: 16px;
    color: var(--ezinq_theme_color);
}

/*below hide_at_opening class is used for some left_side btns in some pages like batch_order.php and batch_inquiry_display_all.php to hide some btns on loading*/
.hide_at_opening {
    display: none;
}

/*below title detail and edit column classes are coming from download_individual_product_detail for
individual_product_details.php table for product details next to product image columns*/
.title_column {
    width: 20%;
}

.detail_column {
    width: 65%;
}

.edit_column {
    width: 15%;
}

table {
    border-spacing: 0 !important;
    border-collapse: separate !important;
}

.table {
    border-spacing: 0 !important;
    border-collapse: separate !important;
}

/*----------------------------*/
table tbody tr:not(.exception_tr) td {
    border-bottom: 1px solid var(--light_border_grey) !important;
    border-top: 1px solid var(--light_border_grey) !important;
    border-right: 1px solid var(--extreme_light_border_grey);
}

table tbody tr:not(.exception_tr) td:first-child {
    border-left: 1px solid var(--light_border_grey) !important;
}

table tbody tr:not(.exception_tr) td:last-child {
    border-right: 1px solid var(--light_border_grey) !important;
}

table tbody tr:hover:not(.exception_tr):not(.pack_each_data_row):not(.pack_outer_wrapper_tr):not(.pack_box_row_tr) td {
    /* background: var(--line_hover_color);  */
    color: black;
    /* box-shadow: 0 5px 10px -10px grey; */
    border-top-color: #C0C0C0 !important;
    border-bottom-color: #C0C0C0 !important;
}

tbody.eachproduct>tr.exception_tr:hover td {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}

.pack_box_row_tr:hover td {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}

.pack_outer_wrapper_tr:hover td {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}

table tbody tr:hover:not(.exception_tr) td:first-child {
    border-left: thin solid;
}

table tbody tr:hover:not(.exception_tr) td:last-child {
    border-right: thin solid;
}

.exception_tr tr:hover td {
    color: black;
    /* box-shadow: 0 5px 10px -10px grey; */
    /* border-color: gray !important; */
}

.ui-sortable-helper {
    display: table;
}

.zero_height {
    height: 0;
    padding: 0 !important;
    border-top: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    border: none !important;
    border-width: 0 !important;
    outline: none !important;
    border: hidden !important;
    border-color: white !important;
}

li {
    border: none;
}

.dd-selected-image,
.dd-option-image {
    /*ddslick is a jquery plugin and we customize its css here. it is used for selecbox with images*/
    max-width: 30px !important;
    border-radius: 1px;
    display: table-cell;
    vertical-align: center;
}

.dd-options {
    display: table;
    padding: 0 !important;
    text-align: left;
    max-height: 200px !important;
    height: 150px !important;
    box-shadow: none !important;
}

.dd-select {
    display: table;
    padding: 0 !important;
    text-align: left;
    border-radius: 10px !important;
    background-color: transparent !important;

}

.dd-selected {
    background-color: transparent !important;
    border-radius: 5px !important;
}

.dd-selected-text,
.dd-option-text {
    color: black;
    font-size: 12px;
    display: table-cell;
    vertical-align: center;

}

.dd-selected-description,
.dd-option-description {
    font-size: 12px;
    display: table-cell;
    vertical-align: center;
}

.flagstrap {
    background-color: transparent !important;
    width: 100%;
}

/*below five add_box_item classes are in packing list pages add item to box modal window table for selecting items in ongoing process*/
.add_box_item_checkbox {
    /*add_box_item classes are in packing list pages add item to box modal window table for selecting items in ongoing process*/
    width: 6%;
}

.add_box_item_img {
    /*add_box_item classes are in packing list pages add item to box modal window table for selecting items in ongoing process*/
    width: 16%;
}

.add_box_item_name,
.add_box_item_model,
.add_box_item_qty {
    /*add_box_item classes are in packing list pages add item to box modal window table for selecting items in ongoing process*/
    width: 18%;
}

.add_box_packed,
.add_box_total_qty,
.add_box_occurance {
    width: 8%;
}

button:not(.side_display_btn, .top_selection_btn, .not_round, .cornered_btn, .ui-datepicker-trigger, .setting_editable_area_btn, .editable_area_btn, .close, .past_detail_btn, .price_info_btn, .box_section_btn, .pack_list_comp_btn) {
    outline: none;
    border-radius: 20px 20px 20px 20px !important;
    border: none;
}

.box_section_btn,
.pack_list_comp_btn {
    border: none;
    outline: none;
}

.special_display {
    /*it is side_display_btn too and not getting some button effect because of exception of side_display_btn*/
    outline: none;
    border-radius: 20px 20px 20px 20px !important;
}

.portioned_tbody button {
    padding: .30rem .65rem .30rem .65rem;
    font-size: 14px !important;
    line-height: 1 !important;
}

button:focus,
button:active {
    outline: none;
}

button:hover:not(.editable_area_btn):not(.setting_editable_area_btn):not(.history_note_edit):not(.custom_file_note_btn) {
    cursor: pointer;
}

button:disabled,
button[disabled] {
    /* background-color: #cccccc; */
    color: #666666;
}

button:disabled:hover,
button[disabled]:hover {
    background-color: #cccccc !important;
}

.include_multi_sec_body {
    display: flex;
    height: 70vh;
}

.first-column {
    background: white;
    box-sizing: border-box;
    overflow: auto;
    height: 100%;
    width: 45%;
    text-align: center;
}

.first-column.box_side {
    width: 30% !important;
}

.second-column {
    display: block;
    /*this is because in small screen for load container page this column is set to display:none*/
    width: 45% !important;
    overflow: auto;
    text-align: center;
    padding-right: 10px;

}

.second-column.fill_box_table {
    width: 60% !important;
}

.middle-column {
    width: 10% !important;
}

.first-column.container_side {
    width: 50% !important;
}

.second-column.table_side {
    width: 50% !important;
}

#addbox {
    /*used in modal window left side opened by add box btn in packing list section with the cardboard background*/
    background-image: url(02cce0f6a9125d70fd33.png);
    background-size: 100%;
    background-repeat: repeat;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    /*width:230px;*/
}

.add_box_qty_text {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: black;
    font-weight: bold;
}

.add_box_checkbox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    transition: all .3s linear;
}

.side_btn_packlist_display,
.side_btn_account_display {
    /*three of sel_top btns group to display packing list and account and hiding in the beginning*/
    display: none;
}

.checkbox_th_on_pack_modal {
    width: 15%;
}

.pack_modal_img {
    width: 100%;
}

.company_th_on_pack_modal {
    width: 85%;
}

/*below .pack_add_modal_model_th .pack_add_name_model_th .pack_add_modal_image_th are coming from get_items_from_inquiry.php
for packing add to box modal table*/
.pack_add_modal_image_th {
    /*coming from get_items_from_inquiry.php page for packing add item to box modal*/
    width: 20%;
}

.pack_add_modal_name_th {
    /*coming from get_items_from_inquiry.php page for packing add item to box modal*/
    width: 30%;
}

.pack_add_modal_model_th {
    /*coming from get_items_from_inquiry.php page for packing add item to box modal*/
    width: 30%;
}

.pack_add_modal_qty_th {
    /*coming from get_items_from_inquiry.php page for packing add item to box modal*/
    width: 20%;
}

/*below pack list and pack box classes are used in fetch_packing_list.php for title of each box including box total info and box btn*/
.pack_list_company_title_th {
    /*packing list display packing list most out company table info side width:*/
    height: 40px;
    width: 100%;
    padding: 5px 0 5px 0;
}

.label_row_wrapper {
    padding: 0;
    height: 100%;
    font-size: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.label_row_wrapper div {
    align-self: flex-start;
}

.label_row_wrapper label {
    display: inline-block;
    margin: 0;
}

.pl_add_new_box:hover .icon-plus,
.box_add_new_item:hover .icon-plus {
    color: #ffd700 !important;
    text-decoration: none !important;
}

/*------------------------below stuff container box table---------------------*/
.con_company_title_th {
    /*stuff container display most out company table info side width:*/
    background-color: var(--ezinq_theme_color);
    color: white;
    width: 90%;
}

.con_box_check_th {
    /*stuff container display most out company table checkbox width:*/
    width: 10%;
}

.box_total_info_top_label_wrapper_left,
.con_box_total_info_top_label_wrapper_left {
    /*fetch_packing_list.php each box title left first group of labels div*/
    display: block;
    height: 50%;
    float: left;
}

.small_table_header {
    height: 40px;
    width: 100%;
    color: white;
    font-size: 0.8rem;
}

.medium_table_header {
    height: 60px;
    width: 100%;
    color: white;
    font-size: 0.8rem;
}

.title_label_wrapper,
.batch_top_left_label_wrapper {
    /*same task as upper box_total_info_top_label_wrapper_left but height is different since there are 3 labels inside*/
    display: block;
    height: 100%;
    float: left;
    clear: left;
    padding: 5px;
    width: 100px;
    text-align: left;

}

.title_label_wrapper label {
    font-size: 12px !important;
    font-weight: normal !important;
}


/*.batch_top_left_label_wrapper{*/
/*height:50%;*/
/*}*/
.box_total_info_below_label_wrapper_left,
.con_box_total_info_below_label_wrapper_left {
    display: block;
    height: 50%;
    float: left;
    clear: left;
}

.box_total_info_top_label_wrapper_right,
.con_box_total_info_top_label_wrapper_right {
    /*fetch_packing_list.php each box title left first group of labels div*/
    display: block;
    height: 50%;
    float: right;
}

.box_total_info_below_label_wrapper_right,
.con_box_total_info_below_label_wrapper_right {
    display: block;
    height: 50%;
    float: right;
    clear: both;
}

.pack_list_top_left,
.con_pack_list_top_left {
    /*fetch_packing_list.php each box top title left info*/
    float: left;
    width: 33.333%;
    height: 100%;
    padding: 3px 5px 5px 10px;
}

.pack_list_top_middle,
.con_pack_list_top_middle {
    /*fetch_packing_list.php each box top title middle info*/
    float: left;
    width: 33.333%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: left;
    justify-content: left;

}

.container_title_top_middle {
    /*the place on top of container image with truck icon.*/
    float: left;
    width: 35%;
    height: 100%;
    font-size: 12px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;

}

.container_title_top_right {
    display: flex !important;
    align-items: center;
    text-align: center;
    justify-content: center !important;
    width: 25%;
    float: right !important;
    height: 100% !important;
}

.container_title_top_middle button {
    font-size: 12px;
}

.container_title_top_left {
    /*the place on top of container image with information labels.*/
    float: left;
    width: 40%;
    height: 100%;
    padding: 3px 5px 5px 10px;
}


.pack_list_top_right,
.con_pack_list_top_right {
    /*fetch_packing_list.php each box top title right info*/
    float: right;
    width: 33.333%;
    height: 100%;
    padding: 3px 10px 5px 5px;
}

.pack_list_company_title_th .pack_list_top_right,
.pack_list_company_title_th .pack_list_top_middle,
.pack_list_company_title_th .pack_list_top_left,
.con_pack_list_company_title_th .con_pack_list_top_right,
.con_pack_list_company_title_th .con_pack_list_top_middle,
.con_pack_list_company_title_th .con_pack_list_top_left {
    background-color: var(--ezinq_theme_color);
}

.box_label_style {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

/*below .header_division_left and .header_division_right classes very similar to top pack_list prefix classes for top title of packing list container pages but it is used in batch_inquiry_display_all.php coming from batch_comparinble_price_fetch.php*/
.header_division_left {
    /*in the batch_inquiry_display_all.php page coming from batch_inquiry_handle.php the top title of each company*/
    width: 30%;
    height: 100%;
    padding: 3px 5px 5px 10px;
    display: flex;
    align-items: flex-end;
}

.header_division_right {
    /*the place on top of container image with truck icon.*/
    width: 70%;
    height: 100%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 10px 5px 5px;
}

/*-------------------------------------------------------*/
.dropped_img {
    /*this class is used to add item to box in packing list pages wrapping img file*/
    float: left;
    text-align: center;
    position: relative;
    box-sizing: border-box;
}

/*below .box_error_display_items is a label class used in packing list error modal window box field errors items hover tooltip*/
.box_error_display_items {
    /*below .box_error_display_items is a label class used in packing list error modal window box field errors items hover tooltip*/
    display: block;
    font-size: 12px;
}

.container_stuff_wrapper,
.move_division_wrapper_wrapper,
.add_single_division_wrapper_wrapper {

    width: 100%;
    padding-bottom: 42%;
    box-sizing: border-box;

    position: relative;

}

.container_stuff,
.move_division_wrapper_div,
.add_single_division_wrapper_div {
    background-image: url(8e6e2a7c776e49e869bd.png);
    background-size: 100% auto;
    background-repeat: repeat-y;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    color: white;
    /*text-align:left;*/
    box-sizing: border-box;
    background-position: 50% 50%;
}

.container_division,
.move_item_modal_division,
.add_single_modal_division {
    width: 20%;
    height: 33.33%;
    box-sizing: border-box;
    padding: 3px;
}

.container_division {
    border: 1px solid #fc8604;
}

.move_item_modal_division,
.add_single_modal_division {
    position: relative;
}

input[name="move_div_radio"],
input[name="add_single_div_radio"] {
    /*move_item_modal window container division radio box (invisible)*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    transition: all .3s linear;
}


/*.draggable-placeholder {*/

/*border: 2px dashed #D9D9D9 !important;*/
/*background-color: #F7F7F7 !important;*/
/*visibility: visible !important;*/
/*}*/
.container_stuff_info {
    width: 100%;
    text-align: left;
}

.con_info_title_label {
    font-size: 14px;
    font-weight: bold;
}

.con_info_img_div {
    width: 150px;
    height: auto;

}

.loaded_box {
    /*box that is either by dragging or selecting added to container in packing list page in container stuff*/
    float: left;
    border-radius: 2px;
    border: 1px solid white;
    /*text-align: left;*/
    cursor: pointer;
    /*overflow:auto;*/
    /* position:relative; */


}

.loaded_box_checkbox {
    /*checkbox behind the loaded box div to select either to move or remove*/
    position: absolute;
    top: 0;
    left: 0;
    /* right: 0;
    bottom: 0; */
    /*width:100%;*/
    /*height:100%;*/
    cursor: pointer;
    opacity: 0;
    transition: all .3s linear;
}

.image_wrapper_label {
    width: 100%;
    height: 100%;
    padding: 0 !important;
    display: block;
}

.image_wrapper_label:hover {
    cursor: grab;
}

.container_load_titles {
    /*This class is used in container loading page information h6 title classes*/
    font-weight: bold;
    text-decoration: underline;
}

.loaded_info_label {
    /*when we hover on boxes loaded on container,tooltip shows info included in these labels*/
    display: block;
    font-size: 12px;
}

.item_img_div {
    padding: 0 !important;
}

/*.loaded_box_tooltip{*/
/*width:7vw;*/
/*}*/
br {
    /*especially needed in container page container image top title truck icon and container number*/
    content: " ";
    display: block;
    margin: 1px;
}

/*below transfer_th classes are for account page transfer table th*/
.transfer_th_checkbox {
    width: 3%;
}

.transfer_th_sent {
    width: 14%;
}

.transfer_th_received {
    width: 14%;
}

.transfer_th_info {
    width: 24%;
}

.transfer_th_rate {
    width: 10%;
}

.transfer_th_exc {
    width: 15%;
}

.transfer_th_date {
    width: 10%;
}

.transfer_th_doc {
    width: 120px;
    min-width: 120px;
    /* width: 6%; */
}

/*end of transfer th classes for transfer table*/
/*below are payment detail table classes for account page*/
.payment_detail_th_checkbox {
    width: 5%;
}

.payment_detail_th_company {
    width: 22%;
}

.payment_detail_th_amount {
    width: 20%;
}

.payment_detail_th_info {
    width: 27%;
}

.payment_detail_th_date {
    width: 20%;
}

.payment_detail_th_file {
    width: 120px;
    min-width: 120px;
}

/*end of payment detail table in account section*/
/*below are expense detail table classes for account page*/
.expense_detail_th_checkbox {
    width: 5%;
}

.expense_detail_th_title {
    width: 22%;
}

.expense_detail_th_amount {
    width: 20%;
}

.expense_detail_th_info {
    width: 23%;
}

.expense_detail_th_date {
    width: 10%;
}

.expense_detail_th_addedby {
    width: 15%;
}

.expense_detail_th_file {
    width: 120px;
    min-width: 120px;
}

.new_item_img_section {
    width: 300px;
}

/*end of expense detail table in account section*/
.new_item_img_division {
    /*add new item img div classes for img preview on table line*/
    width: 20%;
    padding: 0 5px 5px 5px;
    /*padding:0;*/
    position: relative;
}

.new_item_img_division img {
    width: 100%;
    height: 100%;
    border: 2px solid navajowhite
}

.new_item_img_division.display_main_img_preview {
    /*for main image to display in bigger size as preview*/
    width: 100%;
}

.top_alert {
    /*almost every page used top dangling warning alert*/
    position: fixed;
    z-index: 13005;
    left: 50%;
    transform: translatex(-50%);
    /* z-index is important here because it must be top of every window*/
    text-align: center !important;

    /* this to force the height to adapt to all content */
    height: auto !important;
}

.center_alert {
    position: fixed;
    text-align: center;
    top: 50%;
    z-index: 13005;

}

.bottom_alert {
    position: fixed;
    z-index: 13005;
    /* z-index is important here because it must be top of every window*/
    text-align: center;
    bottom: 0;

}

.alert_bottom_custom {
    background-color: var(--background_color_dark_blue);
    color: white !important;
}

.alert_bottom_custom a {
    color: white !important;
}

.display_small_size {
    /*first time used in packing page load container modal window btn which is hidden in big screen and visible in small.*/
    display: none;
}

.th_higher_z {
    /*used in scrolling nested tables*/
    z-index: 30;
}

.th_lower_z {
    /*used in scrolling nested tables*/
    z-index: 20;
}

.focused_tr:not(#temporary_tr):not(.plain_tr) td {
    /*in pages, focused tr hover effects specs*/
    /*background: #C0C0C0;*/
    background: var(--tr_focused_color);
    color: black;
}

.pack_each_data_row:hover td {
    background: var(--tr_focused_color);
}

.update_focusin {
    /*in pages when we surf on editable areas the effects*/
    border: 1px solid steelblue;
    background-color: white;
    color: black;
}

/*autocomplete related css*/
.autocomplete-items {
    width: 100%;
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 100000;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    /*this property is changed in collapse navbar size which is 771 back to 0*/
    right: 0;
    max-height: 300px;
    /*min-height:100px;*/
    overflow: auto;
    outline: none;
    background-color: #fff;
    border-radius: 5px;


}

.autocomplete-items>div {
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
    display: flex;
    justify-content: center;
    align-items: center;

}

.autocomplete-items>div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.search_result_img_div {
    /*for long searchbox inner div section for img*/
    width: 20%;
    padding: 10px;
    height: 100%;


}

.search_result_text_div {
    /*for long searchbox inner div section for text*/
    width: 80%;
    padding: 10px;
    height: 100%;
    font-size: 14px;

}

.search_result_img_div.search_sm {
    /*for narrow searchbox inner div section for img*/
    width: 20%;
    padding: 10px;
    height: 100%;


}

.search_result_text_div.search_sm {
    /*for narrow searchbox inner div section for text*/
    width: 80%;
    padding: 10px;
    height: 100%;
    font-size: 0.8em;

}


.search_result_img_div img {
    width: 100%;
}

/*.inner_tbl_div{!*div which wraps batch_inquiry_display_all.php page tables. this class is also used to slideToggle*!*/
/*border:solid lightgrey;*/
/*border-width:0 2px 2px 2px;*/
/*}*/
/*end of autocomplete related css*/

div.batch_status_div>span.status_span {
    color: black;
}

.top_selection_btn {
    position: relative;
}


.top_selection_btn::after {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/*-----------------------------*/
.ui-tooltip {
    padding: 10px 20px;
    border-radius: 10px;
    /*font: bold 12px"Helvetica Neue", Sans-Serif;*/
    /*text-transform: uppercase;*/
    box-shadow: 0 0 7px black;
    color: white;
    background-color: black;
    word-wrap: break-word;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
    width: 500px;
    box-sizing: border-box;
    z-index: 20000;
    position: absolute;
    overflow: visible;
    pointer-events: none;
    /*border-color: black transparent transparent transparent;*/
}

.ui-tooltip.warning {
    color: #E3E8F7;
    background: #D94AA4;
}

.ui-tooltip.danger {
    color: #212942;
    background: #CABA75;
}

/*-----------------------------*/
.purc_sale_sum {
    font: bold 12px "Helvetica Neue", Sans-Serif;
    /*text-transform: uppercase;*/
    background-color: var(--background_color_div_light);
}

.purc_sale_tooltip_wrapper {
    font: bold 12px "Helvetica Neue", Sans-Serif;
    background-color: black;
}

.purc_sum_lbl_left {
    float: left;
    font-size: 12px;
}

.purc_sum_lbl_right {
    float: right;
    font-size: 12px;
}

.purc_sale_title {
    text-align: center;
    text-decoration: underline;
    font-size: 12px;
}

/*------------------------------*/
.top_selection_btn::after {
    font-family: Arial;
    font-size: 0.7em;
    font-weight: 700;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    right: 0;
    border: 1px #fff solid;
    border-radius: 50px;
    background: #3498db;
    opacity: 0;
    content: "";
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transition: transform, opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.top_selection_btn.display_warning::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.input_note_div {
    /*input and notes between past_detail_btn and price_info_btn */
    padding-top: 10px;
    padding-bottom: 10px;
}

.full_info,
.updated_row {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.copyable {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.full_info:hover,
.updated_row:hover {
    cursor: pointer;
}

.table_top_title {
    font-weight: bolder;
    color: white;
}

.paled_btn_backgrd {
    background-color: var(--paled_btn_backgrd);
}

.box_table,
.pack_list_inner_tbl {
    margin-bottom: 0;
}

.file_status_red {
    color: red;
}

.file_status_green {
    color: green;
}

/*below is custom contextmenu css*/
/* The whole thing */
.custom-menu,
.custom-menu-forward-nested {
    display: none;
    z-index: 1000;
    position: absolute;
    /*overflow: hidden;*/
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    color: #333;
    border-radius: 5px;
    padding: 0;

}

.nested_ul {
    max-height: 250px;
    overflow-y: auto;
}

.custom-menu-forward-nested img {
    width: 24px;
    height: auto;
}

/* Each of the items in the list */
.custom-menu li {
    background: #FFF;
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
    position: relative;
    width: 100%;
}

.custom-menu li:hover {
    background-color: #DEF;
}

ul.custom-menu ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;

}

ul.custom-menu>li:hover>ul {
    display: block;

}

/*---------------------------*/


.cat_list_cls,
#add_item_to_cat_tbl {
    left: 0;
    z-index: 100;
    background-color: white;
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;

}

#add_item_to_cat_tbl {
    padding: 10px;
}

.hidden_cat_list {
    display: none;
}

.cat_list_cls a:not(.settings_control_wrapper_anchor),
#add_item_to_cat_tbl a {
    display: block;
    color: black;
    padding: 10px;
    text-decoration: none;

}

.cat_list_cls,
.cat_list_cls ul,
#add_item_to_cat_tbl,
#add_item_to_cat_tbl ul {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    list-style-type: none;
    margin-left: 0;
    padding-left: 10px;
    text-indent: -4px;

}

.catCurrentHover {
    background-color: lightgrey;
}

li.catCurrentHover ul {
    background-color: white;
}

.cat_list_cls ul {
    margin-top: 0;
    padding-top: 0;
    /* width:100%;
    overflow: auto; */
    font-size: 14px;
    font-weight: normal;
    margin-top: 3px;
}

.cat_list_cls li {
    position: relative;
}

/* UL Layer 3 Rules */
.cat_list_cls ul ul {
    font-size: 12px;
}

/* UL 4 Rules */

.cat_list_cls ul ul ul {
    font-size: 12px;
}

.cat_list_cls ul li:before {
    position: absolute;
    content: '';
    display: inline-block;
    height: 25px;
    width: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -35px;
}

/*.forward_user_li{*/
/*width:100%;*/
/*}*/
/*end of custom context menu*/
/*below scrollable_list class is used for scrollable lists like category etc*/
.scrollable_list {
    max-height: 300px;
    overflow-y: auto;
    padding: 0 10px 0 10px;
}

.item_cvrs_sent {
    display: inline-block;
    position: relative;
}

.select_sent_cvrs_lbl {
    position: absolute;
    top: 2px;
    right: 2px;
    margin: 0 auto;
    opacity: 0;
}

.sent_cvrs_img_display {
    opacity: 0;
}

.sent_cvrs_img_hide {
    opacity: 1;
}

.add_to_batch_select_wrapper {
    /*used to wrap in home and add_item page batch_draft data coming from db for adding item directly from related page.*/
    margin-top: 10px;
    margin-bottom: 10px;
}

.tutorial_link {
    font-size: 12px;
}

.tutorial_link.index_tut {
    font-size: 14px;
    color: black;
}

.stat_check_col {
    width: 7%;
}

.stat_item_img_col {
    width: 7%;
}

.stat_item_name_col {
    width: 28%;
}

.stat_item_model_col {
    width: 15%;
}

.stat_item_price_col {
    width: 10%;
}

.stat_item_qty_col {
    width: 10%;
}

.stat_comp_col {
    width: 7%;
}

.stat_date_col {
    width: 16%;
}

.empty_warning {
    /*no new msg or no change warning msgs in div under the dropdown notifications*/
    padding: 10px;
}

.signout {
    text-decoration: none !important;
}

.danger_warning {
    color: red !important;
    font-size: 14px;
}

.danger_warning:hover {
    color: white !important;
}
.danger_warning_title{
    color: red !important;
    font-size: 14px;
}
.mild_attention {
    color: var(--mild_blue);
    font-size: 1rem;
}

.file_list_sections {
    height: 100%;
}

.last_dropdown_margin {
    margin-bottom: 8px;
}

#country li:hover {
    cursor: pointer;
    background-color: var(--list_hover_background_color);
}

/*#individual_data_table .price_td:hover{!*my_page and add_item page to display highest and lowest price by click *!*/
/*cursor: pointer;*/
/*}*/
.modal_footer_divided_btn_right,
.modal_footer_divided_btn_left {
    /*div which is wrapping inner content of modal_footer_inner_wrapper in those modals of which footer is divided into two parts */
    display: flex;
    flex-direction: row;
    align-items: center;
    word-break: break-all;

}

.modal_footer_divided_btn_left {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    margin-right: 20px;
}

.modal_footer_inner_wrapper {
    /*div which is wrapping footer of bootstrap modal content and dividing into two pars*/
    display: flex;
    flex-direction: row;
}

.tooltip-inner {
    border-radius: 8px;
    box-shadow: 3px 2px 8px #800000;
    max-width: 500px !important;
}

.packing_tooltip.tooltip-inner {
    border-radius: 8px;
    box-shadow: 3px 2px 8px #800000;
    max-width: 200px !important;
}

.settings_profile_errors {
    color: red;
    padding: 0;
}

/*below 5 th classes are coming from fetch_forward_replies.php to forward_replies.php*/
.forward_st {
    width: 7%;
}

.forward_img {
    width: 10%;
}

.forward_company {
    width: 26%;
}

.forward_price {
    width: 30%;
}

.forward_qty {
    width: 10%;
}

.forward_target {
    width: 10%;
}

.forward_sl {
    width: 7%;
}


.forward_replies_table .image_column {
    width: 5%;
    /*there is 1 of this column*/
}

.forward_replies_table .numeric_column {
    width: 5%;
    /*there are 2 of these columns. those are qty and target*/
}

.forward_replies_table .db_save {
    width: 6% !important;
    /* 4 columns share this class. those are name, model, remarks and description.*/
}

.forward_replies_table .note_column {
    width: 7% !important;
    /*only note column uses this class*/
}

.forward_replies_table .other_info {
    width: 9% !important;
    /*only other_info column uses this class*/
}

.forward_replies_table .checkbox_column {
    width: 4% !important;
}

.forward_replies_table .forward_quotes_th {
    width: 39% !important;
}

.history_sum:hover {
    cursor: pointer;
}

.width_large {
    width: 1200px;
}

.intl-tel-input {
    width: 100%;
}

.adminEditField {
    color: red;
}

.error_title {
    color: var(--ezinq_theme_color)
}

.public_dropdown_div {
    padding: 5px;
}

.public_dropdown_ul {
    list-style-type: none;
    margin: auto;
    padding: 5px;
}

.public_dropdown_ul li {
    margin-bottom: var(--li_bottom_margin);
    border-radius: var(--li_border_radius);
}


.public_dropdown_border_li {
    border-bottom: 1px solid var(--background_color_div_light);
}

.public_dropdown_ul a {
    color: black;
    display: flex;
    /*this is for centeralize the icomoon icon next to text*/
    align-items: center;
    padding: 0;
    font-size: 14px;
    text-decoration: none;
    padding: 7px;


}

.btw_users_dropdown_ul {
    list-style-type: none;
    padding: 5px;
    margin: 0;
}

.btw_users_anchor {
    text-decoration: none;
    color: var(--icon_colors);
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translatex(-50%);
    margin: 0 auto;
    min-width: 30%;
    font: normal 1rem sans-serif;
    height: 15px;
    transition: 0.3s;

}

.btw_users_anchor:hover {
    text-decoration: none;
    color: var(--icon_hover);
    /* font-size: 1.2rem; */
}

.btw_users_dropdown_ul li {
    display: block;
}

.btw_users_dropdown_ul li:hover {
    background-color: var(--tr_focused_color);
    cursor: pointer;
}

.btw_users_dropdown_ul a {
    color: black;
    /*display:flex;!*this is for centeralize the icomoon icon next to text*!*/
    /*align-items: center;*/
    display: block;
    padding: 10px;
    font-size: 14px;
    text-decoration: none;
}

.btw_msg_num {
    display: block;
    float: right;
}

.anchor_msg {
    font: normal 1rem sans-serif;
    color: white;
}

.btw_users_anchor::before,
.btw_users_anchor::after {
    color: var(--icon_colors);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.btw_users_anchor::before {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8rem;
    position: absolute;
    font-weight: bold;
    bottom: -13px;
    /*right: 0;*/
    padding: 0 5px 3px 3px;
    /*line-height: 10%;*/
    /*border: 2px black solid;*/
    border-radius: 20%;
    background: transparent;
    opacity: 0;
    content: attr(data-count);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transition: transform, opacity;
    transform-origin: bottom center;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.btw_users_anchor.notify::before {
    -webkit-animation: ring 1.5s ease;
    animation: ring 1.5s ease;
}

.btw_users_anchor.show-count::before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

#table_unassigned .db_save {
    /*this class is for adding new items in draft,sent or received inquiry page.. because no qty no buyer note etc so we make the db_save columns wider to make images smaller*/
    width: 20% !important;
}

.single_tables_combined .db_save {
    /*draft,sent or received inquiry page tables not including the katalok table since it needs db_save width bigger than this one because it doesn't include columns like qty,target, buyer_note etc*/
    width: 13% !important;
}

.price_info_btn,
.past_detail_btn {
    position: absolute;
    top: 2px;
    right: 2px;
    margin: 0 auto;
    color: var(--icon_colors);
    font: normal 1rem sans-serif;
    /* padding: 3px; */
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    /* height: 15px; */
    transition: 0.3s;
    border-radius: 50%;
}

.price_info_btn:hover {
    text-decoration: none;
    color: var(--icon_hover);
}

.past_detail_btn:hover {
    text-decoration: none;
    color: var(--icon_hover);
    /* background-color: var(--list_hover_background_color); */
}

.price_info_btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.past_detail_btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.btn_percentage {
    cursor: pointer;
    outline: none !important;
}

.btn_percentage:focus {
    outline: none !important;
    box-shadow: none !important;
}

.ratio_input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.homeinput {
    width: 100%;
    height: 100%;
    max-width: 100%;
    padding: 10px !important;

}

.update:not(.homeinput) {
    /* border: 1px solid black; */
    border-radius: 2px;
    border: 0;
    outline: 0;
    background-color: transparent;
    /*transition: all 0.3s ease;*/
}

.update_effects {
    box-shadow: 0 0 5px rgba(0, 0, 0, .05), 2px 2px 5px rgba(0, 0, 0, .1);
    border-radius: 4px;
    overflow-y: auto;
    height: 100%;
    max-height: 100px;
    cursor: text;
    /* Show text cursor when editable */
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.update_effects:hover {
    box-shadow: 0 0 6px rgba(0, 123, 255, .15), 2px 2px 6px rgba(0, 0, 0, .12);
    /* Subtle blue tint on hover */
}

.update_effects:focus {
    box-shadow: 0 0 0 2px rgba(0, 123, 255, .25);
    outline: none;
    background-color: rgba(255, 255, 255, 0.5);
    /* Clear focus indication */
}

/* Better placeholder styling */
.update_effects:empty:before {
    content: attr(placeholder);
    color: #999;
    font-style: italic;
}

.roundinput {
    border-radius: 20px 20px 20px 20px;
}

.hideexistingradiodiv {
    padding-left: 12px;
    background-color: #F0F0F0;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #D8D8D8 !important;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: red;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: red;
}

.page_title_div {
    text-align: center;
    background-color: #F0F0F0;
    padding: 5px;
    font-size: 1em;
    border: 1px solid grey;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;


}

.batch_purch_end_span {
    font-weight: bold;
}

.highlightButton {
    background-color: orange;
    border-color: red;
    font-weight: bold;
}

.copy_progress_wrapper {
    position: absolute;
    bottom: 0;
    width: 95%;
    padding: 5px 0;
}

.ui-datepicker-trigger {
    cursor: pointer;
}

.home_drop_active_li {
    /*in homepage dropdown controller which is including active switch*/
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    font-size: 14px;
}

.helpfaqsinglewrapper {
    width: 100%;
    background-color: var(--top_title_darkest);
    height: 100%;
    font-size: 12px;
    display: flex;
    align-items: start;
    justify-content: left;
}

.faqbtn {
    width: 100%;
    padding: 0.25rem 0.5rem;
    display: inline-block;
    text-align: left;
    font-size: 1rem;
    word-wrap: break-word !important;
    -ms-word-break: break-all;
    word-break: break-all;
    white-space: normal !important;
}

.helpaccordioncontent {
    width: 100%;
    padding: 0;
    border-bottom: 3px solid black;
}

.faqansp {
    text-indent: 15px;
}

#country .dropdown-menu {
    padding: 10px;
}

#country .dropdown-menu li {
    padding: 5px;
}

#country .dropdown-menu li a {
    display: block;
}

#country [data-toggle] {
    /*registration page flagstrap selectbox styling*/
    width: 100%;
    background-color: white !important;
    text-align: left;
}

.uploadxlsselectboxdiv {
    /*homepage upload multiple item with excel, selectbox wrapper divs for size*/
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}



#image_side {
    padding: 20px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.card {
    background-color: var(--sidebar-surface) !important;
    margin-bottom: 5px !important;
    border: none !important;
    border-right: 1px solid #e5e7eb;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.detail_page_main_img_lbl {
    height: 50vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_detail_select {
    /*4 selectboxes in individual_product_detail page*/
    /* margin: 0 auto; */
    width: 80%;
}

.contact_select_ul li {
    cursor: pointer;
}

.main_img_upload_btn {
    background-color: #c6c7c8;
    border-radius: 5px;
    cursor: pointer;
    padding: 5px;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.double_click_select_disable {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.main_img_upload_btn:hover {
    background-color: #adaeaf;
}

.main_img_upload_btn:active {
    background-color: #949596;
}

.connect_element {
    /*connect icon on model in homepage showing connected icons*/
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    margin: 0 auto;
    /* color: var(--icon_colors); */
    font: normal 1rem sans-serif;
    padding: 3px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    /*background-color:transparent;*/
    /*height:15px;*/
    /*display: inline-flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*transition:0.3s;*/
}

.connect_element {
    top: 2px;
}

.connect_element:hover {
    text-decoration: none !important;
    color: var(--icon_hover);
}

.connection_dropdown {
    min-width: 15rem !important;
}

#product_detail_table tr div {
    font-size: 14px;
    word-break: break-all;
}

#num_of_connected_items_div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--background_color_div_light);
    border-radius: 5px;
}

.material_icon_size {
    /*because connection (link) drop icon (icon-link_off) is too small from icomoon.*/
    font-size: 16px !important;
    /*font-weight:bold!important;*/
}

.lb-nav a.lb-next,
.lb-nav a.lb-prev {
    /*this is the to show the arrows on lightbox image display always on */
    opacity: 1 !important;
}

#no_item_td {
    display: table-cell;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}


.lightbox .lb-image {
    border-radius: 3px;

    /* Image border */
    border: 4px solid white;
}

.copy_row_img_wrapper {
    padding: 5px;
}

.copy_row_img_btns {
    font-size: 14px;
    display: inline;
    outline: none;
    border: none;
    min-width: 45%;
    padding-right: 5px;
    padding-left: 5px;
    white-space: normal;
}

.error_display_middle {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

.title_wrapper {
    display: flex;
    width: 100%;
    height: 45px;
    color: white;
    font-size: 16px;
}

.title_wrapper div {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--top_title_dark);
}

.title_wrapper.light_title div {
    /*changes title color in inquiry files section in home page to differentiate batch prep and batch inquiry*/
    background-color: var(--top_title_light);
}


.title_top_left {
    /*the place on top of container image with information labels.*/
    float: left;
    width: 7%;
    height: 100%;
    padding: 3px 1px 3px 1px;
    /* border-bottom: 2px solid var(--top_title_bottom_border); */
    /* border-right: 1px solid #dee2e6; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.title_top_middle_scnd {
    width: 16%;
    height: 100%;
    padding: 3px 5px 3px 10px;
    /* border-bottom: 2px solid var(--top_title_bottom_border); */
    /* border-right: 1px solid #dee2e6; */
}

.title_top_middle_btn_wrapper {
    width: 24%;
    height: 100%;
    padding: 3px 5px 3px 5px;
    /* border-bottom: 2px solid var(--top_title_bottom_border); */
    /* border-right: 1px solid #dee2e6; */
}

.title_top_middle_date_wrapper {
    width: 22%;
    height: 100%;
    padding: 3px 5px 3px 5px;
    /* border-bottom: 2px solid var(--top_title_bottom_border); */
    /* border-right: 1px solid #dee2e6; */
}

.title_top_middle_num_of_comp_wrapper {
    width: 15%;
    height: 100%;
    padding: 3px 5px 3px 5px;
    /* border-bottom: 2px solid var(--top_title_bottom_border); */
    /* border-right: 1px solid #dee2e6; */
}

.title_top_middle {
    /*the place on top of container image with information labels.*/
    width: 21%;
    height: 100%;
    padding: 3px 5px 3px 5px;
    /* border-bottom: 2px solid var(--top_title_bottom_border); */
    /* border-right: 1px solid #dee2e6; */
}

/*-----------------------------------*/
.home_display_side_btn {
    position: relative;
}


.home_display_side_btn::after {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.home_display_side_btn::after {
    /*homepage display btns for displaying new warning with a dot on the corner..*/
    font-family: Arial;
    font-size: 0.7em;
    font-weight: 700;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    right: 0;
    border: 1px #fff solid;
    border-radius: 50px;
    background: #3498db;
    opacity: 0;
    content: "";
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transition: transform, opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.home_display_side_btn.display_warning::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.bold_cat {
    color: #000000;
    font-size: 16px;

}

.light_cat {
    color: #666666;
    font-size: 14px;
}

.lighter_cat {
    color: #b2b2b2;
    font-size: 12px;

}

#display_item_cat {
    list-style: none;
    width: 100%;
    background-color: var(--background_color_div_light);
    padding: 5px;
}

#display_item_cat li {
    border-bottom: 1px solid var(--background_color_div_light_btn_active);

}

#display_item_cat li div:first-of-type {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#display_item_cat .item_cat_img_wrapper {
    width: 50px;
    height: 50px;
    padding: 5px;
    display: inline-block;
}

#display_item_cat img {
    width: 100%;
    border-radius: 3px;
}

#display_item_cat button {
    margin-left: auto;

}

#display_item_cat .item_specific_cat {
    display: inline-block;
    padding: 5px;
}

.control_menu_checkbox_text {
    /*in homepage under the control menu, there are two checkboxes and this is the text span next to checkboxes with width so that it pushes the checkbox to right side*/
    display: inline-block;
    width: 150px;
}

.product_detail_dropdown {
    min-width: 250px;
}

.cat_img_wrapper {
    /*for uploading or updating categories img prev wrapper div*/
    width: 30%;
}

.cat_img_cls {
    /*for uploading or updating categories img prev*/
    border-radius: 5px;
    width: 100%;
    cursor: pointer;
}

.connect_word_inner_wrapper {
    /*wraps the ul for connection between a word and an item in home page on the modal window which opens when cliced the add word button on context menu under controls*/
    padding: 0 5px 0 5px;
}

.add_item_modal_ul {
    /*uls on the modal window in home page for adding a word to an item on modal from context menu of each item*/
    height: 200px;
    margin: 0;
    padding: 0 5px 0 5px;
    list-style: none;
    font-size: 14px;
    overflow: auto;
    font-weight: normal !important;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, .08);
    background: #fafafa;
}


.add_item_modal_ul li {
    padding: 5px;
    margin-bottom: var(--li_bottom_margin);
    border-radius: var(--li_border_radius);

}

.add_item_li_style {
    /*this class is added each time clicked on my_page (control function is in inc_home.js) to add some style the list elements (li) on the modal which opens to add word to a specific item.*/
    background-color: var(--list_hover_background_color);
}

#move_word_up {
    /*button on top of word add modal to switch sequence of words to display*/
    min-height: calc(1.5em + 0.75rem + 2px);
}

.worddiv,
.supplier_info_wrapper,
.cat_wrapper {
    /* border-bottom:1px solid gray; */
    /* display:list-item; */
    font-size: 12px;
    text-align: left;
}

.worddiv {
    padding: 3px;
}

.supplier_info_wrapper,
.cat_wrapper {
    width: 100% !important;
    border-bottom: 1px solid var(--light_border_grey);
}

.supplier_info_wrapper a {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    text-decoration: none;
    align-items: center;
    white-space: nowrap;
    font-size: 0.85em
}

.supplier_info_wrapper a>span {
    min-width: 0;
    /* critical for flex shrink */
}

.supplier_code_span,
.supplier_price_span {
    overflow: hidden;
}

.supplier_info_wrapper .supplier_code_span {
    display: inline-block;
    word-wrap: normal;
}

/* .supplier_info_wrapper .supplier_price_span{
    display:block;
    float:right;
} */
/* .supplier_info_wrapper .colon{
    display:inline-block;
    width:5%;
} */
.supplier_info_wrapper .icon-verified {
    margin-left: auto;
    order: 2;
}

.supplier_info_entry_wrapper div {
    padding: 10px;
}

.add_supp_existing_wrapper {
    display: flex;
    align-items: center;
    width: 100% !important;
    margin-bottom: 2px;
}

.add_supp_existing_price_span {
    display: inline-block;
    width: 30%;
}

.add_supp_existing_text_span {
    display: inline-block;
    width: 70%;
    font-size: 14px !important;

}

.mrg_right_10 {
    margin-right: 10px;
}

.mrg_btm_2 {
    margin-bottom: 2px;
}

.floatleft {
    /*used in settings page translation languages menu*/
    float: left;

}

.leftmarginfive {
    /*used in settings page translation languages menu*/
    margin: 5px;
}

.floatright {
    /*used in settings page translation languages menu*/
    float: right;
}

.clearboth {
    /*used in settings page translation languages menu*/
    clear: both;
}

.colorred {
    color: red;
}

.colorgreen {
    color: green;
}

.colorlinkblue {
    color: #007bbf;
}

.marginleftautoforflexcontent {
    margin-left: auto;
}

.alignelementwithspacewrapper {
    /*two or more buttons next to each other with space*/
    display: flex;
    justify-content: space-around;
}

.alignelementwithspacewrapper button {
    /*two or more buttons next to each other with space*/
    min-width: 30%;
    width: 40%;
    height: auto;
}

.textarearesizenone {
    resize: none;
}


.custom_file {
    color: black;
    text-decoration: none;
}

.info_title {
    text-decoration: underline;
    color: gray;
    font-weight: bold;
}

/*comes from product.class.php for similar items for either match_against or custom order*/
.similar_item_btn_text_span {
    font-size: 12px;
}

.column_match_arrow_wrapper_div {
    /*used in home page upload excel from which excel column to which db column between arrow for visual easiness*/
    /* display: flex; */
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
}

.column_match_arrow_label {
    /*used in home page upload excel from which excel column to which db column between arrow for visual easiness*/
    border: none;
    background-color: transparent;
    padding: 4px 8px 4px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(1.5em + 0.5rem + 2px);
    /* Match form-control height */
    margin: 0;
    border: none;
    background: transparent;
}

.column_match_arrow_label .icon-left {
    line-height: 1;
}

.upload_xls_section.section_three .row {
    padding: 10px 0 10px 0;
}

.history_note_wrapper,
.custom_file_note_wrapper {
    position: relative;
    width: 100%;
    height: 100px;
    padding: 5px !important;
    background-color: black;
    border-radius: 6px !important;
}

.custom_file_note_text,
.history_note {
    /*textarea for entering supplier note on modal window*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: auto !important;
    font-size: 12px;
    border-radius: 5px !important;

}

.history_note_edit,
.custom_file_note_btn,
.history_note_edit {
    /*button on text area for supplier note*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    padding: 0;
    outline: none;
    border-radius: 0 !important;
    border: 1px solid #ddd;
}

.custom_file_note_btn:hover {
    cursor: text;
}

.history_note_edit:hover {
    cursor: text;
}

tr.selected_supplier td.selected_supplier {
    background-color: green !important;
    color: white !important;
}

.editable_wrapper_td {
    height: 50px;
    padding: 8px 12px 8px 12px !important;
}

.editable_area_wrapper {
    /*used anywhere in program to activate one click edit*/
    position: relative;
    width: 100%;
    height: 35px;
}

.editable_area_wrapper.textareaincluded {
    height: 50px;
}

.editable_area_input,
.setting_editable_area_input {
    /*used anywhere in program to activate one click edit*/
    resize: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid var(--entry_light_grey) !important;
    background-color: transparent !important;
}

.editable_area_input:focus,
.setting_editable_area_input:focus {
    outline: none;
    background-color: white !important;
}

.editable_area_button:hover {
    cursor: auto !important;
}

select {
    background-color: transparent !important;
}

select:focus {
    background-color: white !important;
}

.editable_area_btn,
.setting_editable_area_btn {
    /*used anywhere in program to activate one click edit*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    padding: 0;
    border: none;
    outline: none;
    border-radius: 5px;
}

.editable_area_btn:focus,
.setting_editable_area_btn:focus {
    outline: none;
}

.editable_area_btn:hover,
.setting_editable_area_btn:hover {
    cursor: text;
}

.specific_supp {
    color: green;
    font-weight: bold;
}

.customfilelastitem {
    /*home page custom file list last tr >td of each file group. used to separate each group from each other*/
    border-bottom: 1px solid gray !important;
}

tr.customfilegrouptitle h5 {
    text-decoration: underline;
    font-weight: bold;
    color: var(--background_color_common_active);
}

tr.selected_tr td {
    background-color: var(--ezinq_theme_color);
    color: white;
}

.top_fixed_btn_wrapper .fixed_btn,
.top_fixed_btn_wrapper .icon {
    font-size: 14px !important;
    white-space: nowrap;
}

.budget_total_tr {
    font-weight: bold;
}

#back_btn {
    float: none;
    /* Remove float */
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #e2e8f0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
    /* Don't shrink */
    align-self: flex-start;
    /* Stay at top */
}

#back_btn:hover {
    background-color: var(--list_hover_background_color);
    border-color: #cbd5e1;
}

#display_info_section {
    display: none;
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #e2e8f0;
    margin-bottom: 4px;
    /* Small gap from content below */
}

#display_info_section>div:first-child {
    display: flex;
    gap: 12px;
    height: 40px;
    flex: 0 0 auto;
}

#inner_return_btn {
    color: var(--background_color_common_hover);
    align-items: center;
    vertical-align: middle;
}

.hidden_side_btn_group {
    display: none;
}

#comp_list_dropdown {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

/* Content area - everything flows to the right of back button */
.breadcrumb-content-area {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* Top content row */
.breadcrumb-top-row {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 40px;
}

.breadcrumbnav {
    list-style: none;
    float: left;
    padding: 10px;
    margin: 0;
    clear: right;
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.breadcrumbnav li {
    display: inline-block;
    font-weight: normal;
    font-size: 0.80rem;
    word-wrap: break-word !important;
    word-break: break-all !important;
    overflow-wrap: break-word;
    color: #1e293b;
    white-space: nowrap;
}

.breadcrumbnav li::after {
    content: " › ";
    color: #cbd5e1;
    margin-left: 4px;
}

.breadcrumbnav li:last-child:after {
    content: "";
}

.breadcrumbnav a {
    font-weight: normal;
    text-decoration: none;
}

.breadcrumbnav a:hover {
    text-decoration: underline;
}

.individual_scroll {
    height: calc(100vh - var(--home_page_lg_side_panel) - var(--display_info_section));
    overflow-y: auto;
    overflow-x: hidden;
}

.newitemwrapper {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 0;
    gap: 10px;
}

.new_item_select {
    width: 100%;
}

.newitemeachbox {
    border: 1px solid var(--entry_light_grey);
    width: 200px;
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.45);
    border-radius: 5px;
}

.newitemeachbox>div:first-child {
    height: 25px;
    background-color: #e2e2e2;
}

.newitemeachbox textarea {
    resize: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    outline: 0 none !important;
    background-color: transparent;
    border: 1px solid var(--entry_light_grey) !important;
}

.newitemeachbox textarea:focus {
    box-shadow: 0 0 2px rgba(128, 128, 128, 0.4) !important;
    outline: 0 none !important;
}

.newitemeachbox div:first-child {
    border-bottom: 1px solid var(--entry_light_grey);
}

.newitemeachbox.new_item_extra_wrapper {
    height: 110px;
}

.newitemeachbox .new_item_extra_inner {
    overflow-y: auto;
    height: 83px;
}

#connect_website_tbl>tbody td:first-of-type {
    text-align: left;
}

.hot_item_inner_wrapper {
    position: absolute;
    bottom: 1.25rem;
    font-size: 10px;
    max-width: 100%;
    padding-right: 1rem;
}

.remotesitebtnwrapper button,
#translationbtnwrapper button {
    min-width: 100%;
}

.select_word:hover {
    cursor: pointer;
}

.select_word {
    background-color: var(--fill_color_gray);
    color: white;
    padding: 3px;
    border: 1px solid grey;
    border-radius: 3px;
    margin-top: 5px;
    display: inline-block;
}

.selected_word {
    background-color: var(--background_color_dark_blue);
    color: white;
    padding: 3px;
    border: 1px solid grey;
    border-radius: 3px;

}

.selected_custom_user {
    background-color: grey;
    color: white;
}

.selected_custom_user small.clr_gray {
    color: white;
}

.custom_entry_wrapper {
    padding: 10px;
    max-height: 300px;
    overflow-y: auto;
    height: 200px;
}

.each_custom_file {
    margin-top: 5px;
    display: inline-block;
    border-radius: 3px;
    margin-right: 5px;
    border: 1px solid transparent;
}

.each_custom_file:hover {
    border: 1px solid grey;
}

.home_page_clickable_item_text {
    word-wrap: break-word !important;
    word-break: break-all !important;
    overflow-wrap: break-word;
    padding: 1.25rem !important;
    font-size: 14px !important;

}

.home_page_clickable_item_text a {
    cursor: pointer;
    text-decoration: none;
}

.remove_danger {
    color: red;
}

.hrz_align_center {
    text-align: center;
}

.hrz_align_left {
    text-align: left;
}

.hrz_align_right {
    text-align: right !important;

}

.form-control {
    border: 1px solid #ced4da;
    border-radius: 8px;
    padding: 0.375rem 0.75rem;
    /* Bootstrap's default padding */
    transition: all 0.2s ease;
    min-height: calc(1.5em + 0.75rem + 2px);
    /* Bootstrap's default height */
}
/*for the sake of admin page search keyword input area to match the height of adjacent search button so later
when you make admin specific css page, you even won't need this overwriting.*/
.input-group-sm #filterkeyword {
    min-height: unset;
    border-radius: 0;
}
.form-control-sm.editable_area_input,
.form-control-sm.setting_editable_area_input {
    font-size: 1rem !important;
}

.form-control:focus {
    outline: none !important;
    border-color: #80bdff;
    box-shadow: 0 0 0 .15rem rgba(0, 123, 255, .15);
}

.modal-content {
    border-radius: 14px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .18);
    border: none;
}

.modal-header {
    background: #f7f8fa;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    padding: 9px 15px;
    color: black;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.modal-title {
    font-weight: 600;
    font-size: 1.05rem;
}

.table-note {
    resize: vertical;
    min-height: 60px;
    font-size: 0.85rem;
    line-height: 1.4;
    background-color: #f8f9fa;
}

th.note-col,
td.note-col {
    min-width: 160px;
}

/* ===== CONTROL SURFACE ===== */

.modal-footer {
    border-top: 1px solid rgba(0, 0, 0, .08);
    background: #f7f8fa;
    padding: 12px 18px;
}

.table_title_col {
    font-size: 0.75rem !important;
}

.table_title_col div {
    float: left;
}

.card-body {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.service_body_wrapper {
    height: calc(100vh);
    /*- var(--top_navbar_height)*/
    overflow: auto;
}

.service_container {
    padding: 60px 1.25rem 20px 1.25rem;
    flex: 1;
}

.service_outest_wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.service_top_banner {
    /* margin-top: calc(var(--top_navbar_height)); */
    padding-top: 140px;
    min-height: 350px;
}

.service_sub_menu {
    margin-top: 25px;
    margin-bottom: 0;
    padding: 0;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-inner_container {
    padding-left: 150px !important;
    padding-right: 150px !important;
}

.service_sub_content {
    text-align: center !important;
    width: 33%;
}

.price_section {
    padding-top: 40px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 250px;
}

.ez_shadow_light {
    box-shadow: 2px 2px 2px rgb(211, 211, 211, .4), -2px -2px 2px rgb(211, 211, 211, .4);
}

.ez_shadow_medium {
    box-shadow: 2px 2px 2px rgb(211, 211, 211, .8), -2px -2px 2px rgb(211, 211, 211, .4);
}

.con_card {
    position: relative;
    min-width: 100px;
    text-align: center;
    border: 2px solid var(--top_title_light);
    padding: 50px;
    cursor: pointer;
}

.bundle_card {
    width: 400px;
}

.ez_dp_absolute {
    position: absolute;
}

.bundle_title {
    top: 0;
    left: 50%;
}

.bundle_footer {
    bottom: 0;
    left: 50%;
    color: gray;
}

.ez_overlaid_center {
    transform: translate(-50%, -50%) scale(1);
}

.bundle_title label {
    padding: 5px;
    background-color: orange;
    border-radius: 3px;
    font-size: 24px;
}

.con_card:focus {
    border: 4px solid var(--ezinq_theme_color);
}

.con_card::after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27%3E%3Cpath fill=%27%2303396c%27 d=%27M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z%27/%3E%3C/svg%3E");
    bottom: 0;
    right: 0;
    border: 3px solid var(--ezinq_theme_color);
    padding: 10px 10px 10px 10px;
}

.con_card::before {
    position: absolute;
    content: attr(data-boughtitem);
    top: 0;
    left: -30px;
    color: gray;
    font-weight: Bold;
    padding: 10px 10px 10px 10px;
    font-size: 14px;
    transform: rotate(-30deg);
    display: none;
}

.con_card.boughtitem::before {
    display: block;
}

.con_card.cancelleditem::before {
    display: block;
}

.con_card.hidePseduo::after {
    display: none;
}

.con_card.boughtitem::before {
    display: block;
}

.con_card.cancelleditem::before {
    display: block;
}

.con_card.hidePseduo::after {
    display: none;
}

.currency_symbol {
    font-size: 1rem;
}

.per_time {
    display: block;
    font-size: 12px;
}

.con_card_footer {
    font-size: 12px;
    font-weight: normal;
}

.con_card_header {
    font-size: 16px;
    font-weight: normal;
}

.service_body_title_two {
    margin-top: 50px;
}

.bck_with_border {
    border-radius: .25rem;
    border: 1 solid var(--light_background_border);
}

.payment_method_section {
    margin-top: 1.25rem;
    border-radius: .25rem;
    border: 1 solid var(--light_background_border);
    justify-content: center;
    color: gray;
    margin: 0 auto;
    width: 60%;
}

.payment_method_section.payment_on_modal {
    /*the payment section on modal still needs to take full width. this is why we use second class*/
    width: 100%;
}

.payment_method_section nav {
    gap: 10px;
    width: 100%;
}

.payment_method_section nav a {
    border-bottom: 1px solid gray;
    width: 20%;
    text-align: center !important;
    display: block;
}

.payment_method_section nav a:hover {
    cursor: pointer;
}

.payment_method_section .link_text,
.payment_method_section .pay_logo {
    color: gray;
}

.payment_method_section .click_to_pay {
    font-size: 34px;
}

.payment_method_section .click_to_pay:hover {
    color: darkgray;
}

.active_tab_link {
    color: black !important;
    font-weight: bold;
    border-bottom: 2px solid black !important;
}

.payment_nav_anchor {
    border-bottom: 2px solid gray;

}

.payment_nav_anchor:hover {
    border-bottom: 2px solid var(--background_color_dark_blue);
}

.payment_method_link_wrapper {
    justify-content: center !important;
}

.payment_tab {
    min-height: 400px;
    height: 400px;
}

.pay_tab_inner_wrapper {
    display: flex;
    height: 100%;
    align-items: center;
}

.bank_info_lower_wrapper {
    height: 80%;
}

.payment_tab_left_division {
    min-width: 30%;
    min-height: 100%;
    height: 100%;
    display: flex;
    justify-content: start;
    /*normally it was center but because no payment methods yet so we put them at top*/
    align-items: start;
    /*normally it was center but because no payment methods yet so we put them at top*/
    padding: 10px;
    border-right: 1px solid var(--entry_light_grey);

}

.payment_tab_right_division {
    min-width: 70%;
    min-height: 100%;
    height: 100%;
    display: flex;
    justify-content: start;
    /*normally it was center but because no payment methods yet so we put them at top*/
    align-items: start;
    flex-direction: column;
}

/* .payment_tab_right_division table td {
    text-align: right;
} */

.payment_tab_bank_info {
    min-height: 20%;
    display: flex;
    border-bottom: 1px solid var(--light_border_grey);
}

.total_line_wrapper {
    width: 100%;
    height: 10px;
    background-color: orange;
    float: right;
}

.total_wrapper_div {
    color: orange;
    font-weight: bold;
    font-size: 14px;
}

.bank_info_sections {
    width: 33%;
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service_body_content {
    box-shadow: 2px 2px 10px rgb(0 0 0 / 0.2), -2px -2px 10px rgb(0 0 0 / 0.2);
}

.service_body_content .steps {
    display: inline-block;
    padding: 8px;
    border: 0 solid white;
    background-color: var(--light_border_grey);

}

.service_sub_content .icon-check {
    color: orange;
}

.set_paid_services {
    padding-left: 100px;
    padding-right: 100px;
}

.set_paid_services ul {
    border: none;
    text-align: center;
}

.personal_service_content {
    padding: 10px;
    min-height: 200px;
    height: 200px;
    margin-top: 25px;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 0.2), -2px -2px 10px rgb(0 0 0 / 0.2);
}

.single_page_right_side {
    padding-right: 200px;
    padding-left: 5px;
}

#remote_site_appearance_section iframe {
    display: block;
    /* iframes are inline by default */
    background: #000;
    border: none;
    /* Reset default border */
    height: 100vh;
    /* Viewport-relative units */
    width: 100vw;
}

.upp_xls_lbl_section div {
    margin-bottom: 8px;
}

.upp_xls_arr_section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
}

.findinorderscheckwrapper {
    position: relative;
}

.findinorderscheckwrapper::after {
    content: attr(data-coming_from);
    height: 40px;
    color: black;
    font-size: 14px;
}

.dialog_parag,
.dialog_parag_big {
    text-indent: 10px;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 0;
}

.dialog_parag_big {
    font-size: 16px;
}

.dialog_parag_sm {
    font-size: 12px;
}

/* Card selection styling in bulk upload excel image decision modal window*/
.image-source-card {
    transition: all 0.2s ease;
    border: 2px solid #dee2e6 !important;
}

.image-source-card:hover {
    background-color: #f1f3f5 !important;
}

/* Highlight the card when the hidden radio is checked */
.image-source-card:has(input:checked) {
    border-color: #007bff !important;
    background-color: #e7f1ff !important;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.2);
}

/*_________________ SETTINGS REMOTE WEBSITE CONTROL SECTION CSS*/
.remote_website_controls {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background-color: #f5f6fa;
}

/* Settings Remote Website Section - Card container styling for individual setting cards */
.remote_website_controls .settings-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
    overflow: hidden;
}

/* Settings Remote Website Section - Card header styling with gradient background */
.remote_website_controls .card-header {
    background: linear-gradient(135deg, var(--background_color_btn_primary), var(--ezinq_theme_color));
    color: white;
    padding: 16px 24px;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
}

/* Settings Remote Website Section - Card content area padding and spacing */
.remote_website_controls .card-content {
    padding: 24px;
}

/* Settings Remote Website Section - Form group spacing for input and textarea containers */
.remote_website_controls .form-group {
    margin-bottom: 20px;
}

/* Settings Remote Website Section - Enhanced form control styling for inputs */
.remote_website_controls .form-control {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e1e8ed;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.remote_website_controls .form-control:focus {
    outline: none;
    border-color: var(--background_color_btn_primary);
    box-shadow: 0 0 0 3px rgba(71, 64, 105, 0.1);
}

/* Settings Remote Website Section - Enhanced textarea styling for text editing areas */
.remote_website_controls .connectwebsitetextarea {
    width: 100%;
    min-height: 100px;
    padding: 12px 16px;
    border: 2px solid #e1e8ed;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.remote_website_controls .connectwebsitetextarea:focus {
    outline: none;
    border-color: var(--background_color_btn_primary);
    box-shadow: 0 0 0 3px rgba(71, 64, 105, 0.1);
}

/* Settings Remote Website Section - Color picker styling */
.remote_website_controls #updatecolorpicker {
    width: 60px;
    height: 40px;
    border: 2px solid #e1e8ed;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.remote_website_controls #updatecolorpicker:hover {
    border-color: var(--background_color_btn_primary);
}

/* Settings Remote Website Section - Image upload grid areas with hover effects */
.remote_website_controls .image-upload-grid {
    gap: 16px;
    padding: 16px;
    background: #f8fafc;
    border-radius: 12px;
    border: 2px dashed #cbd5e0;
    transition: all 0.3s ease;
    margin-top: 16px;
}

.remote_website_controls .image-upload-grid:hover {
    border-color: var(--background_color_btn_primary);
    background: #f0f4ff;
}

/* Settings Remote Website Section - Individual image container styling with hover animations */
.remote_website_controls .inq_img_td {
    background: white;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    text-align: center;
}

.remote_website_controls .inq_img_td:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.remote_website_controls .inq_img_td img {
    border-radius: 6px;
    max-width: 100%;
    height: auto;
}

/* Settings Remote Website Section - Link effect styling for action links and buttons */
.remote_website_controls .link_effect {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: linear-gradient(135deg, var(--background_color_btn_primary), var(--ezinq_theme_color));
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.remote_website_controls .link_effect:hover {
    background: linear-gradient(135deg, var(--background_color_common_hover), var(--background_color_common_active));
    transform: translateY(-1px);
    color: white;
    text-decoration: none;
}

/* Settings Remote Website Section - Helper text and small text styling */
.remote_website_controls .helper-text,
.remote_website_controls small {
    color: #64748b;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}

.remote_website_controls .size-info {
    margin-bottom: 16px;
    color: #64748b;
}

/* @media screen and (min-width:1200px){
    .service_sub_menu{
        margin-left:-40px;
    }
} */
/*.publicinnertbl {border-collapse:collapse;}*/
/*.publicinnertbl .first {border-bottom:1px solid #EEE;}*/
/*.publicinnertbl .second {border-top:1px solid #CCC;box-shadow: inset 0 1px 0 #CCC;}​*/
@media (min-width: 1200px) {
    .include_table_dialog {
        height: 50vh;
    }

    .include_table_content {
        max-height: 50vh;
    }

    .buyer_note_chat_history {
        max-height: calc(50vh - 180px);
        min-height: 200px;
    }

    .modal_large {
        max-width: 60vw;
    }

    .modal_middle {
        max-width: 50vw;
    }

    .modal_narrow {
        max-width: 40vw;
    }
}

@media screen and (min-width: 960px) {
    .banner-inner_container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 991px) {
    .hidden_991 {
        display: none !important;
    }

    .pack_list_company_title_th {
        height: 60px;
    }

    .settings_wrapper {
        padding-right: 0;
    }

    .w_md_30 {
        width: 60%;
    }

    .b_md_right {
        border-right: none;
    }

    .b_sm_bottom {
        border-bottom: 1px solid var(--light_background_border);
    }

    .order_md_1 {
        order: 1;
    }

    .order_md_2 {
        order: 2;
    }

    .order_md_3 {
        order: 3;
    }

    .ez_md_flex_row {
        flex-direction: row;
    }

    .ez_md_flex_col {
        flex-direction: column;
    }

    .individual_scroll {
        height: auto;
    }

    .pay_tab_inner_wrapper {
        flex-direction: column;
    }

    .single_page_right_side {
        padding-right: 15px;
        padding-left: 15px;
    }

    .footer_content_wrapper {
        padding: 10px 3rem 10px 3rem;
    }

    .payment_method_section nav a {
        width: 100%;
    }

    .price_section {
        gap: 40px;
    }

    .banner-inner_container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .header_division_right {
        justify-content: flex-end;
        padding-right: 10px;
    }

    .header_division_left {
        /*in the batch_inquiry_display_all.php page coming from batch_inquiry_handle.php the top title of each company*/
        flex-direction: column;
        align-items: flex-start;
        height: 60px;
    }

    .title_label_wrapper {
        width: auto;
        padding: 0;
    }

    .side_display_btn {
        /*used to discriminate .display_section_btn effects different from other display section buttons like top selection buttons.*/
        width: auto;
    }

    .btn_writing {
        text-align: center;
    }

    .btn_success,
    .btn_danger {
        border-radius: 50%;
    }

    .hrz_align_right {
        text-align: center;
    }

    .home_page_clickable_item_text {
        padding: 0.3rem !important;
    }

    .settings_btn_writing {
        height: 100%;
        overflow-y: auto;
    }

    .past_detail_btn::after {
        font-size: 0.8em;
        font-weight: 200;
        top: -2px;
        right: -7px;
        /*line-height: 1px;*/
        /*border: 2px black solid;*/
    }

    .search_result_img_div.search_sm {
        /*narrow searchbox search autocomplete window size inner div division for img*/
        width: 30%;
        padding: 10px;
    }

    .search_result_text_div.search_sm {
        /*narrow searchbox search autocomplete window size inner div division for text*/
        /*font-family: "Lucida Sans Unicode","Helvetica Neue", "Arial Unicode MS";*/
        width: 70%;
        padding: 10px;
        /*font-size:12px;*/

    }

    /*.display_small_size{*/
    /*display:block;*/
    /*}*/
    .first-column.container_side {
        width: 100% !important;
    }

    .second-column.table_side {
        display: none;
    }

    /*below transfer_th classes are for account page transfer table th*/
    .transfer_th_rate {
        width: 18%;
    }

    .transfer_th_exc {
        width: 24%;
    }

    .transfer_th_doc {
        width: 100px;
        min-width: 100px;
        /* width: 20%; */
    }

    /*end of transfer th classes resize in different viewport size*/
    /*below are payment detail table classes for account page*/
    .payment_detail_th_checkbox {
        width: 10%;
    }

    .payment_detail_th_company {
        width: 15%;
    }

    .payment_detail_th_amount {
        width: 15%;
    }

    .payment_detail_th_info {
        width: 20%;
    }

    .payment_detail_th_date {
        width: 20%;
    }

    .payment_detail_th_file {
        width: 100px;
        min-width: 100px;
        /* width: 20%; */
    }

    /*end of payment detail table in account section*/
    /*below are expense detail table classes for account page*/
    .expense_detail_th_checkbox {
        width: 15%;
    }

    .expense_detail_th_title {
        width: 35%;
    }

    .expense_detail_th_amount {
        width: 30%;
    }

    .expense_detail_th_file {
        width: 100px;
        min-width: 100px;
        /* width: 20%; */
    }

    /*------------------------below stuff container box table---------------------*/
    .con_company_title_th {
        /*stuff container display most out company table info side width:*/
        width: 85%;
    }

    .con_box_check_th {
        /*stuff container display most out company table checkbox width:*/
        width: 15%;
    }

    /*--------------------------------------------------------------------------*/
    .con_pack_list_top_left,
    .con_pack_list_top_right {
        /*stuff container most top company sides info sections*/
        display: none;
    }

    .con_pack_list_top_middle {
        /*stuff container most top company middle section with company name button*/
        width: 100%;
    }

    /*..btn_span on many buttons including some modals and main tables*/
    button .btn_span {
        display: none;
    }

    li .btn_span {
        display: none;
    }

    a .btn_span {
        display: none;
    }

    small .btn_span {
        display: none;
    }

    button .btn_display_arrow {
        display: none;
    }

    .new_item_img_section {
        /*this is img preview for adding new item in add_item.php*/
        width: 100%;
    }

    .showHideShowSpan {
        /*used especially on navbar home,settings etc btn to hide and show writings again in smallest screen.*/
        display: none;
    }

    /*below contact_profile class is declared above first and
    it is coming from contacts_handle page for both home and contact page to
    show online status and unread msgs*/
    .contact_profile::after {
        content: attr(data-unread);
        top: 8px;
        right: 8px;
        position: absolute;
        height: 10px;
        width: 5px;
        line-height: 10%;
        border: 2px #fff solid;
        border-bottom-left-radius: 12px;

    }

    /*--------------------------------------*/
    .image_column {
        width: 8% !important;
    }

    .note_column {
        width: 10% !important;
    }

    .image_wrapper::after {
        content: attr(data-gallery_image);
        bottom: 8px;
        right: 8px;


    }

    /*Below classes starting with contacts* are coming from contacts_handle page for
contacts.php page for th width*/
    .contacts_all_image {
        width: 10%;
    }

    .contacts_all_company {
        width: 20%;
    }

    /*-------------------------------*/
    .contacts_off_on_image {
        width: 10%;
    }

    .contacts_off_on_company {
        width: 30%;
    }

    /*---------------------------------*/
    .contacts_block_pending_image {
        width: 10%;
    }

    .contacts_block_pending_company {
        width: 36%;
    }

    .contacts_request_image {
        width: 10%;
    }

    .contacts_request_company {
        width: 60%;
    }

    /* below are homepage sent_inquiry table*/
    .home_img {
        width: 7%;
    }

    .home_comp {
        width: 50%;
    }

    .inq_no {
        width: 0;
    }

    .home_date {
        width: 15%;
    }

    .home_remark {
        width: 20%;
    }

    .home_status {
        width: 3%;
    }

    .home_total_item {
        width: 0;
    }

    .home_total_qty {
        width: 10%;
    }

    .home_date.purch_tbl {
        width: 25%;
    }

    /*below are homepage statistics table*/
    .stat_check_col {
        width: 7%;
    }

    .stat_item_img_col {
        width: 10%;
    }

    .stat_item_name_col {
        width: 20%;
    }

    .stat_item_model_col {
        width: 15%;
    }

    .stat_item_price_col {
        width: 13%;
    }

    .stat_item_qty_col {
        width: 13%;
    }

    .stat_comp_col {
        width: 10%;
    }

    .stat_date_col {
        width: 12%;
    }

    /* below are homepage contact table */
    .home_contact_image {
        width: 10%;
    }

    .home_contact_company {
        width: 50%;
    }

    .home_contact_detail {
        width: 20%;
    }

    .home_contact_chat {
        width: 20%;
    }

    /*below batch_title_img,batch_title_comp and batch_title date classes are coming from batch_fetch_my_page.php
for homepage batch #batch_div div to show existing batch top titles*/
    .batch_title_img {
        width: 9%;
    }

    .batch_title_comp {
        width: 41%;
    }

    .batch_title_date {
        width: 30%;
    }

    .batch_title_btn {
        width: 20%;
    }

    /*-----------------------------*/
    /*below batch_title_img,batch_title_comp and batch_title date classes are coming from batch_fetch_my_page.php
for homepage batch #batch_div div to show existing batch below titles*/
    .ongoing_batch_img {
        width: 9%;
    }

    .ongoing_batch_company {
        width: 31%;
    }

    .ongoing_batch_qty {
        width: 20%;
    }

    .ongoing_batch_btn {
        width: 15%;
    }

    .ongoing_batch_icon {
        width: 5%;
    }

    #right_details .btn_span {
        display: none;
    }

    /* start of large tablet styles */
    /*below .btn_writing.btn_span and .space_span classes are for empty space and writings
    of side panels not on tables or in modal windows (their space class is
    writings are just .btn_span*/
    .btn_writing span.btn_span {
        display: none;
    }

    .space_span {
        display: none;
    }

    #company_info_batch_compare {
        display: none;
    }

    /*#controllers{*/
    /*display:block;*/
    /*}*/
    .controller_widget {
        display: none;
    }

    #controller_btn {
        display: block;
    }

    .batch_products_ordered_table .product_column {
        width: 7% !important;
    }

    .batch_products_ordered_table .db_save {
        width: 10% !important;
    }

    .batch_products_ordered_table .checkbox_column {
        width: 5% !important;
    }

    /* below .detailed_company_table class is coming from fetch_batch_products.php for batch_order.php page
      for company table in the big table (not hidden under more button)*/
    .detailed_company_in .inner_image {
        width: 10%;
    }

    .detailed_company_in .inner_company {
        width: 70%;
    }

    .detailed_company_in .inner_checkbox {
        width: 20%;
    }

    /*-------------------------------------------------------*/
    #companies_table .image {
        font-size: 8px !important;
    }

    .status_image img {
        width: 70% !important;
    }

    .home_title {
        font-size: 16px;
    }

    .thead_styled_div div.hidden_991 {
        display: none;
    }

    .con_list_view_col {
        width: var(--con_list_view_col_sm);
    }

    .con_list_view_stretched_col {
        width: var(--con_list_view_stretched_col_sm);
    }

    .pack_img_col {
        width: var(--pack_img_col_sm) !important;
    }

    .pack_other_col {
        width: var(--pack_other_col_sm) !important;
    }

    .pack_other_stretched_col {
        width: var(--pack_stretched_col_sm) !important;
    }

    /*below modal_checkbox and modal_imge and modal_info are used for width of tables
    on many modal windows*/
    .modal_checkbox {
        width: 8%;
    }

    .modal_image {
        width: 20%;
    }

    .modal_info {
        width: 22%;
    }

    /*below .display_short_colspan class is coming from batch_purchase_handle.php for
    display_batch_purchase_all.php to change title tr into short:*/
    .display_short_colspan,
    .packing_display_title {
        display: table-row !important;
    }

    .display_short_colspan_batch_all {
        display: table-row !important;
    }

    /*.display_short_colspan_batch_single is for batch_single_company.php coming from fetch_batch_single_contact.php*/
    .display_short_colspan_batch_single {
        display: table-row !important;
    }

    .product_image_td {
        padding: 10px !important;
    }

    .product_image_td img,
    .update_product_image {
        width: 70%;

    }

    .inner_compare_table thead {
        display: none;
    }

    .top_title_div {
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 768px) {
    #status_indicators {
        gap: 6px;
        margin: 0 8px;
    }

    #status_indicators .status-badge {
        font-size: 11px;
        padding: 3px 7px;
        gap: 3px;
    }

    .remote_website_controls {
        margin: 10px;
        padding: 15px;
        border-radius: 8px;
    }

    .remote_website_controls .card-content {
        padding: 16px;
    }

    .remote_website_controls .image-upload-grid {
        flex-direction: column;
        align-items: center;
    }

    .remote_website_controls .card-header {
        padding: 12px 16px;
        font-size: 14px;
    }

    #display_info_section {
        padding: 6px 12px;
        /* Less horizontal padding */
    }

    #display_info_section>div:first-child {
        gap: 8px;
        /* Smaller gaps on mobile */
    }

    #back_btn {
        width: 32px;
        height: 32px;
        flex-shrink: 0;
    }

    /* Top row adjustments */
    .breadcrumb-top-row {
        gap: 8px;
        /* Smaller gaps */
        flex-wrap: wrap;
        /* Allow wrapping if needed */
    }

    .breadcrumbnav {
        font-size: 13px;
        gap: 6px;
    }

    .breadcrumbnav li {
        max-width: 120px;
        /* Limit width on mobile */
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .breadcrumb-status-container {
        flex-wrap: wrap;
        gap: 8px;
    }

    /* Company dropdown adjustments for mobile */
    #company_count_dropdown {
        font-size: 13px;
        padding: 6px 10px;
    }

    .company-count-badge {
        font-size: 10px;
        padding: 1px 4px;
        min-width: 16px;
    }

    /* Refresh button smaller */
    #refresh_notification_btn {
        font-size: 11px;
        padding: 5px 10px;
    }

    /* Status area adjustments */
    .breadcrumb-status-container {
        flex-wrap: wrap;
        gap: 8px;
        font-size: 12px;
    }

    /* Email area smaller */
    #random_inq_cust_email {
        font-size: 11px;
        padding: 3px 6px;
    }

    .include_table_dialog {
        min-height: 450px;
        /* Increased for mobile */
        height: 90vh;
        /* Taller for mobile */
        max-width: 95%;
    }

    .include_table_content {
        max-height: 90vh;
    }

    .hidden_767 {
        display: none !important;
    }

    .length_sm_100_prc {
        width: 100%;
    }

    .service_top_banner {
        padding-top: 80px;
        height: 350px;
    }

    .service_sub_content {
        width: 80%;
    }

    .card-body {
        padding: 10px 2px 10px 2px !important;
    }

    .single_details_div {
        overflow-y: auto !important;
    }

    #image_side {
        /*public_model.php image side (left of the page)*/
        padding: 10px !important;
    }

    .showHideShowSpan {
        /*used especially on navbar home,settings etc btn to hide and show writings again in smallest screen.*/
        display: inline-block;
    }

    .portioned_tbody td,
    .portioned_tbody td div:not(.progress) {
        font-size: 0.67rem !important;
    }

    .db_save_td {
        font-size: 0.67rem !important;
    }

    /*note area in inquiry files. so its font-size resize according to other fields (product normal fields which are using portioned_tbody to resize and input fields like qty target_price and price and currency using .qty_div,.target_price_div etc.)*/
    .note_div {
        height: 60px;
        max-height: 60px;
        font-size: 0.67 rem !important;
    }

    .table_note_wrapper_td {
        min-height: 100px;
    }

    /*below in inquiry pages used input fields size is readjusting according to size. because other text (normal product field information is also resizing here by the class portioned_tbody exactly same font-size.)*/
    .qty_div,
    .target_price_div,
    .price_span,
    .qty_text,
    .target_prc_text,
    .total_price,
    .bold_price {
        font-size: 0.67rem !important;
    }

    /*below in inquiry pages used currency size is readjusting according to size. because other text (normal product field information is also resizing here by the class portioned_tbody exactly same font-size.)*/
    .currency_span {
        text-align: center;
        font-size: 0.67rem !important;
    }

    .home_add_drop_btn {
        font-size: 0.67rem !important;
    }

    .autocomplete-items {
        left: 0;
        /*this property is changed in collapse navbar size which is 771 back to 0*/
    }

    .search_result_img_div.search_sm {
        width: 20%;
        padding: 10px;
    }

    .search_result_text_div.search_sm {
        /*font-family: "Lucida Sans Unicode","Helvetica Neue", "Arial Unicode MS";*/
        width: 80%;
        padding: 10px;
    }

    .top_selection_page_height.single_control_btn_area {
        height: calc(100vh - var(--home_page_lg_size) - var(--display_info_section));
    }

    .con_info_title_label {
        font-size: 12px;
    }

    .modal-title,
    .btw_modal_title_content {
        font-size: 12px;
    }

    /*.individual_page_detail{!*this class is embedded in individual_product_details.php for height of two columns*!*/
    /*height:auto;*/
    /*overflow-y:auto;*/
    /*overflow-x:hidden;*/
    /*}*/
    .sub_user_enter_info,
    .price_info_btn {
        min-width: 50%;
    }


    .display_short_colspan_batch_all {
        display: none !important;
    }

    .display_shorter_colspan {
        display: table-row !important;
    }

    /*below contact_profile class is declared above first and
       it is coming from contacts_handle page for both home and contact page to
       show online status and unread msgs*/
    .contact_profile::after {
        content: attr(data-unread);
        top: 0;
        right: 0;
        position: absolute;
        height: 10px;
        width: 5px;
        line-height: 10%;
        border: 2px #fff solid;
        border-bottom-left-radius: 12px;

    }

    .image_wrapper::after {
        content: attr(data-gallery_image);
        bottom: 0;
        right: 0;
    }

    .top_menu li {
        border: none;
    }

    /*-------------------------------------------------------------------------*/
    /*--------------------------------HOME PAGE GROUP--------------------------*/
    /*---------------------------*************************---------------------*/
    /*---------------------------*************************---------------------*/
    /*---------------------------*************************---------------------*/
    /*-------------------------------------------------------------------------*/
    /*-------------------------------------------------------------------------*/
    /*----------------------------END HOME PAGE GROUP--------------------------*/
    /*---------------------------*************************---------------------*/
    /*---------------------------*************************---------------------*/
    /*---------------------------*************************---------------------*/
    /*-------------------------------------------------------------------------*/
    .settings_wrapper {
        height: auto;
        overflow-y: hidden;
        border: 1px solid #f0f3f4;
        overflow-x: hidden;
        /*padding-left:5px;*/
    }

    /*Below classes starting with contacts* are coming from contacts_handle page for
contacts.php page for th width*/
    .contacts_all_image {
        width: 8%;
    }

    .contacts_all_company {
        width: 22%;
    }

    /*-------------------------------*/
    .contacts_off_on_image {
        width: 12%;
    }

    .contacts_off_on_company {
        width: 28%;
    }

    /*---------------------------------*/
    .contacts_block_pending_image {
        width: 12%;
    }

    .contacts_block_pending_company {
        width: 34%;
    }

    /*below .home_sent classes are for home page sent and received inquiries coming from
    fetch_files.php*/
    .home_img {
        width: 10%;
    }

    .home_comp {
        width: 27%;
    }

    .inq_no {
        width: 10%;
    }

    .home_date {
        width: 15%;
    }

    .home_remark {
        width: 15%;
    }

    .home_status {
        width: 3%;
    }

    /* below are homepage purchase and sale table*/
    .home_purchase_img {
        width: 11%;
    }

    .home_purchase_order_no {
        width: 7%;
    }

    .home_purchase_comp {
        width: 27%;
    }

    .home_purchase_price {
        /*price class width is used for item qty and created_at and status too*/
        width: 15%;
    }

    .home_purchase_status {
        width: 10%;
    }

    /*below batch_title_img,batch_title_comp and batch_title date classes are coming from batch_fetch_my_page.php
for homepage batch #batch_div div to show existing batch top titles*/
    .batch_title_img {
        width: 10%;
    }

    .batch_title_comp {
        width: 40%;
    }

    .batch_title_date {
        width: 30%;
    }

    .batch_title_btn {
        width: 20%;
    }

    /*below batch_title_img,batch_title_comp and batch_title date classes are coming from batch_fetch_my_page.php
for homepage batch #batch_div div to show existing batch below titles*/
    .ongoing_batch_img {
        width: 10%;
    }

    .ongoing_batch_company {
        width: 30%;
    }

    .ongoing_batch_qty {
        /*2 times used so it is 40 %*/
        width: 15%;
    }

    .ongoing_batch_btn {
        width: 18%;
    }

    .ongoing_batch_icon {
        width: 7%;
    }

    /*-----------------------------------*/
    /*below batch_inq_contact classes are coming from contacts_handle.php action:fetch_for_batch
to give table column sizes in homepage for preparing batch_inquiry under id #batch_inquiry*/
    .home_batch_image {
        width: 10%;
    }

    .home_batch_company {
        width: 45%;
    }

    .home_batch_status {
        width: 30%;
    }

    .home_batch_select {
        width: 15%;
    }

    /*----------------------------------------*/
    /*below are comning from fetch_files.php to homepage for draft section:*/
    .home_draft_img {
        width: 10%;
    }

    .home_draft_comp {
        width: 30%;
    }

    .home_draft_number {
        width: 10%;
    }

    .home_draft_date {
        width: 25%;
    }

    .home_draft_updated {
        width: 25%;
    }

    /*below .drop_down_inner table is for dropdown menu under more button in batch_order.php and batch_inquiry_display_all.php page
coming from fetch_batch_products.php (there are two tables coming from there. this one is under #batch_products_ordered_table)
and coming from batch_inquiry_handle.php and  the .drop_down_pre_inner table is the companies table under .drop_down_inner dropdown-menu
*/
    .drop_down_inner {
        width: 60% !important;

    }

    .title_wrapper label {
        font-size: 12px;
    }

    /*below batch_prep_table id is coming from batch_fetch_by_my_page.php second table for
    homepage collecting existing batch*/
    #batch_prep_table,
    #batch_title_table tbody td {
        font-size: 14px;
    }

    .info_text span {
        font-size: 12px;
    }

    .home_page_clickable_item_text {
        padding: 0 !important;
    }

    /*below .home_sent_comp_td comes from fetch_files for sent and received inquiry
    under a is for company name and span is for status information*/
    .home_page_clickable_item_text a,
    .home_page_clickable_item_text div,
    .home_page_clickable_item_text span {
        font-size: 12px !important;
    }

    .title_top_left {
        width: 10%;
    }

    .title_top_middle_num_of_comp_wrapper {
        width: 18%;
    }

    /* ------------------------------------*/
    #bought_stat_table span,
    #sold_stat_table span {
        font-size: 12px;
    }

    /* below are homepage contact table */
    .home_contact_image {
        width: 10%;
    }

    .home_contact_company {
        width: 50%;
    }

    .home_contact_detail {
        width: 20%;
    }

    .home_contact_chat {
        width: 20%;
    }

    .home_radio_btn label {
        font-size: 12px;
    }

    /*below handling with text input align for batch_inquiry_display_all.php comes from batch_inquiry_handle.php */
    .qty_text,
    .target_prc_text {
        color: black;
        font-weight: bold;
        text-align: left;
        padding: 0;

    }

    #batch_inquiry_reply_table .product_column {
        width: 5% !important;
    }

    #batch_inquiry_reply_table .db_save {
        width: 5% !important;
    }

    #batch_inquiry_reply_table .checkbox_column {
        width: 3% !important;
    }

    .inner_compare_table .inner_status {
        width: 1% !important;
    }

    .batch_title h3 {
        color: white;
        line-height: 70%;
        font-size: 14px;
    }

    .batch_title span {
        font-size: 0.6em;
    }
}

@media screen and (max-width: 576px) {
    .admin_btn_writing {
    height: auto;
    overflow-y: visible;
}
    .inq_img_td {
        padding: .1rem !important;
    }

    .home_page_clickable_item_text a,
    .home_page_clickable_item_text div,
    .home_page_clickable_item_text span {
        font-size: 10px !important;
    }

    .uploadxlsselectboxdiv {
        /*homepage upload multiple item with excel, selectbox wrapper divs for size*/
        width: 90%;
    }

    .tooltip {
        /*hiding all tooltips for phone screen which is very disturbing.*/
        display: none;
    }

    .phidden {
        /*for those columns to hide only in small phone screens.*/
        display: none;
    }

    .batch_info_title {
        display: none;
    }

    .side_disp_btn_div {
        padding-right: 5px;
    }

    /*below .active_display_section_btn.side_display_btn are together active side display btn and we get rid of box shadow and blur effect in small screen*/
    .home_display_active.side_display_btn {
        /*get rid of shadow in small screen when the btns are top as flex column*/
        box-shadow: 0 0 0 var(--ezinq_theme_color), 0 0 0 var(--ezinq_theme_color) !important;
        color: white;
    }

    /*below btn_success focus and btn_danger focus are functional btns (not display) and in this vp size we get rid of box shadow and blur effect*/
    .btn_success.btn:focus,
    .btn_success.btn:active {
        /*get rid of shadow in small screen when the btns are top as flex column*/
        outline: none !important;
        border: none;
        box-shadow: 0 0 0 var(--ezinq_theme_color) !important;
    }

    .btn_danger.btn:focus,
    .btn_danger.btn:active {
        /*get rid of shadow in small screen when the btns are top as flex column*/
        outline: none !important;
        border: none;
        box-shadow: 0 0 0 red !important;
    }

    .display_short_colspan_batch_all {
        display: none !important;
    }

    .left_dropdown {
        bottom: 50px;
    }

    /*below .home_sent classes are for home page sent and received inquiries coming from
        fetch_files.php*/
    .home_img {
        width: 12%;
    }

    .home_comp {
        width: 30%;
    }

    .inq_no {
        width: 8%;
    }

    .home_date {
        width: 10%;
    }

    .home_remark {
        width: 16%;
    }

    .home_status {
        width: 4%;
    }

    /* below are homepage purchase and sale table*/
    .home_purchase_img {
        width: 13%;
    }

    .home_purchase_order_no {
        width: 7%;
    }

    .home_purchase_comp {
        width: 28%;
    }

    .home_purchase_price {
        /*price class width is used for item qty and created_at and status too*/
        width: 15%;
    }

    .home_purchase_status {
        width: 7%;
    }

    /*below batch_title_img,batch_title_comp and batch_title date classes are coming from batch_fetch_my_page.php
for homepage batch #batch_div div to show existing batch top titles*/
    .batch_title_img {
        width: 12%;
    }

    .batch_title_comp {
        width: 38%;
    }

    .batch_title_date {
        width: 30%;
    }

    .batch_title_btn {
        width: 20%;
    }

    /*below batch_title_img,batch_title_comp and batch_title date classes are coming from batch_fetch_my_page.php
for homepage batch #batch_div div to show existing batch below titles*/
    .ongoing_batch_img {
        width: 12%;
    }

    .ongoing_batch_company {
        width: 28%;
    }

    .ongoing_batch_qty {
        width: 20%;
    }

    .ongoing_batch_btn {
        width: 20%;
    }

    /*-----------------------------------*/
    /*******************************************/
    /*below are comning from fetch_files.php to homepage for draft section:*/
    .home_draft_img {
        width: 12%;
    }

    .home_draft_comp {
        width: 30%;
    }

    .home_draft_number {
        width: 8%;
    }

    .home_draft_date {
        width: 25%;
    }

    .home_draft_updated {
        width: 25%;
    }

    /*..btn_span on many buttons including some modals and main tables*/
    button .btn_span {
        display: none;
    }

    .image_upload_btn .btn_span {
        display: none;
    }

    .top_selection_page_height.single_control_btn_area {
        height: calc(100vh - var(--home_page_lg_size) - var(--top_selection_btns_lg_div) - var(--flex_control_btns_double));
    }

    /*at home page and maybe in some other pages used right under the left menu whose id
    is side_detail container for left buttons*/
    .side_detail_inner {
        padding: 10px 0;
    }

    .btn_writing {
        height: auto;
        margin-top: 0;

    }

    /*below classes are commonly used in many pages for setting height*/
    /*.top_left_btn class is on some pages to control the height in column style of left btn top height:*/
    .small_screen_fix {
        position: fixed;
    }

    .top_gap {
        margin-top: 0;
    }

    .dropdown_common {
        width: 50vw;
    }

    /*if you want to give different size for small screen with button
    uncomment below code of line...*/
    /*.dropdown_common.single_page{!*this is for single display like sent received or batch singles since there is extra button in dropdown warning*!*/
    /*width:50vw;*/
    /*}*/
    .dropdown_exception {
        width: 50vw;
    }

    .home_dropdown_comp span {
        font-size: 14px;
    }

    /*.home_dropitem_stat_div span{*/
    /*font-size:10px;*/
    /*display:block;*/
    /*padding:1px;*/
    /*}*/
    /*below .comparable_price_fetch class is coming from batch_comparable_price_fetch page
and used on the inner small company tables under big table first td*/
    /*.comparable_price_fetch td{*/
    /*padding:0!important;*/
    /*}*/
    /* start of phone styles */
    .right_label {
        padding-left: 16px !important;
    }

    #batch_prep_table,
    #batch_title_table tbody td {
        font-size: 12px;
    }

    /*.batch_prep_btn_td{*/
    /*padding:0!important;*/
    /*}*/
    /*below home_contact_status_span class is in contacts_handle.php action:fetch_for_batch
    for homepage batch preparation class in status (ongoing inquiry warning) writing in badge
    size:*/
    .home_contact_status_span {
        font-size: 10px;
    }

    /*below .status_image class is coming from fetch_files.php page to homepage to show
    status of files like sent_inquiry or received inquiry*/
    .status_image {
        padding: .1em !important;
    }

    .status_truck_image {
        padding: .1em !important;
    }

    .status_truck_image img {
        width: 90%;
    }

    /*.home_sent_comp_td is coming from fetch_files.php to adjust company and
     status writings in inquiry tables on homepages*/
    .home_page_clickable_item_text {
        font-size: 10px !important;
    }

    .title_top_left {
        /*used on top of homepage files section titles for batches*/
        width: 13%;
    }

    .title_top_middle_num_of_comp_wrapper {
        /*used on top of homepage files section titles for batches*/
        width: 15%;
    }

    /* below .info_text is coming from fetch_files.php for homepage to adjust the font
     and padding in created_at and updated_at columns on inquiry tables on homepage*/
    .info_text span {
        font-size: 10px;
        /*line-height: 10px!important;*/
        display: inline-block;
        word-wrap: break-word;
        word-break: break-word;
    }

    .title_wrapper label {
        font-size: 10px;
    }


    /* below .inq_img_td is coming from fetch_files.php for homepage to adjust the size
     and padding on img and img_td on inquiry tables on homepage*/
    .inq_img_td img {
        width: 100%;

    }

    .btn_success.btn:focus,
    .btn_success.btn:active {
        outline: none !important;
        box-shadow: 4px 4px 2px var(--ezinq_theme_color) !important;
    }

    .btn_danger.btn:focus,
    .btn_danger.btn:active {
        /*outline: none !important;*/
        box-shadow: 4px 4px 2px red !important;
    }
}

@media screen and (max-width: 509px) {

    /*show online status and unread msgs*/
    .contact_profile::after {
        content: attr(data-unread);
        top: 0;
        right: 0;
        position: absolute;
        height: 10px;
        padding: 8px 12px 10px 3px;
        width: 2px;
        font-size: 10px;
        line-height: 10%;
        border: 2px #fff solid;
        border-bottom-left-radius: 12px;

    }

}

@media screen and (max-width: 480px) {
    #status_indicators span:not([class^="icon-"]) {
        display: none;
    }

    #status_indicators .status-badge {
        min-width: 18px;
        justify-content: center;
        padding: 2px 4px;
    }

    #display_info_section {
        height: 80px;
        /* Slightly taller on very small screens */
        padding: 4px 10px;
    }

    .breadcrumbnav {
        font-size: 12px;
    }

    .breadcrumbnav li {
        max-width: 100px;
        /* Even smaller on tiny screens */
    }

    #company_count_dropdown {
        font-size: 12px;
        padding: 5px 8px;
    }

    .top_selection_page_height.single_control_btn_area {
        height: calc(100vh - var(--home_page_lg_size) - var(--top_selection_btns_lg_div) - var(--flex_control_btns_double));
    }

    .top_selection_page_height.single_control_btn_area.account_height {
        height: calc(100vh - var(--home_page_lg_size) - var(--top_selection_btns_lg_div) - var(--flex_control_btns_double));
    }

    /*below contact_profile class is declared above first and
      it is coming from contacts_handle page for both home and contact page to
      show online status and unread msgs*/
    .contact_profile::after {
        content: attr(data-unread);
        top: 0;
        right: 0;
        position: absolute;
        height: 7px;
        padding: 6px 10px 8px 3px;
        width: 2px;
        font-size: 8px;
        line-height: 10%;
        border: 2px #fff solid;
        border-bottom-left-radius: 12px;

    }

    /*below .home_sent classes are for home page sent and received inquiries coming from
     fetch_files.php*/
    .home_img {
        width: 12%;
    }

    .home_comp {
        width: 30%;
    }

    .inq_no {
        width: 8%;
    }

    .home_date {
        width: 10%;
    }

    .home_remark {
        width: 15%;
    }

    .home_status {
        width: 5%;
    }

    /* below are homepage purchase and sale table*/
    .home_purchase_img {
        width: 14%;
    }

    .home_purchase_order_no {
        width: 7%;
    }

    .home_purchase_comp {
        width: 28%;
    }

    .home_purchase_price {
        /*price class width is used for item qty and created_at and status too*/
        width: 15%;
    }

    .home_purchase_status {
        width: 8%;
    }

    /*below batch_inq_contact classes are coming from contacts_handle.php action:fetch_for_batch
to give table column sizes in homepage for preparing batch_inquiry under id #batch_inquiry*/
    .home_batch_image {
        width: 13%;
    }

    .home_batch_company {
        width: 44%;
    }

    .home_batch_status {
        width: 30%;
    }

    .home_batch_select {
        width: 13%;
    }

    /*----------------------------------------*/
    /*below are comning from fetch_files.php to homepage for draft section:*/
    .home_draft_img {
        width: 15%;
    }

    .home_draft_comp {
        width: 28%;
    }

    .home_draft_number {
        width: 7%;
    }

    .home_draft_date {
        width: 25%;
    }

    .home_draft_updated {
        width: 25%;
    }
}

@media screen and (max-width: 362px) {
    .display_short_colspan_batch_all {
        display: none !important;
    }

    /* below are homepage contact table */
    .home_contact_image {
        width: 14%;
    }

    .home_contact_company {
        width: 46%;
    }

    .home_contact_detail {
        width: 20%;
    }

    .home_contact_chat {
        width: 20%;
    }

    .hr_class {
        display: none;
    }

    .info_text span {
        font-size: 8px;
    }

    .home_page_clickable_item_text a,
    .home_page_clickable_item_text div,
    .home_page_clickable_item_text span {
        font-size: 8px !important;
    }

    .top_title_div {
        padding-left: 0;
        justify-content: flex-start;
    }

    .image_upload_btn {
        font-size: 0.7rem;
    }
}

.calculate_body_on_fly {
    color: black;
    width: 100%;
}

/* below input-group class is set for nav-bar searchbox button mismatch problem */
.input-group {
    align-self: flex-start;
}

/* below two classes (top_status_div, top_status_image are for navbar status image display */
.top_status_div {
    position: relative;
}

.top_status_image {
    position: absolute;
    top: 0;
    bottom: 0;
    max-width: 30%;
    margin: auto;
}

.contact_details_update,
.current_user_update {
    border: solid steelblue 1px;
}

/*#batch_companies{*/
/*max-height:300px;*/
/*overflow-y: auto;*/
/*}*/
.batch_prep_comp_dropdown {
    color: black !important;
}

/*.user-dropdown .dropdown-menu {*/
/*left: 50% !important;*/
/*transform: translateX(-50%) !important;*/
/*top: 100% !important;*/
/*}*/
/*+++++++++++++++++++++++++++++++++++LOding gif+++++++++++++++++++++++++++++++++*/

@keyframes add_loader_middle {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes loader_middle {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

#loader_middle div,
.add_loader_middle div {
    position: absolute;
    animation: loader_middle 1.27s linear infinite;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    border-radius: 50%;
    box-shadow: 0 3.7px 0 0 #5baee1;
    transform-origin: 20px 22.85px;
}

#loader_wrapper,
.add_product_loader {
    position: absolute;
    /*overflow: hidden;*/
    background: rgba(255, 255, 255, 0);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(1);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

#loader_middle,
.add_loader_middle {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: translate(-50%, -50%);
    transform: translateZ(0);
    backface-visibility: hidden;
    transform-origin: 0 0;
    /* see note above */
}

.add_product_loader {
    /* position: fixed; */
    display: none;
}

#loader_wrapper {
    display: none;
}

#loader_middle div,
.add_loader_middle div {
    box-sizing: content-box;
}

#loader_wrapper:hover {
    cursor: progress;
}


/*------------------------------------------------------------*/

/* Only apply to data-icon spans that are NOT inside flex containers */
/* Remove the inline-block spacing when inside flex wrapper */
/* .btn_icon_text_wrapper span[data-icon],
.icon_span_text_wrapper span[data-icon],
.icon_text_wrapper_lg span[data-icon],
.icon_text_wrapper_sm span[data-icon],
.icon_text_wrapper_md span[data-icon],
.icon_btn_text_wrapper span[data-icon],
.top_selection_btn span[data-icon] { */
/* display: inline;  /* Reset to inline inside flex - flex handles spacing */
/* margin-right: 0; */
/* } */

/* Small icon wrapper - 12px text */
.icon_text_wrapper_sm {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    /* ADD */
    font-size: 12px !important;
}

/* Medium icon wrapper - 14px text */
.icon_text_wrapper_md {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    /* ADD */
    font-size: 14px !important;
}

/* Large icon wrapper - 16px icons */
.icon_text_wrapper_lg {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

/* Inline icon-text wrapper for links, tables, general inline use to align them both icon and text generally also wrapped with anchor <a> as opposed to 
button svg and text wrappers .btn_icon_text_wrapper etc....*/
.icon_text_inline {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

/* Button icon wrapper - left aligned */
/* 
 * btn_icon_text_wrapper
 * Used for buttons that auto-size to content width.
 * Content is left-aligned within the button, allowing the button 
 * to shrink-wrap naturally around icon and text.
 * Best for: Auto-width buttons, inline buttons, dynamically sized elements
 */
.btn_icon_text_wrapper {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 0.5rem;
}

/* Icon + text wrapper - centered, wrappable */
/* 
 * icon_span_text_wrapper
 * Used for buttons with fixed width (min-width, width, or percentage-based sizing).
 * Content is centered within the button to prevent awkward spacing.
 * Best for: Fixed-width buttons, full-width buttons, buttons with explicit width constraints
 */
.icon_span_text_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    text-align: center;
    gap: 0.5rem;
}

.icon_span_text_wrapper.hrz_align_left {
    justify-content: left;
}

/* Top selection and icon button wrapper */
.top_selection_btn,
.icon_btn_text_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.icon_btn_text_wrapper {
    font-size: 14px !important;
}

.single_icon {
    font-size: 20px !important;
}

.top_selection_btn.with_file_id span:first-child {
    font-size: 13px !important;
}

.top_selection_btn.with_file_id {
    padding-left: 10px !important;
    padding-right: 10px !important;
}


.inner_text_holder {
    padding-right: 10px;
    text-align: center;
    word-wrap: break-word;
}

/*---------------------------WARNING TICKS--------------------------------------------*/
.tick_green {
    color: green;
}

.tick_grey {
    color: grey;
}

.tick_black {
    color: black;
}

.tick_yellow {
    color: orange;
}

.hidden_section {
    display: none;
}

/* Export Modal Checkbox Sections */
.checkbox-sections {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.checkbox-sections h6 {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.checkbox-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-left: 15px;
}

.checkbox-group .form-group {
    margin-bottom: 0 !important;
}

/* REPLACE these sections: */
.checkbox-sections .checkbox-group .checkbox-item.form-inline {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 4px 0 !important;
}

.checkbox-sections .checkbox-group .checkbox-item.form-inline input[type="checkbox"] {
    flex-shrink: 0 !important;
}

.checkbox-sections .checkbox-group .checkbox-item.form-inline label {
    cursor: pointer !important;
    line-height: 1.2 !important;
}

.checkbox-note {
    color: #666;
    font-size: 12px;
}

/*below bootstrap tagsinput related class for input multiple tags into text input*/
.label-info {
    background-color: var(--ezinq_theme_color);
    padding: 0.2em 0.6em 0.3em 0.6em;
    border-radius: 4px;
    color: white;
    font-size: 75%;
}

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: block;
    padding: 4px 6px;
    color: #555;
    border-radius: 4px;
    width: 100% !important;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
}

.bootstrap-tagsinput input {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit;
    border-radius: 3px;
}

/* new button design*/
.modern-btn {
    background: linear-gradient(135deg, #4a90e2, #357abd) !important;
    border: none !important;
    color: white !important;
    padding: 8px 16px !important;
    font-size: 14px !important;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.modern-btn:hover {
    background: linear-gradient(135deg, #357abd, #2c5282) !important;
    color: white !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.modern-btn:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2);
}

/*end of new button design.*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------BELOW STARTING CSS RULES FOR UPLOAD CUSTOM ORDER FROM EXCEL SECTION IN HOME PAGE-----------------------------------------------*/
.excel_upload_section {
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin: 20px 0;
}

.excel_upload_section .row.justify-content-md-end.m-0:first-child {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 20px;
    border-radius: 15px 15px 0 0;
    margin: -30px -30px 30px -30px;
}

.excel_upload_section .form-control {
    border: 2px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 0.375rem 0.75rem;
    transition: all 0.2s ease;
    min-height: calc(1.5em + 0.75rem + 2px);
}

.excel_upload_section .form-control:focus {
    border-color: #4facfe !important;
    box-shadow: 0 0 0 0.2rem rgba(79, 172, 254, 0.25) !important;
}

.hiddenFileInput {
    display: none;
}

.excel_upload_section .btn {
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    font-size: 13px;
}

.excel_upload_section .btn-primary {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    border: none !important;
    color: white !important;
}

.excel_upload_section .btn-primary:hover {
    background: linear-gradient(135deg, #5a67d8, #6b46c1) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    color: white !important;
}

/* Make table text smaller and not bold for excel upload tables */
.excel_upl_tbl_common_cls td {
    font-size: 13px;
    font-weight: normal;
}

.excel_upl_tbl_common_cls td div {
    font-size: 13px;
    font-weight: normal;
}

/* Make modal table text smaller */
#similar_item_display_table_order td,
#similar_item_display_table_supplier td,
#similar_item_display_table_match_against td {
    font-size: 13px;
    font-weight: normal;
}

#similar_item_display_table_order td div,
#similar_item_display_table_supplier td div,
#similar_item_display_table_match_against td div {
    font-size: 13px;
    font-weight: normal;
}

.header-section {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 20px;
    border-radius: 15px 15px 0 0;
    margin: -30px -30px 30px -30px;
}

.tutorial_link {
    color: white;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 25px;
    transition: all 0.3s ease;
}

.tutorial_link:hover {
    background: rgba(255, 255, 255, 0.3);
    color: white;
    text-decoration: none;
    /* transform: translateY(-2px); */
}

.extras_dropdown_menu {
    color: white;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 25px;
    transition: all 0.3s ease;
    cursor: pointer;
    /* ✅ Added for clickable look */
}

.extras_dropdown_menu:hover {
    background: rgba(255, 255, 255, 0.3);
    color: white;
    text-decoration: none;
    /* transform: translateY(-2px); */
}

.step-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    margin-bottom: 30px;
}

/*Make cards in step-container flex properly */
.step-container .card {
    flex: 1;
    transition: all 0.3s ease;
}

/* Subtle hover effect (matching supplier section) */
.step-container .card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.step-header {
    padding: 20px 20px 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.step-number {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
}

.step-1 .step-number {
    background: linear-gradient(135deg, #4facfe, #00f2fe);
}

.step-2 .step-number {
    background: linear-gradient(135deg, #43e97b, #38f9d7);
}

.step-3 .step-number {
    background: linear-gradient(135deg, #fa709a, #fee140);
}

.step-title {
    font-size: 18px;
    font-weight: 600;
    color: #2d3748;
    margin: 0;
}

.step-body {
    padding: 20px;
}

.excel_upload_section .radio-group,
#upload_supp_price_excel_controls .radio-group,
#upload_match_excel_controls .radio-group {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.excel_upload_section .custom-radio,
#upload_supp_price_excel_controls .custom-radio,
#upload_match_excel_controls .custom-radio {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.2s ease;
    border: 1px solid #ced4da;
}

.excel_upload_section .custom-radio:hover,
#upload_supp_price_excel_controls .custom-radio:hover,
#upload_match_excel_controls .custom-radio:hover {
    background: #f7fafc;
    border-color: #4facfe;
}

.excel_upload_section .custom-radio input[type="radio"],
#upload_supp_price_excel_controls .custom-radio input[type="radio"],
#upload_match_excel_controls .custom-radio input[type="radio"] {
    margin: 0;
}

.file-upload-area {
    border: 2px dashed #cbd5e0;
    border-radius: 12px;
    padding: 40px 20px;
    text-align: center;
    transition: all 0.3s ease;
    background: #f7fafc;
}

/* .file-upload-area:hover {
    border-color: #43e97b;
    background: #f0fff4;
} */

.file-upload-icon {
    font-size: 48px;
    color: #43e97b;
    margin-bottom: 15px;
}

.mapping-section {
    background: #f8fafc;
    border-radius: 8px;
    padding: 20px;
}

.mapping-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

/* Default state - hide supplier info sections (radio button 1 behavior) */
.existing_order_supplier_info {
    display: none;
}

/* Show buyer info sections by default */
.existing_order_buyer_info {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.column_match_arrow_wrapper_div.existing_order_buyer_info,
.column_match_arrow_wrapper_div.existing_order_supplier_info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 12px;
}

/* When elements are explicitly shown/hidden by JavaScript */
.existing_order_buyer_info[style*="display: block"],
.existing_order_supplier_info[style*="display: block"],
.order_upl_custom_supp_name[style*="display: block"] {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.existing_order_buyer_info[style*="display: none"],
.existing_order_supplier_info[style*="display: none"],
.order_upl_custom_supp_name[style*="display: none"] {
    display: none !important;
}

#existing_order_xls_selectboxes select {
    height: auto;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
}

/* Default state - hide multiple customer import sections (radio button 3 behavior) */
.existing_order_multiple_customer_info {
    display: none;
}

.existing_order_multiple_customer_supplier_info {
    display: none;
}

/* When elements are explicitly shown/hidden by JavaScript */
.existing_order_multiple_customer_info[style*="display: block"],
.existing_order_multiple_customer_supplier_info[style*="display: block"] {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.existing_order_multiple_customer_info[style*="display: none"],
.existing_order_multiple_customer_supplier_info[style*="display: none"] {
    display: none !important;
}

.mapping-label {
    flex: 1;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    color: #4a5568;
}

.mapping-arrow {
    color: #fa709a;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mapping-select {
    flex: 1;
}

.collapse-btn {
    background: linear-gradient(135deg, #4facfe, #00f2fe);
    border: none;
    border-radius: 25px;
    color: white;
    padding: 8px 16px;
    font-weight: 500;
    margin-top: 20px;
    transition: all 0.3s ease;
}

.collapse-btn:hover {
    background: linear-gradient(135deg, #3182ce, #00b4d8);
}

.results-section {
    background: white;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.results-header {
    text-align: center;
    color: #2d3748;
    margin-bottom: 20px;
}

.results-table {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.results-table thead {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
}

.results-table th {
    padding: 15px 12px;
    font-weight: 500;
    border: none;
}

.form-label {
    font-weight: 500;
    color: #4a5568;
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    .step-container {
        flex-direction: column;
    }

    .radio-group {
        flex-direction: column;
    }
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------END OF CSS RULES FOR UPLOAD CUSTOM ORDER FROM EXCEL SECTION IN HOME PAGE-----------------------------------------------*/
/****************************************************************************************************************************************************/

/* BELOW ARE SUPPLIER INFO EXCEL UPLOAD HOME PAGE SPECIFIC CSS BESIDE THOSE SHARED ABOVE*/
/* Target the supplier structure specifically */

/* Fix date input width and padding */
#upload_supp_price_excel_controls .col-12 {
    padding: 15px !important;
}

#upload_supp_price_excel_controls input[type="date"] {
    width: 100% !important;
    max-width: none !important;
}

/* Fix file upload section padding */
#upload_supp_price_excel_controls .file_input_wrapper {
    margin: 0 !important;
    padding: 40px 20px !important;
}

/* Ensure card body has proper padding */
#upload_supp_price_excel_controls .card-body {
    padding: 1.25rem !important;
}

/* Fix button positioning */
#upload_supp_price_excel_controls .btn {
    margin: 5px 0 !important;
}

#fold_unfold_supp_excel {
    background: linear-gradient(135deg, #4facfe, #00f2fe) !important;
    border: none !important;
    border-radius: 25px !important;
    color: white !important;
    padding: 8px 16px !important;
    font-weight: 500;
    margin-top: 20px;
    font-size: 14px !important;
}

#fold_unfold_supp_excel:hover {
    background: linear-gradient(135deg, #3182ce, #00b4d8) !important;
    color: white !important;
}

/* FOR DRAG AND DROP VISUAL FEEDBACK*/
.file-upload-area {
    transition: all 0.3s ease;
}

.file-upload-area.drag-active {
    background-color: #e3f2fd;
    border: 2px dashed #2196f3;
    transform: scale(1.02);
}

/*********************************************************************************************/
/**************************END OF SUPPLIER SECTION UPLOAD EXCEL STYLING FROM HOME PAGE*/

/**********************************************************************************************/
/**********************************************************************************************
/************************BELOW MATCH AGAINST UPLOAD EXCEL FROM HOME PAGE*********************************************/

/* Arrow styling */
.icon-compare_arrows {
    color: #fa709a !important;
    font-size: 24px !important;
}

/* Specific button styling */
#fold_unfold_match_excel {
    background: linear-gradient(135deg, #4facfe, #00f2fe) !important;
    border: none !important;
    border-radius: 25px !important;
    color: white !important;
    padding: 8px 16px;
    font-weight: 500;
    margin-top: 20px;
    font-size: 14px;
    outline: none !important;
    cursor: pointer;
}

#fold_unfold_match_excel:hover {
    background: linear-gradient(135deg, #3182ce, #00b4d8) !important;
    color: white !important;
}

#match_non_exist_list {
    background: white;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

/* Fix mapping section flex layout */
#upload_match_excel_controls .row.main_page_bulk_upload_height {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0;
    background: #f8fafc;
    border-radius: 8px;
    padding: 20px;
}

#upload_match_excel_controls .col-5 {
    flex: 1;
    max-width: 40%;
}

#upload_match_excel_controls .col-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
    width: 50px;
}

#upload_match_excel_controls .col-1 label {
    background: transparent !important;
    border: none !important;
    margin: 0;
}


.icon-compare_arrows {
    color: #fa709a !important;
    font-size: 24px !important;
}

@media (max-width: 768px) {
    #upload_match_excel_controls.row {
        flex-direction: column;
    }
}

/******************************END OF MATCH AGAINST UPLOAD EXCEL STYLING**************************/
/************************************************************************************************/
/****************************************************************************************************
/*-------------------------------btn on modal when uploading excel from home page*/
/* Common tooltip styles for all Excel upload buttons */
.excel_btn_with_tooltip {
    border-radius: 6px !important;
    padding: 6px 10px !important;
    display: inline-flex;
    /* ✅ Changed from flex to inline-flex */
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    /* Center the button */
}

.excel_btn_with_tooltip::before {
    content: attr(data-hover_display);
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0s;
    /* ✅ Immediate hide */
    pointer-events: none;
    z-index: 1000;
}

.excel_btn_with_tooltip:hover::before {
    opacity: 1;
    transition: opacity 0.3s 0.7s;
    /* ✅ 0.7s delay before showing */
}

/* Hide text spans inside buttons */
.excel_btn_with_tooltip .btn_span,
.excel_btn_with_tooltip .space_span {
    display: none;
}

/*                 table improvements                                       */
.table-striped>tbody>tr:nth-of-type(odd)>td {
    background-color: #fafbfc;
}

/*----------------------no file warning text dynamically displaying--------------------------*/
#no_file_warning {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    /* or min-height: 200px */
    text-align: center;
}

/* ____________________ custom file note entry area_______________________________________*/
/* Note History Modal Styling */
/* Note History Modal Styling */
.custom-file-note-item {
    margin-bottom: 15px;
    padding: 12px;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: none;
    position: relative;
    /* For positioning remove button */
}

.custom-file-note-item.existing-note {
    border-left: none;
    /* Only left border */
    border-right: none;
    border-top: none;
    border-bottom: none;
    background: linear-gradient(to right, #f8f9fa, #ffffff);
}

.custom-file-note-item.new-note {
    border-left: none;
    /* Only left border */
    border-right: none;
    border-top: none;
    border-bottom: none;
    background: linear-gradient(to right, #f8fff9, #ffffff);
    animation: slideIn 0.3s ease-out;
}

.custom-file-note-item .note-date {
    color: #6c757d;
    font-size: 0.85rem;
    margin-bottom: 8px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.custom-file-note-item.new-note .note-date {
    color: #28a745;
}

.custom-file-note-textarea {
    width: 100%;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    padding: 8px;
    font-size: 0.9rem;
    background: #ffffff;
    transition: border-color 0.2s ease;
}

.custom-file-note-item.new-note .custom-file-note-textarea {
    border: 2px solid #28a745;
    min-height: 60px;
}

.custom-file-note-textarea:focus {
    border-color: #007bff;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-note-item.new-note .custom-file-note-textarea:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.note-remove-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #dc3545;
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.note-remove-btn:hover {
    opacity: 1;
    background: #c82333;
}

.custom-file-note-item.new-note .note-remove-btn {
    background: #6c757d;
    /* Gray for new unsaved notes */
}

.custom-file-note-item.new-note .note-remove-btn:hover {
    background: #5a6268;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

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

.flagstrap-icon {
    margin-right: 15px !important;
}

/* Status indicators - on the breadcrumb */
#status_indicators {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 12px;
    flex-shrink: 1;
    min-width: 0;
}

#status_indicators .status-badge {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    border: 1px solid;
}

/* Phase colors */
#phase_indicator.phase-negotiation {
    background-color: #e3f2fd;
    color: #1976d2;
    border-color: #bbdefb;
}

#phase_indicator.phase-confirmation {
    background-color: #fff3e0;
    color: #f57c00;
    border-color: #ffcc02;
}

#phase_indicator.phase-fulfillment {
    background-color: #e8f5e8;
    color: #2e7d32;
    border-color: #c8e6c9;
}

/* Control colors */
#control_indicator.control-your-turn {
    background-color: #e8f5e8;
    color: #2e7d32;
    border-color: #c8e6c9;
}

#control_indicator.control-awaiting {
    background-color: #fff3e0;
    color: #f57c00;
    border-color: #ffcc02;
}

#control_indicator.control-review {
    background-color: #fce4ec;
    color: #c2185b;
    border-color: #f8bbd9;
}

/*======================================================================================*/
/* Elegant styling for category name in confirmation modal */
#cat_name_for_adding {
    font-size: 16px;
    font-weight: 600;
    color: #2c3e50;
    font-style: italic;
    letter-spacing: 0.3px;
}

/*in excel export modal window important warning below for exceeding limits*/
/* Catalog export warning styles */
#catalog_limit_warning {
    border-left: 3px solid #dc3545;
    background-color: #fff3cd;
    color: #dc3545;
    font-weight: 500;
}

#catalog_limit_warning.show {
    display: block !important;
}

#catalog_limit_warning.muted {
    display: block !important;
    border-left-color: #6c757d;
    background-color: #f8f9fa;
    color: #6c757d;
}

/*settings page fields section each row putting gap.*/
#fields_table tbody tr td {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/*==================================****======****========****=======****===******===****=
==================================****====****========****=========****===***=**===****=
==================================****==****========****===========****==**=====**=****=
==================================****====****========****=========********=====**=****=*/
svg.ezinq-svg-icon {
    width: 1em;
    /* Makes size relative to parent font-size */
    height: 1em;
    display: inline-block;
    /* Allows side-by-side display with text */
    vertical-align: -0.125em;
    fill: currentColor;
    /* Ensures icon color matches surrounding text color */
    flex-shrink: 0;
}

.ezinq-svg-icon.icon-small {
    width: 1em;
    height: 1em;
}

.ezinq-svg-icon.fnt_size_14 {
    font-size: 14px !important;
}

svg.ezinq-svg-icon.empty_state_icon {
    width: 100px;
    height: 100px;
    color: #ccc;
}

.icon-checkbox-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

svg.ezinq-svg-icon.icon-size-18 {
    width: 18px;
    height: 18px;
}

/*for settings page unpaid users indicator that hook website related two buttons are not available for them. this restriction .js code
is in settingsCore.js in init function starts by checking restricted services..*/
.restricted-section {
    opacity: 0.6;
    cursor: not-allowed !important;
}

.restricted-badge {
    font-size: 0.8em;
    margin-left: 5px;
}

/*modal window specs with search functinality at top*/
.modal_search_bar {
    padding: 15px 20px;
    background-color: var(--lightest_background_gray);
    border-bottom: 1px solid var(--light_border_grey);
}

.search_input_width {
    max-width: 400px;
    width: 100%;
}

/*Create custom file entering name and making file purpose selection css*/
.file-purpose-section {
    margin-top: 15px;
    margin-bottom: 15px;
}

.file-purpose-label {
    display: block;
    margin-bottom: 10px;
    font-weight: 400;
}

.file-purpose-options {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.file-purpose-option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px;
    cursor: pointer;
}

.file-purpose-option input[type="radio"] {
    margin: 0;
    cursor: pointer;
}

.purpose-color-box {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    display: inline-block;
}

.purpose-color-box.general-list {
    background-color: #6c757d;
}

.purpose-color-box.purchase-list {
    background-color: #28a745;
}

.purpose-color-box.sales-list {
    background-color: #dc3545;
}

.purpose-color-box.trading-list {
    background-color: #9b59b6;
}

.purpose-text {
    cursor: pointer;
    font-size: 14px !important;
}

/*for the workbench (customfile) detail content display page purpose badge*/
/* File Purpose Badge Styles */
.file-purpose-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 8px;
    color: #fff;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.general-badge {
    background-color: #6c757d;
    /* Gray */
}

.purchase-badge {
    background-color: #28a745;
    /* Green */
}

.sales-badge {
    background-color: #dc3545;
    /* Red */
}

.trading-badge {
    background-color: #9b59b6;
    /* Purple */
}

/* Optional: Hover effect */
.file-purpose-badge:hover {
    opacity: 0.85;
}

/*home page file purpose on custom file*/
/* Small purpose badge for file list */
.file-purpose-badge-small {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    margin-left: 6px;
    color: #fff;
    vertical-align: middle;
}

/*file owner for custom file list*/
/* Owner display styles */
.owner-info-cell {
    font-size: 12px;
}

.owner-chain {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.owner-original {
    color: #6c757d;
    font-style: italic;
}

.owner-arrow {
    color: #007bff;
    font-weight: bold;
}

.owner-current {
    color: #28a745;
    font-weight: 600;
}

.owner-normal {
    color: #333;
}

/*ONLY ADMIN SECTION USED*/
/* Admin Service Assignment - Service Cards */
#admin_service_cards_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    padding: 20px 0;
}

#admin_service_cards_wrapper .con_card,
#admin_service_cards_wrapper .bundle_card {
    cursor: pointer;
    border: 2px solid #6788a6;
    border-radius: 8px;
    padding: 15px;
    background: white;
    transition: all 0.3s;
    min-width: 200px;
    position: relative;
}

#admin_service_cards_wrapper .con_card:hover,
#admin_service_cards_wrapper .bundle_card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

#admin_service_cards_wrapper .con_card.item,
#admin_service_cards_wrapper .bundle_card.item {
    border: 3px solid #03396c;
    background: #f0f8ff;
}

#admin_service_cards_wrapper .header {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

#admin_service_cards_wrapper .price {
    text-align: center;
    font-size: 24px;
    color: #03396c;
    margin: 10px 0;
}

#admin_service_cards_wrapper .con_card_footer {
    text-align: center;
    font-size: 12px;
    color: #666;
    margin-top: 10px;
}

/* Checkmark for selected cards */
#admin_service_cards_wrapper .con_card.hidePseduo::after,
#admin_service_cards_wrapper .bundle_card.hidePseduo::after {
    display: none;
}

#admin_service_cards_wrapper .con_card.item::after,
#admin_service_cards_wrapper .bundle_card.item::after {
    content: "✓";
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    background: #28a745;
    color: white;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    font-weight: bold;
}

/* Bundle card specific styles */
#admin_service_cards_wrapper .bundle_card {
    min-width: 300px;
}

#admin_service_cards_wrapper .bundle_title {
    background: #03396c;
    color: white;
    padding: 5px 15px;
    border-radius: 5px;
    font-weight: bold;
    margin-bottom: 10px;
}

/*tabs on the admin_home_modal in admin_home page*/
/* Admin Modal Tabs - Better Visibility */
#adminModalTabs .nav-link,
#contactDetailTabs .nav-link {
    color: #333 !important;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-bottom: none;
    padding: 10px 15px;
    margin-right: 2px;
    font-weight: 500;
}

#adminModalTabs .nav-link:hover,
#contactDetailTabs .nav-link:hover {
    color: #000 !important;
    background-color: #e9ecef;
}

#adminModalTabs .nav-link.active,
#contactDetailTabs .nav-link.active {
    color: #000 !important;
    background-color: #fff !important;
    border-bottom: 1px solid #fff;
    font-weight: 600;
}

/*admin*/
/* User Details Modal Styling */
#userDetailsPanel .section-header {
    font-size: 16px;
    font-weight: 600;
    color: #495057;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e9ecef;
}

#userDetailsPanel .section-header:first-child {
    margin-top: 0;
}

#userDetailsPanel .form-control-sm {
    font-size: 14px;
}

#userDetailsPanel label {
    font-weight: 500;
    font-size: 13px;
    color: #6c757d;
    margin-bottom: 5px;
}

/* Read-only field styling */
#userDetailsPanel .form-control[readonly] {
    background-color: #f8f9fa;
    cursor: not-allowed;
}

/* Editable field highlight when in edit mode */
#userDetailsPanel .form-control:not([readonly]):not([disabled]) {
    border-color: #80bdff;
    background-color: #fff;
}

/* Button styling consistency */
#userDetailsPanel .modal-footer {
    background-color: #f8f9fa;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
    padding: 15px 20px;
}

/* Section spacing */
#userDetailsPanel .mb-3 {
    margin-bottom: 1rem !important;
}

/* System info section - lighter background */
#userDetailsPanel .form-control[readonly][style*="background-color: #e9ecef"] {
    border-color: #dee2e6;
}
/*---------- PRODUCT LIMIT REACHED MODAL--------------*/
/* Product Limit Modal Specific Styles */
#product_limit_modal .modal-body {
    padding: 30px 20px;
}

#product_limit_modal_message {
    font-size: 16px;
    line-height: 1.6;
    color: #92400E;
    background: #FFFBEB;
    border: 1px solid #FDE68A;
    border-radius: 10px;
    padding: 16px 18px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 500;
}


#trial_button_wrapper {
    margin: 25px 0 !important;
    padding: 0 15px;
    text-align: center;          /* center text + inline elements */
}

#trial_button_wrapper .trial-start-btn {
    display: inline-flex;        /* allows perfect centering */
    align-items: center;
    justify-content: center;
    width: 100%;                 /* full modal width — feels intentional */
    max-width: 320px;            /* prevents giant ugly button */
    margin: 0 auto;              /* horizontal center */

    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    color: white;

    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.30);
    transition: all 0.25s ease;
}

#trial_button_wrapper .trial-start-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(102, 126, 234, 0.45);
}

#trial_button_wrapper .text-muted {
    font-size: 13px;
    color: #6b7280 !important;
    margin-top: 12px;
}
/*trial success modal*/
/* Trial Success Modal */
.trial-success-modal .modal-content {
    border-radius: 12px;
    border: none;
}

.trial-success-modal .modal-body {
    padding: 40px;
    text-align: center;
}

.trial-success-emoji {
    font-size: 64px;
    margin-bottom: 20px;
}

.trial-success-title {
    color: #28a745;
    font-weight: 600;
    margin-bottom: 15px;
}

.trial-success-desc {
    font-size: 16px;
    color: #333;
    margin-bottom: 25px;
}

.trial-subdomain-box {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 25px;
}

.trial-subdomain-label {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

.trial-subdomain-value {
    font-size: 18px;
    font-weight: 600;
    color: #667eea;
}

.trial-success-btn {
    padding: 12px 40px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 8px;
}
/* ===== CF Admin Share Control Modal ===== */
#cf_admin_share_control_modal .modal-body {
    max-height: 70vh;
    overflow-y: auto;
    padding: 1.5rem;
}

#cf_admin_owner_section,
#cf_admin_shared_section,
#cf_admin_new_action_section {
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
}

#cf_admin_owner_section h6,
#cf_admin_shared_section h6,
#cf_admin_new_action_section h6 {
    color: #555;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e0e0e0;
}

#cf_admin_owner_display {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
}

#cf_admin_shared_list .d-flex {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
}

#cf_admin_new_action_section .d-flex {
    flex-wrap: wrap;
    gap: 0.5rem;
}

#cf_admin_new_action_section select {
    flex: 1;
    min-width: 150px;
}

#cf_admin_share_control_modal hr {
    display: none;
}
/* ============================================================
   Product Excel Upload — Repeated Models Warning Modal
   Target: #import_xls_repeated_modal
   ============================================================ */

#import_xls_repeated_modal #repeated_models_card {
    background-color: rgba(255, 193, 7, 0.08);
}

#import_xls_repeated_modal #repeated_models_card .scrollable_body {
    max-height: 260px;
    overflow-y: auto;
}

#import_xls_repeated_modal .repeated_model_badge {
    display: inline-block;
    padding: 0.35em 0.75em;
    font-size: 0.85rem;
    font-weight: 500;
    color: #856404;
    background-color: rgba(255, 193, 7, 0.15);
    border: 1px solid rgba(255, 193, 7, 0.45);
    border-radius: 0.375rem;
    letter-spacing: 0.01em;
    margin: 0 4px 4px 0;
}
/*-----------------*/
/* ===== Mobile App Section ===== */
.mobile-app-download-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 600px;
}
.mobile-app-platform-card {
    border: 2px solid #e9ecef;
    border-radius: 12px;
    padding: 24px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.mobile-app-platform-card:hover {
    border-color: #667eea;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.mobile-app-platform-header {
    margin-bottom: 16px;
}
.mobile-app-platform-header .icon_span_text_wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}
.mobile-app-platform-icon {
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0;
}
.mobile-app-platform-title {
    font-size: 17px;
    font-weight: 600;
    color: #333;
}
.mobile-app-platform-subtitle {
    font-size: 13px;
    color: #888;
}
.mobile-app-qr-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}
.mobile-app-qr-left {
    flex: 1;
    min-width: 160px;
}
.mobile-app-store-badge {
    display: inline-block;
    margin-bottom: 14px;
}
.mobile-app-store-badge img {
    height: 40px;
    transition: opacity 0.2s ease;
}
.mobile-app-store-badge img:hover {
    opacity: 0.85;
}
.mobile-app-download-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #667eea;
    color: white !important;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.2s ease;
    margin-bottom: 14px;
}
.mobile-app-download-btn:hover {
    background: #5a6fd6;
    text-decoration: none;
}
.mobile-app-download-btn .ezinq-svg-icon {
    width: 16px;
    height: 16px;
    fill: white;
}
.mobile-app-notes {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mobile-app-notes li {
    font-size: 12px;
    color: #888;
    padding: 2px 0;
    display: flex;
    align-items: flex-start;
    gap: 6px;
}
.mobile-app-notes li::before {
    content: '•';
    color: #667eea;
    font-weight: bold;
    flex-shrink: 0;
}
.mobile-app-regional-note {
    margin-top: 12px;
    padding: 10px 14px;
    background: #fff8e1;
    border-left: 3px solid #ffc107;
    border-radius: 4px;
    font-size: 12px;
    color: #666;
    line-height: 1.6;
}
.mobile-app-qr-code-box {
    flex-shrink: 0;
    text-align: center;
}
.mobile-app-qr-code-box img {
    width: 100px;
    height: 100px;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 4px;
}
.mobile-app-qr-label {
    font-size: 11px;
    color: #aaa;
    margin-top: 4px;
}
.index-app-icon {
    width: 28px !important;
    height: 28px !important;
}

html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(f657825a2eeed04632b0.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(0edc57ccafb3ea818597.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(62074ac70bd3cfc10445.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(0cfd6489536ec0987466.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}